:root{--bg:#14171c;--card:#1b1f26;--card-2:#222731;--line:#262b33;--text:#d6dae0;--text-2:#8a919c;--text-3:#5f6671;--accent:#5592cc;--up:#e0605a;--down:#34a07c;--radius:10px;--font:"PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif}:root[data-convention=us]{--up:#34a07c;--down:#e0605a}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font:14px/1.6 var(--font);-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}.num{font-variant-numeric:tabular-nums}.up{color:var(--up)}.down{color:var(--down)}.muted{color:var(--text-2)}.topbar{z-index:10;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0}.topbar-inner{align-items:center;gap:24px;max-width:1200px;height:56px;margin:0 auto;padding:0 16px;display:flex}.brand{letter-spacing:.5px;white-space:nowrap;font-size:16px;font-weight:600}.tabs{gap:4px;display:flex}.tab{color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 12px;transition:color .15s,background .15s}.tab:hover{color:var(--text)}.tab[aria-selected=true]{color:var(--text);background:var(--card)}.spacer{flex:1}.convention{border:1px solid var(--line);color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:4px 10px;font-size:12px;transition:color .15s}.convention:hover{color:var(--text)}main{max-width:1200px;margin:0 auto;padding:24px 16px 48px}.group{margin-bottom:16px}.group-title{color:var(--text-2);letter-spacing:1px;margin:0 0 8px;font-size:12px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.index-card{background:var(--card);border-radius:var(--radius);text-align:left;cursor:pointer;border:1px solid #0000;grid-template-columns:1fr auto;align-items:center;gap:4px 8px;padding:14px 16px;transition:border-color .15s;display:grid}.index-card:hover{border-color:var(--line)}.index-card[aria-pressed=true]{border-color:var(--accent)}.index-card .name{color:var(--text-2);font-size:13px}.index-card .price{grid-column:1;font-size:20px;font-weight:600}.index-card .chg{grid-column:1;font-size:13px}.index-card .badge-slot{grid-area:1/2/span 3;align-self:center}.badge{white-space:nowrap;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-buy{color:var(--up);background:color-mix(in srgb, var(--up) 15%, transparent)}.badge-sell{color:var(--down);background:color-mix(in srgb, var(--down) 15%, transparent)}.badge-hold{color:var(--text-2);background:color-mix(in srgb, var(--text-2) 15%, transparent)}.panel{background:var(--card);border-radius:var(--radius);margin-top:16px;padding:20px}.detail-head{flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-bottom:8px;display:flex}.detail-head h2{margin:0;font-size:18px;font-weight:600}.detail-head .code{color:var(--text-3);font-size:13px}.detail-head .price{font-size:22px;font-weight:600}.detail-head .period{color:var(--text-3);font-size:12px}.chips{gap:6px;margin:4px 0 8px;display:flex}.chip{border:1px solid var(--line);color:var(--text-2);cursor:pointer;background:0 0;border-radius:999px;padding:2px 12px;font-size:12px;transition:color .15s,border-color .15s}.chip[aria-pressed=true]{color:var(--text);border-color:var(--accent)}.chart{width:100%}.verdict{align-items:center;gap:12px;margin-bottom:12px;display:flex}.verdict .badge{padding:4px 14px;font-size:15px}.verdict .score{color:var(--text-2)}.reasons{margin:0;padding:0;list-style:none}.reasons li{border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding:8px 0;display:flex}.reasons li:first-child{border-top:0}.reasons .pts{text-align:right;min-width:2.5em}.stats{color:var(--text-2);flex-wrap:wrap;gap:8px 24px;margin-top:12px;font-size:13px;display:flex}.stats b{color:var(--text);margin-left:6px;font-weight:500}.link{color:var(--accent);cursor:pointer;background:0 0;border:0;margin-top:12px;padding:0;font-size:13px}.history{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.history span{font-size:12px}.two-col{grid-template-columns:minmax(0,1fr) 340px;gap:16px;display:grid}.two-col>.panel{margin-top:16px}.search{gap:8px;display:flex}.search input{background:var(--card);border:1px solid var(--line);border-radius:8px;outline:none;flex:1;min-width:0;padding:10px 14px;transition:border-color .15s}.search input:focus{border-color:var(--accent)}.search input::placeholder{color:var(--text-3)}.search button{background:var(--accent);color:#0f1216;cursor:pointer;border:0;border-radius:8px;padding:0 20px;font-weight:600}.hint{color:var(--text-3);margin-top:8px;font-size:12px}.hint button{color:var(--text-2);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:12px}.hint button:hover{color:var(--text)}.notice{color:var(--text-2);padding:16px 0;font-size:13px}.stale{color:var(--text-3);font-size:12px}.skeleton{background:var(--card-2);border-radius:6px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}footer{text-align:center;color:var(--text-3);padding:24px 16px 32px;font-size:12px}@media (width<=960px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr;gap:0}}@media (width<=560px){.topbar-inner{gap:12px}.brand{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.index-card{padding:12px}.index-card .price{grid-column:1/span 2;font-size:17px}.index-card .chg{grid-column:1/span 2;font-size:12px}.index-card .badge-slot{grid-row:1}.index-card .badge{padding:1px 6px}.panel{padding:16px}}
