:root{color-scheme:dark;--bg:#06101b;--panel:#0c1e2c;--line:#23475a;--ink:#eef8fc;--muted:#9bb6c5;--cyan:#59e1ff;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-width:0;background:radial-gradient(circle at 75% 0,#133b52 0,transparent 35%),var(--bg);color:var(--ink)}body{min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,72px);border-bottom:1px solid #17364a;background:#071522d9;backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:baseline;gap:12px}.brand strong{letter-spacing:.12em}.brand i{font-style:normal;color:var(--cyan)}.brand span{font-size:12px;color:var(--muted)}.landing{min-height:calc(100vh - 68px);display:grid;place-items:center;padding:56px 20px}.landing>section{width:min(830px,100%);padding:clamp(28px,6vw,70px);border:1px solid var(--line);background:linear-gradient(145deg,#0c1f2edb,#071520ee);box-shadow:0 30px 90px #0008}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--cyan);font-weight:700}.meta{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.meta span,.effects span{border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:#bcefff;background:#0b2433}.landing h1{font-size:clamp(42px,8vw,86px);line-height:1.04;margin:22px 0}.landing h1 em{font-size:.48em;color:#b7dbe8;font-style:normal}.landing p{max-width:650px;font-size:17px;line-height:1.9;color:#c9dbe4}.entry{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;margin:28px 0}.entry label{display:grid;gap:7px;font-size:12px;color:var(--muted)}input,select{width:100%;border:1px solid var(--line);background:#071520;color:var(--ink);border-radius:10px;padding:12px}.primary,.secondary,.ghost{border-radius:10px;padding:12px 18px;border:1px solid transparent;font-weight:700}.primary{background:var(--cyan);color:#04202a;align-self:end}.secondary{background:#14354a;color:var(--ink);border-color:#2a566c}.ghost{background:transparent;color:#b8ced9;border-color:var(--line)}.screen{width:min(1180px,100%);margin:auto;padding:28px 18px 64px;min-height:calc(100vh - 68px)}.center{display:grid;align-content:center;justify-items:center}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#0c1e2cf2,#081722f5);border-radius:18px;box-shadow:0 24px 70px #0007}.access,.feedback,.planet{width:min(680px,100%);padding:clamp(24px,6vw,56px);text-align:center}.usage{margin:24px}.usage strong{font-size:78px;color:var(--cyan)}.usage span{font-size:28px;color:var(--muted)}.button-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:26px}.history-list{display:grid;gap:8px}.history-list button{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;text-align:left;padding:14px;border:1px solid var(--line);border-radius:10px;background:#0a1a26;color:var(--ink)}.progress{margin:0 auto 18px;max-width:980px}.progress>div:first-child{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.track{height:5px;background:#163447;border-radius:99px;overflow:hidden}.track i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),#f3c97a)}.story-grid{display:grid;grid-template-columns:180px minmax(0,800px);gap:20px;justify-content:center}.story-grid aside{padding-top:24px;color:var(--muted)}.story-grid aside>strong{display:block;font-size:62px;color:#284f61;margin:18px 0}.story-grid>.panel{padding:clamp(20px,4vw,42px)}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.metrics div{padding:10px;border:1px solid var(--line);border-radius:9px;background:#091823}.metrics span{display:block;font-size:11px;color:var(--muted)}.metrics strong{font-size:20px;color:var(--cyan)}.node-title{font-size:clamp(28px,5vw,48px);font-weight:800;margin:32px 0 20px}.story-copy{font-family:"Noto Serif SC","Songti SC",serif;font-size:17px;line-height:2;color:#d7e5eb}.story-copy p{margin:0 0 18px}.choices{display:grid;gap:10px}.choices button{display:flex;gap:14px;align-items:center;text-align:left;border:1px solid var(--line);background:#0b202d;color:var(--ink);padding:16px;border-radius:12px}.choices button:hover{border-color:var(--cyan);transform:translateY(-1px)}.choices b{color:var(--cyan);min-width:32px}.feedback .orb{font-size:72px;color:var(--cyan);margin:20px}.feedback p,.planet p{line-height:1.8;color:#c7d9e2}.effects{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:24px}.result{min-height:100vh}.result-hero{padding:70px max(20px,calc((100% - 920px)/2));background:linear-gradient(135deg,#0f3549,#07121d)}.result-hero h1{font-size:clamp(44px,8vw,78px);margin:18px 0}.result-hero p{max-width:800px;line-height:1.9;color:#d0e2e9}.result-content{width:min(920px,calc(100% - 32px));margin:-20px auto 60px;background:#091a26;border:1px solid var(--line);border-radius:16px;padding:clamp(22px,5vw,54px)}.result-content section{padding:24px 0;border-bottom:1px solid var(--line)}.result-metrics{display:grid;gap:16px}.metric-head{display:flex;justify-content:space-between}.replay{display:grid;grid-template-columns:70px 1fr;gap:16px;padding:12px 0;border-bottom:1px dashed #244556}.replay>span{color:var(--cyan);font-weight:700}.site-footer{padding:28px 18px 40px;text-align:center;color:#71909f;font-size:12px}.site-footer div{margin-top:8px}.site-footer a{color:#8eacba;text-decoration:none}.site-footer img{width:14px;height:14px;vertical-align:-2px;margin-right:5px}.debug{position:fixed;right:12px;bottom:12px;width:min(380px,calc(100% - 24px));background:#04101a;border:1px solid var(--cyan);padding:12px;z-index:20}.debug div{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;margin-top:8px}.api-error{position:fixed;top:76px;left:50%;transform:translateX(-50%);z-index:30;background:#5d1c22;color:white;padding:12px 18px;border-radius:10px}.planet .choices{margin-top:24px}
@media(max-width:760px){.brand span{display:none}.entry{grid-template-columns:1fr}.primary{width:100%}.story-grid{grid-template-columns:1fr}.story-grid aside{display:flex;align-items:center;justify-content:space-between;padding:0}.story-grid aside>strong{font-size:28px;margin:0}.metrics{grid-template-columns:repeat(2,1fr)}.metrics div:last-child{grid-column:1/-1}.history-list button{grid-template-columns:1fr;text-align:center}.result-hero{padding-top:46px}.topbar{height:60px}.screen{padding-top:18px}.landing{min-height:calc(100vh - 60px);padding-top:24px}}
@media(max-width:350px){.landing>section{padding:22px 16px}.landing h1{font-size:38px}.story-grid>.panel{padding:18px 14px}.choices button{padding:14px 12px}.metrics{gap:6px}.button-row>*{width:100%}}