/**
 * 亮/暗主题 token。默认暗色。
 * 暗色对齐飞瓜：中灰蓝底 + 卡片抬升分层（避免纯黑闷）；边框约 8%–10% 白；主色蓝 CTA。
 */

:root,
html[data-theme="dark"] {
  color-scheme: dark;
  /* 飞瓜式主色蓝 */
  --app-primary: #465efb;
  --app-primary-hover: #6b7ffc;
  --app-primary-soft: rgba(70, 94, 251, 0.22);
  --app-primary-rgb: 70, 94, 251;
  --app-primary-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  --app-primary-shadow-hover: 0 2px 6px rgba(0, 0, 0, 0.28);
  /* 整体提亮一档：页底 → 面 → 卡 → 抬升，层次拉开 */
  --app-bg: #1e1f2e;
  --app-sidebar: #1a1b28;
  --app-surface: #252636;
  --app-card: #2a2b3d;
  --app-elevated: #323348;
  --app-hover: #3a3b52;
  --app-text: #f7f8fc;
  --app-text-secondary: #c5c6d8;
  --app-muted: #9b9cb3;
  --app-border: rgba(148, 155, 185, 0.16);
  --app-border-subtle: rgba(148, 155, 185, 0.1);
  --app-divider: rgba(148, 155, 185, 0.12);
  --app-input-bg: #222334;
  --app-chip-bg: rgba(255, 255, 255, 0.07);
  --app-scrollbar: rgba(255, 255, 255, 0.16);
  --app-scrollbar-hover: rgba(255, 255, 255, 0.26);
  --app-tip-bg: rgba(255, 255, 255, 0.08);
  --app-tip-fg: #d8dae8;
  --app-tip-border: rgba(255, 255, 255, 0.12);
  --app-success-bg: rgba(0, 180, 42, 0.18);
  --app-success-fg: #7ae89a;
  --app-danger-bg: rgba(245, 63, 63, 0.18);
  --app-danger-fg: #ff9a9a;
  --app-info-bg: rgba(255, 255, 255, 0.08);
  --app-info-fg: #d0d3e6;
  --app-warn-bg: rgba(250, 140, 22, 0.18);
  --app-warn-fg: #ffc878;
  --app-toast-bg: #323348;
  --app-radius: 12px;
  --app-shadow: 0 8px 28px rgba(0, 0, 0, 0.32);
  --app-shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.18), 0 4px 14px rgba(0, 0, 0, 0.14);
  --app-font: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --app-sidebar-width: 232px;
  --app-sidebar-collapsed-width: 64px;
  --app-picture-history-width: 260px;
  --app-workspace-pad-x: 24px;
  --app-workspace-pad-top: 20px;
  --app-workspace-pad-bottom: 48px;
  --app-content-max: 1360px;
  --app-danger: #f53f3f;
  --app-nav-active-bg: rgba(255, 255, 255, 0.1);
  --app-nav-section-bg: rgba(255, 255, 255, 0.06);
  --app-hero-nav-bg: rgba(255, 255, 255, 0.06);
  --app-badge-blue-bg: rgba(255, 255, 255, 0.1);
  --app-badge-blue-fg: #e2e4f0;
  --app-focus-ring: 0 0 0 2px var(--app-bg), 0 0 0 4px rgba(70, 94, 251, 0.45);
  --app-ink: #e8e9f2;
  --app-ink-hover: #ffffff;
  --app-ink-fg: #1e1f2e;
  --app-glass: rgba(30, 31, 46, 0.92);
  --app-glass-strong: rgba(42, 43, 61, 0.96);
  --app-overlay: rgba(0, 0, 0, 0.55);
  --app-on-media: rgba(29, 33, 41, 0.72);
  --cz-accent: var(--app-primary);
}

