/* 新版 B 深色命盘专属配色。仅屏幕生效，不改变几何、数据、浅色或打印。 */
@media screen {
  :root[data-theme="dark"] .natal-chart-section {
    --chart-panel:#101E30;
    --chart-palace:#172A40;
    --chart-center:#122237;
    --chart-title:#E7D19F;
    --chart-major:#EDF2F7;
    --chart-value:#CDD8E4;
    --chart-label:#A6B8CA;
    --chart-border:#435970;
    --chart-divider:#2C4055;
    --chart-badge-text:#FFFFFF;
    --chart-lu:#218451;
    --chart-quan:#8250C8;
    --chart-ke:#2F70C6;
    --chart-ji:#C44352;
    color:var(--chart-value);
    background:var(--chart-panel);
    border-color:var(--chart-border);
    box-shadow:none;
    backdrop-filter:none;
  }
  /* 包含 chart-view 的选择器权重，覆盖现有手机端颜色而不触碰其字号/布局。 */
  :root[data-theme="dark"] :is(.natal-chart-section, #chart-view .natal-chart-section) .natal-chart-grid {
    background:var(--chart-panel);
    border-color:var(--chart-border);
  }
  :root[data-theme="dark"] :is(.natal-chart-section, #chart-view .natal-chart-section) .natal-palace {
    color:var(--chart-value);
    background:var(--chart-palace);
    border-color:var(--chart-border);
    box-shadow:none;
  }
  :root[data-theme="dark"] :is(.natal-chart-section, #chart-view .natal-chart-section) .natal-chart-center {
    color:var(--chart-value);
    background:var(--chart-center);
    border-color:var(--chart-border);
    box-shadow:none;
  }
  :root[data-theme="dark"] :is(.natal-chart-section, #chart-view .natal-chart-section) :is(.natal-chart-heading h2, .natal-palace-head strong, .natal-chart-center h3) {
    color:var(--chart-title);
  }
  :root[data-theme="dark"] :is(.natal-chart-section, #chart-view .natal-chart-section) :is(.natal-star, .natal-chart-center dd) {
    color:var(--chart-value);
  }
  :root[data-theme="dark"] :is(.natal-chart-section, #chart-view .natal-chart-section) .natal-major-stars .natal-star {
    color:var(--chart-major);
  }
  :root[data-theme="dark"] :is(.natal-chart-section, #chart-view .natal-chart-section) :is(.natal-chart-heading .eyebrow, .natal-palace-head small, .natal-palace-head em, .natal-star-row > b, .natal-star-row i, .natal-star small, .natal-chart-center > p, .natal-chart-center dt) {
    color:var(--chart-label);
  }
  :root[data-theme="dark"] :is(.natal-chart-section, #chart-view .natal-chart-section) :is(.natal-palace-head, .natal-chart-center dl div) {
    border-color:var(--chart-divider);
  }
  :root[data-theme="dark"] :is(.natal-chart-section, #chart-view .natal-chart-section) .natal-palace-head em {
    background:var(--chart-palace);
    border-color:var(--chart-border);
  }
  :root[data-theme="dark"] :is(.natal-chart-section, #chart-view .natal-chart-section) .natal-star em {
    color:var(--chart-badge-text);
  }
  :root[data-theme="dark"] :is(.natal-chart-section, #chart-view .natal-chart-section) .natal-star em[data-mutagen="禄"] { background:var(--chart-lu); }
  :root[data-theme="dark"] :is(.natal-chart-section, #chart-view .natal-chart-section) .natal-star em[data-mutagen="权"] { background:var(--chart-quan); }
  :root[data-theme="dark"] :is(.natal-chart-section, #chart-view .natal-chart-section) .natal-star em[data-mutagen="科"] { background:var(--chart-ke); }
  :root[data-theme="dark"] :is(.natal-chart-section, #chart-view .natal-chart-section) .natal-star em[data-mutagen="忌"] { background:var(--chart-ji); }
}