/* r80 市场 / 即时报价 / 经济日历 / 交易学院深色首屏:显示与浅色同构的插图(img 自带不透明底,盖住 canvas 场景)。
   仅 markets / market-quotes / economic-calendar / academy + 深色;回退 = 删掉四个 html 里引它的那一行。 */
html[data-theme="dark"]:is([data-page="markets"], [data-page="market-quotes"], [data-page="economic-calendar"], [data-page="academy"]) .hero .hero__bg img.on-dark { display: block; }
html[data-theme="dark"]:is([data-page="markets"], [data-page="market-quotes"], [data-page="economic-calendar"], [data-page="academy"]) .hero .hero__bg .hero__veil { display: none; }
@media (max-width: 767px) {
  html[data-theme="dark"]:is([data-page="markets"], [data-page="market-quotes"], [data-page="economic-calendar"], [data-page="academy"]) .hero .hero__bg img.on-dark { opacity: .34; }
}

/* 刻度条整排在右侧(x≥0.569·W),文案列收在它左边;英文标题很宽,按可用宽度缩字号 / 折行(与浅色 J6 / r77 同口径) */
@media (min-width: 1280px) {
  html[data-theme="dark"] .page-market-quotes .hero__copy { max-inline-size: calc(6.94vw + 544px); }
  html[data-theme="dark"] .page-market-quotes .hero h1:lang(en) { font-size: min(var(--fs-h1), calc(.64vw + 50.4px)); }
}
@media (min-width: 1024px) {
  html[data-theme="dark"] .page-markets .hero__copy:lang(en) { max-inline-size: 46vw; }
}
/* 768–1279:文案列与右侧图会相交,图降为背景层 */
@media (min-width: 768px) and (max-width: 1279px) {
  html[data-theme="dark"]:is([data-page="markets"], [data-page="market-quotes"], [data-page="economic-calendar"], [data-page="academy"]) .hero .hero__bg img.on-dark { opacity: .42; }
}
/* 新图取代首屏背景里内联的走势线 motif */
html[data-theme="dark"]:is([data-page="markets"], [data-page="market-quotes"], [data-page="economic-calendar"], [data-page="academy"]) .hero__bg > svg.motif { display: none; }

/* 洞察 / 帮助中心:首屏是内联插画卡,深色下整张发灰。提亮到与其它深色首屏图同一档(品牌蓝描边 + 青点 + 暗蓝底光) */
html[data-theme="dark"][data-page="insights"] .mi44-fig--hero,
html[data-theme="dark"][data-page="help-center"] .hc44-hero {
  background: radial-gradient(120% 100% at 70% 20%, rgba(28,123,208,.26), rgba(28,123,208,0) 60%), linear-gradient(180deg, #1F3550 0%, #162637 100%);
  border-color: rgba(111,178,240,.42);
  box-shadow: 0 24px 64px rgba(2,6,10,.55), 0 0 0 1px rgba(111,178,240,.10) inset, 0 0 80px rgba(28,123,208,.18);
}
html[data-theme="dark"][data-page="insights"] .mi44-fig--hero .fx-hair      { stroke: #6FB2F0; opacity: .55; }
html[data-theme="dark"][data-page="insights"] .mi44-fig--hero .fx-line-soft { stroke: #6FB2F0; opacity: .6; }
html[data-theme="dark"][data-page="insights"] .mi44-fig--hero .fx-tick      { stroke: #6FB2F0; opacity: .55; }
html[data-theme="dark"][data-page="insights"] .mi44-fig--hero .fx-panel     { stroke: #6FB2F0; stroke-opacity: .55; }
html[data-theme="dark"][data-page="insights"] .mi44-fig--hero .fx-panel--key { stroke: #4A9BEA; stroke-opacity: 1; stroke-width: 1.8; fill: rgba(28,123,208,.16); }
html[data-theme="dark"][data-page="insights"] .mi44-fig--hero .fx-node-dot  { fill: #19B3B0; }
html[data-theme="dark"][data-page="insights"] .mi44-fig--hero .fx-filed     { fill: rgba(74,155,234,.28); stroke: #4A9BEA; stroke-opacity: .7; }
html[data-theme="dark"][data-page="insights"] .mi44-fig--hero .fx-shadow    { fill: #0B141B; opacity: .6; }
html[data-theme="dark"][data-page="help-center"] .hc44-hero .fx-panel     { stroke: #4A9BEA; stroke-opacity: .85; fill: rgba(28,123,208,.10); }
html[data-theme="dark"][data-page="help-center"] .hc44-hero .fx-node      { stroke: #6FB2F0; stroke-opacity: .6; }
html[data-theme="dark"][data-page="help-center"] .hc44-hero .fx-bar       { fill: #6FA3D6; fill-opacity: .6; }
html[data-theme="dark"][data-page="help-center"] .hc44-hero .fx-line,
html[data-theme="dark"][data-page="help-center"] .hc44-hero .fx-line-soft,
html[data-theme="dark"][data-page="help-center"] .hc44-hero .fx-tick,
html[data-theme="dark"][data-page="help-center"] .hc44-hero .fx-hair      { stroke: #6FB2F0; stroke-opacity: .7; }
html[data-theme="dark"][data-page="help-center"] .hc44-hero .fx-filed     { fill: rgba(74,155,234,.32); stroke: #4A9BEA; }
html[data-theme="dark"][data-page="help-center"] .hc44-hero .fx-layer     { fill: rgba(28,123,208,.14); stroke: #4A9BEA; stroke-opacity: .6; }
html[data-theme="dark"][data-page="help-center"] .hc44-hero .fx-ring      { stroke: #19B3B0; }
html[data-theme="dark"][data-page="help-center"] .hc44-hero .fx-shadow    { fill: #0B141B; opacity: .6; }