*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation}*,body,html{margin:0;padding:0}body,html{height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pk-game,body,html{width:100%;overflow-x:hidden}.pk-game{font-family:Microsoft YaHei,Arial,sans-serif;min-height:100vh;background:url(../../static/img/bg.caf9f928.png) no-repeat;background-size:100% 100%;position:relative}.game-title{font-size:clamp(.5rem,6vw,.875rem);color:#333;margin-bottom:.5rem}.game-screen{padding:0;min-height:calc(100vh - 2.8125rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.game-header-screen{padding:.375rem}.game-header{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-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin-bottom:0;position:relative}.game-header-bg{background:url(../../static/img/tiao.47e6d617.png) no-repeat bottom;background-size:98% 50%}@media (min-width:992px){.game-header{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.game-header .game-title{margin:0;font-size:clamp(.45rem,5vw,.75rem)}.game-info{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.375rem;font-size:clamp(.3rem,4vw,.5rem);margin-top:.25rem;width:7.95313rem;height:1.96875rem;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10000}.game-info-xs{background:url(../../static/img/icon_xianshi.7e4e54d8.png) no-repeat;background-size:100%}.game-info-jf{background:url(../../static/img/icon_jifensai.213700ec.png) no-repeat;background-size:100%}.game-info-js{background:url(../../static/img/icon_jishisai.77819db4.png) no-repeat;background-size:100%}@media (min-width:992px){.game-info{margin-top:0}}.timer{color:#4445ef;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:50%}.question-counter,.timer{font-weight:700;padding:.125rem .25rem}.question-counter{color:#3498db;background-color:rgba(52,152,219,.1);border-radius:.15625rem}.players-container{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-flex:1;-ms-flex:1;flex:1;height:100%}@media (min-width:992px){.players-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.player-section{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:.5rem;-webkit-transition:all .3s;transition:all .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;height:50%;-ms-touch-action:manipulation;touch-action:manipulation;isolation:isolate}.player-section.disabled{opacity:.8}@media (min-width:992px){.player-section{height:100%}}.setup-message{font-size:clamp(.375rem,5vw,.625rem);text-align:center;margin:.75rem 0;color:#777}.setup-message-time{margin-top:1.25rem;color:#fff;font-size:clamp(.5rem,5vw,.75rem);font-weight:700}.player-one{padding-right:2.5rem}.player-two{padding-left:2.5rem}.player-section.player-completed{border-color:#2ecc71}.player-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:relative}.player-header-name-one{position:absolute;top:.3125rem;left:2.29688rem}.player-header-name-one,.player-header-name-one_race{font-family:PingFangSC,PingFang SC;font-weight:600;font-size:clamp(.3rem,3.5vw,.5rem);color:#fff;text-shadow:0 .03125rem .0625rem #3d67ea;text-align:left;width:-webkit-max-content;width:-moz-max-content;width:max-content}.player-header-name-two{position:absolute;top:.3125rem;right:2.29688rem}.player-header-name-two,.player-header-name-two_race{font-family:PingFangSC,PingFang SC;font-weight:600;font-size:clamp(.3rem,3.5vw,.5rem);color:#fff;text-shadow:0 .03125rem .0625rem #ca6427;text-align:right;width:-webkit-max-content;width:-moz-max-content;width:max-content}.one-flex{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.one-header{background:url(../../static/img/tiao_left@2x.3a03a890.png) no-repeat;background-size:100% 100%;padding:.15625rem 0;padding-left:.625rem}.one-header,.two-header{-webkit-box-flex:1;-ms-flex:1;flex:1}.two-header{background:url(../../static/img/tiao_right@2x.9da5e6e4.png) no-repeat;background-size:100% 100%;padding:.15625rem 0;padding-right:.625rem}.two-flex{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.player-header .player-header-img{margin:0;width:2.0625rem;height:2.0625rem;line-height:2.0625rem;border-radius:.78125rem;text-align:center}.header-one{background:url(../../static/img/icon_touxiang_purple.fb9630d4.png) no-repeat;background-size:cover}.header-two{background:url(../../static/img/icon_touxiang_red.3da585f7.png) no-repeat;background-size:cover}.player-header-img img{width:80%;border-radius:100%;vertical-align:middle}.player-score{font-size:clamp(.3rem,3.5vw,.5rem);font-weight:700;color:#fff;padding:.125rem .25rem;border-radius:.15625rem;margin-bottom:.125rem}.question-container{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;min-height:0}.question,.question-container{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.question{font-size:clamp(.375rem,5vw,.75rem);text-align:center;margin:0 auto .5rem;padding:.35938rem .75rem;min-height:1.40625rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;max-width:100%;background:-webkit-gradient(linear,left top,left bottom,from(#6984ff),to(#5340e1));background:linear-gradient(180deg,#6984ff,#5340e1);-webkit-box-shadow:inset 0 .01563rem .3125rem 0 hsla(0,0%,100%,.66),inset 0 .125rem .29688rem 0 #6a72fa,inset 0 .03125rem 0 0 #8378f9;box-shadow:inset 0 .01563rem .3125rem 0 hsla(0,0%,100%,.66),inset 0 .125rem .29688rem 0 #6a72fa,inset 0 .03125rem 0 0 #8378f9;border-radius:.6875rem;font-size:.5625rem;color:#fff}.other-style{background:-webkit-gradient(linear,left top,left bottom,from(#ff716d),to(#ff2615));background:linear-gradient(180deg,#ff716d,#ff2615);-webkit-box-shadow:inset 0 .01563rem .3125rem 0 #fec3b0,inset 0 .125rem .29688rem 0 #feccb1,inset 0 .03125rem 0 0 #f84d22;box-shadow:inset 0 .01563rem .3125rem 0 #fec3b0,inset 0 .125rem .29688rem 0 #feccb1,inset 0 .03125rem 0 0 #f84d22}.options-container{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;padding:.15625rem;position:relative;-webkit-perspective:12.5rem;perspective:12.5rem;margin-top:.15625rem;gap:.1875rem;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;overflow:hidden;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}.options-container,.player1-options,.player2-options{-ms-touch-action:manipulation;touch-action:manipulation}.player1-options,.player2-options{pointer-events:auto;isolation:isolate}.option-button{padding:.15625rem .25rem;font-size:clamp(.28125rem,2.8vw,.46875rem);text-align:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .2s;transition:all .2s;cursor:pointer;margin:.09375rem;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;min-height:.6875rem;position:relative;border:.01563rem solid rgba(0,0,0,.1);width:auto;min-width:1.5625rem;max-width:3.4375rem;border-radius:.46875rem;border:.01563rem solid;font-family:PingFangSC,PingFang SC;font-weight:600;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:normal;word-wrap:break-word;line-height:1.2}.option-button-one{background:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#c7d5fe));background:linear-gradient(180deg,#eee,#c7d5fe);-webkit-box-shadow:0 .125rem .21875rem 0 #6448f6;box-shadow:0 .125rem .21875rem 0 #6448f6;color:#4946f0}.option-button-two{background:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#ffc1c1));background:linear-gradient(180deg,#eee,#ffc1c1);-webkit-box-shadow:0 .125rem .21875rem 0 rgba(214,50,41,.63);box-shadow:0 .125rem .21875rem 0 rgba(214,50,41,.63);color:#fa4d45}.option-button-english{max-width:4.375rem}.option-size-1{width:auto;min-width:1.40625rem;-webkit-transform:rotate(-1deg) translateY(.03125rem);transform:rotate(-1deg) translateY(.03125rem);-webkit-box-shadow:0 .0625rem .15625rem rgba(0,0,0,.12),0 .03125rem .0625rem rgba(0,0,0,.08);box-shadow:0 .0625rem .15625rem rgba(0,0,0,.12),0 .03125rem .0625rem rgba(0,0,0,.08);z-index:1}.option-size-2{width:auto;min-width:1.5625rem;-webkit-transform:rotate(1deg) translateY(-.04688rem);transform:rotate(1deg) translateY(-.04688rem);-webkit-box-shadow:0 .09375rem .21875rem rgba(0,0,0,.15),0 .03125rem .07813rem rgba(0,0,0,.1);box-shadow:0 .09375rem .21875rem rgba(0,0,0,.15),0 .03125rem .07813rem rgba(0,0,0,.1);z-index:3}.option-size-3{width:auto;min-width:1.71875rem;-webkit-transform:rotate(-.5deg) translateY(.01563rem);transform:rotate(-.5deg) translateY(.01563rem);-webkit-box-shadow:0 .125rem .28125rem rgba(0,0,0,.14),0 .04688rem .09375rem rgba(0,0,0,.1);box-shadow:0 .125rem .28125rem rgba(0,0,0,.14),0 .04688rem .09375rem rgba(0,0,0,.1);z-index:2}.option-button:hover{-webkit-transform:translateY(-.07813rem) scale(1.03);transform:translateY(-.07813rem) scale(1.03);-webkit-box-shadow:0 .1875rem .46875rem rgba(0,0,0,.2);box-shadow:0 .1875rem .46875rem rgba(0,0,0,.2);z-index:10}.option-button:active{-webkit-transform:scale(.98) translateY(.04688rem);transform:scale(.98) translateY(.04688rem);-webkit-box-shadow:0 .03125rem .07813rem rgba(0,0,0,.1);box-shadow:0 .03125rem .07813rem rgba(0,0,0,.1)}.option-button.correct{background:#2ecc71;color:#fff;border-color:#27ae60;-webkit-box-shadow:0 .0625rem .1875rem rgba(46,204,113,.3),0 .03125rem .0625rem rgba(46,204,113,.2);box-shadow:0 .0625rem .1875rem rgba(46,204,113,.3),0 .03125rem .0625rem rgba(46,204,113,.2);z-index:5}.option-button.incorrect{background:#e74c3c;color:#fff;border-color:#c0392b;-webkit-box-shadow:0 .0625rem .1875rem rgba(231,76,60,.3),0 .03125rem .0625rem rgba(231,76,60,.2);box-shadow:0 .0625rem .1875rem rgba(231,76,60,.3),0 .03125rem .0625rem rgba(231,76,60,.2);z-index:5;-webkit-animation:errors 1s ease-in-out;animation:errors 1s ease-in-out}@-webkit-keyframes errors{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes errors{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}.player-status{text-align:center;font-size:clamp(.3rem,3vw,.5rem);color:#2ecc71;font-weight:700;margin-top:.375rem;padding:.25rem;background-color:rgba(46,204,113,.1);border-radius:.23438rem;-webkit-box-shadow:0 .0625rem .1875rem rgba(46,204,113,.1);box-shadow:0 .0625rem .1875rem rgba(46,204,113,.1)}.options-toggle{right:.46875rem}.options-toggle,.options-toggle_refesh{position:fixed;bottom:.46875rem;border:none;border-radius:50%;font-size:.375rem;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;cursor:pointer;z-index:1000;-webkit-box-shadow:0 .0625rem .23438rem rgba(52,152,219,.4);box-shadow:0 .0625rem .23438rem rgba(52,152,219,.4);-webkit-transition:background-color .3s,-webkit-transform .3s;transition:background-color .3s,-webkit-transform .3s;transition:transform .3s,background-color .3s;transition:transform .3s,background-color .3s,-webkit-transform .3s;background:transparent}.options-toggle_refesh{left:.46875rem}.options-toggle:active{-webkit-transform:scale(.95);transform:scale(.95)}.options-icon{font-size:.375rem;width:1.25rem;height:1.25rem;line-height:1.25rem;text-align:center}.options-icon img{width:100%}.options-panel{position:fixed;bottom:1.79688rem;right:.46875rem;width:2.5rem;max-width:85vw;background-color:#fff;padding:.25rem;z-index:999;-webkit-transform:translateX(120%);transform:translateX(120%);-webkit-transition:-webkit-transform .4s cubic-bezier(.175,.885,.32,1.275);transition:-webkit-transform .4s cubic-bezier(.175,.885,.32,1.275);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .4s cubic-bezier(.175,.885,.32,1.275);max-height:80vh;-webkit-box-shadow:0 .07813rem .07813rem 0 rgba(229,78,47,.64);box-shadow:0 .07813rem .07813rem 0 rgba(229,78,47,.64);border-radius:.25rem}.options-panel.visible{-webkit-transform:translateX(0);transform:translateX(0)}.options-title{font-size:.375rem;text-align:center;margin-bottom:.3rem;color:#333}.setup-section{margin-bottom:.375rem;position:relative}.section-time{text-align:center;background:#fff;border-radius:.25rem;padding:.125rem 0;-webkit-transition:all .3s;transition:all .3s}.time-span{font-size:.3rem;margin:0 .15625rem;font-style:normal}.section-time-icon{display:inline-block;width:.375rem;height:.375rem;color:0 .07813rem .07813rem 0 rgba(229,78,47,.64);color:#2c3e50;font-size:.3rem;vertical-align:middle}.section-time-icon:hover{cursor:pointer;color:#fc7634}.icon-jian{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAAXNSR0IArs4c6QAAAZ9JREFUaEPtmzFqhUAQhmdBtFCxEbUQUiS9niEHSC7gMVIHcpFUHiN3iJJWe8FGDILdhH15BvPgIW/jg9nNLIiCO/r/8w0LyqyA1ej73h/H8QkAHhDxDgC89X0dr8UiummaeyHEKyLe6GjknOaDwaO5N0QUQgjwPA8cxwHLsrT0Os8zDMNw0C6OZfkhydm2DXEcgzzrPKZpgq7rvg22bfuCiM+SXJqm2puTpk4NVoiY+b4PURTpDO5H+y+DTdN8ytUyDEMIgsBIgyhdJUkCruuyQR0ycFqiTFAHamuNTFA3Yqd6mSATJJ4BLlHigDblMcHNFBGfwASJA9qUxwQ3U0R8AhMkDmhT3u4E67qGqqo2X3zJhDzPIcuyS0LO/nT68xd9WZYgjz1HURQgD5WxO0HjDRpfoipldM2Y3Uv0mmJVns0GVbJGKYYJUqKhooUJqmSNUgwTpERDRQsTVMkapRgmSImGihYmqJI1SjFMkBINFS3/jqDZrVxt274jYm5sM57x7ZTGN8TKVcroluZlGTa6KX0xudpW8IiItyZsK/gC12xIf3jU8UgAAAAASUVORK5CYII=) no-repeat;background-size:100% 100%}.icon-jia{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAAXNSR0IArs4c6QAAAcZJREFUaEPtWz2Kg0AUftMJgtgEcgC7KHiIPYRFCtmjbL2HSJHCeg+wZxCMnc2ChZE0ohYJgVmeENkmziizZBzewBCQz8n38xyNvLCiKDisf3SMsQIAvhzH+dxsNu1DEjNE4BgRY+yHc/7ued43HhwFuq4LlmWtMsv7/Q7X6xW6rgPOOTDGOOf8DUWOArfbLdi2vUqBD9K32w3O5zPgJybpOE5glEAUiuLKsnwk+WGcQBRZ1zW0bYsppkYKbJoGLpcLau2MFNj3PVRVNVyaJHCN2yoluMbU/nKmBClBzR2gEtU8ICG9lySYpimcTqeBnO/7EIahkOhSwEsEHg4HSJJk4BxFEcRxvJS/8DwSKLRoAYASXGDas1OoRBWaOS5FJarQVSrRuWbiTRzn1MiyDPI8HyC73Q6CIJjE44PA0ocB5Qkej0fAqXLs93vAuWSQwLmuGV+iMobQbULGJUmM8mtQ5nspQRmXJDGUoKRRs2BUorPsmgZTiSo0c1zK+JdO/2GaVr/oSaBCB16yySjkL1yKBAot0hxACWoekJAeJSi0SHOA8Qka38pldDOe0e2Ukw2xxrc0a74xStN72pQuvYKewKd/K/gF1X7OG8gAi1YAAAAASUVORK5CYII=) no-repeat;background-size:100% 100%}.setup-section h3{font-size:.28125rem;margin-bottom:.2rem;font-family:PingFangSC,PingFang SC;font-weight:500;color:#fc7634}.radio-group{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.15rem}.radio-group,.radio-item{display:-webkit-box;display:-ms-flexbox;display:flex}.radio-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.25rem;border-radius:.125rem;-webkit-transition:background-color .2s;transition:background-color .2s;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.radio-item input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.3rem;height:.3rem;border:.03125rem solid #ddd;border-radius:50%;margin-right:.2rem;position:relative;cursor:pointer;outline:none}.radio-item input[type=radio]:checked{border-color:#fc7634}.radio-item input[type=radio]:checked:before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:.15rem;height:.15rem;background-color:#fc7634;border-radius:50%}.radio-item input[type=radio]:disabled{border-color:#ccc;background-color:#f5f5f5;cursor:default}.radio-item input[type=radio]:disabled:checked:before{background-color:#ccc}.radio-item input[type=radio]:disabled+label{color:#aaa;cursor:default}.radio-item label{cursor:pointer;-webkit-box-flex:1;-ms-flex:1;flex:1}.radio-item input[type=radio]:focus{-webkit-box-shadow:0 0 0 .04688rem rgba(252,118,52,.3);box-shadow:0 0 0 .04688rem rgba(252,118,52,.3)}.start-button{display:block;width:100%;margin:.375rem auto 0;padding:.2rem 0;font-size:.3rem;background-color:#4caf50;color:#fff;border:none;border-radius:.15625rem;cursor:pointer;-webkit-transition:all .1s;transition:all .1s;-webkit-box-shadow:0 .0625rem .1875rem rgba(76,175,80,.3);box-shadow:0 .0625rem .1875rem rgba(76,175,80,.3)}.start-button:active{-webkit-transform:translateY(.04688rem);transform:translateY(.04688rem);-webkit-box-shadow:0 .03125rem .125rem rgba(76,175,80,.3);box-shadow:0 .03125rem .125rem rgba(76,175,80,.3)}.reset-button{display:block;width:100%;margin:.375rem auto 0;padding:.2rem 0;font-size:.3rem;background-color:#e74c3c;color:#fff;border:none;border-radius:.15625rem;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;-webkit-box-shadow:0 .0625rem .1875rem rgba(231,76,60,.3);box-shadow:0 .0625rem .1875rem rgba(231,76,60,.3)}.reset-button:active{-webkit-transform:translateY(.04688rem);transform:translateY(.04688rem);-webkit-box-shadow:0 .03125rem .125rem rgba(231,76,60,.3);box-shadow:0 .03125rem .125rem rgba(231,76,60,.3)}.results-screen{border-radius:.3125rem;max-width:25rem;margin:.5rem auto}.results-container{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-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:.75rem 0;gap:.5rem}@media (min-width:992px){.results-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.player-result{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:clamp(.375rem,5vw,.75rem);border-radius:.3125rem;text-align:center;width:100%;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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.player-result-css{width:5.5rem;height:3.65625rem;margin-bottom:-1.01563rem;z-index:1000}.player-result-win{background:url(../../static/img/icon_win.0b15c12d.png) no-repeat;background-size:100%}.player-result-lose{background:url(../../static/img/icon_lose@2x.dbfa63aa.png) no-repeat;background-size:100%}.player-result-tie{background:url(../../static/img/icon_draw@2x.2829f4fa.png) no-repeat;background-size:100%}.player-result h2{font-size:clamp(.45rem,5vw,.75rem);margin-bottom:.5rem;color:#333}.result-stats{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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:7.125rem;height:4.40625rem;border-radius:1.25rem;border:.01563rem solid;font-size:.5625rem}.player-result-one{color:#4946f0;background:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#b9c8f7));background:linear-gradient(180deg,#eee,#b9c8f7);-webkit-box-shadow:0 .125rem .26563rem 0 #3634da;box-shadow:0 .125rem .26563rem 0 #3634da}.player-result-two{color:#fa4d45;background:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#ffc1c1));background:linear-gradient(180deg,#eee,#ffc1c1);-webkit-box-shadow:0 .125rem .21875rem 0 rgba(214,50,41,.63);box-shadow:0 .125rem .21875rem 0 rgba(214,50,41,.63)}.result-stat{font-size:clamp(.375rem,4vw,.625rem);font-weight:700;border-radius:.1875rem}.result-stat span{font-size:1.09375rem}.winner-display{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;text-align:center;padding:.5rem;width:100%}@media (min-width:992px){.winner-display{width:auto}}.winner{font-size:clamp(.5rem,6vw,1rem);font-weight:700;color:#f39c12;margin-bottom:.375rem;-webkit-animation:pulse 1.5s infinite;animation:pulse 1.5s infinite;text-shadow:0 .03125rem .15625rem rgba(243,156,18,.3)}.winner.tie{color:#3498db;text-shadow:0 .03125rem .15625rem rgba(52,152,219,.3)}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}.restart-button{display:block;width:min(6.25rem,80%);margin:.75rem auto;padding:.375rem 0;font-size:clamp(.375rem,4vw,.5rem);background-color:#3498db;color:#fff;border:none;border-radius:.23438rem;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s;-webkit-box-shadow:0 6ppx rgba(52,152,219,.3);box-shadow:0 6ppx rgba(52,152,219,.3)}.restart-button:active{-webkit-transform:translateY(.04688rem);transform:translateY(.04688rem);-webkit-box-shadow:0 .04688rem .125rem rgba(52,152,219,.3);box-shadow:0 .04688rem .125rem rgba(52,152,219,.3)}.confirm-dialog{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1100}.confirm-dialog-content{background-color:#fff;padding:.5rem;border-radius:.23438rem;max-width:90%;width:6.25rem;text-align:center}.confirm-dialog-content p{font-size:.325rem;margin-bottom:.5rem;color:#333}.confirm-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.25rem}.confirm-buttons button{padding:.2rem .375rem;font-size:.3rem;border-radius:.125rem;border:none;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.cancel-button{background-color:#eee;color:#555}.confirm-button{background-color:#e74c3c;color:#fff}.cancel-button:active,.confirm-button:active{-webkit-transform:translateY(.03125rem);transform:translateY(.03125rem)}@media (pointer:coarse){.option-button,.reset-button,.restart-button,.start-button{cursor:default}.option-button,.options-toggle,.radio-item input[type=radio],.radio-item label{min-height:.6875rem;min-width:.6875rem}}@media (orientation:landscape) and (min-width:992px){.players-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.player-section{border-top:none;border-bottom:none}.player-one{border-left-width:.1875rem;border-right:none}.player-two{border-right-width:.1875rem;border-left:none}}@media (max-width:768px){.options-container{gap:1.25rem}.option-button{width:2.34375rem}}.countdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:20000}.countdown-number{font-size:clamp(1.25rem,20vw,3.75rem);font-weight:700;color:#fff;text-shadow:0 0 .3125rem hsla(0,0%,100%,.5);-webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out;transition:opacity .3s ease-out,-webkit-transform .3s ease-out;transition:transform .3s ease-out,opacity .3s ease-out;transition:transform .3s ease-out,opacity .3s ease-out,-webkit-transform .3s ease-out}.countdown-number.animate{-webkit-animation:countdownPulse .9s ease-out;animation:countdownPulse .9s ease-out}@-webkit-keyframes countdownPulse{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes countdownPulse{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.keyboard-prompt .prompt-img{width:4.95313rem;height:1.5625rem;line-height:1.8125rem;text-align:center;margin:0 auto}.player1-img{background:url(../../static/img/zimuguiwei_blue.e3aa5e8f.png) no-repeat;background-size:100% 100%}.player2-img{background:url(../../static/img/zimuguiwei_orange.85373eca.png) no-repeat;background-size:100% 100%}.spelling-game{max-width:15.625rem;margin:0 auto;padding:.3125rem;font-family:Arial,sans-serif}.game-title{font-size:.375rem;font-weight:700;text-align:center}.game-mode-selection,.game-title{margin-bottom:.375rem}.mode-title{font-size:.3125rem;font-weight:600;margin-bottom:.25rem;text-align:center}.game-modes{display:grid;grid-template-columns:1fr;gap:.25rem}@media (min-width:768px){.game-modes{grid-template-columns:repeat(3,1fr)}}.game-mode-card{padding:.25rem;border:.01563rem solid #e5e7eb;border-radius:.125rem;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.game-mode-card:hover{-webkit-transform:translateY(-.03125rem);transform:translateY(-.03125rem)}.game-mode-card.selected,.game-mode-card:hover{border-color:#3b82f6;background-color:#eff6ff}.mode-card-title{font-weight:700;font-size:.28125rem;margin-bottom:.125rem}.mode-card-desc{font-size:.21875rem;color:#6b7280}.game-settings-info{margin-top:.375rem;padding:.25rem;border:.01563rem solid #e5e7eb;border-radius:.125rem}.settings-title{font-weight:600;margin-bottom:.1875rem}.settings-desc{font-size:.21875rem;color:#6b7280}.start-button-container{text-align:center;margin-top:.375rem}.start-btn{background-color:#3b82f6;color:#fff;padding:.1875rem .375rem;border-radius:.09375rem;font-weight:700;font-size:.28125rem;border:none;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.start-btn:hover{background-color:#2563eb}.start-btn.disabled{opacity:.5;cursor:not-allowed}.game-timer{margin-bottom:.25rem;padding:.125rem;background-color:#fef3c7;border-radius:.125rem;text-align:center}.timer-text{font-weight:700}.timer-bar-bg{width:100%;background-color:#e5e7eb}.timer-bar-bg,.timer-bar-fill{border-radius:156.23438rem;height:.15625rem}.timer-bar-fill{background-color:#f59e0b;-webkit-transition:width 1s linear;transition:width 1s linear}.player-timers{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.5rem;margin-bottom:.25rem}.player1-timer,.player2-timer{padding:.125rem;border-radius:.125rem;text-align:center}.player1-timer{background-color:#dbeafe}.player2-timer{background-color:#dcfce7}.player-timer-text{font-weight:700}.player-progress{font-size:.21875rem}.score-display{margin-bottom:.25rem;padding:.125rem;background-color:#f3e8ff;border-radius:.125rem;text-align:center}.target-score{font-weight:700}.player-scores{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.5rem;margin-top:.125rem}.progress-bar-bg{width:2rem;background-color:#e5e7eb}.progress-bar-bg,.progress-bar-fill{border-radius:156.23438rem;height:.15625rem}.progress-bar-fill{-webkit-transition:width .3s ease;transition:width .3s ease}.player1-fill{background-color:#3b82f6}.player2-fill{background-color:#22c55e}.scores{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:.375rem}.player-name{font-size:.28125rem;font-weight:600}.score-value{font-size:.3125rem}.game-area{padding:.375rem}.game-instruction{font-size:.28125rem;margin-bottom:.25rem;text-align:center;font-weight:700}.player-areas{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.375rem}@media (min-width:768px){.player-areas{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.player1-area,.player2-area{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:.25rem;border-radius:.125rem}.player-area-title{text-align:center;font-weight:700;margin-bottom:.1875rem}.player1-title{color:#1d4ed8}.player2-title{color:#15803d}.chinese-meaning{margin-bottom:.1875rem;text-align:center}.meaning-text{color:#fff;font-weight:500;padding:.125rem;display:inline-block}.meaning-value{font-weight:700;font-size:.53125rem}.word-container{margin-bottom:.25rem}.word-display{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.09375rem}.letter-box,.word-display{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.letter-box{min-width:.625rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.125rem;font-weight:700;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}.letter-box.missing{border-bottom:.03125rem solid #fff;cursor:pointer;position:relative;z-index:10}.letter-box.missing:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 0 .07813rem rgba(239,68,68,.5);box-shadow:0 0 .07813rem rgba(239,68,68,.5)}.letter-box.filled{color:#f3f4f6}.letter-box.correct-answer{border-color:#16a34a;-webkit-animation:correctPulse 1.5s infinite;animation:correctPulse 1.5s infinite}.letter-box.incorrect-answer{border-color:#dc2626;-webkit-animation:incorrectShake .5s;animation:incorrectShake .5s}.letter-box.active-position{-webkit-transform:scale(1.1);transform:scale(1.1);border-bottom:.03125rem solid #fff;z-index:20}.position-number{position:absolute;top:-.09375rem;right:-.09375rem;width:.25rem;height:.25rem;border-radius:50%;background-color:#d1d5db;color:#4b5563;font-size:.15625rem;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;-webkit-transition:all .3s ease;transition:all .3s ease}.position-number.active{background-color:#f59e0b;color:#fff}.selected-position-indicator{margin-bottom:.1875rem;text-align:center}.position-text{font-size:.21875rem;font-weight:500;padding:.0625rem;border-radius:.0625rem;display:inline-block}.player1-position{background-color:#dbeafe}.player2-position{background-color:#dcfce7}.position-prompt{font-size:.21875rem;font-weight:500;color:#6b7280}.keyboard-container{margin-bottom:.25rem;-webkit-animation:slideIn .3s ease-out;animation:slideIn .3s ease-out}.keyboard-row{margin-bottom:.125rem}.keyboard-key-wrapper,.keyboard-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.keyboard-key-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 .15625rem}.confirm-wrapper,.delete-wrapper{margin-left:.125rem}.keyboard-key{width:1.01563rem;height:1.01563rem;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;border:.03125rem solid;border-radius:.09375rem;font-size:.46875rem;font-weight:700;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;position:relative;z-index:5;text-transform:uppercase}.player1-key{background-color:#fff;color:#3b82f6}.player1-key:hover:not(:disabled){background-color:#dbeafe;-webkit-transform:scale(1.05);transform:scale(1.05);color:#fff}.player1-key.player1-selected{background-color:#3b82f6;color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.player2-key{background-color:#fff;color:#ff716d}.player2-key:hover:not(:disabled){background-color:#f7d5d4;-webkit-transform:scale(1.05);transform:scale(1.05);color:#fff}.player2-key.player2-selected{background-color:#ff604c;color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.keyboard-key.disabled,.keyboard-key:disabled{opacity:.5;cursor:not-allowed;-webkit-transform:none;transform:none}.confirm-key{min-width:1.26563rem;height:1.01563rem;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;border:.03125rem solid;border-radius:.09375rem;font-size:.46875rem;font-weight:700;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;position:relative;z-index:5}.player1-confirm{border-color:#3b82f6;background-color:#3b82f6;color:#fff}.player1-confirm:hover:not(:disabled){background-color:#2563eb;-webkit-transform:scale(1.05);transform:scale(1.05)}.player2-confirm{border-color:#ff716d;background-color:#ff716d;color:#fff}.player2-confirm:hover:not(:disabled){background-color:red;-webkit-transform:scale(1.05);transform:scale(1.05)}.confirm-key.disabled{opacity:1;cursor:not-allowed;-webkit-transform:none;transform:none}.delete-key{width:1.26563rem;height:1.01563rem;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;border:.03125rem solid;border-radius:.09375rem;font-size:.46875rem;font-weight:700;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;position:relative;z-index:5}.player1-delete{border-color:#93c5fd;background-color:#fff;color:#3b82f6}.player1-delete:hover:not(:disabled){background-color:#dbeafe;-webkit-transform:scale(1.05);transform:scale(1.05)}.player2-delete{border-color:#ff716d;background-color:#fff;color:#ff716d}.player2-delete:hover:not(:disabled){background-color:#dcfce7;-webkit-transform:scale(1.05);transform:scale(1.05)}.delete-key.disabled{opacity:.5;cursor:not-allowed;-webkit-transform:none;transform:none}.keyboard-prompt{text-align:center;margin-bottom:.25rem;padding:.1875rem;border-radius:.09375rem;-webkit-animation:fadeIn .3s;animation:fadeIn .3s}.player1-prompt,.player2-prompt{font-size:.45313rem;color:#fff}.selections-summary{padding:.125rem;background-color:#fff;border-radius:.09375rem;margin-bottom:.25rem}.selections-title{text-align:center;font-size:.21875rem;font-weight:500;margin-bottom:.0625rem}.player1-selections-title{color:#1d4ed8}.player2-selections-title{color:#15803d}.selections-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.0625rem}.selection-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:500;padding:.0625rem .125rem;border-radius:156.23438rem;font-size:.1875rem}.clear-selection{margin-left:.0625rem;color:#6b7280;border:none;background:none;cursor:pointer}.clear-selection:hover{color:#374151}.feedback{margin-top:.1875rem;text-align:center;padding:.125rem;border-radius:.09375rem;-webkit-animation:fadeIn .5s;animation:fadeIn .5s}.correct-message{color:#16a34a}.correct-message,.incorrect-message{font-weight:500;font-size:.21875rem;font-size:.5rem}.incorrect-message{color:#dc2626}.countdown-message{font-size:.28125rem;margin-top:.0625rem}.game-over{text-align:center}.game-over-title{font-size:.3125rem;font-weight:700;margin-bottom:.25rem}.game-results{margin-bottom:.375rem}.winner-text{font-size:.28125rem;margin-bottom:.25rem}.result-detail{margin-bottom:.125rem}.restart-btn{background-color:#3b82f6;color:#fff;padding:.125rem .25rem;border-radius:.09375rem;border:none;cursor:pointer}.restart-btn:hover{background-color:#2563eb}.start-game{text-align:center}.welcome-text{margin-bottom:.25rem}.instruction-text{margin-bottom:.375rem}.debug-info{margin-top:.25rem;padding:.125rem;border:.01563rem solid #e5e7eb;border-radius:.09375rem;background-color:#f9fafb}.debug-title{color:#6b7280}.debug-item,.debug-title{font-size:.1875rem}@-webkit-keyframes correctPulse{0%{-webkit-box-shadow:0 0 0 0 rgba(22,163,74,.7);box-shadow:0 0 0 0 rgba(22,163,74,.7)}70%{-webkit-box-shadow:0 0 0 .15625rem rgba(22,163,74,0);box-shadow:0 0 0 .15625rem rgba(22,163,74,0)}to{-webkit-box-shadow:0 0 0 0 rgba(22,163,74,0);box-shadow:0 0 0 0 rgba(22,163,74,0)}}@keyframes correctPulse{0%{-webkit-box-shadow:0 0 0 0 rgba(22,163,74,.7);box-shadow:0 0 0 0 rgba(22,163,74,.7)}70%{-webkit-box-shadow:0 0 0 .15625rem rgba(22,163,74,0);box-shadow:0 0 0 .15625rem rgba(22,163,74,0)}to{-webkit-box-shadow:0 0 0 0 rgba(22,163,74,0);box-shadow:0 0 0 0 rgba(22,163,74,0)}}@-webkit-keyframes incorrectShake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-.07813rem);transform:translateX(-.07813rem)}75%{-webkit-transform:translateX(.07813rem);transform:translateX(.07813rem)}}@keyframes incorrectShake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-.07813rem);transform:translateX(-.07813rem)}75%{-webkit-transform:translateX(.07813rem);transform:translateX(.07813rem)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(.15625rem);transform:translateY(.15625rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(.15625rem);transform:translateY(.15625rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:768px){.player-areas{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.letter-box{width:.5625rem;height:.5625rem;font-size:.28125rem}.confirm-key{min-width:.78125rem;height:.4375rem;font-size:.1875rem}.delete-key{width:.625rem;height:.4375rem;font-size:.25rem}}.key-board-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:absolute;width:100%;bottom:0;padding-bottom:.25rem}.key-board-player1,.key-board-player2{-webkit-box-flex:1;-ms-flex:1;flex:1}.pk-game-race{background:url(../../static/img/bg@2x.10c9a6ae.png) no-repeat;background-size:100% 100%;height:calc(100vh - .01563rem)}.game-info-qd{background:url(../../static/img/vs@2x.8947bca5.png) no-repeat;background-size:100% 100%;width:3.32813rem;height:2.32813rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1000}.player-header-name-one_race{padding-left:.6875rem}.player-header-name-two_race{padding-right:.6875rem}.race-score{font-size:.78125rem;font-weight:700;color:#fff}.one-flex_race{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.one-flex_race,.two-flex_race{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.two-flex_race{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.container-center-mode{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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.container-center-mode .mode-title{font-family:PingFangSC,PingFang SC;font-weight:500;font-size:.71875rem;color:#fff;background:url(../../static/img/zimuguiwei_blue.e3aa5e8f.png) no-repeat;background-size:100% 100%;width:4.95313rem;height:1.5625rem;line-height:1.75rem;margin-bottom:.375rem}.container-center-mode .mode-desc{font-weight:500;font-size:.45313rem;color:#7353f7;margin-bottom:.375rem}.container-center-mode .mode-english{font-family:Arial Bold;font-weight:700;font-size:1.125rem;color:#6343e9;margin-bottom:.375rem}.container-center-mode .mode-chinese{font-family:PingFangSC,PingFang SC;font-weight:500;font-size:.53125rem;color:#ee5432}.question-container{width:100%;height:100%;overflow:visible!important}.question-container .question-text{font-family:PingFangSC,PingFang SC;font-weight:600;font-size:1.125rem;color:#fff;width:2.5625rem;height:2.5625rem;line-height:2.5rem;text-align:center;cursor:pointer}.question-container .question-text_left{background:url(../../static/img/button_left@2x.29b022dd.png) no-repeat;background-size:100% 100%}.question-container .question-text_right{background:url(../../static/img/button_right@2x.8f403b5e.png) no-repeat;background-size:100% 100%}.question-container .question-word-btn,.question-container .question-word-btn .word-container{position:relative}.question-container .question-word-btn .word-item-box{color:#6343e9;font-size:1.125rem;border-bottom:.01563rem solid #6343e9;cursor:pointer;padding-bottom:.07813rem;margin-right:.07813rem}.question-container .question-word-btn .word-chinese{font-weight:500;font-size:.53125rem;color:#ee5432;margin-top:.375rem}.question-container .question-word-btn .correct-answer_race{border-color:#16a34a;-webkit-animation:correctPulse 1.5s ease-in-out;animation:correctPulse 1.5s ease-in-out}.question-container .question-word-btn .incorrect-answer_race{padding:.0625rem;-webkit-animation:incorrectShakeRace 1.5s ease-in-out;animation:incorrectShakeRace 1.5s ease-in-out}@-webkit-keyframes incorrectShakeRace{0%,to{-webkit-box-shadow:0 0 0 0 rgba(220,38,38,.7);box-shadow:0 0 0 0 rgba(220,38,38,.7);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-.07813rem);transform:translateX(-.07813rem);-webkit-box-shadow:0 0 0 .15625rem rgba(22,163,74,0);box-shadow:0 0 0 .15625rem rgba(22,163,74,0)}75%{-webkit-transform:translateX(.07813rem);transform:translateX(.07813rem);-webkit-box-shadow:0 0 0 0 rgba(220,38,38,.4);box-shadow:0 0 0 0 rgba(220,38,38,.4)}}@keyframes incorrectShakeRace{0%,to{-webkit-box-shadow:0 0 0 0 rgba(220,38,38,.7);box-shadow:0 0 0 0 rgba(220,38,38,.7);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-.07813rem);transform:translateX(-.07813rem);-webkit-box-shadow:0 0 0 .15625rem rgba(22,163,74,0);box-shadow:0 0 0 .15625rem rgba(22,163,74,0)}75%{-webkit-transform:translateX(.07813rem);transform:translateX(.07813rem);-webkit-box-shadow:0 0 0 0 rgba(220,38,38,.4);box-shadow:0 0 0 0 rgba(220,38,38,.4)}}.active-position-race{-webkit-transform:scale(1.3);transform:scale(1.3);color:#000!important;font-weight:700}.game-rule-change{width:11.17188rem;height:1.15625rem;padding:0 .46875rem;background:#dff6ff;border-radius:.125rem;border:.03125rem solid #7353f7;position:fixed;left:49%;bottom:3%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.game-rule-change span{display:inline-block;margin-right:.375rem;font-size:.4375rem;vertical-align:middle}.game-rule-change .change-btn{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;font-weight:600;color:#333752;margin-right:.3125rem;position:relative;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}.game-rule-change .change-btn:after{content:"";position:absolute;right:.28125rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:.01563rem;height:.6875rem;background:#979797}.game-rule-change .change-btn .change-btn-item{font-size:.4375rem;color:#7e84a3;cursor:pointer;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;width:.75rem;height:.75rem;background:#fff;border:.03125rem solid #7e84a3;text-align:center;border-radius:100%}.game-rule-change .change-btn .change-btn-item-active{color:#fb5e3b;background:#ffeaea;border:.04688rem solid #f5694a}.game-rule-change .chang-score{font-size:.4375rem;color:#333752;font-weight:600}.game-rule-change .chang-score span:last-child{font-size:.53125rem;color:#604df4;vertical-align:middle}.pad-l-200{padding-left:3.125rem}.pad-r-200{padding-right:3.125rem}.pad-l-100{padding-left:1.5625rem}.pad-r-100{padding-right:1.5625rem}.question-btn-container{overflow:visible}.question-btn-container,.question-btn-container .question-btn-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.question-btn-container .question-btn-text{width:1.5625rem;height:1.5625rem;cursor:pointer;margin:0 2.34375rem;position:relative;font-size:0}.question-btn-container .yes-btn{background:url(../../static/img/icon_yes@2x.045327a1.png) no-repeat;background-size:100% 100%}.question-btn-container .on-btn{background:url(../../static/img/icon_no@2x.52019487.png) no-repeat;background-size:100% 100%}.score-animation{position:absolute;top:-.9375rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:.75rem!important;font-weight:700;pointer-events:none;z-index:1000;text-shadow:.03125rem .03125rem .0625rem rgba(0,0,0,.3);white-space:nowrap}.score-animation.correct{color:#16a34a}.score-animation.incorrect{color:#dc2626}.word-score-animation{position:absolute;top:-.625rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:1rem!important;font-weight:700;z-index:1001}.score-fade-enter-active{-webkit-animation:scoreFloatUp 1.5s ease-out forwards;animation:scoreFloatUp 1.5s ease-out forwards}.score-fade-leave-active{-webkit-animation:scoreFloatUp .3s ease-out forwards;animation:scoreFloatUp .3s ease-out forwards}.score-fade-enter,.score-fade-leave-to{opacity:0}@-webkit-keyframes scoreFloatUp{0%{opacity:1;-webkit-transform:translateX(-50%) translateY(0) scale(1);transform:translateX(-50%) translateY(0) scale(1)}50%{opacity:1;-webkit-transform:translateX(-50%) translateY(-.46875rem) scale(1.2);transform:translateX(-50%) translateY(-.46875rem) scale(1.2)}to{opacity:0;-webkit-transform:translateX(-50%) translateY(-.9375rem) scale(.8);transform:translateX(-50%) translateY(-.9375rem) scale(.8)}}@keyframes scoreFloatUp{0%{opacity:1;-webkit-transform:translateX(-50%) translateY(0) scale(1);transform:translateX(-50%) translateY(0) scale(1)}50%{opacity:1;-webkit-transform:translateX(-50%) translateY(-.46875rem) scale(1.2);transform:translateX(-50%) translateY(-.46875rem) scale(1.2)}to{opacity:0;-webkit-transform:translateX(-50%) translateY(-.9375rem) scale(.8);transform:translateX(-50%) translateY(-.9375rem) scale(.8)}}.word-down-second{text-align:center;font-size:.57813rem;font-weight:700;margin-bottom:.23438rem}.happy-game-container{width:100%;height:102%;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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.03125rem;-webkit-box-sizing:border-box;box-sizing:border-box}.happy-game-container .layer-info{font-size:.25rem;margin-bottom:.0625rem;color:#333;font-weight:700;text-shadow:.01563rem .01563rem .03125rem hsla(0,0%,100%,.8)}.happy-game-container .layer-grid{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;-ms-flex-line-pack:center;align-content:center;gap:.09375rem;width:100%;height:100%;overflow-y:hidden}.happy-game-container .happy-cube,.happy-game-container .layer-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;justify-content:center}.happy-game-container .happy-cube{width:calc(22% - .09375rem);aspect-ratio:1;background:#fff;border:.03125rem solid #8ecae6;border-radius:.125rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;font-size:.375rem;font-weight:700;color:#023047;cursor:pointer;-webkit-box-shadow:0 .0625rem 0 #219ebc,0 .09375rem .09375rem rgba(0,0,0,.1);box-shadow:0 .0625rem 0 #219ebc,0 .09375rem .09375rem rgba(0,0,0,.1);-webkit-transition:all .2s cubic-bezier(.175,.885,.32,1.275);transition:all .2s cubic-bezier(.175,.885,.32,1.275);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;padding:.15625rem;word-break:break-word;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1.1}.happy-game-container .happy-cube:after{content:"";position:absolute;bottom:-.0625rem;left:0;width:100%;height:.0625rem;background:rgba(0,0,0,.2);border-radius:0 0 .125rem .125rem;z-index:-1}.happy-game-container .happy-cube:active{-webkit-transform:translateY(.03125rem);transform:translateY(.03125rem);-webkit-box-shadow:0 .03125rem 0 #219ebc,0 .04688rem .04688rem rgba(0,0,0,.1);box-shadow:0 .03125rem 0 #219ebc,0 .04688rem .04688rem rgba(0,0,0,.1)}.happy-game-container .happy-cube.selected{border-color:#fb8500;background:#ffb703;color:#fff;-webkit-transform:scale(1.05) translateY(-.03125rem);transform:scale(1.05) translateY(-.03125rem);-webkit-box-shadow:0 .09375rem 0 #fb8500,0 .125rem .125rem rgba(0,0,0,.2);box-shadow:0 .09375rem 0 #fb8500,0 .125rem .125rem rgba(0,0,0,.2);z-index:10}.happy-game-container .happy-cube.matched{opacity:0;pointer-events:none;-webkit-transform:scale(0) rotate(180deg);transform:scale(0) rotate(180deg);-webkit-transition:all .5s ease-in;transition:all .5s ease-in}.happy-game-container .happy-cube.error{border-color:#d90429;background:#ef233c;color:#fff;-webkit-box-shadow:0 .0625rem 0 #8d0801;box-shadow:0 .0625rem 0 #8d0801;-webkit-animation:shake .5s;animation:shake .5s}@media screen and (max-width:768px){.happy-game-container .happy-cube{font-size:.3125rem;border-width:.03125rem;border-radius:.09375rem;-webkit-box-shadow:0 .04688rem 0 #219ebc;box-shadow:0 .04688rem 0 #219ebc}.happy-game-container .happy-cube.selected{-webkit-box-shadow:0 .0625rem 0 #fb8500;box-shadow:0 .0625rem 0 #fb8500}}@-webkit-keyframes shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-.07813rem) rotate(-5deg);transform:translateX(-.07813rem) rotate(-5deg)}40%{-webkit-transform:translateX(.07813rem) rotate(5deg);transform:translateX(.07813rem) rotate(5deg)}60%{-webkit-transform:translateX(-.07813rem) rotate(-5deg);transform:translateX(-.07813rem) rotate(-5deg)}80%{-webkit-transform:translateX(.07813rem) rotate(5deg);transform:translateX(.07813rem) rotate(5deg)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-.07813rem) rotate(-5deg);transform:translateX(-.07813rem) rotate(-5deg)}40%{-webkit-transform:translateX(.07813rem) rotate(5deg);transform:translateX(.07813rem) rotate(5deg)}60%{-webkit-transform:translateX(-.07813rem) rotate(-5deg);transform:translateX(-.07813rem) rotate(-5deg)}80%{-webkit-transform:translateX(.07813rem) rotate(5deg);transform:translateX(.07813rem) rotate(5deg)}to{-webkit-transform:translateX(0);transform:translateX(0)}}