html[data-theme="light"] {
  color-scheme: light;
  --app-primary: #ff7752;
  --app-primary-hover: #ff6338;
  --app-primary-soft: #fff5f2;
  --app-primary-rgb: 255, 119, 82;
  --app-primary-shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 4px 12px rgba(255, 119, 82, .22);
  --app-primary-shadow-hover: 0 2px 4px rgba(15, 23, 42, .06), 0 8px 18px rgba(255, 119, 82, .28);
  --app-bg: #f5f6f8;
  --app-sidebar: #ffffff;
  --app-surface: #f7f8fa;
  --app-card: #ffffff;
  --app-elevated: #ffffff;
  --app-hover: #f7f8fa;
  --app-text: #1d2129;
  --app-text-secondary: #4e5969;
  --app-muted: #86909c;
  --app-border: #e5e6eb;
  --app-border-subtle: #eef0f3;
  --app-divider: #eef0f3;
  --app-input-bg: #ffffff;
  --app-chip-bg: #f2f3f5;
  --app-scrollbar: #c9cdd4;
  --app-scrollbar-hover: #b0b4bc;
  --app-tip-bg: #fff7ed;
  --app-tip-fg: #d46b08;
  --app-tip-border: #ffd591;
  --app-success-bg: #e8f8ef;
  --app-success-fg: #00b42a;
  --app-danger-bg: #ffece8;
  --app-danger-fg: #f53f3f;
  --app-info-bg: #e8f3ff;
  --app-info-fg: #165dff;
  --app-warn-bg: #fff7ed;
  --app-warn-fg: #d46b08;
  --app-toast-bg: #1d2129;
  --app-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  --app-shadow-soft: 0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 16px rgba(15, 23, 42, 0.03);
  --app-danger: #f53f3f;
  --app-nav-active-bg: var(--app-primary-soft);
  --app-nav-section-bg: #fff7f2;
  --app-hero-nav-bg: linear-gradient(135deg, #fff5f2 0%, #ffe8df 100%);
  --app-badge-blue-bg: #e8f3ff;
  --app-badge-blue-fg: #165dff;
  --app-focus-ring: 0 0 0 2px #fff, 0 0 0 4px rgba(255, 119, 82, 0.45);
  --app-ink: #1d2129;
  --app-ink-hover: #000000;
  --app-ink-fg: #ffffff;
  --app-glass: rgba(255, 255, 255, 0.92);
  --app-glass-strong: rgba(255, 255, 255, 0.96);
  --app-overlay: rgba(29, 33, 41, 0.4);
  --app-on-media: rgba(29, 33, 41, 0.72);
  --cz-accent: var(--app-primary);
}

/* 主题切换按钮 */
.sidebar-theme-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  margin: 0 0 8px;
  padding: 8px 10px;
  border: 1px solid var(--app-border);
  border-radius: 10px;
  background: var(--app-elevated);
  color: var(--app-text-secondary);
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s, color .15s, border-color .15s;
}
.sidebar-theme-toggle:hover {
  background: var(--app-hover);
  color: var(--app-text);
}
.sidebar-theme-toggle-ico { font-size: 14px; line-height: 1; opacity: .9; }
body.app-sidebar-collapsed .sidebar-theme-toggle-label { display: none !important; }
body.app-sidebar-collapsed .sidebar-theme-toggle {
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 8px;
}

html[data-theme="dark"] .panel,
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .store-card,
html[data-theme="dark"] .draft-card,
html[data-theme="dark"] .home-feature-card,
html[data-theme="dark"] .home-quick-card,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .home-recent-col,
html[data-theme="dark"] .cz-modal-panel,
html[data-theme="dark"] .cz-dialog-panel,
html[data-theme="dark"] .cz-task-dock-panel,
html[data-theme="dark"] .cz-task-dock-fab,
html[data-theme="dark"] .login-sheet,
html[data-theme="dark"] .path-a-spotlight-card {
  border-color: var(--app-border);
  box-shadow: none;
}
html[data-theme="dark"] .app-sidebar {
  border-right-color: var(--app-divider);
}
html[data-theme="dark"] .app-sidebar-foot,
html[data-theme="dark"] .cz-modal-head,
html[data-theme="dark"] .cz-modal-foot,
html[data-theme="dark"] .cz-task-dock-head {
  border-color: var(--app-divider);
}
html[data-theme="dark"] .field-input,
html[data-theme="dark"] .field-textarea,
html[data-theme="dark"] .field-select,
html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] .secondary {
  border-color: var(--app-border);
}
html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] .secondary,
html[data-theme="dark"] .btn-ghost {
  background: var(--app-elevated) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
  box-shadow: none;
}
html[data-theme="dark"] .btn-primary {
  color: #fff !important;
  background: var(--app-primary) !important;
  border-color: transparent !important;
}
html[data-theme="dark"] .nav-group-label {
  border: none;
}
html[data-theme="dark"] .quota-list li,
html[data-theme="dark"] .draft-item,
html[data-theme="dark"] .products-page-head {
  border-color: var(--app-divider);
}
html[data-theme="dark"] .nav-group-progress {
  background: var(--app-tip-bg);
  border-color: var(--app-tip-border);
  box-shadow: inset 3px 0 0 rgba(255, 255, 255, 0.22);
}
html[data-theme="dark"] .nav-prog-row {
  background: var(--app-chip-bg);
  color: var(--app-text-secondary);
}
html[data-theme="dark"] .nav-prog-row:hover { background: var(--app-elevated); }
html[data-theme="dark"] .nav-prog-action {
  background: var(--app-elevated);
  border-color: var(--app-border);
  color: var(--app-text);
}
html[data-theme="dark"] .nav-prog-action:hover { background: var(--app-hover); }
html[data-theme="dark"] .nav-prog-action--go {
  background: var(--app-elevated);
  border-color: var(--app-border);
  color: var(--app-text);
}

