:root{--bg:#0b1024;--ink:#f5f0df;--muted:#a8b2c9;--gold:#f1c66d;--cyan:#70e0d0;--red:#ff7c72}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(900px 600px at 50% -10%,#29336c 0,transparent 62%),linear-gradient(145deg,#080b19,#121a36 65%,#28182e);color:var(--ink);font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(#f1c66d 1px,transparent 1px);background-size:28px 28px}.shell{position:relative;width:min(720px,calc(100% - 28px));margin:0 auto;padding:28px 0 42px}.intro,.result{min-height:100svh;display:flex;flex-direction:column;justify-content:center}.brand{display:grid;gap:4px;width:max-content;max-width:100%;padding:12px 15px;border:1px solid #53638f;border-radius:12px;background:#121c38cc;box-shadow:0 20px 50px #0007,inset 0 1px #fff2}.brand small{font-size:10px;letter-spacing:.16em;color:var(--gold)}.brand b{font-size:19px}.brand em{font-size:9px;letter-spacing:.12em;color:#a7b9df;font-style:normal}.kicker{margin:38px 0 10px;color:var(--cyan);font-size:12px;letter-spacing:.18em;font-weight:800}.intro h1{font-size:clamp(42px,9vw,82px);line-height:1.03;letter-spacing:-.07em;margin:0}.intro h1 span,.result h1{color:var(--gold)}.lede,.summary{max-width:530px;color:var(--muted);font-size:16px;line-height:1.7}.how{display:flex;gap:10px;margin:16px 0 25px}.how span{padding:8px 12px;border:1px solid #53638f;border-radius:99px;color:#cfdaef;background:#172344aa;font-size:12px}.primary{border:0;border-radius:12px;padding:14px 22px;background:linear-gradient(135deg,#f4d17d,#bf7c42);color:#171224;font-weight:900;font-size:16px;cursor:pointer;box-shadow:0 10px 26px #c78d4855}.primary:hover{transform:translateY(-2px);filter:brightness(1.08)}.back{display:block;margin-top:22px;color:#aebdde;font-size:13px;text-decoration:none}.round{display:flex;justify-content:space-between;margin:8px 0 18px;color:var(--muted);font-size:12px}.round b{color:var(--gold);letter-spacing:.14em}.meters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px}.meter{padding:10px;border:1px solid #42537c;border-radius:12px;background:#101a35cc}.meter header{display:flex;justify-content:space-between;font-size:11px;color:#b9c8e4}.meter i{display:block;height:6px;margin-top:8px;border-radius:99px;background:#293657;overflow:hidden}.meter i:after{content:"";display:block;height:100%;width:var(--value);background:var(--meter);border-radius:99px;transition:width .4s}.brief{color:#d8e0f1;font-size:18px;line-height:1.5;margin:0 0 18px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{min-height:190px;padding:17px;text-align:left;color:var(--ink);background:linear-gradient(145deg,#1c2a50,#101a35);border:1px solid #536b9c;border-radius:16px;cursor:pointer;box-shadow:0 14px 30px #0003;transition:.2s}.choice:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 18px 38px #0006}.choice h2{margin:0 0 10px;font-size:20px}.choice p{color:#b5c3de;line-height:1.55;font-size:13px}.delta{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;font-size:11px}.up{color:var(--cyan)}.down{color:var(--red)}.result h1{font-size:clamp(38px,8vw,68px);margin:10px 0}.result-card{margin:20px 0;padding:18px;border:1px solid #66769f;border-radius:16px;background:linear-gradient(145deg,#1a274b,#10182e);box-shadow:0 20px 50px #0006}.result-card strong{display:block;color:var(--gold);font-size:14px;letter-spacing:.1em}.share{padding:12px 0;border-top:1px solid #36466d;color:#adbad4;font-size:12px}.actions{display:flex;gap:10px;flex-wrap:wrap}.ghost{border:1px solid #5c719d;border-radius:10px;padding:11px 15px;color:#dce6fa;background:#162342;cursor:pointer}@media(max-width:560px){.choices{grid-template-columns:1fr}.choice{min-height:150px}.intro h1{font-size:48px}}