:root{
  color-scheme: dark;
  --bg:#071019; --panel:#0d1b2a; --panel2:#10243a; --text:#e8f3ff; --muted:#8fb0c8;
  --cyan:#20e0ff; --green:#6dff9f; --amber:#ffd166; --red:#ff6b6b; --line:#1f3a52;
}
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at top left,#112b42 0,#071019 46%,#05090f 100%);background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif;color:var(--text)}
button,input,select{font:inherit}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 32px;background:rgba(7,16,25,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
h1{margin:0;font-size:30px;letter-spacing:.08em}.eyebrow{margin:0 0 6px;color:var(--cyan);font-size:12px;text-transform:uppercase;letter-spacing:.18em}.subtitle{margin:8px 0 0;color:var(--muted)}.status{padding:10px 14px;border:1px solid var(--line);border-radius:12px;color:var(--green);background:#071522;white-space:nowrap}
main{max-width:1280px;margin:0 auto;padding:28px 24px 56px}.grid{display:grid;gap:16px}.cards{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.two{grid-template-columns:1fr 1fr;margin-top:18px}.card,.panel{background:linear-gradient(180deg,rgba(16,36,58,.96),rgba(11,24,38,.96));border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 44px rgba(0,0,0,.25)}.card{padding:18px}.card .label{color:var(--muted);font-size:13px}.card .value{font-size:30px;font-weight:800;margin-top:8px}.card .hint{color:var(--muted);font-size:12px;margin-top:4px}.panel{padding:20px;margin-bottom:18px}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:14px}.section-head.compact{align-items:center}h2{margin:0 0 8px;font-size:20px}.section-head p,.panel p{color:var(--muted);margin:0 0 8px;line-height:1.65}.controls{display:flex;gap:10px;flex-wrap:wrap}select,input{background:#071522;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:10px 12px;min-width:168px}.segmented{display:flex;gap:8px;flex-wrap:wrap}.segmented button,.ghost{background:#071522;color:var(--text);border:1px solid var(--line);border-radius:999px;padding:9px 13px;cursor:pointer}.segmented button.active,.segmented button:hover,.ghost:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 0 1px rgba(32,224,255,.16) inset}
.candidate-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.spec-card{border:1px solid var(--line);background:#071522;border-radius:16px;padding:14px;text-align:left;color:var(--text);cursor:pointer}.spec-card:hover{border-color:var(--cyan);transform:translateY(-1px)}.spec-card.main{background:linear-gradient(180deg,rgba(19,70,73,.86),rgba(7,21,34,.95))}.spec-card.tight{background:linear-gradient(180deg,rgba(61,45,95,.75),rgba(7,21,34,.95))}.spec-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.spec-top span{color:var(--cyan);font-weight:800}.spec-top strong{font-size:24px}.spec-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;color:var(--muted);font-size:13px}
.stock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stock-card{width:100%;border:1px solid var(--line);background:linear-gradient(180deg,#0b1e31,#071522);color:var(--text);border-radius:16px;padding:14px;text-align:left;cursor:pointer;min-height:178px}.stock-card:hover,.stock-card.selected{border-color:var(--cyan);box-shadow:0 0 0 1px rgba(32,224,255,.22),0 18px 40px rgba(0,0,0,.25)}.stock-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.stock-head strong{font-size:28px;letter-spacing:.04em}.stock-head span{display:block;margin-top:2px;color:var(--text);font-weight:700}.stock-head em{font-style:normal;color:var(--green);font-size:13px;border:1px solid rgba(109,255,159,.34);border-radius:999px;padding:4px 8px;white-space:nowrap}.stock-sub{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0;color:var(--muted);font-size:12px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.metric-row div{background:rgba(255,255,255,.035);border:1px solid rgba(31,58,82,.7);border-radius:12px;padding:8px}.metric-row label,.detail-grid label{display:block;color:var(--muted);font-size:11px;margin-bottom:3px}.metric-row b{font-size:16px}.stock-tags,.detail-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700;background:#0a2b3d;color:var(--cyan);border:1px solid rgba(32,224,255,.35)}.pill.risk{color:var(--amber);border-color:rgba(255,209,102,.42);background:rgba(255,209,102,.08)}.pill.bad{color:var(--red);border-color:rgba(255,107,107,.42);background:rgba(255,107,107,.08)}.pill.muted{color:var(--muted);border-color:rgba(143,176,200,.32);background:rgba(143,176,200,.06)}.pill.good-bg{color:var(--green);border-color:rgba(109,255,159,.42);background:rgba(109,255,159,.08)}.bad{color:var(--red)}.good{color:var(--green)}.empty,.detail-empty{grid-column:1/-1;color:var(--muted);padding:20px;border:1px dashed var(--line);border-radius:14px;text-align:center}.detail-panel{scroll-margin-top:110px}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.detail-grid div{background:#071522;border:1px solid var(--line);border-radius:12px;padding:11px}.detail-grid strong{font-size:16px}.spec-list{margin:0;padding-left:18px;color:var(--muted);line-height:1.8}.links a{display:inline-block;margin:6px 10px 0 0;color:var(--cyan);text-decoration:none;border:1px solid rgba(32,224,255,.35);border-radius:999px;padding:8px 12px;background:#071522}
@media(max-width:1080px){.cards,.candidate-summary,.stock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.topbar{display:block;padding:18px}.status{margin-top:14px;display:inline-block;white-space:normal}.cards,.candidate-summary,.stock-grid,.two{grid-template-columns:1fr}.section-head{display:block}.controls{margin-top:12px;flex-direction:column}select,input{width:100%}main{padding:18px 14px 40px}.stock-head strong{font-size:24px}.detail-grid{grid-template-columns:1fr}}
.external-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.external-links a{color:var(--cyan);text-decoration:none;border:1px solid rgba(32,224,255,.35);border-radius:999px;padding:8px 10px;background:#071522;font-size:13px}