html[data-theme="dark"] .product-card--default {
  background: var(--app-card);
  border-color: rgba(var(--app-primary-rgb), 0.55);
  box-shadow: 0 0 0 1px rgba(var(--app-primary-rgb), 0.22), var(--app-shadow-soft);
}
html[data-theme="dark"] .product-card--warn {
  background: var(--app-danger-bg);
  border-color: rgba(245, 63, 63, 0.4);
}
html[data-theme="dark"] .product-use-btn,
html[data-theme="dark"] .product-card-btn--accent {
  background: var(--app-elevated) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}
html[data-theme="dark"] .product-tag--price {
  color: var(--app-warn-fg);
  background: var(--app-warn-bg);
  border-color: rgba(250, 140, 22, 0.35);
}

html[data-theme="dark"] .home-quick-card--primary {
  background: linear-gradient(145deg, rgba(var(--app-primary-rgb), 0.16), var(--app-card));
  border-color: rgba(var(--app-primary-rgb), 0.35);
}
html[data-theme="dark"] .home-feature-card:hover,
html[data-theme="dark"] .home-quick-card:hover {
  border-color: rgba(var(--app-primary-rgb), 0.4);
  background: var(--app-elevated);
}
html[data-theme="dark"] .home-feature-card:focus-visible {
  box-shadow: var(--app-focus-ring);
}

html[data-theme="dark"] .draft-item.is-active {
  background: rgba(var(--app-primary-rgb), 0.12);
}
html[data-theme="dark"] .draft-status--ok {
  background: var(--app-success-bg);
  color: var(--app-success-fg);
}
html[data-theme="dark"] .draft-status--bad {
  background: var(--app-danger-bg);
  color: var(--app-danger-fg);
}
html[data-theme="dark"] .draft-status--pub {
  background: var(--app-info-bg);
  color: var(--app-info-fg);
}
html[data-theme="dark"] .draft-advice-tags { color: var(--app-info-fg); }

html[data-theme="dark"] .cm-campaign-banner {
  background: linear-gradient(135deg, rgba(var(--app-primary-rgb), 0.16) 0%, rgba(var(--app-primary-rgb), 0.06) 100%);
  color: var(--app-text-secondary);
  border-color: rgba(var(--app-primary-rgb), 0.3);
}
html[data-theme="dark"] .cm-toast {
  background: var(--app-toast-bg);
  border: 1px solid var(--app-border);
  color: var(--app-text);
}

html[data-theme="dark"] .cz-task-dock-entry--primary {
  background: linear-gradient(180deg, var(--app-primary-soft), var(--app-elevated));
  border-color: rgba(var(--app-primary-rgb), 0.4);
}
html[data-theme="dark"] .cz-task-dock-entry:hover {
  background: var(--app-hover);
  border-color: rgba(var(--app-primary-rgb), 0.45);
}
html[data-theme="dark"] .cz-task-dock-panel {
  background: var(--app-elevated) !important;
  border-color: var(--app-border) !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.42) !important;
}
html[data-theme="dark"] .cz-task-dock-item,
html[data-theme="dark"] .cz-task-dock-item--history {
  background: var(--app-surface) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}
html[data-theme="dark"] .cz-task-dock-item:hover {
  background: var(--app-hover) !important;
  border-color: rgba(var(--app-primary-rgb), 0.4) !important;
}
html[data-theme="dark"] .cz-task-dock-status,
html[data-theme="dark"] .cz-task-dock-item-detail,
html[data-theme="dark"] .cz-task-dock-section-title,
html[data-theme="dark"] .cz-task-dock-foot,
html[data-theme="dark"] .cz-task-dock-empty {
  color: var(--app-text-secondary) !important;
}
html[data-theme="dark"] .cm-gen-overlay {
  background: rgba(12, 14, 22, 0.62) !important;
}
html[data-theme="dark"] .cm-gen-card {
  background: var(--app-elevated) !important;
  border-color: var(--app-border) !important;
}
html[data-theme="dark"] .cm-gen-steps li {
  background: var(--app-surface) !important;
  border-color: var(--app-border) !important;
  color: var(--app-muted) !important;
}
html[data-theme="dark"] .cm-gen-steps li.is-done {
  background: var(--app-success-bg) !important;
  border-color: rgba(0, 180, 42, 0.35) !important;
  color: var(--app-success-fg) !important;
}
html[data-theme="dark"] .cm-gen-steps li.is-active {
  background: var(--app-primary-soft) !important;
  border-color: rgba(var(--app-primary-rgb), 0.45) !important;
  color: var(--app-text) !important;
}

