:root{--ink: #05070d;--ink-2: #0a0e18;--gold: #e8c26a;--gold-bright: #ffe08a;--cinabar: #ff5d4a;--cinabar-deep: #b5342b;--holo: #3ee0d0;--holo-bright: #9ffbff;--jade: #7cc98b;--paper: #efe7d2;--line: rgba(232, 194, 106, .35);--font-brush: "Ma Shan Zheng", "Kaiti", "STKaiti", "KaiTi", "楷体", serif;--font-serif: "Noto Serif SC", "Songti SC", "SimSun", serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;background:var(--ink)}#app{position:fixed;inset:0;overflow:hidden;font-family:var(--font-serif);color:var(--paper)}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}#fx-overlay{position:absolute;inset:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.55) 100%);mix-blend-mode:screen}#fx-overlay.damage{animation:dmg .4s ease-out}#fx-overlay.shake{animation:screenShake .35s ease-out}@keyframes dmg{0%{box-shadow:inset 0 0 #f000}30%{box-shadow:inset 0 0 220px #ff3c2880}to{box-shadow:inset 0 0 #f000}}@keyframes screenShake{0%,to{transform:translate(0)}20%{transform:translate(-14px,8px)}40%{transform:translate(12px,-10px)}60%{transform:translate(-8px,6px)}80%{transform:translate(6px,-4px)}}#hud{position:absolute;inset:0;z-index:10;pointer-events:none}#hud>*{pointer-events:none}#hud button{pointer-events:auto}#topbar{position:absolute;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.title-chip{font-family:var(--font-brush);font-size:26px;color:var(--gold-bright);text-shadow:0 0 18px rgba(232,194,106,.5);letter-spacing:2px}#wave-label{margin-top:4px;font-size:13px;color:#efe7d2b3;letter-spacing:1px}.top-right{display:flex;gap:10px}.stat-box{min-width:76px;text-align:center;padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:#0a0e1899;backdrop-filter:blur(4px)}.stat-name{display:block;font-size:11px;letter-spacing:3px;color:var(--holo);opacity:.9}.stat-box span:last-child{display:block;font-size:24px;font-weight:900;color:var(--gold-bright);font-family:var(--font-serif)}#mic-row{position:absolute;left:20px;bottom:26px;display:flex;align-items:center;gap:16px}.mic-btn{font-family:var(--font-serif);font-size:15px;font-weight:700;color:var(--paper);background:#141a28bf;border:1px solid var(--line);border-radius:999px;padding:12px 20px;cursor:pointer;display:flex;align-items:center;gap:10px;backdrop-filter:blur(6px);white-space:nowrap;transition:all .2s}.mic-dot{width:12px;height:12px;border-radius:50%;background:#666;box-shadow:0 0 #fff0}.mic-btn.mic-on{border-color:var(--holo);color:var(--holo-bright);box-shadow:0 0 22px #3ee0d059}.mic-btn.mic-on .mic-dot{background:var(--holo);animation:pulse 1.1s infinite}.mic-btn.mic-listening{border-color:var(--cinabar);color:var(--cinabar);box-shadow:0 0 22px #ff5d4a66}.mic-btn.mic-listening .mic-dot{background:var(--cinabar);animation:pulse .6s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 currentColor;opacity:1}70%{box-shadow:0 0 0 12px transparent}to{box-shadow:0 0 0 0 transparent;opacity:1}}#heard-line{max-width:40vw}#heard-text{font-size:14px;color:#efe7d2cc;background:#0a0e1880;padding:6px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.08);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#speech-bar{display:flex;align-items:center;gap:6px}.speech-label{font-size:12px;letter-spacing:2px;color:#efe7d299}.lang-btn{font-family:var(--font-serif);font-size:13px;font-weight:700;color:#efe7d2cc;background:#141a2899;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:6px 12px;cursor:pointer;pointer-events:auto;transition:all .18s}.lang-btn:hover{border-color:var(--holo)}.lang-btn.active{background:var(--gold);color:var(--ink);border-color:var(--gold)}#log-pop{position:absolute;left:20px;bottom:84px;width:min(560px,78vw);max-height:52vh;overflow:auto;background:#080c14f2;border:1px solid var(--line);border-radius:12px;padding:12px 14px;backdrop-filter:blur(8px);z-index:15}.log-pop-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;letter-spacing:1px;color:var(--holo)}.log-pop-actions{display:flex;gap:6px}.log-pop-actions button{font-family:var(--font-serif);font-size:12px;color:var(--paper);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:5px;padding:4px 8px;cursor:pointer}.log-pop-actions button:hover{border-color:var(--holo);color:var(--holo-bright)}.log-list{font-size:13px;line-height:1.7;color:#efe7d2e6}.log-list .log-empty{color:#efe7d280;font-style:italic}.log-line{padding:4px 6px;border-radius:5px;border-bottom:1px solid rgba(255,255,255,.05)}.log-line .ll-time{color:#3ee0d0cc;margin-right:6px;font-variant-numeric:tabular-nums}.log-line .ll-lang{font-size:11px;color:var(--gold);border:1px solid var(--line);border-radius:4px;padding:0 5px;margin-right:6px}.log-line .ll-text{font-weight:700}.log-line .ll-matched{color:var(--jade);margin-left:6px}.log-line .ll-unknown{color:var(--cinabar);margin-left:6px}#skill-display{position:absolute;left:50%;top:18%;transform:translate(-50%,-50%);text-align:center;width:min(620px,74vw);pointer-events:none;opacity:0;transition:opacity .2s}#skill-display.show{opacity:1}#skill-kicker{font-size:16px;letter-spacing:8px;color:var(--holo);text-transform:uppercase;margin-bottom:6px}#skill-chars{font-family:var(--font-brush);font-size:clamp(38px,6vw,76px);line-height:1.05;color:var(--gold-bright);text-shadow:0 0 30px rgba(255,224,138,.7),0 0 60px rgba(232,194,106,.4),0 6px 0 rgba(0,0,0,.4)}#skill-chars.pop{animation:charPop .9s cubic-bezier(.2,1.4,.3,1)}@keyframes charPop{0%{transform:scale(.5);opacity:0;filter:blur(10px)}50%{filter:blur(0)}to{transform:scale(1);opacity:1}}#skill-pinyin{margin-top:5px;font-size:15px;letter-spacing:5px;color:var(--holo-bright);text-shadow:0 0 14px rgba(159,251,255,.6)}#combo-meter{position:absolute;left:50%;top:56%;transform:translate(-50%);width:340px;text-align:center}.combo-label{font-family:var(--font-brush);font-size:26px;color:var(--cinabar);text-shadow:0 0 14px rgba(255,93,74,.5)}.combo-track{height:12px;border:1px solid var(--line);border-radius:6px;background:#00000080;overflow:hidden;margin:6px 0 4px}#combo-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--gold),var(--cinabar));transition:width .2s;box-shadow:0 0 14px #ff5d4a99}#combo-text{font-size:13px;color:#efe7d2cc;letter-spacing:2px}#buff-bar{position:absolute;left:50%;bottom:90px;transform:translate(-50%);display:flex;gap:8px}.buff-chip{font-size:13px;color:var(--jade);border:1px solid rgba(124,201,139,.5);background:#0a0e1899;padding:5px 12px;border-radius:999px;backdrop-filter:blur(4px);animation:buffIn .3s ease-out}@keyframes buffIn{0%{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}#palette-wrap{position:absolute;right:16px;bottom:20px;z-index:12;pointer-events:auto}#palette-toggle{font-family:var(--font-serif);font-size:13px;font-weight:700;color:var(--holo-bright);background:#141a28c7;border:1px solid var(--line);border-radius:8px;padding:8px 14px;cursor:pointer;margin-bottom:8px;pointer-events:auto;backdrop-filter:blur(4px)}#palette-toggle:hover{border-color:var(--holo)}#palette-wrap.collapsed #palette{display:none}#palette{display:flex;flex-direction:column;gap:6px;max-height:56vh;overflow:auto;pointer-events:auto}.pal-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#efe7d2d9;background:#0a0e1899;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:6px 10px;cursor:pointer;pointer-events:auto;white-space:nowrap;backdrop-filter:blur(3px)}.pal-item:hover{border-color:var(--holo);color:var(--holo-bright)}.pal-key{font-weight:900;color:var(--gold);width:14px;text-align:center}.pal-item .pal-name{font-family:var(--font-brush);font-size:16px;color:var(--gold-bright)}.pal-item .pal-cat{font-size:10px;letter-spacing:1px;color:var(--holo)}.pal-item .pal-state{font-size:11px;margin-left:auto;text-align:right;min-width:40px}.pal-item.locked{opacity:.55;border-color:#ff5d4a66}.pal-item.cd{border-color:#3ee0d099}#hud-toast{position:absolute;left:50%;top:84px;transform:translate(-50%);z-index:26;font-size:14px;letter-spacing:1px;color:var(--paper);background:#0a0e18e6;border:1px solid var(--line);border-radius:999px;padding:9px 20px;backdrop-filter:blur(6px);transition:opacity .3s;white-space:nowrap}#hud-toast.warn{border-color:var(--cinabar);color:var(--cinabar)}#hud-toast.ok{border-color:var(--jade);color:var(--jade)}#hud-toast.out{opacity:0}#start-screen{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#1e1408b3,#05070df5 70%);text-align:center;padding:24px;overflow:auto}.start-inner{max-width:720px}.start-eyebrow{font-size:14px;letter-spacing:8px;color:var(--holo);margin-bottom:18px}.start-title{font-family:var(--font-brush);font-size:clamp(58px,12vw,120px);line-height:1;margin-bottom:6px}.si{display:inline-block;color:var(--gold-bright);text-shadow:0 0 30px rgba(255,224,138,.6);animation:rise 1.2s ease-out both}.si:nth-child(2){animation-delay:.1s;color:var(--cinabar)}.si:nth-child(3){animation-delay:.2s}.si:nth-child(4){animation-delay:.3s;color:var(--holo-bright)}@keyframes rise{0%{transform:translateY(40px);opacity:0;filter:blur(8px)}to{transform:none;opacity:1}}.start-sub{font-size:20px;color:var(--paper);margin-bottom:26px;letter-spacing:2px}.start-desc{font-size:15px;line-height:1.75;color:#efe7d2d9;margin-bottom:16px}.start-desc b{color:var(--gold)}.start-desc .note{font-size:12.5px;color:#9ffbffcc}.big-btn{font-family:var(--font-serif);font-size:20px;font-weight:900;letter-spacing:6px;color:var(--ink);background:linear-gradient(135deg,var(--gold),var(--gold-bright));border:none;border-radius:10px;padding:16px 48px;cursor:pointer;box-shadow:0 0 30px #e8c26a73;transition:transform .12s,box-shadow .2s}.big-btn:hover{transform:translateY(-2px);box-shadow:0 0 44px #e8c26ab3}.big-btn:active{transform:translateY(1px)}.start-tip{margin-top:18px;font-size:13px;color:#efe7d28c}.ghost-btn{font-family:var(--font-serif);font-size:15px;font-weight:700;color:var(--holo-bright);background:transparent;border:1px solid rgba(62,224,208,.4);border-radius:8px;padding:12px 24px;cursor:pointer;transition:all .2s}.ghost-btn:hover{background:#3ee0d01f;box-shadow:0 0 24px #3ee0d040}.ghost-btn.small{font-size:13px;padding:8px 14px}.select-label{font-size:13px;letter-spacing:4px;color:#efe7d299;margin:12px 0 8px}#lang-select{display:flex;gap:12px;justify-content:center;margin-bottom:26px}#difficulty-select{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 22px}.difficulty-pick{width:170px;padding:11px 12px;color:#efe7d2d1;background:#0f141eb3;border:1px solid rgba(255,255,255,.13);border-radius:10px;cursor:pointer;font-family:var(--font-serif)}.difficulty-pick b{display:block;color:var(--gold-bright);font-size:17px;letter-spacing:3px;margin-bottom:3px}.difficulty-pick span{display:block;font-size:11px;color:#efe7d294}.difficulty-pick:hover{border-color:var(--holo)}.difficulty-pick.active{border-color:var(--gold);background:#6946165c;box-shadow:0 0 20px #e8c26a33}.lang-pick{font-family:var(--font-serif);font-size:18px;font-weight:900;color:#efe7d2e6;background:#141a2899;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:14px 40px;cursor:pointer;transition:all .18s;letter-spacing:2px}.lang-pick:hover{border-color:var(--holo)}.lang-pick.active{background:var(--gold);color:var(--ink);border-color:var(--gold);box-shadow:0 0 26px #e8c26a80}.start-actions{display:flex;flex-direction:column;align-items:center;gap:12px}#pin-pop{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#05070de0;backdrop-filter:blur(6px)}.pin-inner{text-align:center;background:#0a0e18f2;border:1px solid var(--line);border-radius:16px;padding:26px 30px;width:min(380px,90vw)}.pin-note{font-size:12px;color:#9ffbffcc;margin:6px 0 16px}#pin-input{width:100%;font-size:20px;text-align:center;letter-spacing:6px;color:var(--gold-bright);background:#0006;border:1px solid var(--line);border-radius:8px;padding:12px;outline:none}#pin-input:focus{border-color:var(--holo)}.pin-actions{display:flex;gap:10px;justify-content:center;margin-top:18px}.pin-actions #pin-confirm{flex:1}#admin-badge{position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:25;font-size:13px;letter-spacing:3px;color:var(--ink);background:var(--cinabar);border-radius:999px;padding:6px 18px;font-weight:900;box-shadow:0 0 20px #ff5d4a99}#quiz-screen{position:absolute;inset:0;z-index:22;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 20%,#140e06b8,#05070df7 72%);padding:20px;overflow:auto}.quiz-inner{width:min(640px,94vw);background:#0a0e18eb;border:1px solid var(--line);border-radius:16px;padding:22px 26px;backdrop-filter:blur(8px)}.quiz-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}.quiz-top>*{font-size:13px}#quiz-progress{color:var(--holo);letter-spacing:1px}.quiz-cat{color:var(--gold);border:1px solid var(--line);border-radius:999px;padding:2px 12px}#quiz-timer-wrap{height:8px;border:1px solid var(--line);border-radius:4px;background:#00000080;overflow:hidden;margin-bottom:18px}#quiz-timer-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--gold),var(--cinabar));transition:width .1s linear}#quiz-word{font-family:var(--font-brush);font-size:clamp(38px,7vw,64px);color:var(--gold-bright);text-shadow:0 0 26px rgba(255,224,138,.6);text-align:center;line-height:1.1}#quiz-reading{text-align:center;font-size:18px;letter-spacing:4px;color:var(--holo-bright);margin:6px 0 16px}#quiz-prompt{font-size:17px;line-height:1.7;margin-bottom:18px;text-align:center}#quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-opt{font-family:var(--font-serif);font-size:15px;color:var(--paper);background:#141a28b3;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:14px 16px;text-align:left;cursor:pointer;transition:all .15s;line-height:1.5}.quiz-opt:hover{border-color:var(--holo)}.quiz-opt.correct{border-color:var(--jade);background:#7cc98b2e;color:var(--jade)}.quiz-opt.wrong{border-color:var(--cinabar);background:#ff5d4a29;color:var(--cinabar)}.quiz-opt.disabled{pointer-events:none;opacity:.7}#quiz-feedback{margin-top:16px;padding:12px 14px;border-radius:8px;line-height:1.7}#quiz-feedback.ok{background:#7cc98b1f;border:1px solid rgba(124,201,139,.4)}#quiz-feedback.bad{background:#ff5d4a1f;border:1px solid rgba(255,93,74,.4)}#quiz-feedback b{color:var(--gold)}#quiz-recite{margin-top:14px;padding:14px;border:1px solid rgba(232,194,106,.42);border-radius:10px;background:linear-gradient(135deg,#50340f3d,#12262c52)}.recite-kicker{color:var(--gold);font-size:12px;letter-spacing:2px;margin-bottom:7px}#recite-prompt{font-family:var(--font-serif);color:var(--paper);font-size:18px;margin-bottom:10px}.recite-row{display:grid;grid-template-columns:1fr auto auto;gap:8px}#recite-input{min-width:0;color:var(--paper);background:#00000057;border:1px solid var(--line);border-radius:7px;padding:9px 11px;font-size:16px}.recite-result{min-height:20px;margin-top:8px;font-size:13px}.recite-result.ok{color:var(--jade)}.recite-result.bad{color:var(--cinabar)}.quiz-actions{text-align:center;margin-top:20px}@media (max-width: 560px){#quiz-options{grid-template-columns:1fr}.quiz-top{flex-wrap:wrap}.recite-row{grid-template-columns:1fr 1fr}#recite-input{grid-column:1/-1}}#codex-screen{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 20%,#140e06b3,#05070df7 70%);padding:24px;overflow:auto}.codex-inner{width:min(860px,94vw);max-height:92vh;overflow:auto;background:#0a0e18d9;border:1px solid var(--line);border-radius:16px;padding:26px 30px;backdrop-filter:blur(8px)}.codex-tabs{display:flex;gap:10px;margin-bottom:20px}.codex-tab{font-family:var(--font-serif);font-size:16px;font-weight:700;color:#efe7d2b3;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px 20px;cursor:pointer}.codex-tab.active{color:var(--ink);background:var(--gold);border-color:var(--gold)}.codex-title{font-family:var(--font-brush);font-size:40px;color:var(--gold-bright);margin-bottom:4px}.codex-pinyin{font-size:18px;letter-spacing:4px;color:var(--holo-bright);margin-bottom:14px}.codex-sec{margin:16px 0}.codex-sec h4{font-size:14px;letter-spacing:4px;color:var(--holo);margin-bottom:6px;text-transform:uppercase}.codex-sec p,.codex-sec li{font-size:15px;line-height:1.8;color:#efe7d2eb}.codex-sec ul{padding-left:20px}.codex-sec .label{color:var(--gold);font-weight:700}.codex-badge{display:inline-block;font-size:12px;padding:2px 10px;border-radius:999px;border:1px solid var(--line);color:var(--gold);margin-right:6px}.codex-history-banner{background:#141e2880;border-left:3px solid var(--holo);padding:10px 14px;margin:14px 0;border-radius:6px}.codex-fantasy-banner{background:#3c181480;border-left:3px solid var(--cinabar);padding:10px 14px;margin:14px 0;border-radius:6px}.codex-actions{margin-top:26px;text-align:center}.mastered-tag{font-size:12px;color:var(--jade);border:1px solid rgba(124,201,139,.5);padding:2px 10px;border-radius:999px}@media (max-width: 640px){#topbar{flex-direction:column;gap:8px}.title-chip{font-size:20px}.top-right{flex-wrap:wrap}.stat-box{min-width:60px;padding:6px 8px}.stat-box span:last-child{font-size:18px}#mic-row{flex-direction:column;align-items:flex-start;gap:8px;left:12px;bottom:16px}#speech-bar{flex-wrap:wrap}#heard-line{max-width:92vw}#heard-text{white-space:normal;font-size:12px;max-width:88vw}#palette-wrap{right:12px;bottom:12px}#palette{max-height:46vh}#hud-toast{white-space:normal;max-width:90vw;text-align:center}#skill-chars{font-size:clamp(52px,22vw,96px)}#combo-meter{width:78vw}#buff-bar{bottom:84px}#log-pop{width:92vw;bottom:120px}}#admin-panel{position:absolute;top:60px;right:16px;z-index:24;width:240px;background:#0a0e18eb;border:1px solid var(--cinabar-deep);border-radius:12px;padding:12px 14px;backdrop-filter:blur(8px)}#ap-quality,#ap-quiz-time{color:var(--paper);background:#151b28;border:1px solid var(--line);border-radius:5px;padding:4px 6px}#battle-brief{position:absolute;left:18px;top:92px;z-index:9;width:292px;padding:14px 16px;color:#efe7d2e0;background:linear-gradient(135deg,#0a0e18e0,#2c190cc2);border-left:3px solid var(--gold);border-top:1px solid rgba(232,194,106,.28);border-radius:4px 12px 12px 4px;backdrop-filter:blur(7px);pointer-events:none;box-shadow:0 14px 40px #00000047}.brief-era{font-size:10px;letter-spacing:3px;color:var(--holo);text-transform:uppercase}.brief-title{font-family:var(--font-brush);font-size:25px;color:var(--gold-bright);margin:4px 0}.brief-copy{font-size:12px;line-height:1.55;color:#efe7d2b3}.brief-objective{display:flex;justify-content:space-between;align-items:center;margin-top:9px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);font-size:11px}.brief-objective span{color:var(--cinabar);letter-spacing:2px}.brief-objective b{color:var(--paper)}.brief-aim{margin-top:7px;font-size:10px;color:#ffd875cc}#battle-brief{transition:width .35s,opacity .35s,transform .35s}#battle-brief.compact{width:235px;opacity:.82;transform:translateY(-4px)}#battle-brief.compact .brief-copy,#battle-brief.compact .brief-aim{display:none}@media (max-width:760px){#difficulty-select{flex-direction:column;align-items:center}.difficulty-pick{width:min(340px,82vw)}#battle-brief{width:230px;top:142px;padding:10px 12px}.brief-copy{display:none}}.ap-head{font-family:var(--font-brush);font-size:18px;color:var(--cinabar);letter-spacing:2px;margin-bottom:8px}.ap-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:8px 0;font-size:13px}.ap-label{color:#efe7d2cc}.ap-val.ap-on{color:var(--jade)}.ap-langs{display:flex;gap:4px}.ap-langs .lang-btn{padding:4px 8px;font-size:12px}.ap-langs .lang-btn.active{background:var(--gold);color:var(--ink)}.ap-status{font-size:11px;color:var(--holo);margin:8px 0;line-height:1.6}#ap-exit{width:100%}.switch{position:relative;display:inline-block;width:44px;height:22px}.switch input{display:none}.slider{position:absolute;inset:0;background:#333;border-radius:999px;transition:.2s;cursor:pointer}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;top:3px;background:#ddd;border-radius:50%;transition:.2s}.switch input:checked+.slider{background:var(--jade)}.switch input:checked+.slider:before{transform:translate(22px)}@media (max-width: 640px){#admin-panel{width:200px;top:56px;right:10px}}