:root{--paper:#f4f6f7;--ink:#15252b;--muted:#68797f;--line:#dce3e6;--up:#138573;--down:#c75741;--accent:#e8ab4d;--font:"Bahnschrift","DIN Alternate","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 95% 0%,#e5eeef 0,transparent 42%),var(--paper);color:var(--ink);font:16px var(--font);line-height:1.5}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}header{height:84px;padding:0 5%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:28px}.brand{font-size:19px;letter-spacing:2px;display:flex;align-items:center;gap:9px}.brand b{font-weight:400;color:var(--muted)}.mark{background:var(--ink);color:var(--accent);font-size:27px;padding:0 9px;border-radius:5px;margin-right:5px}.header-note{font-size:12px;letter-spacing:2px;color:var(--muted)}.profile-link{margin-left:auto;font-size:14px}main{max-width:1450px;margin:auto;padding:36px 5% 0}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--muted)}h1{font-size:36px;letter-spacing:-1px;font-weight:500;margin:5px 0 22px}.symbol{font-size:14px;letter-spacing:2px;color:var(--muted);margin-left:12px}.view-switch{display:flex;border:1px solid var(--line);padding:4px;background:#e9eeef;border-radius:7px;white-space:nowrap}.view-switch a{font-size:14px;padding:8px 18px;border-radius:4px}.view-switch a.active{background:var(--ink);color:white}.banner{font-size:14px;border-left:3px solid var(--up);padding:10px 14px;background:#e6efec;min-height:42px}.banner.warning{background:#fff3de;border-color:#c58a2d}.banner.demo{background:#fff1da;border-color:var(--accent)}.metrics{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr;margin:28px 0}.metric{padding:10px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric>span{font-size:14px;color:var(--muted)}.metric strong{font-size:36px;font-weight:500;letter-spacing:-1px;font-variant-numeric:tabular-nums}.metric.primary strong{font-size:46px;line-height:1.3}.metric small{font-size:12px;color:var(--muted)}.positive{color:var(--up)}.negative{color:var(--down)}.workspace{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 40px #18303606;overflow:hidden}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--line);gap:12px}.intervals{display:flex;gap:5px;flex-wrap:wrap}.intervals button,.fit{background:transparent;border:0;padding:9px 12px;border-radius:4px;font-size:14px;color:var(--muted)}.intervals button[aria-pressed=true]{background:var(--ink);color:white}.intervals kbd{font:12px var(--font);opacity:.6;margin-left:6px}.fit{border:1px solid var(--line);white-space:nowrap}.chart-caption{display:flex;gap:12px;padding:18px 22px 3px;font-size:14px}.chart-caption>span:last-child{color:var(--muted);font-size:12px}.ohlc{padding:0 22px 12px;font-size:14px;font-variant-numeric:tabular-nums;color:var(--muted);min-height:34px}.chart-wrap{position:relative}#chart{height:455px;width:100%}.empty{position:absolute;inset:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px}.empty[hidden]{display:none}.empty>span{font-size:24px}.empty p{font-size:14px;color:var(--muted);line-height:1.8}.empty a{border-bottom:1px solid var(--ink);font-size:14px}.chart-bottom{padding:13px 22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.details{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;margin:28px 0 36px}.details h2{font-size:14px;font-weight:500;margin:0 0 8px}.details p{font-size:14px;color:var(--muted);margin:5px 0;line-height:1.8}.status-box{border-left:1px solid var(--line);padding-left:26px}.status-box small{font-size:12px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}footer a{text-decoration:underline;text-underline-offset:3px}.divider{margin:0 10px;color:var(--accent)}
@media(max-width:900px){.header-note,.symbol{display:none}.metric{padding:8px 14px}.metric strong{font-size:29px}.metric.primary strong{font-size:38px}.details{gap:24px}footer{flex-direction:column}.chart-bottom{flex-direction:column;gap:3px}}
@media(max-width:600px){header{height:68px;padding:0 5%}.brand{font-size:14px;letter-spacing:1px;gap:4px}.profile-link{font-size:12px}.heading{align-items:flex-start;flex-direction:column;gap:0}h1{font-size:30px;margin-bottom:14px}.view-switch{margin-bottom:18px;width:100%}.view-switch a{flex:1;text-align:center}.metrics{grid-template-columns:1fr 1fr;row-gap:18px;margin:20px 0}.metric:nth-child(2){border:0}.metric:nth-child(3){padding-left:0}.metric strong{font-size:30px}.metric.primary strong{font-size:38px}.toolbar{padding:10px 8px}.intervals{gap:0}.intervals button{padding:8px}.intervals kbd{display:none}.fit{padding:8px;font-size:12px}#chart{height:390px}.chart-caption{padding:14px 12px 4px;flex-wrap:wrap;gap:5px}.ohlc{padding-left:12px;font-size:12px}.details{grid-template-columns:1fr;gap:16px}.status-box{padding-left:0;border:0;border-top:1px solid var(--line);padding-top:16px}main{padding-top:24px}.chart-bottom{padding:12px}.banner{font-size:13px}}
@media(prefers-reduced-motion:no-preference){main{animation:appear .45s ease-out}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}