html[data-theme="dark"] .copy-guest-banner,
html[data-theme="dark"] .copy-demo-banner,
html[data-theme="dark"] .store-resume-banner,
html[data-theme="dark"] .product-temp-banner {
  background: var(--app-surface) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text);
}
html[data-theme="dark"] .copy-guest-banner strong,
html[data-theme="dark"] .copy-demo-banner strong,
html[data-theme="dark"] .product-temp-banner-body strong {
  color: var(--app-text) !important;
}

/* 出图工作室白底兜底 */
html[data-theme="dark"] .app-main:has(.pd-page.active),
html[data-theme="dark"] .pd-page,
html[data-theme="dark"] .pd-composer,
html[data-theme="dark"] .pd-aside,
html[data-theme="dark"] .pd-workspace {
  background: var(--app-bg) !important;
  color: var(--app-text);
}
html[data-theme="dark"] .pd-composer-card,
html[data-theme="dark"] .pd-composer-dock .pd-composer-card,
html[data-theme="dark"] .pd-composer-mini-bar,
html[data-theme="dark"] .vs-composer-dock .vs-composer-card {
  background: var(--app-elevated) !important;
  border: 1px solid var(--app-border) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.38) !important;
}
html[data-theme="dark"] .pd-form-card,
html[data-theme="dark"] .pd-plan-card,
html[data-theme="dark"] .pd-preview-pane {
  background: var(--app-card) !important;
  border-color: var(--app-border-subtle) !important;
  color: var(--app-text) !important;
}
html[data-theme="dark"] .pd-form-input,
html[data-theme="dark"] .pd-form-textarea,
html[data-theme="dark"] .pd-composer-dock .pd-prompt-field {
  background: var(--app-surface) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}
html[data-theme="dark"] .pd-hero-title,
html[data-theme="dark"] .pd-section-title {
  color: var(--app-text) !important;
}
html[data-theme="dark"] .pd-form-chip,
html[data-theme="dark"] .pd-form-chip span,
html[data-theme="dark"] .pd-notice,
html[data-theme="dark"] .pd-card,
html[data-theme="dark"] .pd-panel,
html[data-theme="dark"] .pd-tool-chip,
html[data-theme="dark"] .pd-ratio-chip:not(.active) {
  background: var(--app-surface) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text-secondary) !important;
}
html[data-theme="dark"] .pd-form-chip input:checked + span,
html[data-theme="dark"] .pd-ratio-chip.active,
html[data-theme="dark"] .pd-send-btn:not(:disabled):not(.pd-send-btn--empty),
html[data-theme="dark"] .pd-approve-btn,
html[data-theme="dark"] .pd-composer-expand {
  background: var(--app-ink) !important;
  border-color: transparent !important;
  color: var(--app-ink-fg) !important;
}

/* 亮色：出图浮层/表单与侧栏统一浅色，避免残留深色块 */
html[data-theme="light"] .pd-composer-card,
html[data-theme="light"] .pd-composer-dock .pd-composer-card,
html[data-theme="light"] .pd-composer-mini-bar,
html[data-theme="light"] .vs-composer-dock .vs-composer-card {
  background: var(--app-card) !important;
  border: 1px solid var(--app-border) !important;
  box-shadow: var(--app-shadow) !important;
  color: var(--app-text) !important;
}
html[data-theme="light"] .pd-form-card,
html[data-theme="light"] .pd-plan-card,
html[data-theme="light"] .pd-preview-pane {
  background: var(--app-card) !important;
  border-color: var(--app-border-subtle) !important;
  color: var(--app-text) !important;
}
html[data-theme="light"] .app-main:has(.pd-page.active),
html[data-theme="light"] .pd-page,
html[data-theme="light"] .pd-workspace,
html[data-theme="light"] .pd-aside,
html[data-theme="light"] .app-main:has(.vs-page.active),
html[data-theme="light"] .vs-page,
html[data-theme="light"] .vs-page-scroll {
  background: var(--app-bg) !important;
  color: var(--app-text);
}
html[data-theme="light"] .pd-composer-dock .pd-prompt-field,
html[data-theme="light"] .vs-composer-dock .vs-prompt-field {
  background: var(--app-surface) !important;
  border-color: var(--app-border-subtle) !important;
  color: var(--app-text) !important;
}
html[data-theme="light"] .pd-tool-chip,
html[data-theme="light"] .pd-ratio-chip:not(.active),
html[data-theme="light"] .vs-composer-dock .vs-composer-chip:not(.is-active):not(.is-ready) {
  background: var(--app-surface) !important;
  color: var(--app-text-secondary) !important;
}
html[data-theme="light"] .vs-disclaimer {
  text-shadow: none;
}
html[data-theme="dark"] .vs-disclaimer {
  text-shadow: none;
}
html[data-theme="dark"] .pd-select-wrap,
html[data-theme="dark"] .copy-select-wrap,
html[data-theme="dark"] .vs-gallery-play,
html[data-theme="dark"] .cz-lightbox-close,
html[data-theme="dark"] .cz-lightbox-nav {
  background: var(--app-glass) !important;
  color: var(--app-text);
}
html[data-theme="dark"] .vs-gallery-status {
  background: rgba(30, 31, 46, 0.55) !important;
}
html[data-theme="dark"] .cm-card-hover-cta,
html[data-theme="dark"] .mp-lightbox-close,
html[data-theme="dark"] .mp-lightbox-nav {
  background: var(--app-glass) !important;
  color: var(--app-text);
}

