:root{--ink:#123041;--deep:#0a5368;--orange:#f26630;--bg:#f4f1ee;--line:#d9dfdd;--muted:#62747b;--paper:#fffdfa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}header{border-bottom:1px solid var(--line)}.wrap{max-width:1160px;margin:auto;padding:0 28px}.top{display:flex;align-items:center;justify-content:space-between;height:88px}.brand{font-size:26px;font-weight:850;letter-spacing:-1px}.brand b{color:var(--orange)}.brand small{font-size:13px;font-weight:500;letter-spacing:2px;margin-left:18px;color:var(--muted)}.back{font-size:13px}main{padding-bottom:44px!important}.intro{padding:44px 0 26px;display:flex;justify-content:space-between;gap:20px;align-items:end}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--deep);font-weight:700}h1{font-size:38px;letter-spacing:-1px;margin:7px 0}h2{font-size:21px;margin:0}h3{font-size:16px;margin:0 0 8px}p{margin:8px 0;color:var(--muted)}.small{font-size:12px;color:var(--muted)}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border-bottom:1px solid var(--line);margin-bottom:24px}.tabs a{padding:15px 18px;display:flex;justify-content:space-between;border-bottom:3px solid transparent}.tabs a[aria-current=page]{border-color:var(--orange);color:var(--deep);font-weight:750;background:#fff9}.tabs small{font-weight:400;color:var(--muted);font-size:11px}.notice{padding:13px 18px;background:#e4edef;border:1px solid #cbdde0;border-radius:8px;font-size:13px;margin-bottom:24px}.mode{display:flex;border:1px solid var(--line);padding:4px;border-radius:9px;gap:4px;white-space:nowrap}.mode button{border:0;background:transparent;padding:8px 13px;border-radius:6px;color:var(--muted)}.mode button[aria-pressed=true]{background:var(--deep);color:white}.grid{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.panel{border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:26px}.hero{background:var(--deep);color:white;position:relative;overflow:hidden}.hero p,.hero .small{color:#c2dce2}.hero-top{display:flex;justify-content:space-between;gap:12px}.pill{display:inline-block;font-size:12px;padding:3px 10px;border-radius:20px;background:#ffffff1c;color:inherit}.hero-reading{display:flex;align-items:baseline;gap:13px;padding:14px 0 0}.number{font-size:90px;line-height:1.2;font-weight:650;letter-spacing:-5px;font-variant-numeric:tabular-nums}.number small{font-size:23px;letter-spacing:0;font-weight:400}.state{font-size:23px;color:#a0dae8}.scale{position:relative;margin:28px 0 6px;height:13px;border-radius:10px;background:linear-gradient(90deg,#8cd6eb 0%,#b9e0d8 28%,#e9d9a9 55%,#efae6c 76%,#f26630 100%)}.marker{position:absolute;left:8.84%;top:-7px;width:4px;height:27px;background:white;box-shadow:0 0 0 3px #0a5368;border-radius:3px}.ticks{display:flex;justify-content:space-between;color:#d4e7eb;font-size:11px}.hero-note{margin-top:25px!important;font-size:13px;border-top:1px solid #ffffff24;padding-top:17px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.metric strong{display:block;font-size:31px;line-height:1.4;font-weight:600}.metric span{font-size:12px;color:var(--muted)}.callout{font-size:13px;background:#f0f4f3;padding:13px;border-radius:8px;margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:32px 0 16px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mini-label{font-size:11px;color:var(--deep);letter-spacing:2px}.value{font-size:35px;font-weight:650;margin:12px 0 2px;font-variant-numeric:tabular-nums}.cold{color:var(--deep)}.bar{height:5px;background:#e4eae8;border-radius:5px;margin:15px 0}.bar span{display:block;height:100%;background:#83bac7;border-radius:5px}.formula{font:12px/1.7 ui-monospace,"SF Mono",Menlo,Consolas,"Cascadia Mono","Roboto Mono",monospace;color:var(--muted);overflow-wrap:anywhere}.bands{display:grid;grid-template-columns:repeat(5,1fr);margin-top:20px;gap:5px}.band{padding:13px 9px;border-top:5px solid var(--band);background:#f5f5f1;font-size:12px}.band strong{display:block;font-size:14px}.band.current{outline:2px solid var(--deep);outline-offset:2px}.empty-chart{min-height:150px;display:grid;place-content:center;text-align:center;margin-top:15px;border:1px dashed #ccd8d8;border-radius:9px;background:repeating-linear-gradient(0deg,transparent,transparent 35px,#0a536806 36px)}.empty-chart strong{font-weight:550}.full{margin-top:20px}details{border-top:1px solid var(--line);padding:17px 0}details:first-of-type{margin-top:20px}summary{cursor:pointer;font-weight:600}details p{font-size:13px;max-width:950px}.source-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;font-size:12px;color:var(--deep)}footer{padding:24px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.placeholder{padding:65px 30px;text-align:center;min-height:340px}.placeholder .symbol{font-size:48px;color:var(--orange)}.cta{display:inline-block;background:var(--deep);color:white;border-radius:8px;padding:10px 20px;margin-top:20px}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}[hidden]{display:none!important}@media(max-width:720px){.wrap{padding:0 18px}.top{height:72px}.brand{font-size:23px}.brand small{display:none}.intro{padding-top:28px;display:block}h1{font-size:30px}.mode{width:max-content;margin-top:18px}.tabs a{padding:12px 7px;display:block;font-size:14px}.tabs small{display:block;font-size:10px}.grid,.three{grid-template-columns:1fr}.panel{padding:22px}.number{font-size:78px}.section-heading{align-items:start}.section-heading .small{text-align:right}.bands{gap:3px}.band{padding:10px 5px;font-size:10px}.band strong{font-size:12px}.hero-top h2{font-size:19px}.intro p{font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.ticks{display:block;position:relative;height:22px}.ticks span{position:absolute;transform:translateX(-50%)}.ticks .tick-start{left:0;transform:none}.tick-cold{left:10%}.tick-middle{left:50%}.tick-hot{left:90%}.ticks .tick-end{right:0;transform:none}@media(max-width:720px){.hero-top{flex-wrap:wrap}.hero-top .pill{font-size:11px}.hero-reading{flex-wrap:wrap}}
.history-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.history-heading .mode{flex-shrink:0}.chart-wrap{position:relative;margin-top:20px}.chart-wrap svg{display:block;width:100%;height:auto;min-height:210px}.chart-axis{font:12px -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;fill:#62747b}.chart-empty{position:absolute;inset:28% 10% 25%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;background:#fffdfaea;border:1px dashed #ccd8d8;border-radius:10px;pointer-events:none}.chart-empty span{font-size:12px;color:var(--muted)}#history-scrubber{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:12px;padding-top:10px}#history-date{flex:1;min-width:150px;accent-color:var(--deep)}#history-readout{color:var(--deep)}@media(max-width:720px){.history-heading{display:block}.history-heading .mode{margin-top:12px}.history-panel{padding:18px 12px}.chart-wrap{overflow-x:auto}.chart-wrap svg{min-width:680px}.chart-empty{position:absolute;left:12px;right:12px}.chart-empty span{padding:0 10px}.chart-empty strong{font-size:15px}}
/* One reusable row per indicator; methodology lives on its own page. */
.market-dashboard .intro{padding:28px 0 18px}.market-dashboard h1{font-size:30px}.indicator-row{display:grid;grid-template-columns:255px minmax(0,1fr);background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:20px}.indicator-summary{padding:24px 20px;border-right:1px solid var(--line)}.indicator-name{display:flex;align-items:start;gap:10px;justify-content:space-between}.indicator-name h2{font-size:17px;line-height:1.5}.info-link{color:var(--deep);font-size:22px;line-height:1.2;flex:none}.current-reading{display:flex;align-items:baseline;gap:7px;margin:8px 0}.current-reading strong{font-size:48px;font-weight:650;letter-spacing:-2px}.current-reading span{color:var(--muted);font-size:14px}.current-reading small.reading-unit{font-size:14px;font-weight:500;letter-spacing:0;color:var(--muted);margin-left:2px}.temperature-badge{display:inline-block;border-radius:5px;padding:2px 10px;background:#e6eceb;color:var(--deep);font-size:13px}.temperature-badge[data-band="0"]{background:#d4edf4}.temperature-badge[data-band="1"]{background:#dfede8}.temperature-badge[data-band="2"]{background:#eeeeda}.temperature-badge[data-band="3"]{background:#f5e2c7}.temperature-badge[data-band="4"]{background:#ffe0d2;color:#ad4821}.five-bands{display:flex;margin-top:17px;gap:3px}.five-bands span{flex:1;text-align:center;border-top:3px solid #c8d4d2;font-size:11px;color:var(--muted);padding:4px 0}.five-bands span:nth-child(1){border-color:#82c5d8}.five-bands span:nth-child(2){border-color:#aed2cd}.five-bands span:nth-child(3){border-color:#d4d5b5}.five-bands span:nth-child(4){border-color:#e8b373}.five-bands span:nth-child(5){border-color:#f26630}.five-bands .selected{font-weight:750;background:#edf2f1;color:var(--deep)}.indicator-history{min-width:0;padding:18px 20px 14px}.chart-legend{display:flex;gap:24px;flex-wrap:wrap;font-size:12px}.chart-legend small{color:var(--muted);margin-left:5px}.chart-legend i{display:inline-block;width:16px;height:3px;vertical-align:middle;margin-right:6px}.legend-temperature{background:var(--deep)}.legend-daily{background:#7fb3c0;opacity:.6;height:2px!important}.legend-ma{background:#063f50;height:4px!important}.current-ma{font-size:13px;color:var(--deep);margin:6px 0 0}.current-ma strong{font-size:18px;font-weight:650}.legend-index{background:var(--orange)}.compact-chart svg{display:block;width:100%;height:auto;touch-action:pan-y;user-select:none;-webkit-user-select:none}.compact-chart .range-handle{cursor:ew-resize}.compact-chart .range-window{cursor:grab}.compact-chart .range-track{cursor:pointer}.range-reset{margin-left:auto;border:1px solid var(--line);background:#fff;color:var(--deep);border-radius:5px;font-size:11px;padding:2px 10px;cursor:pointer}.range-hint{font-size:11px;margin:4px 0 0}.chart-inspector{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.chart-inspector output{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.indicator-history #comparison-status{font-size:11px;margin:4px 0 10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.indicator-guide{max-width:940px}.indicator-guide .panel h3{margin-top:24px}.indicator-guide .panel p{font-size:14px}@media(max-width:800px){.indicator-row{grid-template-columns:1fr}.indicator-summary{border-right:0;border-bottom:1px solid var(--line);padding:18px 20px}.current-reading{display:inline-flex;margin-right:15px}.current-reading strong{font-size:40px}.five-bands{max-width:350px}.indicator-history{padding:16px 10px}.chart-legend{gap:12px}.chart-legend small{font-size:10px}.indicator-guide .bands{grid-template-columns:1fr}.indicator-guide .band{font-size:13px}}
/* Market navigation sits above the page title on all four market pages. */
.market-tabs{margin:24px 0 0;gap:12px;border:0}.market-tabs .market-tab{--market-accent:#b64141;--market-tint:#fbe6e3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;border:1px solid transparent;border-bottom:3px solid var(--market-accent);border-radius:10px;background:var(--market-tint);color:var(--market-accent);font-weight:700;min-width:0}.market-tabs .market-us{--market-accent:#285fa8;--market-tint:#e4edf9}.market-tabs .market-hk{--market-accent:#78509b;--market-tint:#eee5f6}
.market-tabs .market-gold{--market-accent:#b8860b;--market-tint:#fff4d6}.market-tabs .market-crypto{--market-accent:#a96006;--market-tint:#ffecd2}.market-tab-label{display:flex;gap:9px;align-items:center;white-space:nowrap}.market-icon{font-size:25px;line-height:1}.market-crypto .market-icon{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;background:#f7931a;border-radius:50%;color:white;font:bold 22px/1 Arial,sans-serif;transform:rotate(12deg)}.market-tabs .market-tab small{color:var(--market-accent);font-weight:400}.market-tabs .market-tab[aria-current=page]{background:var(--market-accent);color:white;border-color:var(--market-accent);box-shadow:0 3px 10px #12304115}.market-tabs .market-tab[aria-current=page] small{color:white}.market-tabs .market-tab:hover{filter:brightness(.96);text-decoration:none}@media(max-width:720px){.market-tabs{gap:7px;margin-top:18px}.market-tabs .market-tab{padding:11px 5px;display:flex;flex-direction:column;gap:6px;font-size:14px}.market-tab-label{gap:5px}.market-icon{font-size:21px}.market-crypto .market-icon{width:21px;height:21px;font-size:19px}.market-tabs .market-tab small{font-size:10px}}
.intro-meta{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:2px;line-height:1.5}.intro-meta p{margin:0}@media(max-width:720px){.intro-meta{align-items:flex-start;text-align:left;margin-top:10px}}
.status-part{white-space:nowrap}
.zone-note{font-size:11px;margin:2px 0 0}
.zone-thresholds{font-size:11px;line-height:1.6;margin:6px 0 0;font-variant-numeric:tabular-nums}.zone-thresholds .selected{color:var(--deep);font-weight:700}
.chart-notes{font-size:11px;margin:4px 0 10px}.status-warn{color:#ad4821;font-weight:600}
.reading-group{margin:6px 0 0}.reading-group .current-reading{display:flex;margin:4px 0 0;line-height:1.15}.reading-group .current-ma{margin:2px 0 0}.reading-group p.small{margin:0;line-height:1.6}.zone-group{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.zone-group .five-bands{margin-top:10px}
/* Percentile (0–100°) sits to the right of the tier pill, above the 5-segment bar (2026-10-23). */
.temperature-pctile{display:inline-block;margin-left:8px;vertical-align:middle;font-size:13px;font-weight:650;color:var(--deep);font-variant-numeric:tabular-nums;letter-spacing:-0.02em;line-height:1.4}
.temperature-pctile[hidden]{display:none!important}
.compact-chart{position:relative}.chart-tip{position:absolute;pointer-events:none;background:#fffdfaf2;border:1px solid var(--line);border-radius:6px;box-shadow:0 2px 8px #12304114;padding:5px 8px;font-size:11px;line-height:1.55;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;z-index:2}.chart-tip .tip-date{font-weight:650;color:var(--deep)}.compact-chart .range-reset{position:absolute;transform:translateY(-50%);margin:0;padding:1px 6px;font-size:11px;line-height:1.5}.status-warn-line{font-size:12px;margin:6px 0 0}.indicator-history{padding-bottom:10px}
.three-bands span:nth-child(1){border-color:#82c5d8}.three-bands span:nth-child(2){border-color:#d4d5b5}.three-bands span:nth-child(3){border-color:#f26630}button.info-link{border:0;background:none;padding:0;cursor:pointer;font:inherit;font-size:22px;line-height:1.2;color:var(--deep)}.card-caveat{font-size:11px;line-height:1.6;margin:4px 0 0;padding:6px 8px;background:#f0f4f3;border-radius:6px}.ref-label{font-size:10px;font-weight:600;paint-order:stroke;stroke:#fffdfa;stroke-width:3px;stroke-linejoin:round}
.index-toggles{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.idx-toggle{display:inline-flex;align-items:center;border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;font:inherit;font-size:12px;line-height:1.4;padding:1px 9px;cursor:pointer}.idx-toggle i{width:12px!important;height:3px;margin-right:5px!important;background:var(--c);opacity:.35}.idx-toggle[aria-pressed="true"]{color:var(--ink);border-color:var(--c);background:color-mix(in srgb,var(--c) 9%,#fff);font-weight:600;cursor:default}.idx-toggle[aria-pressed="true"] i{opacity:1}.idx-toggle:focus-visible{outline:2px solid var(--deep);outline-offset:1px}.index-toggles small{margin-left:2px!important}@media(max-width:800px){.idx-toggle{font-size:11px;padding:2px 8px}}
.overall-head{--z:var(--deep);--zb:#e6eceb}.overall-head[data-band="0"]{--z:#2f86a0;--zb:#d4edf4}.overall-head[data-band="1"]{--z:#3f8378;--zb:#dfede8}.overall-head[data-band="2"]{--z:#77743a;--zb:#eeeeda}.overall-head[data-band="3"]{--z:#b86f17;--zb:#f5e2c7}.overall-head[data-band="4"]{--z:#d9551f;--zb:#ffe0d2}.overall-head h1{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.25em}.overall-head .ov-sep{color:var(--line);font-weight:400}.overall-head .ov-num{color:var(--z);font-weight:750;font-variant-numeric:tabular-nums}.overall-head .ov-zone{color:var(--z)}.overall-head h1 .ov-zone{background:var(--zb);border-radius:.3em;padding:0 .3em;font-weight:650}.ov-meter{display:flex;align-items:center;gap:10px;margin:6px 0 0}.ov-bar{position:relative;display:flex;gap:2px;width:300px;max-width:62vw;height:7px}.ov-bar i{display:block;border-radius:2px;opacity:.85}.ov-bar i:nth-child(1){background:#82c5d8}.ov-bar i:nth-child(2){background:#aed2cd}.ov-bar i:nth-child(3){background:#d4d5b5}.ov-bar i:nth-child(4){background:#e8b373}.ov-bar i:nth-child(5){background:#f26630}.ov-mark{position:absolute;top:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:var(--z);border:2px solid var(--paper);box-shadow:0 0 0 1px var(--z)}.ov-meter .ov-zone{font-size:13px;font-weight:650;background:var(--zb);border-radius:5px;padding:1px 9px}.overall-parts{margin:6px 0 0;color:var(--muted);font-size:12px}.overall-head[data-variant="a"] .ov-meter{display:none}.overall-head[data-variant="b"] h1 .ov-zone{display:none}
/* Card outer bg: page-counted = var(--paper)/#fffdfa. Pure observation (.not-in-overall:not(.section-temp)) = #f1f4f5 + red corner.
   Section-temp (.not-in-overall.section-temp = group cb/micro feeding #cb-overall/#micro-overall) keeps paper/white, no corner — still below the obs divider, still out of A股 overall. */
.indicator-row.not-in-overall{position:relative}
.indicator-row.not-in-overall:not(.section-temp){background:#f1f4f5;border-color:#d3dcdf}
/* Observation corner mark: 45° downward red stroke, top-right of card box (CSS only). */
.indicator-row.not-in-overall:not(.section-temp)::before{content:"";position:absolute;top:0;right:0;width:36px;height:36px;background:linear-gradient(to bottom left,transparent calc(50% - 1.1px),#d44538 calc(50% - 1.1px),#d44538 calc(50% + 1.1px),transparent calc(50% + 1.1px));opacity:.92;pointer-events:none;z-index:6}
.not-in-overall:not(.section-temp) .indicator-summary{border-color:#d3dcdf}.card-tag{display:inline-block;margin-left:8px;vertical-align:2px;font-size:11px;font-weight:500;color:var(--muted);border:1px solid #cdd7da;background:#fff;border-radius:999px;padding:0 7px;line-height:1.6;white-space:nowrap}
.overall-divider,.section-divider{display:flex;align-items:center;gap:12px;margin:30px 0 18px;color:var(--muted);font-size:12px}.overall-divider::before,.overall-divider::after,.section-divider::before,.section-divider::after{content:"";flex:1;border-top:1px solid var(--line)}.overall-divider span,.section-divider span{white-space:nowrap}
.chart-legend button.extra-toggle{display:inline-flex;align-items:center;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;font:inherit;font-size:12px;line-height:1.4;padding:1px 9px;cursor:pointer;gap:0}.chart-legend button.extra-toggle[aria-pressed="false"]{color:var(--muted);opacity:.55}.chart-legend button.extra-toggle[aria-pressed="false"] i{opacity:.35}.chart-legend button.extra-toggle:focus-visible{outline:2px solid var(--deep);outline-offset:1px}.chart-legend i.legend-extra{background:var(--c)}.chart-legend i.legend-extra.step{height:8px;background:none;border-top:2px solid var(--c);border-right:2px solid var(--c);width:14px;vertical-align:-1px}
@media(max-width:480px){.idx-toggle{padding:2px 6px}.idx-toggle i{width:8px!important;margin-right:3px!important}}
/* Market tabs: flag + name on the left, overall temperature pill (zone colour, or —) at the right edge. No sub-labels. */
.market-tabs .market-tab{justify-content:space-between}
.tab-temp{flex:none;margin-left:auto;padding:1px 7px;border-radius:5px;font-size:13px;font-weight:700;line-height:1.35;background:#ffffffb3;color:#6b7478;font-variant-numeric:tabular-nums}
.tab-temp[data-band="0"]{background:#d4edf4;color:#2f86a0}.tab-temp[data-band="1"]{background:#dfede8;color:#3f8378}.tab-temp[data-band="2"]{background:#eeeeda;color:#77743a}.tab-temp[data-band="3"]{background:#f5e2c7;color:#b86f17}.tab-temp[data-band="4"]{background:#ffe0d2;color:#d9551f}
@media(max-width:720px){.market-tabs .market-tab{flex-direction:row;align-items:center;padding:11px 8px;gap:4px}}
@media(max-width:480px){.tab-temp{font-size:11px;padding:0 4px}.market-tabs .market-tab{padding:10px 7px}.market-tabs .market-tab .market-icon{display:none}}
/* Section sub-temperature (A股 微盘温度): same colours as the page headline, smaller; never part of the overall. */
.sub-overall{margin:26px 0 12px}.sub-overall h2{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.25em;margin:0;font-size:20px}.sub-overall .ov-num{font-size:20px}.sub-overall .card-tag{align-self:center}.sub-overall .ov-bar{width:200px;height:6px}.sub-overall .ov-mark{width:11px;height:11px;margin:-5.5px 0 0 -5.5px}.sub-overall .ov-meter .ov-zone{font-size:12px}.sub-overall .overall-parts{margin-top:4px}
/* A股 title row, right side: 微市值温度 = mirror of the 微盘温度 section value (same computation), links down to it. */
/* A股 title-row side cards: 2×2 grid — 微市值|可转债 / 中证500|中证1000 (2026-10-31 side-icim) */.side-temps{display:grid;grid-template-columns:repeat(2,max-content);gap:10px;justify-content:end;align-self:center}@media(max-width:720px){.side-temps{justify-content:start;margin-top:14px;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.side-temps .side-temp{margin-top:0;width:auto;max-width:100%}}.side-temp{display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding:9px 14px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.55);color:inherit;text-decoration:none;white-space:nowrap}.side-temp[hidden]{display:none!important}.side-temp:hover,.side-temp:focus-visible{border-color:var(--z);text-decoration:none}.side-temp .side-label{font-size:13px;font-weight:650;color:var(--muted)}.side-temp .side-row{display:flex;align-items:baseline;gap:8px}.side-temp .ov-num{font-size:28px;line-height:1.05}.side-temp .ov-zone{font-size:12px;font-weight:650;background:var(--zb);border-radius:5px;padding:1px 8px}.side-temp .ov-meter{margin:2px 0 0}.side-temp .ov-bar{width:120px;height:5px}.side-temp .ov-mark{width:10px;height:10px;margin:-5px 0 0 -5px}#micro-overall,#cb-overall{scroll-margin-top:16px}#cb-section + #cb-overall{margin:8px 0 10px}#micro-section + #micro-overall{margin:8px 0 10px}#cb-overall{margin:18px 0 10px}#cb-overall + #card-cb{margin-top:0}
@media(max-width:720px){.side-temp{align-items:flex-start;white-space:normal}.side-temp .side-row{flex-wrap:wrap}.side-temp .ov-bar{width:100%;max-width:120px}}
/* 更多看板: link to /kanban/ (投资看板 hub), right of the four market tabs. Neutral, not a market colour; arrow + pointer cue nudges unless reduced motion. */
.market-tabs{grid-template-columns:repeat(4,minmax(0,1fr)) auto}
.market-tabs .market-more{display:flex;align-items:center;justify-content:center;gap:6px;padding:13px 14px;border:1px dashed #9fb0b4;border-bottom:3px solid var(--deep);border-radius:10px;background:var(--paper);color:var(--deep);font-weight:700;white-space:nowrap}
.market-tabs .market-more:hover,.market-tabs .market-more:focus-visible{background:#e9f0ef;border-style:solid;text-decoration:none}
.market-tabs .market-more[aria-current=page]{background:var(--deep);border-color:var(--deep);border-style:solid;color:#fff;box-shadow:0 3px 10px #12304115}
.market-more-cue{flex:none;overflow:visible}.market-more-cue .cue-pointer{opacity:.85}
@media(prefers-reduced-motion:no-preference){.market-more-cue .cue-arrow{animation:more-nudge 1.8s ease-in-out infinite}.market-more-cue .cue-pointer{animation:more-tap 1.8s ease-in-out infinite;transform-origin:18px 17px}.market-tabs .market-more:hover .market-more-cue .cue-arrow{animation-duration:.9s}}
@keyframes more-nudge{0%,55%,100%{transform:translateX(0)}25%{transform:translateX(3px)}}
@keyframes more-tap{0%,40%,100%{transform:translate(0,0)}20%{transform:translate(-1.5px,-1.5px) scale(.9)}}
@media(max-width:720px){.market-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}.market-tabs .market-more{grid-column:auto;padding:9px 12px;font-size:14px}}

/* Caveat 700 (SIL OFL 1.1, assets/fonts/Caveat-OFL.txt), self-hosted: basic Latin subset with the font's contextual
   alternates — the 'RayFi' logo face used by the chart watermark (temperature.js / kanban.js). No Google Fonts request. */
@font-face{font-family:"Caveat";font-style:normal;font-weight:700;font-display:swap;src:url("../assets/fonts/caveat-700-latin.woff2") format("woff2")}
/* 会员专享 overall (B圈): placeholder text blurred, real value never in the DOM for non-members */
.ov-frost{filter:blur(7px);user-select:none;pointer-events:none}.overall-head.ov-locked .ov-num{color:#7f9aa2}.ov-member{align-self:center;font-size:13px;font-weight:650;color:#0a5368;background:#fff;border:1px solid rgba(10,83,104,.45);border-radius:999px;padding:3px 11px;text-decoration:none;white-space:nowrap;letter-spacing:0}.ov-member:hover,.ov-member:focus-visible{border-color:#f26630;color:#f26630}.market-tab .tab-temp.tab-locked{font-size:.85em;opacity:.8}
/* 2026-10-23 tabbig + oswald (user decisions): the overall temperature on each market tab is the page's headline number, set as
   large Oswald Bold digits that nearly fill the tab's height (no pill). Oswald digits are 0.81em tall, so line-height .81 makes
   the line box ~ the digit height and the 4px vertical padding keeps the tab ~the same height as before. Inactive tabs colour
   the number by its 5 temperature bands (data-band 0-4, set by market-tabs.js); the active (filled) tab is white.
   Font: Oswald Bold 700 (SIL OFL 1.1, assets/fonts/Oswald-OFL.txt), self-hosted, subset to 0-9 ° - space; falls back to the
   system stack. Narrower breakpoints stack the market name above the number. */
@font-face{font-family:"RayfiTabNum";font-style:normal;font-weight:700;font-display:swap;src:url("../assets/fonts/oswald-700-digits.woff2") format("woff2");unicode-range:U+0020,U+002D,U+0030-0039,U+00B0}
.market-tabs .market-tab{padding-top:4px;padding-bottom:4px;gap:8px}
.market-tabs .tab-temp{padding:0;border-radius:0;background:none!important;font-family:"RayfiTabNum",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:54px;font-weight:700;line-height:.81;letter-spacing:0;position:relative;top:-.04em;color:var(--market-accent);text-align:right;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.market-tabs .tab-temp[data-band="0"]{color:#1f7590}.market-tabs .tab-temp[data-band="1"]{color:#2f7368}.market-tabs .tab-temp[data-band="2"]{color:#66632c}.market-tabs .tab-temp[data-band="3"]{color:#a35d0c}.market-tabs .tab-temp[data-band="4"]{color:#c4431a}
.market-tabs .market-tab[aria-current=page] .tab-temp{color:#fff!important}
.market-tabs .tab-temp.tab-locked{font-size:28px;line-height:1.2;top:0}
@media(max-width:1000px){.market-tabs .tab-temp{font-size:46px}}
@media(max-width:720px){.market-tabs .market-tab{flex-direction:column;align-items:stretch;justify-content:space-between;padding:8px 8px 5px;gap:3px}.market-tabs .tab-temp{align-self:flex-end;font-size:40px}.market-tabs .tab-temp.tab-locked{font-size:22px}}
@media(max-width:480px){.market-tabs .market-tab{padding:7px 7px 4px}.market-tabs .tab-temp{font-size:35px}}

/* 2026-10-23 flags: emoji flags (🇨🇳🇺🇸🇭🇰) render as plain "CN/US/HK" letters on Windows (Segoe UI Emoji has no flag glyphs), and
   ₿ depends on the system font. The icon span keeps its text for old markup but hides it; the picture is a self-hosted SVG
   (assets/flags/, flag-icons MIT + hand-made ₿ badge). Narrow phones show a smaller icon instead of hiding it. */
.market-tabs .market-tab .market-icon{display:inline-block;flex:none;width:22px;height:22px;font-size:0;line-height:0;color:transparent;overflow:hidden;transform:none;background:transparent center/cover no-repeat}
.market-tabs .market-crypto .market-icon{background-image:url("../assets/flags/crypto.svg");border-radius:50%}
@media(max-width:720px){.market-tabs .market-tab .market-icon{width:19px;height:19px}}
@media(max-width:480px){.market-tabs .market-tab .market-icon{display:inline-block;width:16px;height:16px}}
/* 方案2 圆角小旗: 4:3 flag, rounded corners, thin hairline border (inset so it sits on the flag edge). */
.market-tabs .market-tab .market-icon{width:26px;height:19.5px;border-radius:3.5px;box-shadow:inset 0 0 0 1px #12304133,0 1px 2px #1230412e}
.market-tabs .market-a-share .market-icon{background-image:url("../assets/flags/cn-4x3.svg")}
.market-tabs .market-us .market-icon{background-image:url("../assets/flags/us-4x3.svg")}
.market-tabs .market-hk .market-icon{background-image:url("../assets/flags/hk-4x3.svg")}
.market-tabs .market-gold .market-icon{background-image:url("../assets/flags/gold-4x3.svg")}
.market-tabs .market-crypto .market-icon{width:19.5px;border-radius:50%;box-shadow:0 1px 2px #1230412e}
.market-tabs .market-tab[aria-current=page] .market-icon{box-shadow:inset 0 0 0 1px #ffffff40,0 0 0 1px #ffffffb3}
@media(max-width:720px){.market-tabs .market-tab .market-icon{width:23px;height:17px;border-radius:3px}.market-tabs .market-crypto .market-icon{width:17px}}
@media(max-width:480px){.market-tabs .market-tab .market-icon{width:20px;height:15px;border-radius:2.5px}.market-tabs .market-crypto .market-icon{width:15px}}

/* 2026-11-04 nav6row: 五个市场 + 专题看板 共六钮等宽一排（全站共用）。勿再 5 列，否则「专题看板」掉第二行。 */
.market-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}
.market-tabs .market-more{grid-column:auto;min-width:0;padding:6px 10px;font-size:17px}
@media(max-width:1000px){.market-tabs{gap:8px}.market-tabs .market-tab{padding-left:10px;padding-right:10px;gap:6px}.market-tabs .tab-temp{font-size:40px}.market-tabs .market-more{font-size:15px;padding:6px 8px}}
@media(max-width:720px){.market-tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.market-tabs .market-tab{padding:7px 6px 4px}.market-tabs .tab-temp{font-size:34px}.market-tabs .market-more{grid-column:auto;flex-direction:column;gap:2px;padding:6px 4px;font-size:14px;line-height:1.2}.market-more-cue{width:15px;height:15px}}
@media(max-width:480px){.market-tabs{gap:5px}.market-tabs .market-tab{padding:6px 5px 4px;font-size:13px}.market-tab-label{gap:4px}.market-tabs .market-tab .market-icon{width:16px;height:12px;border-radius:2px}.market-tabs .market-crypto .market-icon{width:12px}.market-tabs .tab-temp{font-size:28px}.market-tabs .tab-temp.tab-locked{font-size:18px}.market-tabs .market-more{font-size:13px;padding:5px 3px}}
@media(max-width:350px){.market-tabs{gap:4px}.market-tabs .market-tab{font-size:12px;padding:5px 4px 3px}.market-tabs .market-tab .market-icon{display:none}.market-tabs .tab-temp{font-size:24px}.market-tabs .market-more{font-size:12px}}
/* 2026-10-26 nav6: 专题看板按钮（深蓝→墨青渐变 + 细网格/折线纹理 + 金色细描边 + 仪表盘图标 + DASHBOARDS 副标题，hover 上浮 + 光泽扫过），
   以及五按钮统一选中态：当前按钮实心主色、抬高、阴影，底边小三角指向下方同色细条（导航行底线），其余按钮略降饱和度/透明度。 */
.market-tabs{--nav-accent:var(--line);position:relative;padding-bottom:13px;background:linear-gradient(var(--nav-accent),var(--nav-accent)) left bottom/100% 3px no-repeat;border-radius:0}
.market-tabs:has(.market-a-share[aria-current=page]){--nav-accent:#b64141}
.market-tabs:has(.market-us[aria-current=page]){--nav-accent:#285fa8}
.market-tabs:has(.market-hk[aria-current=page]){--nav-accent:#78509b}
.market-tabs:has(.market-crypto[aria-current=page]){--nav-accent:#a96006}
.market-tabs:has(.market-more[aria-current=page]){--nav-accent:#0c3a52}
.market-tabs>a{position:relative;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease,filter .18s ease}
.market-tabs:has([aria-current=page])>a:not([aria-current=page]){opacity:.78;filter:saturate(.6)}
.market-tabs:has([aria-current=page])>a.market-more:not([aria-current=page]){opacity:.93;filter:saturate(.85)}
.market-tabs:has([aria-current=page])>a:not([aria-current=page]):hover,.market-tabs:has([aria-current=page])>a:not([aria-current=page]):focus-visible{opacity:1;filter:none}
.market-tabs .market-tab[aria-current=page]{transform:translateY(-3px);box-shadow:0 10px 20px -8px color-mix(in srgb,var(--market-accent) 70%,transparent),0 2px 4px #12304122;border-bottom-color:color-mix(in srgb,var(--market-accent) 70%,#000)}
.market-tabs>a[aria-current=page]::before{content:"";position:absolute;left:50%;top:100%;width:0;height:0;margin-left:-9px;border:9px solid transparent;border-bottom:0;border-top:11px solid var(--nav-accent);pointer-events:none}
.market-tabs .market-tab[aria-current=page]::before{border-top-color:color-mix(in srgb,var(--market-accent) 70%,#000)}
/* 专题看板按钮 */
.market-tabs .market-more,.market-tabs .market-more:hover,.market-tabs .market-more:focus-visible,.market-tabs .market-more[aria-current=page]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:center;justify-items:start;row-gap:3px;padding:6px 52px 6px 16px;border:1px solid #c9a96166;border-bottom:3px solid #c9a961;border-radius:10px;color:#fff;letter-spacing:.06em;
 background-color:#0c3a52;
 background-image:linear-gradient(105deg,transparent 35%,#ffffff2e 48%,#ffffff0a 55%,transparent 65%),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='3.5' width='27' height='25' rx='4' stroke='%23c9a961' stroke-width='1.6'/%3E%3Cpath d='M7 23v-3M12 23v-6M17 23v-4' stroke='%237fd3dc' stroke-width='2.4'/%3E%3Cpath d='M6.5 14l5-4 4.5 3 6.5-5.5' stroke='%23e9d49c' stroke-width='1.8'/%3E%3Ccircle cx='24.5' cy='18.5' r='3.6' stroke='%237fd3dc' stroke-width='1.6'/%3E%3Cpath d='M24.5 18.5l1.9-1.7' stroke='%237fd3dc' stroke-width='1.6'/%3E%3C/svg%3E"),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 60' preserveAspectRatio='none'%3E%3Cpath d='M0 48 L22 42 L40 46 L62 30 L84 36 L104 22 L128 28 L150 14 L172 20 L200 6' fill='none' stroke='%237fd3dc' stroke-opacity='.22' stroke-width='1.4' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E"),
  repeating-linear-gradient(0deg,#ffffff0d 0 1px,transparent 1px 11px),
  repeating-linear-gradient(90deg,#ffffff0d 0 1px,transparent 1px 11px),
  linear-gradient(135deg,#0b2236 0%,#0c3a52 52%,#0e5a66 100%);
 background-repeat:no-repeat,no-repeat,no-repeat,repeat,repeat,no-repeat;
 background-size:260% 100%,30px 30px,100% 100%,auto,auto,100% 100%;
 background-position:140% 0,right 14px center,0 0,0 0,0 0,0 0;
 box-shadow:inset 0 1px 0 #ffffff26,inset 0 0 0 1px #7fd3dc14,0 2px 6px #0b223626;
 transition:transform .2s ease,box-shadow .2s ease,background-position .7s ease,opacity .18s ease,filter .18s ease;text-decoration:none}
.market-tabs .market-more .market-more-label{grid-row:1;font-size:17px;line-height:1.15;text-shadow:0 1px 2px #0006}
.market-tabs .market-more::after{content:"DASHBOARDS";grid-row:2;font:600 10px/1 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;letter-spacing:.24em;color:#d9bf7f}
.market-tabs .market-more .market-more-cue{display:none}
.market-tabs .market-more:hover,.market-tabs .market-more:focus-visible{transform:translateY(-2px);background-position:-40% 0,right 14px center,0 0,0 0,0 0,0 0;box-shadow:inset 0 1px 0 #ffffff33,inset 0 0 0 1px #7fd3dc26,0 10px 20px -8px #0b2236aa}
.market-tabs .market-more[aria-current=page]{transform:translateY(-3px);border-color:#c9a961;border-bottom-color:#e2c47a;box-shadow:inset 0 1px 0 #ffffff33,inset 0 0 0 1px #e2c47a40,0 0 0 1px #c9a96155,0 12px 22px -8px #0b2236cc}
.market-tabs .market-more[aria-current=page]::before{margin-left:-9px;border-top-color:#0c3a52}
@media(prefers-reduced-motion:reduce){.market-tabs>a,.market-tabs .market-more{transition:none}.market-tabs .market-more:hover{transform:none}}
@media(max-width:1000px){.market-tabs .market-more,.market-tabs .market-more:hover,.market-tabs .market-more:focus-visible,.market-tabs .market-more[aria-current=page]{padding:6px 42px 6px 12px;background-size:260% 100%,26px 26px,100% 100%,auto,auto,100% 100%;background-position:140% 0,right 10px center,0 0,0 0,0 0,0 0}.market-tabs .market-more:hover,.market-tabs .market-more[aria-current=page]:hover{background-position:-40% 0,right 10px center,0 0,0 0,0 0,0 0}.market-tabs .market-more .market-more-label{font-size:15px}.market-tabs .market-more::after{font-size:9px;letter-spacing:.16em}}
/* 手机：文字在上、图标在下（与市场按钮「名称在上、温度数字在下」同构），副标题隐藏；三角和底线缩小 */
@media(max-width:720px){.market-tabs{padding-bottom:10px;background-size:100% 2px}.market-tabs>a[aria-current=page]::before{margin-left:-6px;border-width:6px;border-bottom:0;border-top-width:8px}
 .market-tabs .market-more,.market-tabs .market-more:hover,.market-tabs .market-more:focus-visible,.market-tabs .market-more[aria-current=page]{justify-items:center;align-content:start;padding:7px 3px 30px;letter-spacing:0;background-size:260% 100%,24px 24px,100% 100%,auto,auto,100% 100%;background-position:140% 0,center bottom 6px,0 0,0 0,0 0,0 0}
 .market-tabs .market-more:hover,.market-tabs .market-more[aria-current=page]:hover{background-position:-40% 0,center bottom 6px,0 0,0 0,0 0,0 0}.market-tabs .market-more .market-more-label{font-size:14px}.market-tabs .market-more::after{display:none}}
@media(max-width:480px){.market-tabs .market-more,.market-tabs .market-more:hover,.market-tabs .market-more:focus-visible,.market-tabs .market-more[aria-current=page]{padding:6px 2px 28px;background-size:260% 100%,22px 22px,100% 100%,auto,auto,100% 100%}.market-tabs .market-more .market-more-label{font-size:13px}}
@media(max-width:350px){.market-tabs .market-more .market-more-label{font-size:12px}}

/* A股解禁金额 reference card (not-in-overall) */
#card-unlock .unlock-chart-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 8px}
#card-unlock .unlock-chart-head .chart-legend{margin:0;gap:14px;flex:0 1 auto}
#card-unlock .unlock-chart-head .index-toggles{flex:1 1 auto;min-width:0}
#card-unlock .unlock-footnote{font-size:11px;line-height:1.55;margin:10px 0 0;color:var(--muted)}
#card-unlock .chart-legend .legend-bar{width:10px!important;height:10px!important;border-radius:2px;opacity:.9}
#card-unlock .reading-group .current-reading strong{font-size:40px}
#card-unlock .zone-group{display:none}
#card-unlock .compact-chart .range-reset{top:50%;right:8px}


/* ===== 2026-11-04 temphist4: teal on #card-cn-temp; plum ONLY on #card-micro-temp chrome (+ factor top borders). #micro-overall/#micro-section default chrome. Overlay contrast: micro GRWP teal / HS300 green; CN 上证 amber / HS300 green (≠ teal/plum mains). ===== */
:root{
  --temp-hist-sh: #c45c26;
  --temp-hist-hs300: #2e8b57;
  --temp-hist-csi500: #5b4b8a;
  --temp-hist-csi1000: #2a9d8f;
  --temp-hist-csi2000: #c9a227;
  --temp-hist-circ: #9b2226;
  --cn-temp-accent: #0a5368;
  --cn-temp-wash: #eef6f8;
  --cn-temp-line: #b7d0d6;
  --micro-temp-accent: #8b3a62;
  --micro-temp-wash: #faf3f6;
  --micro-temp-line: #e0c4d0;
  --micro-temp-hs300: #2e8b57;
  --micro-temp-grwp: #0a5368;
  --gold-temp-accent: #b8860b;
  --gold-temp-wash: #fff8e8;
  --gold-temp-line: #e6d3a3;
  --gold-temp-main: #0a5368; /* chart/温度主线仍深蓝 */
  --gold-temp-spot: #f5c518; /* 右轴黄金现货，与 IDX_DEF XAU 一致 */
  /* 币圈温度历史：teal chrome（≠ 金色）；与 A股 #card-cn-temp 同色系，用 crypto 现有 deep teal */
  --crypto-temp-accent: #0a5368;
  --crypto-temp-wash: #eef6f8;
  --crypto-temp-line: #b7d0d6;
  --crypto-temp-main: #0a5368;
}
/* 总温历史首卡 teal chrome + left rail：A股 / 币圈 / 美股 / 港股 / 房市（共用 --cn-temp-*；黄金仍用金色 chrome） */
/* hous18: #housing-overall-temp 进 chrome（border/rail/wash/summary/h2/info/reading），但 NOT legend — 房市图例主线仍 #c45c26（hous13） */
#card-cn-temp,
#crypto-overall-temp,
#us-overall-temp,
#hk-overall-temp,
#housing-overall-temp{
  border-color:var(--cn-temp-line);
  box-shadow:inset 4px 0 0 var(--cn-temp-accent);
  background:linear-gradient(180deg,var(--cn-temp-wash) 0%,var(--paper) 42%);
}
#card-cn-temp .indicator-summary,
#crypto-overall-temp .indicator-summary,
#us-overall-temp .indicator-summary,
#hk-overall-temp .indicator-summary,
#housing-overall-temp .indicator-summary{background:transparent;border-right-color:var(--cn-temp-line)}
#card-cn-temp .indicator-name h2,
#crypto-overall-temp .indicator-name h2,
#us-overall-temp .indicator-name h2,
#hk-overall-temp .indicator-name h2,
#housing-overall-temp .indicator-name h2{color:var(--cn-temp-accent)}
#card-cn-temp .info-link,
#crypto-overall-temp .info-link,
#us-overall-temp .info-link,
#hk-overall-temp .info-link,
#housing-overall-temp .info-link{color:var(--cn-temp-accent)}
#card-cn-temp .current-reading strong,
#card-cn-temp .temperature-pctile,
#crypto-overall-temp .current-reading strong,
#crypto-overall-temp .temperature-pctile,
#us-overall-temp .current-reading strong,
#us-overall-temp .temperature-pctile,
#hk-overall-temp .current-reading strong,
#hk-overall-temp .temperature-pctile,
#housing-overall-temp .current-reading strong,
#housing-overall-temp .temperature-pctile{color:var(--cn-temp-accent)}
#card-cn-temp .legend-ma,
#card-cn-temp .legend-daily,
#card-cn-temp .legend-temperature,
#crypto-overall-temp .legend-ma,
#crypto-overall-temp .legend-daily,
#crypto-overall-temp .legend-temperature,
#us-overall-temp .legend-ma,
#us-overall-temp .legend-daily,
#us-overall-temp .legend-temperature,
#hk-overall-temp .legend-ma,
#hk-overall-temp .legend-daily,
#hk-overall-temp .legend-temperature{background:var(--cn-temp-accent);opacity:1;height:3px!important}
#card-cn-temp .idx-toggle[data-code="000001"]{--c:var(--temp-hist-sh)}
#card-cn-temp .idx-toggle[data-code="000300"]{--c:var(--temp-hist-hs300)}
#card-cn-temp .idx-toggle[data-code="000905"]{--c:var(--temp-hist-csi500)}
#card-cn-temp .idx-toggle[data-code="000852"]{--c:var(--temp-hist-csi1000)}
#card-cn-temp .idx-toggle[data-code="399303"]{--c:var(--temp-hist-csi2000)}
#card-cn-temp .idx-toggle[data-code="000902"]{--c:var(--temp-hist-circ)}

/* 微盘温度历史卡：plum chrome (≠ teal A股温度). #micro-overall / #micro-section intentionally NOT plum — match peer overall strips. */
#card-micro-temp{
  border-color:var(--micro-temp-line);
  box-shadow:inset 4px 0 0 var(--micro-temp-accent);
  background:linear-gradient(180deg,var(--micro-temp-wash) 0%,var(--paper) 42%);
}
#card-micro-temp .indicator-summary{background:transparent;border-right-color:var(--micro-temp-line)}
#card-micro-temp .indicator-name h2{color:var(--micro-temp-accent)}
#card-micro-temp .info-link{color:var(--micro-temp-accent)}
#card-micro-temp .current-reading strong,
#card-micro-temp .temperature-pctile{color:var(--micro-temp-accent)}
#card-micro-temp .legend-ma,
#card-micro-temp .legend-daily,
#card-micro-temp .legend-temperature{background:var(--micro-temp-accent);opacity:1;height:3px!important}
#card-micro-temp .idx-toggle[data-code="GRWP"]{--c:var(--micro-temp-grwp)}
#card-micro-temp .idx-toggle[data-code="000300"]{--c:var(--micro-temp-hs300)}
/* 微盘计入因子卡：轻量 plum 顶边，整区一眼可辨，仍保持 section-temp 白底 */
#card-micro-rs.section-temp,
#card-micro-pb.section-temp,
#card-micro-ma250.section-temp{
  border-top:3px solid color-mix(in srgb,var(--micro-temp-accent) 55%,#fff);
}
/* 2026-11-04 microlc1: left-axis legend colors for micro factor + short-emotion cards (≠ GRWP #0a5368) */
#card-micro-rs .legend-ma,
#card-micro-rs .legend-daily{background:#7b5cc4;opacity:1;height:3px!important}
#card-micro-pb .legend-ma,
#card-micro-pb .legend-daily{background:#c45c26;opacity:1;height:3px!important}
#card-micro-limit .legend-ma,
#card-micro-limit .legend-daily{background:#2563eb;opacity:1;height:3px!important}
#card-micro-updown .legend-ma,
#card-micro-updown .legend-daily{background:#db2777;opacity:1;height:3px!important}
#card-micro-amt .legend-ma,
#card-micro-amt .legend-daily{background:#0284c7;opacity:1;height:3px!important}

/* 2026-11-05 hous13/hous19: 房市线色 — N1/N3/总温/70城双线 #c45c26；一线新建焦点 #8b3a62；城钮色不变；100水平参考线仍 #123041；N3 仍 0% 线。hous19 并卡后无独立 n2/tier1-second DOM。 */
#housing-overall-temp .legend-ma,
#housing-overall-temp .legend-daily,
#housing-n1 .legend-ma,
#housing-n1 .legend-daily,
#housing-n3 .legend-ma,
#housing-n3 .legend-daily{background:#c45c26;opacity:1;height:3px!important}
#housing-tier1-new .legend-ma,
#housing-tier1-new .legend-daily{background:#8b3a62;opacity:1;height:3px!important}


/* 黄金温度历史卡：金色左边强调轨（对齐小巴式区分）；温度主线/读数仍深蓝 */
#gold-overall-temp{
  border-color:var(--gold-temp-line);
  box-shadow:inset 4px 0 0 var(--gold-temp-accent);
  background:linear-gradient(180deg,var(--gold-temp-wash) 0%,var(--paper) 42%);
}
#gold-overall-temp .indicator-summary{background:transparent;border-right-color:var(--gold-temp-line)}
#gold-overall-temp .indicator-name h2{color:var(--gold-temp-accent)}
#gold-overall-temp .info-link{color:var(--gold-temp-accent)}
/* 主读数与图例温度线保持深蓝，不跟金色 chrome */
#gold-overall-temp .current-reading strong,
#gold-overall-temp .temperature-pctile{color:var(--gold-temp-main)}
#gold-overall-temp .legend-ma,
#gold-overall-temp .legend-daily,
#gold-overall-temp .legend-temperature{background:var(--gold-temp-main);opacity:1;height:3px!important}
/* 黄金页右轴「黄金现货」图例色：与 IDX_DEF XAU / 曲线同色（勿用全局 --orange 红橙） */
[id^="gold-"] .legend-index{background:#f5c518}
[id^="gold-"] .idx-toggle[data-code="XAU"]{--c:#f5c518}

/* 币圈/房市温度历史 chrome：已并入上方 #card-cn-temp,#crypto-overall-temp,#us-overall-temp,#hk-overall-temp,#housing-overall-temp 分组（ushk1 + hous18；房市 legend 仍 #c45c26） */


/* 2026-11-04 tabs6b: 图标在上、名称在下；六钮收紧，专题看板少占宽。 */
.market-tabs{gap:8px}
.market-tabs .market-tab{padding:6px 8px 5px;gap:4px;font-size:14px}
.market-tabs .market-tab-label{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-width:0;line-height:1.15}
.market-tabs .tab-temp{font-size:42px;top:0}
.market-tabs .tab-temp.tab-locked{font-size:22px}
.market-tabs .market-tab .market-icon{width:22px;height:16.5px;border-radius:3px}
.market-tabs .market-crypto .market-icon{width:16.5px}
.market-tabs .market-more,
.market-tabs .market-more:hover,
.market-tabs .market-more:focus-visible,
.market-tabs .market-more[aria-current=page]{padding:5px 36px 5px 10px;background-size:260% 100%,24px 24px,100% 100%,auto,auto,100% 100%;background-position:140% 0,right 8px center,0 0,0 0,0 0,0 0}
.market-tabs .market-more:hover,
.market-tabs .market-more[aria-current=page]:hover{background-position:-40% 0,right 8px center,0 0,0 0,0 0,0 0}
.market-tabs .market-more .market-more-label{font-size:14px}
.market-tabs .market-more::after{font-size:8px;letter-spacing:.14em}
@media(max-width:1000px){
  .market-tabs{gap:6px}
  .market-tabs .market-tab{padding:5px 6px 4px;font-size:13px}
  .market-tabs .tab-temp{font-size:34px}
  .market-tabs .market-more,
  .market-tabs .market-more:hover,
  .market-tabs .market-more:focus-visible,
  .market-tabs .market-more[aria-current=page]{padding:5px 30px 5px 8px;background-size:260% 100%,22px 22px,100% 100%,auto,auto,100% 100%;background-position:140% 0,right 6px center,0 0,0 0,0 0,0 0}
  .market-tabs .market-more .market-more-label{font-size:13px}
}
@media(max-width:720px){
  .market-tabs .market-tab-label{align-items:center;gap:1px;font-size:12px}
  .market-tabs .market-tab{padding:5px 4px 3px}
  .market-tabs .tab-temp{font-size:28px}
}

/* 2026-11-04 tabsv1b: 纠正 tabsv1 —— 勿左侧栏。顶栏仍横排六钮；每个方块内部竖排：文字 → 图标 → 大号温度。
   选中态/市场色/专题看板保留；手机顶栏横滑/横排，块内同样竖排。 */

/* 补黄金选中底线色（原 nav6 漏了 gold） */
.market-tabs:has(.market-gold[aria-current=page]){--nav-accent:#b8860b}

/* 顶栏保持横向六列；方块略增高以容纳竖排内容 */
.market-tabs{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  margin:24px 0 0;
  position:relative;
  padding-bottom:13px;
  background:linear-gradient(var(--nav-accent),var(--nav-accent)) left bottom/100% 3px no-repeat;
  border-radius:0;
}

.market-tabs .market-tab{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  min-height:118px;
  padding:10px 8px 8px;
  border-radius:12px;
  border:1px solid color-mix(in srgb,var(--market-accent) 35%,transparent);
  border-bottom:3px solid var(--market-accent);
  box-sizing:border-box;
  text-align:center;
  font-size:14px;
  line-height:1.15;
}

/* 块内：label 自身也竖排（name → icon），tab-temp 由 JS append 为第三段 */
.market-tabs .market-tab-label{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  width:100%;
  min-width:0;
  white-space:nowrap;
  line-height:1.15;
}
.market-tabs .market-tab-name{
  order:1;
  font-size:14px;
  font-weight:750;
  letter-spacing:.02em;
}
.market-tabs .market-tab .market-icon{
  order:2;
  display:inline-block;
  width:28px;
  height:21px;
  border-radius:3.5px;
  margin:0 auto;
}
.market-tabs .market-crypto .market-icon{
  width:21px;
  height:21px;
  border-radius:50%;
}
.market-tabs .tab-temp{
  order:3;
  margin:0;
  align-self:center;
  width:100%;
  text-align:center;
  font-size:40px;
  line-height:.88;
  top:0;
  letter-spacing:-.02em;
}
.market-tabs .tab-temp.tab-locked{font-size:24px;line-height:1.1}

/* 选中：实心主色 + 向下三角（顶栏横排，非侧栏右三角） */
.market-tabs .market-tab[aria-current=page]{
  transform:translateY(-3px);
  box-shadow:0 10px 20px -8px color-mix(in srgb,var(--market-accent) 70%,transparent),0 2px 4px #12304122;
  border-bottom-color:color-mix(in srgb,var(--market-accent) 70%,#000);
}
.market-tabs>a[aria-current=page]::before{
  content:"";
  position:absolute;
  left:50%;
  top:100%;
  width:0;
  height:0;
  margin-left:-9px;
  margin-top:0;
  border:9px solid transparent;
  border-bottom:0;
  border-top:11px solid var(--nav-accent);
  pointer-events:none;
}
.market-tabs .market-tab[aria-current=page]::before{
  border-top-color:color-mix(in srgb,var(--market-accent) 70%,#000);
}

/* 专题看板：同尺寸竖排方块，文字 → DASHBOARDS → 图标 */
.market-tabs .market-more,
.market-tabs .market-more:hover,
.market-tabs .market-more:focus-visible,
.market-tabs .market-more[aria-current=page]{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:5px;
  min-height:118px;
  min-width:0;
  padding:10px 8px 28px;
  border-radius:12px;
  letter-spacing:.04em;
  grid-column:auto;
  grid-template-columns:none;
  grid-template-rows:none;
  justify-items:center;
  background-size:260% 100%,26px 26px,100% 100%,auto,auto,100% 100%;
  background-position:140% 0,center bottom 8px,0 0,0 0,0 0,0 0;
}
.market-tabs .market-more:hover,
.market-tabs .market-more[aria-current=page]:hover{
  background-position:-40% 0,center bottom 8px,0 0,0 0,0 0,0 0;
  transform:translateY(-2px);
}
.market-tabs .market-more[aria-current=page]{
  transform:translateY(-3px);
}
.market-tabs .market-more[aria-current=page]::before{
  margin-left:-9px;
  border-top-color:#0c3a52;
}
.market-tabs .market-more .market-more-label{
  grid-row:auto;
  font-size:14px;
  line-height:1.15;
  text-align:center;
}
.market-tabs .market-more::after{
  grid-row:auto;
  content:"DASHBOARDS";
  font:600 9px/1 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  letter-spacing:.16em;
  color:#d9bf7f;
  text-align:center;
}

@media(prefers-reduced-motion:reduce){
  .market-tabs .market-tab[aria-current=page],
  .market-tabs .market-more[aria-current=page],
  .market-tabs .market-more:hover{transform:none}
}

@media(max-width:1000px){
  .market-tabs{gap:6px}
  .market-tabs .market-tab,
  .market-tabs .market-more{min-height:108px;padding:8px 6px 6px;font-size:13px}
  .market-tabs .market-more{padding-bottom:26px}
  .market-tabs .tab-temp{font-size:34px}
  .market-tabs .market-tab-name{font-size:13px}
  .market-tabs .market-tab .market-icon{width:24px;height:18px}
  .market-tabs .market-crypto .market-icon{width:18px;height:18px}
  .market-tabs .market-more .market-more-label{font-size:13px}
}

/* 手机：顶栏横排/可横滑；块内仍竖排 文字→图标→温度 */
@media(max-width:720px){
  .market-tabs{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    gap:8px;
    margin-top:18px;
    padding-bottom:10px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
    background-size:100% 2px;
    grid-template-columns:none;
  }
  .market-tabs .market-tab,
  .market-tabs .market-more,
  .market-tabs .market-more:hover,
  .market-tabs .market-more:focus-visible,
  .market-tabs .market-more[aria-current=page]{
    flex:0 0 86px;
    width:86px;
    min-height:108px;
    padding:8px 4px 6px;
    font-size:12px;
  }
  .market-tabs .market-more{padding-bottom:26px}
  .market-tabs .tab-temp{font-size:28px;align-self:center;text-align:center}
  .market-tabs .market-tab-name{font-size:12px}
  .market-tabs .market-tab .market-icon{width:22px;height:16.5px}
  .market-tabs .market-crypto .market-icon{width:16.5px;height:16.5px}
  .market-tabs .market-tab[aria-current=page],
  .market-tabs .market-more[aria-current=page]{transform:translateY(-2px)}
  .market-tabs>a[aria-current=page]::before{
    left:50%;
    top:100%;
    margin-left:-6px;
    margin-top:0;
    border:6px solid transparent;
    border-top:8px solid var(--nav-accent);
    border-bottom:0;
  }
  .market-tabs .market-tab[aria-current=page]::before{
    border-top-color:color-mix(in srgb,var(--market-accent) 70%,#000);
  }
  .market-tabs .market-more[aria-current=page]::before{border-top-color:#0c3a52}
  .market-tabs .market-more .market-more-label{font-size:12px}
  .market-tabs .market-more::after{display:none}
}
@media(max-width:480px){
  .market-tabs .market-tab,
  .market-tabs .market-more{flex-basis:78px;width:78px;min-height:100px;padding:7px 3px 5px}
  .market-tabs .tab-temp{font-size:26px}
  .market-tabs .market-tab .market-icon{display:inline-block;width:20px;height:15px}
  .market-tabs .market-crypto .market-icon{width:15px;height:15px}
  .market-tabs .market-more .market-more-label{font-size:12px}
}
@media(max-width:350px){
  .market-tabs .market-tab .market-icon{display:inline-block}
  .market-tabs .tab-temp{font-size:22px}
  .market-tabs .market-more .market-more-label{font-size:11px}
}


/* 2026-11-04 tabsv1c: 顶栏仍横排；块内竖排 文字→图标→大温度；每块再窄以便扩更多温度计；
   A股右侧紧挨插入「中国房市」（占位温度 —，无口径/无编造数据）。七钮：五市+房市+专题看板。 */
.market-tabs .market-housing{--market-accent:#2a6b58;--market-tint:#e8f3ef}
.market-tabs:has(.market-housing[aria-current=page]){--nav-accent:#2a6b58}
.market-tabs .market-housing .market-icon{background-image:url("../assets/flags/housing-4x3.svg")}

.market-tabs{
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:6px;
}
.market-tabs .market-tab,
.market-tabs .market-more{
  min-height:112px;
  padding:8px 4px 6px;
  font-size:13px;
}
.market-tabs .market-tab-name{font-size:12px;letter-spacing:0}
.market-tabs .market-more .market-more-label{font-size:12px}
.market-tabs .tab-temp{font-size:32px;line-height:.9}
.market-tabs .tab-temp.tab-locked{font-size:20px}
.market-tabs .market-tab .market-icon{width:24px;height:18px}
.market-tabs .market-crypto .market-icon{width:18px;height:18px}

@media(max-width:1000px){
  .market-tabs{gap:5px}
  .market-tabs .market-tab,
  .market-tabs .market-more{min-height:104px;padding:7px 3px 5px;font-size:12px}
  .market-tabs .tab-temp{font-size:28px}
  .market-tabs .market-tab-name{font-size:11px}
  .market-tabs .market-more .market-more-label{font-size:11px}
  .market-tabs .market-tab .market-icon{width:22px;height:16.5px}
  .market-tabs .market-crypto .market-icon{width:16.5px;height:16.5px}
}

@media(max-width:720px){
  .market-tabs .market-tab,
  .market-tabs .market-more,
  .market-tabs .market-more:hover,
  .market-tabs .market-more:focus-visible,
  .market-tabs .market-more[aria-current=page]{
    flex:0 0 74px;
    width:74px;
    min-height:102px;
    padding:7px 3px 5px;
    font-size:11px;
  }
  .market-tabs .tab-temp{font-size:24px}
  .market-tabs .market-tab-name{font-size:11px}
  .market-tabs .market-more .market-more-label{font-size:11px}
}

@media(max-width:480px){
  .market-tabs .market-tab,
  .market-tabs .market-more{flex-basis:68px;width:68px;min-height:96px;padding:6px 2px 4px}
  .market-tabs .tab-temp{font-size:22px}
  .market-tabs .market-more .market-more-label{font-size:10px}
}

/* 2026-11-05 tabsv2 / tabsv2b: 顶栏横排 + auto-fit；块内仍竖排 名→图标→°；°桌面≈40；
   选中=浅底 tint + 底边加粗 accent + 字/° accent（勿整块灌满 accent/白字）；
   market-more 同高同风格可虚线边；housing accent/tint 与 hous18 #housing-overall-temp 规则均不动。 */
.market-tabs{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(102px,1fr));
  gap:8px;
  margin:24px 0 0;
  position:relative;
  padding-bottom:13px;
  background:linear-gradient(var(--nav-accent),var(--nav-accent)) left bottom/100% 3px no-repeat;
  border-radius:0;
  overflow:visible;
}

.market-tabs .market-tab{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  min-width:0;
  min-height:118px;
  padding:10px 8px 8px;
  border-radius:12px;
  border:1px solid color-mix(in srgb,var(--market-accent) 35%,transparent);
  border-bottom:3px solid var(--market-accent);
  background:var(--market-tint);
  color:var(--market-accent);
  box-sizing:border-box;
  text-align:center;
  font-size:14px;
  font-weight:700;
  line-height:1.15;
  box-shadow:none;
  transform:none;
}

.market-tabs .market-tab-label{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  width:100%;
  min-width:0;
  white-space:nowrap;
  line-height:1.15;
}
.market-tabs .market-tab-name{
  order:1;
  font-size:13px;
  font-weight:750;
  letter-spacing:.02em;
  color:inherit;
}
.market-tabs .market-tab .market-icon{
  order:2;
  display:inline-block;
  width:28px;
  height:21px;
  border-radius:3.5px;
  margin:0 auto;
  box-shadow:inset 0 0 0 1px #12304133,0 1px 2px #1230412e;
}
.market-tabs .market-crypto .market-icon{
  width:21px;
  height:21px;
  border-radius:50%;
  box-shadow:0 1px 2px #1230412e;
}
.market-tabs .tab-temp{
  order:3;
  margin:0;
  align-self:center;
  width:100%;
  text-align:center;
  font-size:40px;
  line-height:.88;
  top:0;
  letter-spacing:-.02em;
  color:var(--market-accent);
  background:none!important;
}
.market-tabs .tab-temp.tab-locked{font-size:24px;line-height:1.1}

/* 选中：浅底 tint + 底边加粗 accent + 字/° accent；勿灌满 accent 白字 */
.market-tabs .market-tab[aria-current=page]{
  background:var(--market-tint);
  color:var(--market-accent);
  border:1px solid color-mix(in srgb,var(--market-accent) 55%,transparent);
  border-bottom:5px solid var(--market-accent);
  transform:translateY(-2px);
  box-shadow:0 8px 16px -10px color-mix(in srgb,var(--market-accent) 55%,transparent),0 1px 3px #12304118;
}
.market-tabs .market-tab[aria-current=page] small,
.market-tabs .market-tab[aria-current=page] .market-tab-name{
  color:var(--market-accent);
}
.market-tabs .market-tab[aria-current=page] .tab-temp{
  color:var(--market-accent)!important;
}
.market-tabs .market-tab[aria-current=page] .market-icon{
  box-shadow:inset 0 0 0 1px #12304133,0 1px 2px #1230412e;
}
.market-tabs .market-crypto[aria-current=page] .market-icon{
  box-shadow:0 1px 2px #1230412e;
}
.market-tabs>a[aria-current=page]::before{
  content:"";
  position:absolute;
  left:50%;
  top:100%;
  width:0;
  height:0;
  margin-left:-8px;
  margin-top:0;
  border:8px solid transparent;
  border-bottom:0;
  border-top:10px solid var(--nav-accent);
  pointer-events:none;
}
.market-tabs .market-tab[aria-current=page]::before{
  border-top-color:var(--market-accent);
}

/* 专题看板 tabsv2b：同高 min-height；恢复深蓝→墨青渐变 + 网格/折线 + 金描边 + 底图标 + DASHBOARDS（勿虚线纸底） */
.market-tabs .market-more,
.market-tabs .market-more:hover,
.market-tabs .market-more:focus-visible,
.market-tabs .market-more[aria-current=page]{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:4px;
  min-width:0;
  min-height:118px;
  padding:10px 8px 36px;
  border-radius:12px;
  border:1px solid #c9a96166;
  border-bottom:3px solid #c9a961;
  color:#fff;
  letter-spacing:.04em;
  grid-column:auto;
  grid-template-columns:none;
  grid-template-rows:none;
  justify-items:center;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  background-color:#0c3a52;
  background-image:
    linear-gradient(105deg,transparent 35%,#ffffff2e 48%,#ffffff0a 55%,transparent 65%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='3.5' width='27' height='25' rx='4' stroke='%23c9a961' stroke-width='1.6'/%3E%3Cpath d='M7 23v-3M12 23v-6M17 23v-4' stroke='%237fd3dc' stroke-width='2.4'/%3E%3Cpath d='M6.5 14l5-4 4.5 3 6.5-5.5' stroke='%23e9d49c' stroke-width='1.8'/%3E%3Ccircle cx='24.5' cy='18.5' r='3.6' stroke='%237fd3dc' stroke-width='1.6'/%3E%3Cpath d='M24.5 18.5l1.9-1.7' stroke='%237fd3dc' stroke-width='1.6'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 60' preserveAspectRatio='none'%3E%3Cpath d='M0 48 L22 42 L40 46 L62 30 L84 36 L104 22 L128 28 L150 14 L172 20 L200 6' fill='none' stroke='%237fd3dc' stroke-opacity='.22' stroke-width='1.4' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E"),
    repeating-linear-gradient(0deg,#ffffff0d 0 1px,transparent 1px 11px),
    repeating-linear-gradient(90deg,#ffffff0d 0 1px,transparent 1px 11px),
    linear-gradient(135deg,#0b2236 0%,#0c3a52 52%,#0e5a66 100%);
  background-repeat:no-repeat,no-repeat,no-repeat,repeat,repeat,no-repeat;
  background-size:260% 100%,28px 28px,100% 100%,auto,auto,100% 100%;
  background-position:140% 0,center bottom 8px,0 0,0 0,0 0,0 0;
  box-shadow:inset 0 1px 0 #ffffff26,inset 0 0 0 1px #7fd3dc14,0 2px 6px #0b223626;
  transition:transform .2s ease,box-shadow .2s ease,background-position .7s ease,opacity .18s ease,filter .18s ease;
}
.market-tabs .market-more:hover,
.market-tabs .market-more:focus-visible{
  color:#fff;
  border-style:solid;
  border-color:#c9a96199;
  border-bottom-color:#e2c47a;
  background-color:#0c3a52;
  background-position:-40% 0,center bottom 8px,0 0,0 0,0 0,0 0;
  transform:translateY(-2px);
  box-shadow:inset 0 1px 0 #ffffff33,inset 0 0 0 1px #7fd3dc26,0 10px 20px -8px #0b2236aa;
  text-decoration:none;
}
.market-tabs .market-more[aria-current=page]{
  color:#fff;
  background-color:#0c3a52;
  border:1px solid #c9a961;
  border-bottom:5px solid #e2c47a;
  transform:translateY(-3px);
  box-shadow:inset 0 1px 0 #ffffff33,inset 0 0 0 1px #e2c47a40,0 0 0 1px #c9a96155,0 12px 22px -8px #0b2236cc;
}
.market-tabs .market-more[aria-current=page]::before{
  margin-left:-8px;
  border-top-color:#0c3a52;
}
.market-tabs .market-more .market-more-label{
  grid-row:auto;
  font-size:13px;
  line-height:1.15;
  text-align:center;
  text-shadow:0 1px 2px #0006;
  color:#fff;
}
.market-tabs .market-more::after{
  grid-row:auto;
  content:"DASHBOARDS";
  font:600 9px/1 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  letter-spacing:.16em;
  color:#d9bf7f;
  text-align:center;
  text-shadow:0 1px 1px #0005;
}
.market-tabs .market-more .market-more-cue{display:none}

@media(prefers-reduced-motion:reduce){
  .market-tabs .market-tab[aria-current=page],
  .market-tabs .market-more[aria-current=page],
  .market-tabs .market-more:hover{transform:none}
}

@media(max-width:1000px){
  .market-tabs{gap:6px;grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}
  .market-tabs .market-tab{
    min-height:110px;padding:8px 6px 6px;font-size:13px;
  }
  .market-tabs .tab-temp{font-size:34px}
  .market-tabs .tab-temp.tab-locked{font-size:22px}
  .market-tabs .market-tab-name{font-size:12px}
  .market-tabs .market-tab .market-icon{width:24px;height:18px}
  .market-tabs .market-crypto .market-icon{width:18px;height:18px}
  .market-tabs .market-more,
  .market-tabs .market-more:hover,
  .market-tabs .market-more:focus-visible,
  .market-tabs .market-more[aria-current=page]{
    min-height:110px;padding:8px 6px 34px;font-size:13px;
    background-size:260% 100%,26px 26px,100% 100%,auto,auto,100% 100%;
    background-position:140% 0,center bottom 7px,0 0,0 0,0 0,0 0;
  }
  .market-tabs .market-more:hover,
  .market-tabs .market-more[aria-current=page]:hover{
    background-position:-40% 0,center bottom 7px,0 0,0 0,0 0,0 0;
  }
  .market-tabs .market-more .market-more-label{font-size:12px}
  .market-tabs .market-more::after{font-size:8px;letter-spacing:.14em}
}

/* 窄屏：仍顶栏横排 auto-fit 自然换行（勿左侧栏）；块内竖排不变 */
@media(max-width:720px){
  .market-tabs{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(88px,1fr));
    flex-direction:unset;
    flex-wrap:unset;
    overflow-x:visible;
    gap:6px;
    margin-top:18px;
    padding-bottom:10px;
    background-size:100% 2px;
  }
  .market-tabs .market-tab{
    flex:unset;
    width:auto;
    min-height:108px;
    padding:8px 4px 6px;
    font-size:12px;
  }
  .market-tabs .tab-temp{font-size:30px;align-self:center;text-align:center}
  .market-tabs .tab-temp.tab-locked{font-size:20px}
  .market-tabs .market-tab-name{font-size:12px}
  .market-tabs .market-tab .market-icon{width:22px;height:16.5px}
  .market-tabs .market-crypto .market-icon{width:16.5px;height:16.5px}
  .market-tabs .market-tab[aria-current=page],
  .market-tabs .market-more[aria-current=page]{transform:translateY(-2px)}
  .market-tabs>a[aria-current=page]::before{
    left:50%;
    top:100%;
    margin-left:-6px;
    margin-top:0;
    border:6px solid transparent;
    border-top:8px solid var(--nav-accent);
    border-bottom:0;
  }
  .market-tabs .market-tab[aria-current=page]::before{border-top-color:var(--market-accent)}
  .market-tabs .market-more[aria-current=page]::before{border-top-color:#0c3a52}
  .market-tabs .market-more,
  .market-tabs .market-more:hover,
  .market-tabs .market-more:focus-visible,
  .market-tabs .market-more[aria-current=page]{
    flex:unset;
    width:auto;
    min-height:108px;
    padding:8px 4px 32px;
    font-size:12px;
    letter-spacing:0;
    background-size:260% 100%,24px 24px,100% 100%,auto,auto,100% 100%;
    background-position:140% 0,center bottom 6px,0 0,0 0,0 0,0 0;
  }
  .market-tabs .market-more:hover,
  .market-tabs .market-more[aria-current=page]:hover{
    background-position:-40% 0,center bottom 6px,0 0,0 0,0 0,0 0;
  }
  .market-tabs .market-more .market-more-label{font-size:12px}
  .market-tabs .market-more::after{font-size:8px;letter-spacing:.12em}
}
@media(max-width:480px){
  .market-tabs{grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:5px}
  .market-tabs .market-tab{min-height:100px;padding:7px 3px 5px}
  .market-tabs .tab-temp{font-size:26px}
  .market-tabs .tab-temp.tab-locked{font-size:18px}
  .market-tabs .market-tab .market-icon{display:inline-block;width:20px;height:15px}
  .market-tabs .market-crypto .market-icon{width:15px;height:15px}
  .market-tabs .market-more,
  .market-tabs .market-more:hover,
  .market-tabs .market-more:focus-visible,
  .market-tabs .market-more[aria-current=page]{
    min-height:100px;padding:7px 3px 30px;
    background-size:260% 100%,22px 22px,100% 100%,auto,auto,100% 100%;
    background-position:140% 0,center bottom 5px,0 0,0 0,0 0,0 0;
  }
  .market-tabs .market-more:hover,
  .market-tabs .market-more[aria-current=page]:hover{
    background-position:-40% 0,center bottom 5px,0 0,0 0,0 0,0 0;
  }
  .market-tabs .market-more .market-more-label{font-size:11px}
  .market-tabs .market-more::after{display:none}
}
@media(max-width:350px){
  .market-tabs{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}
  .market-tabs .tab-temp{font-size:22px}
  .market-tabs .market-more .market-more-label{font-size:10px}
}


/* asof-upd1: 「数据更新」 red when series lags expected freshness (daily peer / monthly M-2) */
.asof-stale,
#current-date.asof-stale,
#hist-asof.asof-stale,
#val-asof.asof-stale,
[data-k="date"].asof-stale,
[data-k="caveat-asof"].asof-stale {
  color: #c62828 !important;
}