:root{--bg: #0a0a0c;--surface: #111114;--surface-2: #16161a;--hairline: rgba(255, 255, 255, .07);--text: #e8e8ea;--text-2: #8b8b93;--text-3: #5c5c64;--up: #ff5252;--down: #00c896;--flat: #8b8b93;--up-dim: rgba(255, 82, 82, .14);--down-dim: rgba(0, 200, 150, .12);--mono: "SF Mono", "Cascadia Code", "JetBrains Mono", "Roboto Mono", Consolas, monospace;--sans: -apple-system, "PingFang SC", "HarmonyOS Sans SC", "MiSans", system-ui, "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.up{color:var(--up)}.down{color:var(--down)}.flat{color:var(--flat)}.wrap{max-width:880px;margin:0 auto;padding:0 16px 48px}.topbar{display:flex;align-items:baseline;gap:10px;padding:20px 0 14px}.brand{font-size:17px;font-weight:700;letter-spacing:.01em;padding-left:10px;border-left:3px solid var(--up)}.live{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:12px;color:var(--text-2)}.live .dot{width:7px;height:7px;border-radius:50%;background:var(--down)}.live.stale .dot{background:#e8b339}.indices{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hairline);border:1px solid var(--hairline);margin-bottom:14px}.idx{background:var(--surface);padding:10px 12px 9px}.idx .idx-name{font-size:11px;color:var(--text-2)}.idx .idx-val{font-size:15px;margin-top:2px}.idx .idx-pct{font-size:12px;margin-top:1px}.searchbox{position:relative;margin-bottom:6px}.searchbox .field{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--hairline);padding:0 12px}.searchbox .field:focus-within{border-color:#ffffff38}.searchbox svg{width:15px;height:15px;fill:var(--text-3);flex:none}.searchbox input{flex:1;background:none;border:none;outline:none;color:var(--text);font:inherit;height:42px}.searchbox input::placeholder{color:var(--text-3)}.suggest{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;background:var(--surface-2);border:1px solid var(--hairline);max-height:300px;overflow-y:auto;display:none;box-shadow:0 12px 40px #00000080}.suggest .s-item{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;cursor:pointer;min-height:44px}.suggest .s-item:hover,.suggest .s-item.active{background:#ffffff0d}.suggest .s-item .s-code{color:var(--text-3);font-size:12px}.suggest .s-item .s-tag{font-size:10px;color:var(--text-2);border:1px solid var(--hairline);border-radius:3px;padding:1px 5px;margin-left:10px}.suggest .s-empty{padding:14px;color:var(--text-3);font-size:13px}.list-head{display:grid;grid-template-columns:1fr 110px 96px 64px 24px;gap:12px;padding:12px 2px 8px;font-size:11px;color:var(--text-3)}.list-head span:nth-child(2),.list-head span:nth-child(3){text-align:right}.row{display:grid;grid-template-columns:1fr 110px 96px 64px 24px;gap:12px;align-items:center;border-bottom:1px solid var(--hairline);cursor:pointer;transition:background .15s ease}.row:hover{background:#ffffff06}.row:focus-visible{outline:1px solid rgba(255,255,255,.3);outline-offset:-1px}.r-name{min-width:0}.r-name .n1{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r-name .n2{font-size:11px;color:var(--text-3);margin-top:1px}.r-price{text-align:right}.r-price .p1{font-size:17px;font-weight:600}.r-chg{text-align:right}.r-chg .c1{font-size:14px;font-weight:600}.r-chg .c2{font-size:11px;color:var(--text-3);margin-top:1px}.r-spark{width:64px;height:30px}.r-del{border:none;background:none;color:var(--text-3);font-size:14px;width:24px;height:24px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.r-del:hover{color:var(--up);background:var(--up-dim)}@keyframes flashUp{0%{background:var(--up-dim)}to{background:transparent}}@keyframes flashDown{0%{background:var(--down-dim)}to{background:transparent}}.flash-up{animation:flashUp .5s ease-out;border-radius:4px}.flash-down{animation:flashDown .5s ease-out;border-radius:4px}.panel{display:none;border-bottom:1px solid var(--hairline);background:var(--surface);padding:14px 2px 18px}.row.open+.panel{display:block;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.panel canvas{width:100%;height:120px;display:block}.panel .meta{display:flex;gap:18px;margin-top:10px;font-size:11px;color:var(--text-3)}.panel .meta b{color:var(--text-2);font-weight:500}@keyframes shimmer{0%{opacity:.35}50%{opacity:.8}to{opacity:.35}}.skel-row{display:grid;grid-template-columns:1fr 110px 96px 64px 24px;gap:12px;align-items:center;border-bottom:1px solid var(--hairline);padding:16px 0}.skel{height:14px;border-radius:3px;background:var(--surface-2);animation:shimmer 1.4s ease-in-out infinite}.empty{text-align:center;padding:72px 0 48px;color:var(--text-3)}.empty .e-title{font-size:15px;color:var(--text-2);margin-bottom:6px}.empty .e-sub{font-size:13px}footer{text-align:center;padding:28px 0 8px;font-size:11px;color:var(--text-3)}@media(max-width:640px){.list-head{display:none}.indices{grid-template-columns:repeat(2,1fr)}.row,.skel-row{grid-template-columns:1fr 96px 80px 24px}.r-spark,.list-head span:nth-child(4){display:none}.r-price .p1{font-size:16px}}@media(prefers-reduced-motion:reduce){.flash-up,.flash-down,.row,.row.open+.panel,.skel{animation:none!important;transition:none!important}}