:root{--bg: #0d1017;--panel: #131722;--panel-2: #181d2a;--border: #232733;--text: #d5d9e0;--muted: #8a919e;--accent: #4f8cff;--up: #ec4646;--down: #26a69a;--warn-bg: rgba(230, 162, 60, .12);--warn-border: rgba(230, 162, 60, .45);--radius: 8px;--mono: "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:column}.container{flex:1;width:100%;max-width:1160px;margin:0 auto;padding:20px 16px 48px}.muted{color:var(--muted)}.num{text-align:right;font-variant-numeric:tabular-nums}.mono{font-family:var(--mono);font-size:12px}.up{color:var(--up)}.down{color:var(--down)}.flat{color:var(--muted)}.nav{position:sticky;top:0;z-index:30;background:#0d1017eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.nav-inner{max-width:1160px;margin:0 auto;padding:0 16px;height:52px;display:flex;align-items:center;gap:20px}.nav-brand{font-weight:700;font-size:16px;letter-spacing:.5px;white-space:nowrap}.nav-links{display:flex;gap:4px}.nav-link{padding:6px 10px;border-radius:6px;color:var(--muted);font-size:13px}.nav-link:hover,.nav-link.active{color:var(--text);background:var(--panel-2)}.nav-search{position:relative;margin-left:auto;width:min(320px,40vw)}.nav-search-input{width:100%;padding:7px 12px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:13px;outline:none}.nav-search-input:focus{border-color:var(--accent)}.nav-search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #00000073;overflow:hidden;max-height:360px;overflow-y:auto}.nav-search-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;background:none;color:var(--text);font-size:13px;text-align:left;cursor:pointer}.nav-search-item:hover{background:var(--panel-2)}.nav-search-item.muted{cursor:default}.nav-search-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-search-code{font-family:var(--mono);font-size:12px;color:var(--muted)}.nav-search-type{font-size:11px;color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:1px 5px}.page{display:flex;flex-direction:column;gap:16px;min-width:0}.empty{padding:80px 0;text-align:center;color:var(--muted)}.error{color:var(--up)}.btn{padding:7px 14px;border-radius:6px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;font-size:13px}.btn:hover{border-color:var(--accent)}.card{min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-title{margin:0;font-size:15px;font-weight:600}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-weight:500;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--border);white-space:nowrap}.table th.num{text-align:right}.table td{padding:7px 8px;border-bottom:1px solid rgba(35,39,51,.55);white-space:nowrap}.table tr:last-child td{border-bottom:none}.kv-table td:first-child{width:140px}.index-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.index-card{display:block;transition:border-color .15s ease}a.index-card:hover{border-color:var(--accent)}.index-card-empty{grid-column:1 / -1}.index-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.index-card-name{font-weight:600}.index-card-code{font-family:var(--mono);font-size:12px;color:var(--muted)}.index-card-price{font-size:26px;font-weight:700;margin:6px 0 2px;font-variant-numeric:tabular-nums}.index-card-sub{display:flex;align-items:center;gap:10px;font-size:13px}.index-card-meta{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:4px;font-size:11px}.market-grid{display:grid;grid-template-columns:3fr 2fr;gap:16px;align-items:start}.market-grid>.card,.status-grid>.card{min-width:0;overflow:hidden}.market-grid>.card>.table{display:block;overflow-x:auto}.board-leader-ratio{margin-left:8px;font-size:12px}.turnover-list{display:flex;flex-direction:column;gap:10px}.turnover-row{display:grid;grid-template-columns:88px 1fr 1fr;align-items:center;gap:8px;padding:10px 12px;background:var(--panel-2);border-radius:6px}.turnover-market{font-weight:600}.turnover-cell{display:flex;flex-direction:column;font-size:12px}.turnover-cell strong{font-size:15px;font-variant-numeric:tabular-nums}.turnover-asof{font-size:12px}.quote-head{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.quote-head-id{display:flex;align-items:baseline;gap:10px}.quote-name{margin:0;font-size:20px}.quote-code{font-family:var(--mono);font-size:13px;color:var(--muted)}.quote-status{font-size:12px;color:var(--warn-border);border:1px solid var(--warn-border);border-radius:4px;padding:1px 6px}.quote-head-main{display:flex;align-items:baseline;gap:12px}.quote-last{font-size:32px;font-weight:700;font-variant-numeric:tabular-nums}.quote-change{font-size:15px;font-variant-numeric:tabular-nums}.quote-head-fields{display:flex;flex-wrap:wrap;gap:8px 22px;margin-left:auto}.field{display:flex;flex-direction:column;min-width:64px}.field-label{font-size:12px;color:var(--muted)}.field-value{font-size:13px;font-variant-numeric:tabular-nums}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--border)}.tab{padding:8px 16px;border:none;background:none;color:var(--muted);font-size:14px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.tab-panel{min-height:320px}.depth-trades-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.depth-table td,.depth-table th{padding:5px 8px}.depth-label{color:var(--muted);font-size:12px}.depth-ask .depth-label{color:#26a69ad9}.depth-bid .depth-label{color:#ec4646d9}.depth-volume{font-variant-numeric:tabular-nums}.depth-asof{margin-top:8px;font-size:12px;color:var(--muted)}.tape{max-height:420px;overflow-y:auto}.tape-table td,.tape-table th{padding:5px 8px}.tape-time{font-family:var(--mono);font-size:12px;color:var(--muted)}.chart{width:100%;min-height:320px}.period-switch{display:flex;gap:4px}.period-btn{padding:4px 12px;border-radius:6px;border:1px solid var(--border);background:none;color:var(--muted);font-size:12px;cursor:pointer}.period-btn:hover{color:var(--text)}.period-btn.active{color:var(--text);border-color:var(--accent);background:#4f8cff1a}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.status-grid .kv-table{table-layout:fixed}.status-grid .kv-table td:last-child{overflow-wrap:anywhere;white-space:normal}.caps-provider{margin-bottom:10px;font-size:13px}.capability-table{min-width:980px}.capability-table th:first-child{width:230px}.capability-table th:nth-child(2){width:90px}.capability-table th:nth-child(3){width:330px}.capability-maturity{margin-top:4px;font-size:11px}.capability-contract-cell{line-height:1.55}.capability-fields summary{color:var(--muted);cursor:pointer}.capability-fields span{display:block;margin-top:4px;color:var(--muted);overflow-wrap:anywhere}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;border:1px solid transparent}.badge-ok{color:#67c23a;background:#67c23a1f;border-color:#67c23a66}.badge-warn{color:#e6a23c;background:var(--warn-bg);border-color:var(--warn-border)}.badge-error{color:var(--up);background:#ec46461f;border-color:#ec464666}.badge-off{color:var(--muted);background:var(--panel-2);border-color:var(--border)}.banner{padding:10px 14px;border-radius:var(--radius);font-size:13px}.banner-stale{background:var(--warn-bg);border:1px solid var(--warn-border);color:#e6c78a}.meta-footer{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(35,39,51,.55);font-size:12px;color:var(--muted)}.quality{padding:0 8px;border-radius:999px;border:1px solid var(--border)}.quality-ok{color:#67c23a;border-color:#67c23a66}.quality-stale,.quality-delayed{color:#e6a23c;border-color:var(--warn-border)}.quality-parse_error,.quality-unavailable{color:var(--up);border-color:#ec464666}.skeleton{display:flex;flex-direction:column;gap:8px;padding:4px 0}.skeleton-line{border-radius:4px;background:linear-gradient(90deg,var(--panel-2) 25%,#202636 50%,var(--panel-2) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.unavailable{display:flex;align-items:center;gap:8px;padding:28px 12px;color:var(--muted);font-size:13px;justify-content:center}.unavailable-dot{width:8px;height:8px;border-radius:50%;background:var(--border);flex:none}.app-footer{padding:18px 16px 28px;text-align:center;color:var(--muted);font-size:12px}@media(max-width:860px){.market-grid,.depth-trades-grid,.status-grid{grid-template-columns:1fr}.quote-head-fields{margin-left:0}.nav-links{display:none}}.data-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:8px 2px 2px}.data-page-head h1{margin:0;font-size:clamp(24px,4vw,36px);line-height:1.1;letter-spacing:-.04em}.data-page-head p{margin:7px 0 0;color:var(--muted)}.data-live-mark{padding:4px 9px;border:1px solid rgba(103,194,58,.48);border-radius:4px;color:#84d45f;font:700 11px/1 var(--mono);letter-spacing:.12em}.data-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.data-tab{min-height:44px;border:0;border-right:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;font-size:13px}.data-tab:last-child{border-right:0}.data-tab:hover,.data-tab.active{color:var(--text);background:var(--panel-2)}.data-tab.active{box-shadow:inset 0 -2px var(--accent)}.data-stack{display:flex;flex-direction:column;gap:16px}.data-grid{display:grid;gap:16px}.data-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-row,.query-form,.card-actions,.endpoint-pair-labels,.data-summary-line,.stream-status-row{display:flex;align-items:flex-end;gap:10px}.filter-row,.query-form{margin-bottom:14px}.query-form-wrap{flex-wrap:wrap}.query-field{display:flex;flex-direction:column;gap:5px;min-width:118px;color:var(--muted);font-size:12px}.query-field-grow{flex:1}.query-field input,.query-field select,.card-actions select{min-height:34px;padding:6px 9px;border:1px solid var(--border);border-radius:6px;outline:none;background:var(--panel-2);color:var(--text);font:13px/1.3 inherit}.query-field input:focus,.query-field select:focus,.card-actions select:focus,.data-tab:focus-visible,.subnav-button:focus-visible,.board-picker-item:focus-visible,.table-link:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px #4f8cff2e}.chart-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.contract-strip{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;color:var(--muted);font-size:11px}.contract-strip strong{color:var(--text);font-weight:500}.adjustment-warning{padding:8px 10px;border:1px solid var(--warn-border);border-radius:6px;background:var(--warn-bg);color:#e4bd76}.query-field input::placeholder{color:#666f7e}.query-form .btn{min-height:34px;white-space:nowrap}.minute-route-actions{align-items:center;margin-top:14px}.endpoint-error-details{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:4px}.btn:disabled{cursor:not-allowed;opacity:.45}.table-scroll{max-width:100%;overflow:auto}.data-table{min-width:620px}.data-table tbody tr:hover{background:#4f8cff0b}.table-link{appearance:none;padding:0;border:0;background:transparent;color:#74a4ff;cursor:pointer;text-align:left}.wrap-cell{white-space:normal!important;overflow-wrap:anywhere}.pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px}.unit-legend{margin-top:10px;color:var(--muted);font:11px/1.5 var(--mono)}.quote-head>.unit-legend{flex-basis:100%}.endpoint-error{margin:8px 0;padding:12px 14px;border:1px solid rgba(236,70,70,.4);border-radius:6px;background:#ec464614;color:#e58a8a;font-size:12px}.endpoint-error-title{margin-bottom:4px;color:#f0a2a2;font-weight:700}.scope-status{display:inline-flex;align-items:center;min-height:24px;padding:2px 8px;border:1px solid var(--border);border-radius:4px;color:var(--muted);font:11px/1.3 var(--mono)}.data-summary-line{justify-content:space-between;flex-wrap:wrap;margin-bottom:10px}.change-badge{display:inline-block;min-width:54px;padding:1px 7px;border:1px solid var(--border);border-radius:4px;text-align:center;font-size:11px}.change-added{color:#67c23a;border-color:#67c23a66}.change-updated{color:#e6a23c;border-color:var(--warn-border)}.change-removed{color:var(--up);border-color:#ec464666}.subnav{display:flex;gap:6px;overflow-x:auto}.subnav-button{padding:7px 14px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;white-space:nowrap}.subnav-button:hover,.subnav-button.active{border-color:var(--accent);color:var(--text);background:#4f8cff14}.market-metric-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric-group{padding:11px;border:1px solid var(--border);border-radius:6px;background:var(--panel-2)}.metric-group h3{margin:0 0 10px;font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-grid-wide{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-bottom:12px}.data-metric{display:flex;flex-direction:column;gap:2px;min-width:0}.data-metric-label{color:var(--muted);font-size:11px}.data-metric strong{overflow:hidden;font-size:16px;font-variant-numeric:tabular-nums;text-overflow:ellipsis}.data-metric .muted{font-size:11px}.compact-series{max-height:420px;border-top:1px solid var(--border)}.endpoint-pair-labels{justify-content:space-between;flex-wrap:wrap;margin:-4px 0 12px}.board-browser{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.7fr);gap:16px}.board-picker{max-height:480px;overflow:auto;border:1px solid var(--border);border-radius:6px}.board-picker-item{display:grid;grid-template-columns:1fr auto auto;gap:8px;width:100%;padding:8px 10px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;text-align:left}.board-picker-item:last-child{border-bottom:0}.board-picker-item:hover,.board-picker-item.active{background:var(--panel-2)}.board-picker-item .mono{color:var(--muted);font-size:11px}.board-member-table{max-height:480px}.calendar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:6px}.calendar-day{display:flex;flex-direction:column;gap:2px;padding:8px;border:1px solid var(--border);border-radius:5px;font-size:11px}.calendar-day.trading{border-color:#67c23a40;background:#67c23a0d}.calendar-day.closed{color:var(--muted);background:var(--panel-2)}.instrument-identity-panel{display:grid;gap:4px;padding:14px;border-left:2px solid var(--accent);background:var(--panel-2)}.instrument-identity-panel strong{font-size:20px}.stream-status-row{align-items:center;padding-bottom:10px;border-bottom:1px solid var(--border)}.stream-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.stream-open{background:#67c23a;box-shadow:0 0 0 4px #67c23a1a}.stream-connecting{background:#e6a23c}.stream-error{background:var(--up)}.stream-events{max-height:320px;overflow:auto}.stream-snapshot-table{margin:12px 0;border-top:1px solid var(--border)}.stream-event{display:grid;grid-template-columns:58px 74px 1fr auto;gap:10px;padding:8px 2px;border-bottom:1px solid rgba(35,39,51,.55);font-size:12px}.capability-detail{display:grid;grid-template-columns:auto auto minmax(160px,auto) 1fr;align-items:center;gap:10px}.health-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.health-strip>div{display:flex;flex-direction:column;min-width:0}.health-strip strong{overflow:hidden;text-overflow:ellipsis}.capability-service-contract{margin-bottom:12px}@media(max-width:860px){.data-grid-two,.board-browser{grid-template-columns:1fr}.filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.nav-inner{height:auto;min-height:52px;flex-wrap:wrap;gap:8px 12px;padding-top:8px;padding-bottom:8px}.nav-links{display:flex;order:3;width:100%;overflow-x:auto}.nav-search{width:min(320px,calc(100vw - 126px))}}@media(max-width:560px){.data-page-head,.query-form,.health-strip{align-items:stretch}.chart-controls{align-items:stretch;justify-content:flex-start}.query-form,.data-page-head{flex-direction:column}.health-strip,.market-metric-groups,.metric-grid{grid-template-columns:1fr}.data-tabs{position:sticky;top:104px;z-index:12}.capability-detail,.stream-event{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.skeleton-line{animation:none}}