@font-face{font-family:TiePing;src:url(/static/fonts/tieping.f483ff9.otf);font-weight:400;font-style:normal}@font-face{font-family:XinHuo;src:url(/static/fonts/xinhuo.499b5f3.ttf) format("truetype");font-weight:400;font-style:normal}body{background:#f2e6d8;padding:0;margin:0;font:20px/1 XinHuo,HanHei SC,PingHei,PingFang SC,STHeitiSC-Light,Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden;cursor:default;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga","kern";font-feature-settings:"liga","kern";-moz-font-feature-settings:"liga","kern";direction:ltr;text-align:left;color:#1a1a1a}.r{float:right}.l{float:left}.clear{clear:both}b{display:block;width:22px;height:22px;padding:0;margin:0;border:none;float:left;background:transparent;font-family:XinHuo,sans-serif;font-size:20px;line-height:22px;text-align:center;color:transparent}b:after{display:none}b.c{color:#4a4a4a;font-weight:400;font-family:TiePing,sans-serif!important}b.active{font-weight:900;font-family:TiePing,XinHuo,sans-serif!important}b.active.type-I{color:#78b9ce}b.active.type-L{color:#e98b2a}b.active.type-J{color:#41555d}b.active.type-Z{color:#ff461f}b.active.type-S{color:#789262}b.active.type-O{color:#ffb61e}b.active.type-T{color:#4c221b}b.ghost{opacity:.3;font-weight:400;font-family:TiePing,XinHuo,sans-serif!important}b.ghost.type-I{color:#78b9ce}b.ghost.type-L{color:#e98b2a}b.ghost.type-J{color:#41555d}b.ghost.type-Z{color:#ff461f}b.ghost.type-S{color:#789262}b.ghost.type-O{color:#ffb61e}b.ghost.type-T{color:#4c221b}b.d{color:#805050;font-family:TiePing,sans-serif!important;-webkit-animation:shatter-right .6s ease-out forwards;animation:shatter-right .6s ease-out forwards}b:nth-child(odd).d{-webkit-animation-name:shatter-left;animation-name:shatter-left}@-webkit-keyframes shatter-left{0%{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);opacity:1}20%{-webkit-transform:scale(1.1) rotate(-10deg);transform:scale(1.1) rotate(-10deg);opacity:.9}to{-webkit-transform:scale(0) rotate(-60deg);transform:scale(0) rotate(-60deg);opacity:0}}@keyframes shatter-left{0%{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);opacity:1}20%{-webkit-transform:scale(1.1) rotate(-10deg);transform:scale(1.1) rotate(-10deg);opacity:.9}to{-webkit-transform:scale(0) rotate(-60deg);transform:scale(0) rotate(-60deg);opacity:0}}@-webkit-keyframes shatter-right{0%{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);opacity:1}20%{-webkit-transform:scale(1.1) rotate(10deg);transform:scale(1.1) rotate(10deg);opacity:.9}to{-webkit-transform:scale(0) rotate(60deg);transform:scale(0) rotate(60deg);opacity:0}}@keyframes shatter-right{0%{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);opacity:1}20%{-webkit-transform:scale(1.1) rotate(10deg);transform:scale(1.1) rotate(10deg);opacity:.9}to{-webkit-transform:scale(0) rotate(60deg);transform:scale(0) rotate(60deg);opacity:0}}.bg{background:none;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}.app{width:750px;padding-top:42px;box-shadow:none;border-radius:4px;position:absolute;top:50%;left:50%;margin:-675px 0 0 -375px;background:#f2e6d8}.rect{width:540px;padding:45px 0 35px;margin:0 auto;position:relative}.rect.drop{-webkit-transform:translateY(5px);transform:translateY(5px)}.screen{height:840px;position:relative}.screen,.screen .panel{width:540px;border:none;margin:0 auto}.screen .panel{height:830px;background:#f2e6d8;padding:8px}.state{width:135px;position:absolute;top:0;right:50%;margin-right:220px;text-align:right}.state p{line-height:1.2;height:85px;padding:20px 0 0;clear:both;color:#d32f2f;font-size:38px}.state p small{display:block;font-size:12px;opacity:.7;margin-top:2px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:1px}.state .bottom{position:absolute;width:114px;top:426px;right:0}.app.mobile .screen .panel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app.mobile .screen .matrix{-webkit-transform-origin:top center;transform-origin:top center;margin-bottom:230px}.app.mobile .state{position:static;width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:40px}.app.mobile .state p{text-align:center;height:auto;margin-bottom:10px}.app.mobile .state .bottom{position:static;width:auto;margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.app.mobile .screen{width:100%;height:auto;min-height:850px;overflow:visible}.app.mobile .screen .panel{width:100%;height:auto;min-height:850px;display:block;position:relative;padding-top:20px}.app.mobile .screen .matrix{position:absolute;top:20px;right:15px;-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transform-origin:top right;transform-origin:top right;margin:0;z-index:10}.app.mobile .state{position:absolute!important;top:20px;right:auto;left:10px;width:135px;-webkit-transform:scale(.8);transform:scale(.8);-webkit-transform-origin:top left;transform-origin:top left;display:block;margin:0;padding-bottom:0}.app.mobile .state p{text-align:left;height:57px;margin-bottom:0}.app.mobile .state .bottom{position:absolute;top:426px}body.mobile-mode{background:url(/static/img/bg_common_mobile_9x16_ink.db0d4cb.webp) no-repeat 50%;background-size:cover;background-attachment:fixed}body.mobile-mode .app{background:transparent!important;box-shadow:none}body.mobile-mode .rect{background:transparent}body.mobile-mode .screen{background:transparent;border:none}body.mobile-mode .screen .panel{background:transparent!important}body.pc-mode{background:url(/static/img/bg_common_pc_16x9_ink.d8c5070.webp) no-repeat 50%;background-size:cover;background-attachment:fixed}body.pc-mode .app{background:transparent!important;box-shadow:none}body.pc-mode .rect,body.pc-mode .screen{background:transparent}body.pc-mode .screen{border:none}body.pc-mode .screen .panel{background:transparent!important}.decorate h1{width:100%;font-weight:700;top:-50px;left:0;margin:0;padding:0;font-size:90px;color:#1a1a1a;font-family:XinHuo,Source Han Serif CN,Songti SC,SimSun,serif;letter-spacing:10px}.decorate h1,.guide{position:absolute;text-align:center}.guide{left:115%;right:115%;line-height:1;white-space:nowrap}.guide.right{right:auto;bottom:5%}.guide>div{width:100px;height:54px;background:#364d4b;display:inline-block;border-radius:4px;position:relative;color:#acc3c1;font-size:16px}.guide>div em{display:block;width:0;height:0;border:6px solid;border-color:transparent transparent #acc3c1;position:absolute;top:50%;left:50%;margin:-9px 0 0 -6px}.guide>div:after,.guide>div:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:4px;box-shadow:inset 0 5px 10px hsla(0,0%,100%,.15)}.guide>div:before{box-shadow:inset 0 -5px 10px rgba(0,0,0,.15)}.guide .up{height:60px;display:block;margin:0 auto 2px}.guide .down{margin:0 10px}.guide .space{left:auto;bottom:5%;height:80px;width:400px;line-height:80px;letter-spacing:2px}.guide .msg{width:auto!important;height:auto!important;background:none!important;box-shadow:none!important;border-radius:0!important;color:#1a1a1a!important;text-align:center;font-family:XinHuo,sans-serif}.guide .msg:after,.guide .msg:before{display:none!important}.guide .msg .control-section{gap:15px;margin-top:20px}.guide .msg .arrow-cluster,.guide .msg .control-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.guide .msg .arrow-cluster .arrow-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:5px}.guide .msg .action-cluster,.guide .msg .arrow-cluster .arrow-row.bottom{margin-top:5px}.guide .msg .func-cluster{gap:15px;margin-top:10px}.guide .msg .func-cluster,.guide .msg .key-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.guide .msg .key-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.guide .msg .key-wrapper .key-cap{display:inline-block;min-width:40px;height:40px;background:#222;color:#eee;border-radius:6px;text-align:center;line-height:36px;border-bottom:4px solid #000;font-family:Arial,sans-serif;font-weight:700;font-size:18px;box-sizing:border-box}.guide .msg .key-wrapper .key-cap.space{width:130px;font-size:14px}.guide .msg .key-wrapper .key-label{margin-top:4px;font-size:12px;color:#555;font-weight:700}.button{position:relative;text-align:center;color:#b22222;border:none;line-height:1;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-flex-negative:1;flex-shrink:1}.button span{position:absolute;display:block;width:100%;height:100%;top:0;left:0;line-height:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:6px;font-family:XinHuo,serif;font-weight:900;color:#f2be45;text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:10;pointer-events:none}.button span small{display:none}.button span.position{position:absolute;top:0;left:0}.button i{display:block;position:relative;border:none;border-radius:6px;background:url(/static/img/button.e467783.webp) no-repeat 50%;background-size:100% 100%;transition:-webkit-transform .1s cubic-bezier(.34,1.56,.64,1);transition:transform .1s cubic-bezier(.34,1.56,.64,1);transition:transform .1s cubic-bezier(.34,1.56,.64,1),-webkit-transform .1s cubic-bezier(.34,1.56,.64,1);box-sizing:border-box}.button i:after,.button i:before{display:none}.button.active i,.button i.active{-webkit-transform:scale(.96);transform:scale(.96)}.button.blue i,.button.green i,.button.red i{background-image:url(/static/img/button.e467783.webp);background-color:transparent;border:none}@media (hover:hover){.button i:hover{background:rgba(178,34,34,.05)}}.button.s0 i{width:140px;height:140px;border-width:5px;border-radius:8px}.button.s0 span{font-size:70px;line-height:1}.button.s1 i{width:min(18vw,150px);height:min(18vw,150px);border-width:4px;border-radius:6px}.button.s1 span{font-size:min(8.5vw,70px);line-height:1}.button.s2 i{width:min(9vw,75px);height:min(9vw,75px);border-width:3px;border-radius:4px}.button.s2 span{font-size:min(4vw,32px);line-height:1}.button.s3 i{width:45px;height:45px;border-width:2px;border-radius:4px}.button.s3 span{font-size:20px;line-height:1}.button em{display:none!important}.next div{height:30px;width:120px;float:right;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.next b{width:30px;height:30px;line-height:30px;font-size:28px;font-weight:400}.music{width:25px;height:21px;background-position:-175px -75px;position:absolute;top:2px;left:-12px}.music.c{background-position:-150px -75px}.pause{width:20px;height:18px;background-position:-100px -75px;position:absolute;top:3px;left:18px}.pause.c{background-position:-75px -75px}.number{height:24px;font-family:XinHuo,serif;font-weight:700;font-size:20px;line-height:24px;color:#1a1a1a;float:right}.number span{float:left;width:20px;height:24px;text-align:center;display:block}.number span.num-n{color:transparent}.number span.num-d,.number span.num-d_c{width:10px;font-family:sans-serif;position:relative;top:-2px}.keyboard{max-width:900px;margin:20px auto 0;padding:0 10px;box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.keyboard,.keyboard .button-row{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.keyboard .button-row{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.keyboard .button-row.secondary-row{gap:12px}.keyboard .button-row.primary-row{padding:0 10%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.keyboard .button-row.primary-row .keyboard-dpad{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.keyboard .button-row.primary-row .keyboard-dpad .dpad-top{display:-webkit-box;display:-ms-flexbox;display:flex;gap:40px}.keyboard .button-row.primary-row .keyboard-dpad .dpad-down{margin-top:10px}.keyboard .button-row.primary-row .keyboard-action{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;padding-top:10px}.logo{width:224px;height:200px;left:50%;margin-left:-112px;text-align:center;overflow:hidden}.logo,.logo p{position:absolute;top:100px}.logo p{width:100%;line-height:1.4;left:0;font-family:XinHuo,serif;font-size:38px;letter-spacing:6px;text-shadow:1px 1px 1px hsla(0,0%,100%,.35)}.logo .dragon{width:80px;height:86px;margin:0 auto}.logo .dragon,.logo .dragon.l1,.logo .dragon.r1{background-position:0 -100px}.logo .dragon.l2,.logo .dragon.r2{background-position:-100px -100px}.logo .dragon.l3,.logo .dragon.r3{background-position:-200px -100px}.logo .dragon.l4,.logo .dragon.r4{background-position:-300px -100px}.logo .dragon.l1,.logo .dragon.l2,.logo .dragon.l3,.logo .dragon.l4{transform:scaleX(-1);-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);-moz-transform:scaleX(-1);-o-transform:scaleX(-1)}.matrix{border:1px solid #1a1a1a;padding:0;margin:0 auto;width:402px;background:#eae8df}.matrix p{width:400px;height:40px;clear:both}.matrix b{width:40px!important;height:40px!important;line-height:40px!important;font-size:38px!important;border-right:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);font-weight:400}.matrix p:last-child b{border-bottom:none}.matrix b:last-child{border-right:none}.sutra-container{left:655px!important;top:87px!important;width:440px!important;height:560px!important}@media (max-width:768px){.sutra-container{left:auto!important;width:170px!important;height:660px!important;top:127px!important}}.load{width:240px;height:240px;float:left;position:relative;color:#fff;text-align:center;position:absolute;top:50%;left:50%;margin:-120px 0 0 -120px}@-webkit-keyframes loads{0%,80%,to{box-shadow:0 0 #1a1a1a;height:4em}40%{box-shadow:0 -2em #1a1a1a;height:5em}}@keyframes loads{0%,80%,to{box-shadow:0 0 #1a1a1a;height:4em}40%{box-shadow:0 -2em #1a1a1a;height:5em}}.load p{position:absolute;bottom:0;left:-25%;width:150%;white-space:nowrap;display:none}.load .loader{text-indent:-9999em;margin:8em auto;position:relative;font-size:11px;-webkit-animation-delay:-.16s;animation-delay:-.16s}.load .loader,.load .loader:after,.load .loader:before{background:#1a1a1a;-webkit-animation:loads 1s infinite ease-in-out;animation:loads 1s infinite ease-in-out;width:1em;height:4em}.load .loader:after,.load .loader:before{position:absolute;top:0;content:""}.load .loader:before{left:-1.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}.load .loader:after{left:1.5em}.sutra-container{position:absolute;left:655px;right:auto;top:87px;height:540px;width:400px;overflow:hidden;z-index:1000;pointer-events:none}.sutra-container .sutra-content{writing-mode:vertical-rl;text-orientation:upright;font-family:XinHuo,sans-serif;font-size:24px;color:#333;line-height:1.5;letter-spacing:4px;position:absolute;right:0;top:0;height:100%;white-space:normal;transition:transform .5s ease-out}.sutra-container .sutra-content .sutra-text-flow{display:inline}.sutra-container .sutra-content .sutra-title{font-weight:700;display:inline-block;margin-bottom:24px}.sutra-container .sutra-content .active-char{display:inline-block;vertical-align:top;width:1em;text-align:center;overflow:hidden}@media (max-width:768px){.sutra-container{left:auto;right:0;top:127px;height:660px;transform:none;width:170px}.sutra-container .sutra-content{font-size:36px;line-height:1.5}.sutra-container .sutra-content .active-char{width:1em}}