/* 采集任务 / 文案空态 */
html[data-theme="dark"] .ct-ready-panel.card,
html[data-theme="dark"] .ct-create-panel.card,
html[data-theme="dark"] .ct-table-wrap.card,
html[data-theme="dark"] .copy-empty-state,
html[data-theme="dark"] .cm-case-card,
html[data-theme="dark"] .cm-ind-tab,
html[data-theme="dark"] .cm-sub-tag {
  background: var(--app-card) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text);
}
html[data-theme="dark"] .ct-panel-title {
  color: var(--app-text) !important;
}
html[data-theme="dark"] .ct-mode-tabs,
html[data-theme="dark"] .ct-mode-tab:not(.is-active) {
  background: var(--app-chip-bg) !important;
  color: var(--app-text-secondary);
  border-color: var(--app-border);
}
html[data-theme="dark"] .ct-mode-tab.is-active {
  background: var(--app-elevated) !important;
  color: var(--app-text);
}
html[data-theme="dark"] .copy-history-tabs,
html[data-theme="dark"] .copy-htab:not(.active),
html[data-theme="dark"] .copy-task-chip {
  background: var(--app-chip-bg) !important;
  color: var(--app-text-secondary);
  border-color: var(--app-border);
}
html[data-theme="dark"] .nav-item--busy {
  background: var(--app-elevated) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}
html[data-theme="dark"] .home-pipeline-btn:hover {
  background: var(--app-primary-soft);
  border-color: rgba(var(--app-primary-rgb), 0.4);
}
html[data-theme="dark"] .copy-product-select {
  background-color: var(--app-input-bg) !important;
  color: var(--app-text);
  border-color: var(--app-border);
}
html[data-theme="dark"] .cz-task-dock-mini,
html[data-theme="dark"] .cz-task-dock-mini--go {
  background: var(--app-elevated) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}

/* —— 做同款弹窗 / 素材计划 / 关键词查询 / 成品编辑：暗色白底兜底 —— */
html[data-theme="dark"] .web-rewrite-panel.cz-modal-panel,
html[data-theme="dark"] .web-rewrite-head,
html[data-theme="dark"] .web-rewrite-form .cz-modal-foot,
html[data-theme="dark"] .web-rewrite-asset-tab,
html[data-theme="dark"] .web-rewrite-asset-card,
html[data-theme="dark"] .web-rewrite-preview,
html[data-theme="dark"] .web-rewrite-analysis,
html[data-theme="dark"] .web-rewrite-scene-store {
  background: var(--app-card) !important;
  color: var(--app-text);
  border-color: var(--app-border) !important;
}
html[data-theme="dark"] .web-rewrite-asset-tab.is-active {
  background: var(--app-elevated) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}
html[data-theme="dark"] .web-rewrite-asset-card.is-selected,
html[data-theme="dark"] .web-rewrite-asset-card.is-need-photo {
  background: var(--app-elevated) !important;
}
html[data-theme="dark"] .web-rewrite-tip,
html[data-theme="dark"] .web-rewrite-path-hint {
  background: var(--app-chip-bg) !important;
  color: var(--app-text-secondary) !important;
  border-color: var(--app-border) !important;
}
html[data-theme="dark"] .web-rewrite-path-hint.is-product {
  background: var(--app-chip-bg) !important;
  color: var(--app-text-secondary) !important;
  border-color: var(--app-border) !important;
}
html[data-theme="dark"] .web-rewrite-path-hint.is-composite {
  background: var(--app-tip-bg) !important;
  color: var(--app-tip-fg) !important;
  border-color: var(--app-tip-border) !important;
}
html[data-theme="dark"] .web-rewrite-path-hint.is-store {
  background: var(--app-success-bg) !important;
  color: var(--app-success-fg) !important;
}
html[data-theme="dark"] .web-rewrite-steps {
  border-color: var(--app-border) !important;
}
html[data-theme="dark"] #webRewriteSubmit:disabled {
  background: var(--app-elevated) !important;
  color: var(--app-muted) !important;
}

