:root{--bg:#070b16;--card:rgba(16,24,44,.78);--card2:rgba(22,34,62,.88);--text:#eef5ff;--muted:#94a3b8;--line:rgba(148,163,184,.18);--blue:#4f8cff;--cyan:#22d3ee;--green:#2dd4bf;--red:#fb7185;--gold:#fbbf24}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#12336b 0,#070b16 34%,#050711 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;min-height:100vh}.bg-orb{position:fixed;border-radius:999px;filter:blur(10px);opacity:.45;pointer-events:none}.orb-a{width:360px;height:360px;background:#2563eb;right:8%;top:8%}.orb-b{width:280px;height:280px;background:#14b8a6;left:4%;bottom:10%}.shell{width:min(1420px,94vw);margin:0 auto;padding:42px 0}.hero{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:stretch;margin-bottom:22px}.eyebrow{color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;font-weight:700;font-size:12px}h1{font-size:clamp(34px,5vw,68px);line-height:.95;margin:10px 0;background:linear-gradient(90deg,#fff,#93c5fd,#67e8f9);-webkit-background-clip:text;color:transparent}.sub{color:var(--muted);font-size:17px;max-width:780px;line-height:1.7}.card{background:linear-gradient(180deg,var(--card),rgba(8,13,28,.76));border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.28);backdrop-filter:blur(18px)}.hero-card{padding:28px;border-radius:28px;background:linear-gradient(145deg,rgba(79,140,255,.28),rgba(34,211,238,.12));border:1px solid rgba(147,197,253,.26);display:flex;flex-direction:column;justify-content:center}.label,.stat span{color:var(--muted);font-size:13px}.hero-card strong{font-size:34px;margin:12px 0}.hero-card b{font-size:44px;color:var(--green)}.toolbar{display:flex;justify-content:space-between;gap:18px;padding:16px;margin-bottom:18px}.tabs{display:flex;gap:10px}.tabs button,.actions button{border:0;border-radius:16px;padding:13px 18px;color:var(--text);background:rgba(148,163,184,.12);font-weight:800;cursor:pointer}.tabs button.active{background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 12px 30px rgba(34,211,238,.18)}.actions{display:flex;gap:10px;flex:1;justify-content:flex-end}.actions input{width:min(360px,100%);border:1px solid var(--line);background:rgba(2,6,23,.5);color:var(--text);border-radius:16px;padding:0 16px;outline:none}.primary{background:linear-gradient(135deg,#2563eb,#22d3ee)!important}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.stat{padding:20px}.stat b{display:block;margin-top:10px;font-size:20px}.table-card{overflow:hidden}.table-head{display:flex;justify-content:space-between;gap:18px;padding:24px 26px;border-bottom:1px solid var(--line)}h2{margin:0 0 8px;font-size:24px}#statusText{margin:0;color:var(--muted)}.legend{color:var(--muted);align-self:end}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin:0 6px}.positive{background:var(--green)}.negative{background:var(--red)}.table-wrap{overflow:auto;max-height:68vh}table{width:100%;border-collapse:collapse;min-width:1060px}th,td{padding:15px 18px;text-align:left;border-bottom:1px solid rgba(148,163,184,.1);white-space:nowrap}th{position:sticky;top:0;background:#101827;color:#b6c2d6;font-size:13px;z-index:1}td{font-size:14px}.rank{color:#93c5fd;font-weight:900}.symbol{font-weight:900;font-size:15px}.pct{font-weight:900}.pct.pos{color:var(--green)}.pct.neg{color:var(--red)}.pill{padding:5px 9px;border-radius:999px;background:rgba(148,163,184,.12);color:#cbd5e1}.note{margin-top:18px;padding:22px 26px;color:#cbd5e1}.note h3{margin-top:0}.note li{margin:8px 0}code{color:#bae6fd;background:rgba(14,165,233,.12);padding:2px 6px;border-radius:8px}@media(max-width:900px){.hero{grid-template-columns:1fr}.toolbar,.actions{flex-direction:column}.stats{grid-template-columns:1fr 1fr}.actions input{height:48px;width:100%}}@media(max-width:560px){.stats{grid-template-columns:1fr}.tabs{width:100%}.tabs button{flex:1}.shell{padding-top:24px}}