@import "https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800;900&family=Noto+Sans+SC:wght@500;600;700;800;900&display=swap";:root{color:#101828;font-synthesis:none;text-rendering:optimizelegibility;--bg:#f0f2f7;--panel:#fff;--card:#fbfcff;--line:#e9edf5;--text:#101828;--muted:#344054;--subtle:#667085;--red:#ef4056;--green:#169b78;--shadow:0 18px 45px #10182814;background:#f0f2f7;font-family:Inter,Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 0%, #ffffffeb, transparent 34%), var(--bg);min-width:1040px;margin:0}button{font:inherit}.app-shell{width:min(1400px,100% - 88px);margin:0 auto;padding:28px 0 40px}.topbar{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#f0f2f7f5,#f0f2f7b3);justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;padding:18px 4px;display:flex;position:sticky;top:0}.top-kicker{color:#4277ff;align-items:center;gap:8px;margin:0 0 6px;font-size:14px;font-weight:800;display:flex}h1,h2,h3,p{margin:0}h1{letter-spacing:0;font-size:40px;line-height:1.08}.actions{color:var(--subtle);align-items:center;gap:12px;font-size:14px;font-weight:800;display:flex}.actions button{border:1px solid var(--line);color:#1d2939;cursor:pointer;background:#fff;border-radius:14px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 10px 24px #1018280f}.actions button:disabled{cursor:progress;opacity:.72}.section-stack{gap:40px;display:grid}.market-section{background:var(--panel);box-shadow:var(--shadow);border-radius:46px;padding:36px 38px 42px}.section-title{align-items:center;gap:24px;margin-bottom:34px;display:flex}.section-title span{background:linear-gradient(#ff3b69,#ffd348);border-radius:999px;width:13px;height:58px}.market-section.blue .section-title span{background:linear-gradient(#6267ff,#32d6ff)}.section-title h2{color:#0f1728;font-size:44px;font-weight:900;line-height:1}.section-message,.global-error{color:#9a6700;background:#fff8e5;border:1px solid #ffebbd;border-radius:18px;align-items:center;gap:10px;margin:-12px 0 24px;padding:14px 16px;font-weight:700;display:flex}.global-error{color:#b42318;background:#fff0ee;border-color:#ffd5d1;margin:0 0 18px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px;display:grid}.card-grid.large{grid-template-columns:repeat(3,minmax(0,1fr))}.quote-card{border:1px solid var(--line);background:var(--card);border-radius:28px;justify-content:space-between;align-items:center;gap:22px;min-height:138px;padding:28px 30px;display:flex}.quote-card.large{align-content:space-between;min-height:196px;display:grid}.quote-card.metric{min-height:176px}.quote-main{align-items:center;gap:18px;min-width:0;display:flex}.quote-icon{justify-content:center;width:42px;font-size:34px;line-height:1;display:inline-flex}.quote-main h3{color:#344054;text-overflow:ellipsis;white-space:nowrap;font-size:34px;font-weight:900;line-height:1.15;overflow:hidden}.quote-card.large h3,.quote-card.metric h3{color:#344054;font-size:30px}.quote-main strong{color:#101828;margin-top:18px;font-size:44px;font-weight:900;line-height:1;display:block}.quote-card.metric .quote-main strong{font-size:38px}.quote-main small{color:var(--subtle);margin-top:6px;font-size:14px;font-weight:800;display:block}.quote-change{white-space:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:12px;font-size:36px;font-weight:900;display:flex}.quote-card.large .quote-change{background:#169b7814;border-radius:10px;justify-content:flex-start;width:max-content;margin-top:22px;padding:14px 16px}.quote-change.up{color:var(--red)}.quote-change.down{color:var(--green)}.quote-change.flat{color:var(--subtle)}.quote-change span{font-size:36px;line-height:1}.quote-change em{color:currentColor;margin-left:14px;font-size:24px;font-style:normal;font-weight:700}.empty-card{min-height:130px;color:var(--subtle);background:#fbfcff;border:1px dashed #d7dde8;border-radius:28px;place-items:center;font-weight:800;display:grid}.footer{color:var(--subtle);justify-content:space-between;gap:18px;margin-top:24px;font-size:13px;font-weight:700;display:flex}.spin{animation:.9s linear infinite spin}@media (width<=1180px){body{min-width:0}.app-shell{width:min(100% - 36px,980px)}.card-grid.large{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-main h3{font-size:28px}.quote-change{font-size:30px}}@media (width<=720px){.app-shell{width:min(100% - 22px,680px);padding-top:12px}.topbar{flex-direction:column;align-items:flex-start}h1{font-size:30px}.market-section{border-radius:28px;padding:24px 18px 28px}.section-title{gap:16px;margin-bottom:24px}.section-title span{width:9px;height:42px}.section-title h2{font-size:32px}.card-grid,.card-grid.large{grid-template-columns:1fr;gap:16px}.quote-card,.quote-card.large,.quote-card.metric{border-radius:22px;min-height:122px;padding:22px}.quote-main h3,.quote-card.large h3,.quote-card.metric h3{font-size:24px}.quote-main strong,.quote-card.metric .quote-main strong{font-size:34px}.quote-change{font-size:26px}.quote-change span{font-size:28px}.footer{flex-direction:column}}@keyframes spin{to{transform:rotate(360deg)}}