html[data-theme="dark"] .mp-path-bar,
html[data-theme="dark"] .mp-table-wrap,
html[data-theme="dark"] .mp-set,
html[data-theme="dark"] .mp-time-select {
  background: var(--app-card) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}
html[data-theme="dark"] .mp-table th {
  background: var(--app-surface) !important;
  color: var(--app-muted) !important;
}
html[data-theme="dark"] .mp-table td {
  color: var(--app-text) !important;
  border-color: var(--app-border-subtle) !important;
}
html[data-theme="dark"] .mp-table tr:hover td {
  background: var(--app-hover) !important;
}
html[data-theme="dark"] .mp-step { color: var(--app-text-secondary) !important; }
html[data-theme="dark"] .mp-step.is-active { color: var(--app-text) !important; }
html[data-theme="dark"] .mp-actions .btn-ghost,
html[data-theme="dark"] .mp-detail-filter,
html[data-theme="dark"] .mp-set-full,
html[data-theme="dark"] .mp-empty--detail {
  background: var(--app-surface) !important;
  color: var(--app-text-secondary) !important;
  border-color: var(--app-border) !important;
}

html[data-theme="dark"] .ih-tab:not(.active) {
  background: var(--app-elevated) !important;
  color: var(--app-text-secondary) !important;
  border-color: var(--app-border) !important;
}
html[data-theme="dark"] .ih-tab.active {
  background: var(--app-primary) !important;
  color: #fff !important;
  border-color: var(--app-primary) !important;
}
html[data-theme="dark"] .ih-card,
html[data-theme="dark"] .ih-history,
html[data-theme="dark"] .ih-day-card {
  background: var(--app-card) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}
html[data-theme="dark"] .ih-card h3,
html[data-theme="dark"] .ih-report-body,
html[data-theme="dark"] .ih-report-body h3,
html[data-theme="dark"] .ih-list-item {
  color: var(--app-text) !important;
}
html[data-theme="dark"] .ih-upload-zone {
  background: var(--app-surface) !important;
  border-color: var(--app-border) !important;
}
html[data-theme="dark"] .ih-cta {
  background: var(--app-primary-soft) !important;
  border-color: rgba(70, 94, 251, 0.35) !important;
  color: var(--app-text-secondary) !important;
}

html[data-theme="dark"] .draft-studio-media,
html[data-theme="dark"] .draft-studio-copy,
html[data-theme="dark"] .draft-studio-hero,
html[data-theme="dark"] .draft-studio-hero-empty {
  background: var(--app-card) !important;
  color: var(--app-text);
  border-color: var(--app-border) !important;
}
html[data-theme="dark"] .draft-studio-hero,
html[data-theme="dark"] .draft-studio-hero-empty {
  background: var(--app-elevated) !important;
  color: var(--app-muted) !important;
}
html[data-theme="dark"] .draft-studio-tab.is-active {
  background: var(--app-elevated) !important;
  color: var(--app-text) !important;
}
html[data-theme="dark"] .draft-tag-chip,
html[data-theme="dark"] .draft-tag-chip--static:hover {
  background: var(--app-chip-bg) !important;
  color: var(--app-text-secondary) !important;
}
html[data-theme="dark"] .draft-regen-upload-zone:hover,
html[data-theme="dark"] .draft-regen-upload-zone.is-dragover {
  background: var(--app-primary-soft) !important;
  border-color: rgba(70, 94, 251, 0.45) !important;
}

