:root{--bg:#090e1c;--panel:#121a33;--text:#f6f8ff;--muted:#9eabc8;--line:#2b3a66;--hot:#ff5c7a;--gold:#ffcc66;--cyan:#54d6ff;--green:#68e0a1;--purple:#a78bfa}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#25356d 0,#090e1c 42%,#060812 100%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit}.hero{padding:28px clamp(18px,4vw,56px) 48px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:52px}.brand{display:flex;gap:10px;align-items:center;font-weight:900}.logo{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--hot),var(--gold));display:grid;place-items:center;color:#170714}.ghost{border:1px solid #334672;border-radius:999px;padding:10px 16px;text-decoration:none;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.72fr);gap:28px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--cyan);font-weight:900}.hero h1{font-size:clamp(38px,7vw,82px);line-height:.98;margin:10px 0 18px;max-width:1000px}.lead{font-size:clamp(17px,2vw,22px);line-height:1.65;color:#d9e2ff;max-width:870px}.button{display:inline-flex;background:linear-gradient(135deg,var(--hot),#ff8a4c);color:white;text-decoration:none;border-radius:16px;padding:14px 18px;font-weight:900;margin:8px 10px 0 0}.button.secondary{background:#1c294d;color:#e7ecff;border:1px solid #354774}.hero-card,.chart-panel,.decision-card,.play-card,.score-card,.compare-row{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.25)}.pill{display:inline-flex;border-radius:999px;padding:6px 10px;background:#26345f;color:#c9d6ff;font-size:12px;font-weight:900}.pill.hot{background:rgba(255,92,122,.18);color:#ff99aa}main{padding:0 clamp(18px,4vw,56px) 56px}.toolbar{margin:34px 0 16px}.toolbar h2{font-size:clamp(26px,3.5vw,46px);margin:6px 0}.play-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.play-card h3{font-size:28px;margin:10px 0}.formula{color:#dbe5ff;background:#0d1429;border:1px solid #273864;border-radius:16px;padding:14px;margin:16px 0}.beat-list{display:grid;gap:10px;margin-top:16px}.beat{display:grid;grid-template-columns:74px 1fr 42px;gap:12px;align-items:center;background:#0d1429;border:1px solid #25365f;border-radius:14px;padding:12px}.beat time{color:var(--cyan);font-weight:900}.beat b{color:var(--gold)}.beat em{font-style:normal;color:var(--hot);font-weight:900}.bullets{color:var(--muted);line-height:1.6}.score-compare{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:14px;overflow-x:auto}.score-card{min-width:140px}.score-card h3{font-size:15px;margin:0 0 16px}.score-pair{display:grid;gap:10px}.bar{height:10px;background:#243152;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;border-radius:999px}.r{background:linear-gradient(90deg,var(--cyan),var(--green))}.a{background:linear-gradient(90deg,var(--purple),var(--hot))}.num{display:flex;justify-content:space-between;color:#d9e2ff;font-size:13px;margin-bottom:4px}.chart-panel{padding:14px 18px 20px}svg{width:100%;height:auto}.legend{color:var(--muted);font-size:14px}.legend span{display:inline-block;width:34px;height:4px;border-radius:999px;margin:0 8px;vertical-align:middle}.l1{background:var(--cyan)}.l2{background:var(--hot)}.compare-table{display:grid;gap:12px}.compare-row{display:grid;grid-template-columns:170px 1fr 1fr;gap:16px;align-items:start}.axis{font-weight:900;color:var(--gold)}.cell{color:#dbe5ff;line-height:1.55}.decision{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.decision-card h3{font-size:24px;margin-top:0}.decision-card p{color:#dbe5ff;line-height:1.65}.next{grid-column:1/-1;border-color:rgba(255,204,102,.35)}footer{border-top:1px solid rgba(255,255,255,.1);padding:28px clamp(18px,4vw,56px);color:var(--muted)}@media(max-width:900px){.hero-grid,.play-grid,.decision,.compare-row{grid-template-columns:1fr}.hero h1{font-size:42px}.score-compare{grid-template-columns:1fr 1fr}.compare-row{gap:8px}.axis{font-size:18px}}