:root{color-scheme:light;--red:#d5092f;--green:#008d73;--blue:#3365db;--ink:#161719;--muted:#8d9098}*{box-sizing:border-box}body{margin:0;background:#f6f7f9;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.page{max-width:1080px;margin:0 auto;padding:0 28px 35px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:750;font-size:21px;letter-spacing:1px}.brand span{color:var(--blue);margin-left:3px}.refresh-info{font-size:12px;color:#8b9099;display:flex;align-items:center;gap:7px}.pulse{width:6px;height:6px;background:#60b998;border-radius:50%}#retry{background:none;border:0;font-size:24px;color:#7c828c;padding:3px 8px}.markets{display:flex;gap:10px;margin:5px 0 20px}.markets button{border:1px solid #e3e6eb;background:white;color:#777d88;border-radius:8px;padding:10px 22px;font-size:14px}.markets button.selected{color:var(--blue);border-color:#d4dffa;background:#eef3ff;font-weight:600}.quote-card{background:#fff;border-radius:14px;padding:42px 46px 24px;box-shadow:0 4px 24px #25325004}h1{font-size:clamp(22px,3.4vw,34px);font-weight:650;line-height:1.6;margin:0 0 8px;letter-spacing:.2px}h1 span{color:var(--red)}.price-line{display:flex;gap:13px;align-items:baseline;flex-wrap:wrap;color:var(--red);font-variant-numeric:tabular-nums;line-height:1.3;padding:5px 0}.price-line strong{font-size:clamp(42px,7.4vw,76px);font-weight:650;letter-spacing:-2px}.price-line #unit{font-size:24px;margin-left:-8px}.price-line #change,.price-line #percent{font-size:28px;font-weight:550;letter-spacing:-.6px}.price-line.down{color:var(--green)}.price-line.neutral{color:#767c85}.quote-meta{display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:18px;color:#8d8e94;margin:14px 0 27px}.quote-meta time{font-variant-numeric:tabular-nums}.quote-meta #market-state{font-size:14px}.periods{background:#f3f4f8;border-radius:13px;padding:5px;display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:23px}.periods button{border:0;background:none;border-radius:10px;padding:12px 0;font-size:23px;color:#292b30}.periods button.active{color:var(--blue);background:#fff;box-shadow:0 2px 8px #242b3c05}.chart{height:440px;width:100%;position:relative;touch-action:pan-y}.chart svg{width:100%;height:100%;display:block;overflow:visible}.chart .empty-state{height:100%;display:flex;align-items:center;justify-content:center;color:#a1a5ad;font-size:14px}.hover-detail{min-height:25px;font-size:11px;color:#a0a4ab;text-align:center;line-height:1.7;margin:5px 0 15px;font-variant-numeric:tabular-nums}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 0 35px}.stats>div{text-align:center;position:relative}.stats>div+div:before{content:"";position:absolute;left:0;top:11px;height:52px;width:1px;background:#eff0f3}dt{font-size:22px;margin-bottom:7px}dd{font-size:29px;font-weight:550;margin:0;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.up{color:var(--red)}.down{color:var(--green)}.neutral{color:#161719}.card-bottom{display:flex;justify-content:space-between;gap:12px;color:#a3a7af;font-size:12px;line-height:1.8}.card-bottom a:hover{color:var(--blue)}.status-bar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:11px;color:#959ba6;margin:18px 4px 0}.clock-wrap{white-space:nowrap}.disclaimer{font-size:11px;color:#a0a5af;line-height:1.9;margin:10px 4px 0}#status.error{color:#b66a45}.crosshair{pointer-events:none}.crosshair line{stroke:#aab2c0;stroke-dasharray:4 4}.crosshair circle{fill:var(--blue);stroke:white;stroke-width:2}@media(max-width:640px){body{background:white}.page{padding:0 19px 25px}.topbar{height:62px}.brand{font-size:17px}.refresh-info{font-size:10px;gap:5px}.markets{gap:7px;margin:3px 0 26px}.markets button{padding:8px 12px;font-size:12px;flex:1;white-space:nowrap}.quote-card{padding:0;background:none;box-shadow:none;border-radius:0}h1{font-size:23px;letter-spacing:-.3px;margin-bottom:7px}.price-line{gap:9px}.price-line strong{font-size:53px;letter-spacing:-2px}.price-line #unit{font-size:18px;margin-left:-5px}.price-line #change,.price-line #percent{font-size:20px;letter-spacing:-.4px}.quote-meta{font-size:16px;gap:11px;margin:12px 0 23px}.quote-meta #market-state{font-size:10px}.periods{border-radius:12px;margin-bottom:20px;padding:4px}.periods button{font-size:19px;padding:10px 0}.chart{height:330px}.hover-detail{font-size:9px;margin:3px 0 12px;min-height:31px}.stats{margin:14px 0 26px}dt{font-size:17px;margin-bottom:8px}dd{font-size:clamp(14px,4.4vw,21px)}.stats>div+div:before{height:39px;top:8px}.card-bottom{font-size:10px}.status-bar{margin:23px 0 0;padding-top:14px;border-top:1px solid #f0f1f4;font-size:10px}.disclaimer{font-size:10px;margin-left:0;margin-right:0}}@media(max-width:365px){.page{padding-left:13px;padding-right:13px}.price-line strong{font-size:45px}.price-line #change,.price-line #percent{font-size:17px}dd{font-size:18px}.markets button{padding:8px}.chart{height:300px}}

.chart-tooltip{position:absolute;z-index:3;min-width:168px;padding:10px 12px 8px;border-radius:7px;color:#fff;box-shadow:0 4px 14px #14232812;pointer-events:none;font-variant-numeric:tabular-nums}.chart-tooltip[hidden]{display:none}.chart-tooltip.tip-down{background:#008d73}.chart-tooltip.tip-up{background:#d5092f}.chart-tooltip strong{font-size:28px;font-weight:500;line-height:1.15;display:block;padding-bottom:6px;border-bottom:1px solid #ffffff50}.chart-tooltip>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;font-size:13px}.chart-tooltip time{white-space:nowrap}.chart-tooltip small{display:block;font-size:9px;opacity:.75;margin-top:5px}.chart svg:focus-visible{outline:2px solid #c4d2f3;outline-offset:4px;border-radius:4px}@media(max-width:640px){.chart-tooltip{min-width:150px;padding:9px 10px 7px}.chart-tooltip strong{font-size:25px}.chart-tooltip>div{font-size:11px;gap:10px}.chart-tooltip small{font-size:8px}}
