:root{color-scheme:dark;--bg:#0b1110;--panel:#121c19;--line:#263630;--mint:#a8f0cf;--gold:#ffd568;--muted:#9eb0aa}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#1d3b31 0,transparent 35%),var(--bg);color:#f4f8f6;font:16px/1.6 system-ui,"Noto Sans TC",sans-serif}main{width:min(1120px,calc(100% - 32px));margin:auto}header{display:flex;justify-content:space-between;align-items:end;padding:64px 0 36px;border-bottom:1px solid var(--line)}h1{font-size:clamp(2rem,7vw,4.5rem);line-height:1;margin:.2rem 0}h2{margin:0;font-size:1.6rem}.eyebrow{color:var(--mint);font-size:.75rem;font-weight:800;letter-spacing:.2em;margin:0}button{border:0;border-radius:999px;background:var(--mint);color:#0b1914;padding:12px 20px;font-weight:800;cursor:pointer}.status{padding:24px 0;color:var(--muted)}.status b,.balls b{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--gold);color:#231b06;margin:3px;font-size:.9rem}.grid{display:grid;gap:12px}.metrics{grid-template-columns:repeat(6,1fr)}.metrics article,.panel{background:linear-gradient(145deg,#16221e,#101815);border:1px solid var(--line);border-radius:18px}.metrics article{padding:20px}.metrics span,.panel small,td small{display:block;color:var(--muted);font-size:.8rem}.metrics strong{display:block;font-size:1.4rem;margin-top:6px}.panel{padding:24px;margin:18px 0}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.balls b{width:52px;height:52px;font-size:1.05rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:.75rem}footer{color:var(--muted);padding:24px 0 48px;font-size:.8rem}@media(max-width:850px){.metrics{grid-template-columns:repeat(2,1fr)}header{align-items:start;flex-direction:column;gap:24px}.panel{padding:16px}.section-head{align-items:start;gap:16px}.balls b{width:40px;height:40px}}
.panel h3{font-size:.9rem;color:var(--muted);margin:18px 0 6px}.suggested{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.suggested h3{grid-column:1/-1;margin-bottom:0}.suggested>div{background:#0d1512;border:1px solid var(--line);border-radius:14px;padding:12px}.suggested span{display:block;color:var(--mint);font-size:.75rem;font-weight:800}.suggested b{width:42px;height:42px}@media(max-width:650px){.suggested{grid-template-columns:1fr}}