#market-row .market-quote-value{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 7px}
#market-row .market-quote-value .unit{font:400 10px/1.4 "Microsoft YaHei",sans-serif;color:#748499;white-space:nowrap}
#market-row .market-index-trigger{display:inline-flex;align-items:center;gap:5px;border:0;padding:0;border-radius:2px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
#market-row .market-index-trigger span{opacity:.5;font-size:14px}
#market-row .market-index-trigger:hover,#market-row .market-index-trigger[aria-expanded=true]{text-decoration:underline;text-underline-offset:4px}
#market-row .market-index-trigger:focus-visible,.market-detail button:focus-visible{outline:2px solid #6793ba;outline-offset:4px}
.market-detail{position:fixed;z-index:1000;box-sizing:border-box;width:420px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:22px;border:1px solid #d9e2eb;border-radius:18px;background:#fff;box-shadow:0 18px 55px #203d5a26;color:#263c51;font-family:"Microsoft YaHei","PingFang SC",sans-serif;text-align:left}
.market-detail[hidden]{display:none}
.market-detail .md-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.market-detail h3{margin:0;font-size:19px;line-height:1.5}
.market-detail .md-head p{margin:6px 0 0;font-size:11px;color:#758599}
.market-detail .md-close{border:0;border-radius:6px;padding:0;width:28px;height:28px;background:#f2f5f8;color:#52687e;font:20px/1 sans-serif;cursor:pointer}
.market-detail .md-turnover{position:relative;margin:22px 0 18px;font-size:12px;color:#687d92}
.market-detail .md-turnover b{font-size:32px;line-height:1.6;color:#263c51}
.market-detail .md-turnover small{margin-left:6px;font-size:12px}
.market-detail .md-unavailable{position:absolute;right:0;bottom:12px;font-size:11px}
.market-detail .md-flow{padding:14px;border-radius:10px;background:#f5f8fb}
.market-detail .md-flow>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:12px}
.market-detail .md-flow b{font-size:18px}
.market-detail .md-track{height:5px;border-radius:4px;background:#e5ebf1;margin-top:12px}
.market-detail .md-flow p,.market-detail .md-sectors p{font-size:11px;color:#758599;margin:10px 0 0}
.market-detail .md-sectors{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:22px 0}
.market-detail h4{font-size:13px;margin:0 0 12px}
.market-detail .md-up{color:#d73139}.market-detail .md-down{color:#008a76}
.market-detail .md-scope{padding-top:12px;margin:0;border-top:1px solid #e8edf2;font-size:10px;color:#718297;line-height:1.8}
@media(max-width:550px){.market-detail{padding:18px}.market-detail .md-sectors{gap:18px}}
.market-detail .md-inline-date{float:right;font-size:10px}
.market-detail .md-flow>div:first-child{gap:10px;flex-wrap:wrap}
.market-detail .md-flow b small{font-size:10px;font-weight:400;margin-left:4px;color:#687d92}
.market-detail .md-legend{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:10px;color:#687d92}
.market-detail .md-legend b{font-size:11px;font-weight:500}
.market-detail .md-split{display:flex;gap:3px;height:6px;border-radius:4px;overflow:hidden;margin-top:12px}
.market-detail .md-split i:first-child{background:#d73139}.market-detail .md-split i:last-child{background:#008a76;flex:1}
.market-detail .md-sector-caption{font-size:10px;color:#718297;margin:18px 0 0}
.market-detail .md-sectors{margin:12px 0 18px;gap:20px}
.market-detail .md-sectors h4{margin-bottom:5px}
.market-detail .md-sectors .md-date{font-size:9px;margin:0 0 10px}
.market-detail .md-sector{margin:0 0 12px}
.market-detail .md-sector>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:11px}
.market-detail .md-sector span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.market-detail .md-sector b{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}
.market-detail .md-sector .md-track{height:4px;margin-top:6px}
.market-detail .md-sector i{display:block;height:100%;background:currentColor;border-radius:4px}
.market-detail .md-cache-note{color:#956824}