body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","CHAOSHIJI","OPPOSansR2","HuaKangTeCuHeiTi-1",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:TaiBeiCuHei;src:url(/static/media/TaiBeiCuHei.10fac26b.TTF)}@font-face{font-family:JiZiJingDianDaBiao;src:url(/static/media/JiZiJingDianDaBiao.97c8829b.TTF)}@font-face{font-family:TaiBeiXiHei;src:url(/static/media/TaiBeiXiHei.7cff0d7c.TTF)}@font-face{font-family:fangzhengyasongGBK;src:url(/static/media/fangzhengyasongGBK.cceaf7e0.ttf)}.character-card-container{position:absolute;left:-322px;top:-370px}.character-card-container_mask1{height:100%;width:100%;-webkit-mask:linear-gradient(90deg,transparent 0,#000 150px);mask:linear-gradient(90deg,transparent 0,#000 150px)}.character-card-container_mask2{height:100%;width:100%;-webkit-mask:linear-gradient(270deg,transparent 0,#000 150px);mask:linear-gradient(270deg,transparent 0,#000 150px)}.detail-character-mask1{height:100%;width:100%;-webkit-mask:linear-gradient(270deg,transparent 0,#000 400px);mask:linear-gradient(270deg,transparent 0,#000 400px)}.detail-character-mask2{height:100%;width:100%;-webkit-mask:linear-gradient(0deg,transparent 0,#000 50px);mask:linear-gradient(0deg,transparent 0,#000 50px)}.character-card{top:409px;left:619px;width:160px;height:386px;position:absolute;overflow:visible;transition:left 1s,z-index 1s,-webkit-transform 1s;transition:left 1s,transform 1s,z-index 1s;transition:left 1s,transform 1s,z-index 1s,-webkit-transform 1s;&.position-0{left:260px;-webkit-transform:scale(.1);transform:scale(.1);z-index:-6}&.position-1{left:315px;-webkit-transform:scale(.9);transform:scale(.9);z-index:8}&.position-2{left:460px;-webkit-transform:scale(.95);transform:scale(.95);z-index:9}&.position-3{left:620px;-webkit-transform:scale(1);transform:scale(1);z-index:10}&.position-4{left:780px;-webkit-transform:scale(.95);transform:scale(.95);z-index:9}&.position-5{left:930px;-webkit-transform:scale(.9);transform:scale(.9);z-index:8}&.position-6{left:1000px;-webkit-transform:scale(.1);transform:scale(.1);z-index:-6}.character-inner-mask-container{position:absolute;overflow:hidden;left:7px;top:8px;width:160px;height:386px;box-sizing:border-box;&.mask-0,&.mask-1{background-color:#000;opacity:.2}&.mask-2,&.mask-4{background-color:#000;opacity:.1}&.mask-5,&.mask-6{background-color:#000;opacity:.2}}.character-inner-mask{width:160px;height:395px;overflow:hidden;margin-left:7px}}@-webkit-keyframes animal{0%{transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg)}to{transform:rotate(-1turn);-ms-transform:rotate(-1turn);-webkit-transform:rotate(-1turn)}}@keyframes animal{0%{transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg)}to{transform:rotate(-1turn);-ms-transform:rotate(-1turn);-webkit-transform:rotate(-1turn)}}.rotate360{-webkit-animation:animal 10s linear infinite;-webkit-transform-origin:center center;transform-origin:center center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:hsla(0,0%,100%,0)}::-webkit-scrollbar-thumb{background-color:#e6c690}.Homepage-character-mask{position:absolute;width:800px;height:870px;left:535px;top:65px;overflow:hidden;-webkit-mask:linear-gradient(0deg,transparent 0,#000 140px);mask:linear-gradient(0deg,transparent 0,#000 140px)}.Homepage-character-mask-phone{position:absolute;width:100%;height:49%;left:31%;top:16%;overflow:hidden;-webkit-mask:linear-gradient(0deg,transparent 0,#000 160px);mask:linear-gradient(0deg,transparent 0,#000 160px);-webkit-transform:scale(1.6);transform:scale(1.6);@media screen and (device-width:414px){left:36%}}.Homepage-character-mask-left{height:100%;width:100%;-webkit-mask:linear-gradient(270deg,transparent 0,#000 140px);mask:linear-gradient(270deg,transparent 0,#000 140px)}.Homepage-character-mask-right{height:100%;width:100%;-webkit-mask:linear-gradient(90deg,transparent 0,#000 140px);mask:linear-gradient(90deg,transparent 0,#000 140px)}.another_character-card{top:420px;right:0;width:520px;height:580px;position:absolute;overflow:visible;transition:right 1s,top 1s,z-index 1s,-webkit-transform 1s;transition:right 1s,top 1s,transform 1s,z-index 1s;transition:right 1s,top 1s,transform 1s,z-index 1s,-webkit-transform 1s;&.position-0{top:-20px;right:5px;-webkit-transform:scale(0);transform:scale(0)}&.position-0,&.position-1{width:135px;height:135px;cursor:pointer}&.position-1{top:109px;right:55px;-webkit-transform:scale(.8);transform:scale(.8)}&.position-2{top:250px;right:157px;width:135px;height:135px;-webkit-transform:scale(1.2);transform:scale(1.2)}&.position-3{top:377px;right:281px;-webkit-transform:scale(.8);transform:scale(.8)}&.position-3,&.position-4{cursor:pointer;width:135px;height:135px}&.position-4{top:460px;right:380px;-webkit-transform:scale(0);transform:scale(0)}}.male_character-card{top:420px;left:0;width:520px;height:580px;position:absolute;overflow:visible;transition:left 1s,top 1s,z-index 1s,-webkit-transform 1s;transition:left 1s,top 1s,transform 1s,z-index 1s;transition:left 1s,top 1s,transform 1s,z-index 1s,-webkit-transform 1s;&.position-0{top:-20px;right:5px;-webkit-transform:scale(0);transform:scale(0)}&.position-0,&.position-1{width:135px;height:135px;cursor:pointer}&.position-1{top:109px;left:65px;-webkit-transform:scale(.8);transform:scale(.8)}&.position-2{top:250px;left:162px;width:135px;height:135px;-webkit-transform:scale(1.2);transform:scale(1.2)}&.position-3{top:377px;left:289px;-webkit-transform:scale(.8);transform:scale(.8)}&.position-3,&.position-4{cursor:pointer;width:135px;height:135px}&.position-4{top:460px;left:380px;-webkit-transform:scale(0);transform:scale(0)}}