/* —— 全局剩余浅色面兜底：产品/门店/文案/首页/仪表盘/工作室/向导 —— */
html[data-theme="dark"] .product-card--default,
html[data-theme="dark"] .product-card--warn,
html[data-theme="dark"] .copy-result-card,
html[data-theme="dark"] .copy-result-card--demo,
html[data-theme="dark"] .copy-empty-state,
html[data-theme="dark"] .plan-card,
html[data-theme="dark"] .plan-card--current,
html[data-theme="dark"] .home-quota-guest,
html[data-theme="dark"] .home-pipeline-btn,
html[data-theme="dark"] .path-a-wizard-panel,
html[data-theme="dark"] .badge,
html[data-theme="dark"] .product-quota-pill,
html[data-theme="dark"] .pp-upload-zone,
html[data-theme="dark"] .pp-default-row:has(input:checked),
html[data-theme="dark"] .pp-selling-item.pp-drag-over,
html[data-theme="dark"] .draft-regen-hint,
html[data-theme="dark"] .dash-search-item.is-selected,
html[data-theme="dark"] .dash-init-card,
html[data-theme="dark"] .dash-obj-card,
html[data-theme="dark"] .dash-tpl-cover-ph {
  background: var(--app-card) !important;
  color: var(--app-text);
  border-color: var(--app-border) !important;
}
html[data-theme="dark"] .plan-card--current,
html[data-theme="dark"] .product-card--default,
html[data-theme="dark"] .dash-search-item.is-selected,
html[data-theme="dark"] .pp-default-row:has(input:checked) {
  background: var(--app-card) !important;
  border-color: rgba(70, 94, 251, 0.5) !important;
}
html[data-theme="dark"] .product-card--warn {
  background: var(--app-danger-bg) !important;
  border-color: rgba(245, 63, 63, 0.4) !important;
}
html[data-theme="dark"] .pp-upload-zone:hover,
html[data-theme="dark"] .pp-upload-zone--drag,
html[data-theme="dark"] .home-pipeline-btn:hover,
html[data-theme="dark"] .home-feature-card:hover,
html[data-theme="dark"] .home-quick-card:hover,
html[data-theme="dark"] .dash-search-item:hover,
html[data-theme="dark"] .dash-cell-click:hover {
  background: var(--app-hover) !important;
  border-color: rgba(70, 94, 251, 0.35) !important;
}
html[data-theme="dark"] .pp-selling-del:hover,
html[data-theme="dark"] .copy-btn-danger:hover:not(:disabled),
html[data-theme="dark"] .copy-error-msg,
html[data-theme="dark"] .copy-status-badge--err,
html[data-theme="dark"] .dash-cell-bool.no,
html[data-theme="dark"] .pd-error,
html[data-theme="dark"] .pd-composer-mini-stop {
  background: var(--app-danger-bg) !important;
  color: var(--app-danger-fg) !important;
  border-color: rgba(245, 63, 63, 0.4) !important;
}
html[data-theme="dark"] .copy-status-badge--run,
html[data-theme="dark"] .copy-btn-revert:hover:not(:disabled),
html[data-theme="dark"] .cz-task-dock-mini--go {
  background: var(--app-tip-bg) !important;
  color: var(--app-tip-fg) !important;
  border-color: var(--app-tip-border) !important;
}
html[data-theme="dark"] .nav-group-progress {
  background: var(--app-tip-bg) !important;
  border-color: var(--app-tip-border) !important;
  box-shadow: inset 3px 0 0 rgba(255, 255, 255, 0.22) !important;
}
html[data-theme="dark"] .nav-prog-action,
html[data-theme="dark"] .nav-prog-action--go {
  background: var(--app-elevated) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}
html[data-theme="dark"] .nav-prog-row {
  background: var(--app-chip-bg) !important;
  color: var(--app-text-secondary) !important;
}
html[data-theme="dark"] .nav-prog-row:hover {
  background: var(--app-elevated) !important;
}
html[data-theme="dark"] .nav-prog-pipeline,
html[data-theme="dark"] .nav-item--busy,
html[data-theme="dark"] .nav-live {
  color: var(--app-text-secondary) !important;
}
html[data-theme="dark"] .vs-page,
html[data-theme="dark"] .pd-workspace,
html[data-theme="dark"] .pd-composer,
html[data-theme="dark"] .pd-aside {
  background: var(--app-bg) !important;
}
html[data-theme="dark"] .pd-job-card--failed,
html[data-theme="dark"] .vs-gallery-card--failed {
  background: var(--app-card) !important;
  border-color: rgba(245, 63, 63, 0.4) !important;
}
html[data-theme="dark"] .ct-mode-tab:hover {
  background: var(--app-hover) !important;
}
html[data-theme="dark"] .ct-mode-badge {
  background: var(--app-chip-bg) !important;
  color: var(--app-text-secondary) !important;
}
html[data-theme="dark"] .ct-mode-badge--link {
  background: var(--app-info-bg) !important;
  color: var(--app-info-fg) !important;
}
html[data-theme="dark"] .ct-mode-badge--watch {
  background: var(--app-tip-bg) !important;
  color: var(--app-tip-fg) !important;
}
html[data-theme="dark"] .path-a-wizard-eyebrow {
  color: var(--app-text-secondary) !important;
}
html[data-theme="dark"] .copy-product-select,
html[data-theme="dark"] .pp-selling-input:focus {
  background: var(--app-input-bg) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}
