:root { --bg:#070c13; --surface:#151d2a; --surface-2:#101722; --line:#293547; --text:#f2f4f8; --muted:#9cacbf; --gold:#d2aa2a; --teal:#38b8ad; --danger:#f07964; font-family:Inter,"Noto Sans TC","Microsoft JhengHei",sans-serif; }
* { box-sizing:border-box; }
body { margin:0; color:var(--text); background:var(--bg); }
button { font:inherit; }
.topbar { display:flex; align-items:center; justify-content:space-between; min-height:78px; padding:0 max(24px,calc((100vw - 1220px)/2)); border-bottom:1px solid var(--line); }
.topbar > a { display:flex; align-items:center; gap:12px; color:var(--text); text-decoration:none; }
.seal { display:grid; width:42px; height:42px; place-items:center; border-radius:50%; color:#111; background:var(--gold); font-weight:900; }
.topbar a b,.topbar a small { display:block; }.topbar a small { margin-top:3px; color:var(--muted); }
.truth { text-align:right; }.truth span,.truth b { display:block; }.truth span { color:var(--gold); font-size:11px; font-weight:900; }.truth b { margin-top:4px; color:var(--muted); font-size:13px; }
main { width:min(1220px,calc(100% - 36px)); margin:0 auto; padding:48px 0; }
.hero { display:grid; grid-template-columns:1.5fr .65fr; gap:40px; align-items:end; }
.hero p,.section-head p,.closure > div > p { margin:0; color:var(--gold); font-size:11px; font-weight:900; letter-spacing:.15em; }
.hero h1 { margin:11px 0 12px; font-size:clamp(46px,6vw,76px); line-height:1.02; letter-spacing:-.05em; }
.hero > div > span { color:var(--muted); font-size:17px; }
.hero aside { padding:18px; border-left:2px solid var(--gold); background:var(--surface-2); }.hero aside span { color:var(--gold); font-size:11px; font-weight:900; }.hero aside b { display:block; margin-top:7px; font-size:18px; }.hero aside p { margin:8px 0 0; color:var(--muted); font-size:13px; line-height:1.5; letter-spacing:0; }
.phase-strip { display:grid; grid-template-columns:repeat(4,1fr); margin-top:38px; border:1px solid var(--line); border-radius:14px; overflow:hidden; }.phase-strip div { padding:16px; background:var(--surface-2); }.phase-strip div+div { border-left:1px solid var(--line); }.phase-strip span,.phase-strip b,.phase-strip small { display:block; }.phase-strip span { color:var(--muted); font-size:10px; font-weight:900; }.phase-strip b { margin-top:5px; }.phase-strip small { margin-top:4px; color:var(--muted); }.phase-strip .active { background:rgba(210,170,42,.08); }.phase-strip .active span { color:var(--gold); }
.event-board { display:grid; grid-template-columns:1.4fr .6fr; margin-top:18px; border-radius:16px; overflow:hidden; background:var(--surface); }.event-copy { padding:24px; }.event-copy > p { margin:0; color:var(--teal); font-size:11px; font-weight:900; }.event-copy h2 { margin:7px 0; font-size:30px; }.event-copy > span { color:var(--muted); }.event-copy dl { display:grid; grid-template-columns:1fr 1fr; margin:22px 0 0; border-top:1px solid var(--line); }.event-copy dl div { padding:12px 0; border-bottom:1px solid var(--line); }.event-copy dt { color:var(--muted); font-size:11px; }.event-copy dd { margin:4px 0 0; font-size:13px; font-weight:800; }.probability { display:grid; place-content:center; min-height:260px; padding:24px; text-align:center; background:linear-gradient(145deg,rgba(56,184,173,.16),rgba(210,170,42,.08)); }.probability span { color:var(--muted); }.probability strong { margin-top:6px; font-size:70px; letter-spacing:-.06em; }.probability small { margin-top:8px; color:var(--muted); }.meter { width:220px; height:7px; margin-top:10px; border-radius:99px; overflow:hidden; background:#263244; }.meter i { display:block; height:100%; background:var(--teal); }
.council,.closure { margin-top:18px; padding:24px; border-radius:16px; background:var(--surface); }.section-head { display:flex; justify-content:space-between; gap:18px; }.section-head h2,.closure h2 { margin:6px 0 0; font-size:25px; }.section-head > span,.closure > div > span { color:var(--muted); }
.model-grid { display:grid; grid-template-columns:1fr 1fr; margin-top:18px; border-top:1px solid var(--line); border-left:1px solid var(--line); }.model-grid article { display:grid; grid-template-columns:42px 1fr auto; gap:12px; align-items:center; padding:15px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.model-grid article > span { display:grid; width:36px; height:36px; place-items:center; border-radius:50%; color:#07120f; background:var(--teal); font-weight:900; }.model-grid article.baseline > span { color:#111; background:var(--gold); }.model-grid b,.model-grid small { display:block; }.model-grid small { margin-top:3px; color:var(--muted); }.model-grid strong { font-size:22px; }
.closure { display:grid; grid-template-columns:1.1fr 1fr .8fr; gap:24px; align-items:center; }.closure-actions { display:flex; flex-wrap:wrap; gap:8px; }.closure button { min-height:42px; padding:0 13px; border:1px solid var(--line); border-radius:8px; color:var(--text); background:#1c2636; font-weight:800; cursor:pointer; }.closure button.primary { border-color:var(--gold); color:#111; background:var(--gold); }.closure button:disabled { cursor:not-allowed; opacity:.45; }.verdict { padding:14px; border-left:3px solid var(--teal); background:var(--surface-2); }.verdict span,.verdict b,.verdict small { display:block; }.verdict span { color:var(--teal); font-size:11px; font-weight:900; }.verdict b { margin-top:5px; }.verdict small { margin-top:4px; color:var(--muted); line-height:1.45; }
.boundaries { display:grid; grid-template-columns:repeat(3,1fr); margin-top:18px; border:1px solid var(--line); border-radius:14px; overflow:hidden; }.boundaries div { padding:16px; }.boundaries div+div { border-left:1px solid var(--line); }.boundaries span,.boundaries b { display:block; }.boundaries span { color:var(--gold); font-size:11px; font-weight:900; }.boundaries b { margin-top:6px; font-size:13px; line-height:1.5; }
.toast { position:fixed; right:22px; bottom:22px; transform:translateY(14px); padding:12px 15px; border-radius:9px; color:#111; background:var(--gold); font-weight:800; opacity:0; pointer-events:none; transition:.2s ease; }.toast.show { transform:translateY(0); opacity:1; }
@media(max-width:820px){.topbar{padding:12px 18px}.hero,.event-board,.closure{grid-template-columns:1fr}.phase-strip,.boundaries{grid-template-columns:1fr 1fr}.phase-strip div:nth-child(3),.boundaries div:nth-child(3){border-top:1px solid var(--line)}.model-grid{grid-template-columns:1fr}}
@media(max-width:520px){.truth{display:none}main{padding-top:30px}.hero h1{font-size:44px}.phase-strip,.boundaries{grid-template-columns:1fr}.phase-strip div+div,.boundaries div+div{border-top:1px solid var(--line);border-left:0}.event-copy dl{grid-template-columns:1fr}.probability{min-height:220px}.section-head{align-items:flex-start;flex-direction:column}}