:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Noto Sans CJK SC,sans-serif;color:#e9f2f3;background:#07121d;font-synthesis:none;--display-font: "Songti SC", "STSong", "SimSun", "Noto Serif CJK SC", "Source Han Serif SC", serif;--poem-font: "Kaiti SC", "STKaiti", "KaiTi", "FangSong", "Noto Serif CJK SC", serif;--cyan: #9be8db;--gold: #f3c773;--muted: #8297a5;--line: rgba(170, 215, 214, .16)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -20%,#183b48,transparent 45%),#07121d}button{font:inherit;cursor:pointer}.app-shell{width:min(1440px,100%);min-height:100vh;margin:auto;padding:28px 38px 20px;display:flex;flex-direction:column;gap:20px}.topbar,.control-deck{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:13px;align-items:center}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(243,199,115,.55);border-radius:50%;color:var(--gold);font-family:var(--poem-font);font-size:25px}.eyebrow{margin:0 0 5px;color:var(--muted);font-size:10px;letter-spacing:.2em}.brand h1{margin:0;font-family:var(--display-font);font-size:27px;font-weight:600;letter-spacing:.15em}.hud{display:flex;align-items:center;gap:clamp(14px,3vw,42px)}.hud-item{display:grid;gap:4px;min-width:74px}.hud-item span{color:var(--muted);font-size:11px;letter-spacing:.15em}.hud-item strong{color:#f4f7f3;font:700 20px Georgia,serif;letter-spacing:.06em}.combo-hud strong{color:var(--gold)}.lives{display:flex;gap:5px;margin-left:5px}.heart{color:#ef9d91;font-size:20px;text-shadow:0 0 12px rgba(239,157,145,.35)}.heart.lost{color:#31434d}.game-stage{position:relative;isolation:isolate;flex:1;min-height:590px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,#112f3bd1,#071520e6 72%),radial-gradient(circle at 76% 10%,rgba(188,217,199,.14),transparent 13%);box-shadow:inset 0 0 100px #0000004d,0 16px 60px #0000002e}.game-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.23;background-image:linear-gradient(rgba(164,206,201,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(164,206,201,.025) 1px,transparent 1px);background-size:58px 58px;pointer-events:none}.stars{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:radial-gradient(#cce4d9 1px,transparent 1px),radial-gradient(#cce4d9 1px,transparent 1px);background-size:127px 139px,191px 171px;background-position:12px 33px,71px 87px;pointer-events:none}.moon{position:absolute;top:54px;right:11%;width:86px;height:86px;border-radius:50%;background:#f1e6c7;box-shadow:0 0 55px #eee1b545;opacity:.84}.moon:after{content:"";position:absolute;width:86px;height:86px;top:-9px;left:16px;border-radius:50%;background:#10303d}.cloud{position:absolute;border-radius:50%;border-top:1px solid rgba(175,220,213,.08);width:42%;height:90px;opacity:.55}.cloud-one{top:130px;left:-10%;transform:rotate(5deg)}.cloud-two{top:225px;right:-14%;transform:rotate(-6deg)}.stage-guide{position:absolute;z-index:2;top:20px;left:25px;right:25px;display:flex;justify-content:space-between;color:#cae1db99;font-size:11px;letter-spacing:.08em}.targets-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.poem-target{position:absolute;top:0;left:0;width:min(280px,42vw);padding:16px 20px 17px;border:1px solid rgba(155,232,219,.3);border-radius:10px;background:linear-gradient(135deg,#113641f2,#0b1f2bf2);box-shadow:0 12px 30px #0000003b,inset 0 0 22px #9be8db0a;will-change:transform;transition:border-color .2s}.poem-target:after{content:"";position:absolute;left:18px;bottom:-13px;width:40px;height:1px;background:var(--cyan);box-shadow:0 0 14px var(--cyan);opacity:.75}.poem-target strong{display:block;color:#e9f4ed;font-family:var(--poem-font);font-size:clamp(22px,2.7vw,30px);font-weight:600;letter-spacing:.12em;line-height:1.25;white-space:nowrap}.poem-target small{display:block;margin-top:9px;color:#8da8a9;font-size:11px;letter-spacing:.08em}.target-index{display:block;margin-bottom:7px;color:var(--gold);font:11px Georgia,serif;letter-spacing:.12em}.poem-target.is-hit{animation:hit .36s ease-out forwards}.poem-target.is-missed{animation:shake .3s ease-in-out;border-color:#e89b8e}.bottom-line{position:absolute;z-index:2;bottom:61px;left:3%;right:3%;height:1px;background:linear-gradient(90deg,transparent,rgba(235,165,135,.65),transparent);box-shadow:0 0 15px #eba58733}.bottom-line:after{content:"诗境边界";position:absolute;right:0;top:9px;color:#eba5878c;font-size:10px;letter-spacing:.18em}.stage-center,.game-over-panel{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;text-align:center}.stage-center p:not(.eyebrow){max-width:390px;color:#98b1b2;font-size:13px;line-height:1.8}.stage-center h2,.game-over-panel h2{margin:8px 0 12px;font-family:var(--display-font);font-size:clamp(30px,5vw,52px);font-weight:600;letter-spacing:.1em}.seal{display:grid;place-items:center;width:49px;height:49px;margin-bottom:20px;border:1px solid rgba(243,199,115,.45);color:var(--gold);font-family:var(--poem-font);font-size:27px;transform:rotate(45deg)}.seal:first-letter{transform:rotate(-45deg)}.primary-button{margin-top:22px;padding:13px 24px;border:1px solid rgba(155,232,219,.5);border-radius:4px;color:#08202a;background:var(--cyan);font-weight:700;transition:transform .2s,box-shadow .2s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 9px 22px #9be8db33}.primary-button span{margin-left:15px;font-size:18px}.hidden{display:none!important}.result-kicker{color:var(--gold);font-size:12px;letter-spacing:.25em}.result-grid{display:flex;gap:34px;margin-top:14px}.result-grid div{display:grid;gap:5px}.result-grid span{color:var(--muted);font-size:10px;letter-spacing:.15em}.result-grid strong{font:700 25px Georgia,serif}.feedback-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none}.feedback{position:absolute;top:45%;left:50%;color:var(--cyan);font:700 25px Georgia,serif;animation:float-up .8s ease-out forwards}.feedback.good{color:var(--gold)}.feedback.miss{color:#ef9d91;font-family:inherit;font-size:18px}.control-deck{min-height:88px;padding:14px 22px;border:1px solid var(--line);border-radius:10px;background:#0c1f2ab3}.current-poem,.recognized{display:grid;gap:3px;min-width:200px}.current-poem strong{font-family:var(--poem-font);font-size:18px;font-weight:600;letter-spacing:.06em}.current-poem small,.recognized small{color:var(--muted);font-size:11px}.recognized{text-align:right}.recognized strong{max-width:250px;overflow:hidden;color:var(--cyan);font-size:15px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.voice-control{display:grid;justify-items:center;gap:7px}.mic-button{display:flex;align-items:center;gap:9px;min-width:126px;justify-content:center;padding:12px 20px;border:1px solid var(--gold);border-radius:50px;color:#152630;background:var(--gold);font-weight:700;box-shadow:0 0 #f3c77300;transition:.2s}.mic-button:disabled{cursor:not-allowed;opacity:.4}.mic-button.is-listening{color:#fff;background:#d4796e;border-color:#eea39a;animation:pulse 1.2s infinite}.mic-icon{font-size:18px}.voice-control p{margin:0;color:var(--muted);font-size:10px}.browser-note{padding:10px 14px;border:1px solid rgba(235,165,135,.38);border-radius:6px;color:#efb1a7;background:#682b2b33;text-align:center;font-size:12px}@keyframes hit{to{opacity:0;transform:scale(.2)!important;filter:blur(5px)}}@keyframes shake{25%{margin-left:-8px}75%{margin-left:8px}}@keyframes float-up{0%{opacity:0;transform:translate(-50%,15px) scale(.8)}20%,70%{opacity:1}to{opacity:0;transform:translate(-50%,-55px) scale(1.1)}}@keyframes pulse{50%{box-shadow:0 0 0 8px #d4796e24}}@media(max-width:720px){.app-shell{padding:18px 14px 12px;gap:12px}.hud{gap:10px}.hud-item{min-width:auto}.hud-item span{font-size:9px}.hud-item strong{font-size:15px}.lives{gap:1px}.game-stage{min-height:560px}.stage-guide{left:15px;right:15px;font-size:9px}.stage-guide span:last-child{display:none}.control-deck{flex-wrap:wrap;justify-content:center;gap:13px;padding:15px}.current-poem,.recognized{width:calc(50% - 10px);min-width:0}.recognized{text-align:left;order:2}.voice-control{order:3;width:100%}.poem-target{width:min(250px,65vw)}.poem-target strong{font-size:20px}}