html[data-theme="dark"] .product-tag--price,
html[data-theme="dark"] .draft-tag-chip,
html[data-theme="dark"] .mp-status {
  background: var(--app-chip-bg) !important;
  color: var(--app-text-secondary) !important;
  border-color: var(--app-border) !important;
}
html[data-theme="dark"] .ih-cta {
  background: var(--app-surface) !important;
  color: var(--app-text-secondary) !important;
  border-color: var(--app-border) !important;
}
html[data-theme="dark"] .product-card-btn,
html[data-theme="dark"] .product-card-btn--accent,
html[data-theme="dark"] .product-use-btn {
  background: var(--app-elevated) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}
html[data-theme="dark"] .product-card-btn--active {
  background: var(--app-primary) !important;
  color: #fff !important;
  border-color: transparent !important;
}
html[data-theme="dark"] .product-card-btn--danger:hover:not(:disabled) {
  background: var(--app-danger-bg) !important;
  color: var(--app-danger-fg) !important;
  border-color: rgba(245, 63, 63, 0.4) !important;
}
html[data-theme="dark"] .product-card-actions .btn-sm,
html[data-theme="dark"] .mp-actions .btn-ghost,
html[data-theme="dark"] .cz-modal-foot .btn-secondary,
html[data-theme="dark"] .cz-modal-foot .btn-ghost,
html[data-theme="dark"] .web-rewrite-plan-row .btn-secondary,
html[data-theme="dark"] .web-rewrite-plan-row .btn-ghost {
  background: var(--app-elevated) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}
html[data-theme="dark"] .asset-tabs {
  background: var(--app-surface) !important;
  border-color: var(--app-border) !important;
}
html[data-theme="dark"] .asset-tab.is-active {
  background: var(--app-elevated) !important;
  color: var(--app-text) !important;
}
html[data-theme="dark"] .nav-item.active,
html[data-theme="dark"] .nav-item.is-section-active,
html[data-theme="dark"] .nav-group-body .nav-item.active,
html[data-theme="dark"] .nav-item--hero.active,
html[data-theme="dark"] .nav-group.has-active-leaf > .nav-group-head {
  color: var(--app-text) !important;
}

/* 内容复盘 / 积分账单：兜底，防止残留浅色字色 */
html[data-theme="dark"] .dash-type-btn,
html[data-theme="dark"] .dash-source-btn,
html[data-theme="dark"] .dash-tab,
html[data-theme="dark"] .dash-tool-btn,
html[data-theme="dark"] .dash-switch-label,
html[data-theme="dark"] .dash-search-name,
html[data-theme="dark"] .dash-tpl-name,
html[data-theme="dark"] .dash-hero-title,
html[data-theme="dark"] .dash-init h2,
html[data-theme="dark"] .dash-auth-head,
html[data-theme="dark"] .dash-drawer-back {
  color: var(--app-text);
}
html[data-theme="dark"] .dash-type-btn:not(.active),
html[data-theme="dark"] .dash-source-btn:not(.active),
html[data-theme="dark"] .dash-tab:not(.active),
html[data-theme="dark"] .dash-hero-sub,
html[data-theme="dark"] .dash-tpl-desc,
html[data-theme="dark"] .dash-selected-hint,
html[data-theme="dark"] .dash-demo-caption,
html[data-theme="dark"] .dash-preset-chip {
  color: var(--app-text-secondary);
}
html[data-theme="dark"] .dash-type-btn.active,
html[data-theme="dark"] .dash-source-btn.active,
html[data-theme="dark"] .dash-meta-warn,
html[data-theme="dark"] .dash-stale-link,
html[data-theme="dark"] .dash-cell-more {
  color: var(--app-primary);
}
html[data-theme="dark"] .dash-search-input,
html[data-theme="dark"] .dash-question-input,
html[data-theme="dark"] .dash-chat-compose textarea {
  background: var(--app-input-bg);
  color: var(--app-text);
  border-color: var(--app-border);
}
html[data-theme="dark"] .dash-search-empty,
html[data-theme="dark"] .dash-meta,
html[data-theme="dark"] .dash-tab-badge,
html[data-theme="dark"] .dash-loading,
html[data-theme="dark"] .dash-kw-more {
  color: var(--app-muted);
}
html[data-theme="dark"] .profile-points__bill {
  color: var(--app-text-secondary);
}
html[data-theme="dark"] .profile-points__bill strong {
  color: var(--app-text);
}