/* 桌面主题只改变呈现，不改变任务、工时和保存语义。 */
:root[data-theme] {
  color-scheme: light;
  overflow-x: auto;
}

.theme-picker {
  display: grid;
  min-width: 156px;
  gap: 3px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.theme-picker > span {
  padding-left: 2px;
  letter-spacing: 0.06em;
}

.theme-picker select {
  width: 100%;
  min-height: 34px;
  padding: 6px 30px 6px 10px;
  color: var(--ink);
  appearance: auto;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  outline: 0;
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
}

.theme-picker select:focus-visible {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);
}

.theme-sidebar,
.theme-seven-progress {
  display: none;
}

html[data-theme] .workbench-page {
  --paper: var(--theme-paper);
  --paper-deep: var(--theme-paper-deep);
  --paper-soft: var(--theme-surface-strong);
  --surface: var(--theme-surface);
  --surface-strong: var(--theme-surface-strong);
  --ink: var(--theme-ink);
  --ink-soft: var(--theme-ink-soft);
  --muted: var(--theme-muted);
  --line: var(--theme-line);
  --line-strong: var(--theme-line-strong);
  --accent: var(--theme-accent);
  --accent-dark: var(--theme-accent-dark);
  --accent-soft: var(--theme-accent-soft);
  --green: var(--theme-success);
  --green-soft: var(--theme-success-soft);
  --shadow: var(--theme-shadow);
  --shadow-small: var(--theme-shadow-small);
  --radius: var(--theme-radius);
  --radius-small: var(--theme-radius-small);
  --theme-text: var(--theme-ink);
  --theme-accent-strong: var(--theme-accent-dark);
  --theme-category-ink: color-mix(in srgb, var(--theme-accent-dark) 75%, var(--theme-row-ink));
  --theme-kai-font: "STKaiti", "KaiTi", "Kaiti SC", "FZKai-Z03", serif;
  min-width: 1180px;
  color: var(--theme-ink);
  background: var(--theme-page-background);
  font-family: var(--theme-font);
  transition: color 180ms ease, background-color 180ms ease;
}

html[data-theme] .workbench-page :is(
  .panel,
  .workspace-tabs,
  .workspace-grid-progress,
  .workspace-tab,
  .button,
  input,
  select,
  .task-row,
  .task-category-row
) {
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

html[data-theme] .workbench-page .page-texture {
  opacity: var(--theme-texture-opacity);
  background-image: var(--theme-texture);
  background-size: var(--theme-texture-size);
  mask-image: linear-gradient(to bottom, #000, transparent 66%);
}

html[data-theme] .workbench-page .app-shell {
  width: min(1540px, calc(100% - 32px));
  padding: 12px 0 20px;
}

html[data-theme] .workbench-page .app-header {
  min-height: 50px;
  margin-bottom: 6px;
  gap: 18px;
}

html[data-theme] .workbench-page .brand-stamp {
  width: 44px;
  height: 44px;
  color: var(--theme-logo-ink);
  background: var(--theme-logo-background);
  border: var(--theme-logo-border);
  border-radius: var(--theme-logo-radius);
  box-shadow: var(--theme-logo-shadow);
  font-size: 23px;
  transform: none;
}

html[data-theme] .workbench-page .app-header h1 {
  color: var(--theme-heading);
  font-family: var(--theme-display-font);
  font-size: var(--theme-title-size);
  font-weight: var(--theme-title-weight);
  letter-spacing: var(--theme-title-spacing);
}

html[data-theme] .workbench-page .brand-note {
  color: var(--theme-muted);
  font-size: 10px;
}

html[data-theme] .workbench-page .header-actions {
  align-items: end;
  gap: 7px;
}

html[data-theme] .workbench-page .header-actions .button,
html[data-theme] .workbench-page .account-badge {
  min-height: 34px;
  padding: 7px 12px;
  color: var(--theme-control-ink);
  background: var(--theme-control-background);
  border-color: var(--theme-control-border);
  border-radius: var(--theme-control-radius);
  box-shadow: var(--theme-control-shadow);
  font-size: 11px;
}

html[data-theme] .workbench-page .account-badge {
  color: var(--theme-accent-dark);
  background: var(--theme-accent-soft);
  border-color: color-mix(in srgb, var(--theme-accent) 28%, var(--theme-line));
}

html[data-theme] .workbench-page .header-actions .button:hover:not(:disabled) {
  color: var(--theme-accent-dark);
  background: var(--theme-surface);
  border-color: var(--theme-accent);
  box-shadow: var(--theme-shadow-small);
}

/* 07 保留已确认的深色主操作；其余主题的通用操作按钮跟随自身形状和强调色。 */
html[data-theme]:not([data-theme="theme-7"]) .workbench-page .button {
  border-radius: var(--theme-control-radius);
}

html[data-theme]:not([data-theme="theme-7"]) .workbench-page .button-dark {
  color: var(--theme-import-hover-ink);
  background: var(--theme-import-hover-background);
  border-color: var(--theme-import-border);
  box-shadow: var(--theme-control-shadow);
}

html[data-theme]:not([data-theme="theme-7"]) .workbench-page .button-dark:hover:not(:disabled) {
  color: var(--theme-import-hover-ink);
  background: var(--theme-accent-dark);
  border-color: var(--theme-accent-dark);
  box-shadow: var(--theme-shadow-small);
}

html[data-theme] .workbench-page .panel {
  background: var(--theme-panel-background);
  border-color: var(--theme-line);
  border-radius: var(--theme-radius);
  box-shadow: var(--theme-shadow-small);
  backdrop-filter: var(--theme-backdrop);
}

html[data-theme] .workbench-page .monthly-summary-card {
  color: var(--theme-ink);
  background: color-mix(in srgb, var(--theme-accent-soft) 58%, var(--theme-surface));
  border-color: var(--theme-line);
}

html[data-theme] .monthly-page {
  --paper: var(--theme-paper);
  --paper-deep: var(--theme-paper-deep);
  --surface: var(--theme-surface);
  --surface-strong: var(--theme-surface-strong);
  --ink: var(--theme-ink);
  --ink-soft: var(--theme-ink-soft);
  --muted: var(--theme-muted);
  --line: var(--theme-line);
  --line-strong: var(--theme-line-strong);
  --accent: var(--theme-accent);
  --accent-dark: var(--theme-accent-dark);
  --accent-soft: var(--theme-accent-soft);
  --green: var(--theme-success);
  --green-soft: var(--theme-success-soft);
  --shadow-small: var(--theme-shadow-small);
  --radius: var(--theme-radius);
  --radius-small: var(--theme-radius-small);
  color: var(--theme-ink);
  background: var(--theme-page-background);
  font-family: var(--theme-font);
}

html[data-theme] .monthly-page .panel {
  background: var(--theme-panel-background);
  border-color: var(--theme-line);
  border-radius: var(--theme-radius);
  box-shadow: var(--theme-shadow-small);
  backdrop-filter: var(--theme-backdrop);
}

html[data-theme] .monthly-page .brand-stamp {
  color: var(--theme-logo-ink);
  background: var(--theme-logo-background);
  border: var(--theme-logo-border);
  border-radius: var(--theme-logo-radius);
  box-shadow: var(--theme-logo-shadow);
}

html[data-theme] .monthly-page .app-header h1,
html[data-theme] .monthly-page :is(.monthly-toolbar, .monthly-trend, .monthly-calendar-panel, .monthly-detail) h2 {
  color: var(--theme-heading);
  font-family: var(--theme-display-font);
}

html[data-theme] .monthly-page .brand-note,
html[data-theme] .monthly-page .calendar-help {
  color: var(--theme-muted);
}

html[data-theme] .monthly-page :is(input, select, .calendar-day, .monthly-detail-stats > div) {
  color: var(--theme-ink);
  background: var(--theme-input-background);
  border-color: var(--theme-input-border);
  border-radius: var(--theme-input-radius);
}

html[data-theme] .monthly-page .calendar-day.is-rest_day {
  background: var(--theme-soft-surface);
}

html[data-theme] .monthly-page .calendar-day.is-leave_day {
  background: var(--warning-soft);
}

html[data-theme] .workbench-page :is(
  .storage-warning,
  .conflict-warning,
  .debug-sandbox-banner
) {
  color: var(--warning);
  background: var(--warning-soft);
  border-color: color-mix(in srgb, var(--warning) 58%, var(--theme-line));
  box-shadow: var(--theme-shadow-small);
}

html[data-theme] .workbench-page .debug-sandbox-banner .button {
  color: var(--theme-control-ink);
  background: var(--theme-control-background);
  border-color: var(--theme-control-border);
}

html[data-theme] .workbench-page .company-import-status {
  color: var(--theme-ink-soft);
  background: var(--theme-surface-strong);
  border-color: var(--theme-line);
}

html[data-theme] .workbench-page .company-import-status.is-loading {
  color: var(--warning);
  background: var(--warning-soft);
  border-color: color-mix(in srgb, var(--warning) 48%, var(--theme-line));
}

html[data-theme] .workbench-page .company-import-status.is-ready {
  color: var(--theme-success);
  background: var(--theme-success-soft);
  border-color: color-mix(in srgb, var(--theme-success) 48%, var(--theme-line));
}

html[data-theme] .workbench-page .company-import-status.is-error {
  color: var(--danger);
  background: color-mix(in srgb, var(--danger) 12%, var(--theme-surface));
  border-color: color-mix(in srgb, var(--danger) 48%, var(--theme-line));
}

html[data-theme] .workbench-page .summary-board {
  grid-template-columns: 134px minmax(0, 1fr) auto;
  overflow: visible;
}

html[data-theme] .workbench-page .summary-toolbar > div:first-child {
  padding: 15px 18px 14px 20px;
  background: var(--theme-summary-kicker-background);
  border-right-color: var(--theme-line);
  border-radius: calc(var(--theme-radius) - 1px) 0 0 calc(var(--theme-radius) - 1px);
  box-shadow: inset var(--theme-kicker-width) 0 0 var(--theme-accent);
}

html[data-theme] .workbench-page .section-kicker {
  color: var(--theme-accent-dark);
  font-size: 10px;
  font-weight: 760;
  letter-spacing: 0.08em;
}

html[data-theme] .workbench-page .metric-grid-four {
  grid-template-columns: repeat(3, minmax(150px, 1fr));
}

html[data-theme] .workbench-page .metric-card,
html[data-theme] .workbench-page .metric-primary,
html[data-theme] .workbench-page .metric-warning,
html[data-theme] .workbench-page .metric-success {
  min-height: 96px;
  padding: 15px 19px 12px;
  color: var(--theme-ink);
  background: var(--theme-metric-background);
  border-right-color: var(--theme-line);
}

html[data-theme] .workbench-page .metric-primary {
  color: var(--theme-primary-metric-ink);
  background: var(--theme-primary-metric-background);
}

html[data-theme] .workbench-page .metric-warning {
  background: var(--warning-soft);
}

html[data-theme] .workbench-page .metric-success {
  background: var(--theme-success-soft);
}

html[data-theme] .workbench-page .metric-label {
  color: currentColor;
  font-size: 11px;
  font-weight: 680;
  opacity: 0.82;
}

html[data-theme] .workbench-page .metric-card > strong {
  color: currentColor;
  font-family: var(--theme-number-font);
  font-size: var(--theme-metric-size);
  font-weight: 740;
}

html[data-theme] .workbench-page .metric-card > strong small,
html[data-theme] .workbench-page .metric-foot {
  color: currentColor;
  opacity: 0.66;
}

html[data-theme] .workbench-page .date-controls {
  background: var(--theme-date-background);
  border-radius: 0 calc(var(--theme-radius) - 1px) calc(var(--theme-radius) - 1px) 0;
}

html[data-theme] .workbench-page .today-date {
  color: var(--theme-ink);
}

html[data-theme] .workbench-page .date-controls .input-with-unit,
html[data-theme] .workbench-page .task-search-control input,
html[data-theme] .workbench-page .quantity-control,
html[data-theme] .workbench-page .planning-limit-control,
html[data-theme] .workbench-page .recommendation-preference-control {
  color: var(--theme-ink);
  background: var(--theme-input-background);
  border-color: var(--theme-input-border);
  border-radius: var(--theme-input-radius);
  box-shadow: var(--theme-input-shadow);
}

html[data-theme] .workbench-page .date-controls .save-state {
  border-radius: var(--theme-status-radius);
}

html[data-theme] .workbench-page .forecast-disclosure,
html[data-theme] .workbench-page .forecast-panel {
  border-color: var(--theme-line);
}

html[data-theme] .workbench-page .forecast-panel {
  background: var(--theme-surface-strong);
}

/* 07 已有独立构图；其余主题的预测组件统一跟随各自令牌，避免回落到旧版米色与深色卡片。 */
html[data-theme]:not([data-theme="theme-7"]) .workbench-page .forecast-sample-idle,
html[data-theme]:not([data-theme="theme-7"]) .workbench-page .forecast-sample-history {
  color: var(--theme-muted);
  background: var(--theme-soft-surface);
  border-color: var(--theme-line);
}

html[data-theme]:not([data-theme="theme-7"]) .workbench-page .forecast-settings {
  background:
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--theme-accent-soft) 58%, transparent),
      transparent 62%
    ),
    var(--theme-secondary-surface);
  border-color: var(--theme-line);
  border-radius: var(--theme-radius-small);
  box-shadow: var(--theme-input-shadow);
}

html[data-theme]:not([data-theme="theme-7"]) .workbench-page .forecast-field > input,
html[data-theme]:not([data-theme="theme-7"]) .workbench-page .forecast-field .input-with-unit {
  color: var(--theme-ink);
  background: var(--theme-input-background);
  border-color: var(--theme-input-border);
  border-radius: var(--theme-input-radius);
  box-shadow: var(--theme-input-shadow);
}

html[data-theme]:not([data-theme="theme-7"]) .workbench-page .forecast-field > input:focus,
html[data-theme]:not([data-theme="theme-7"]) .workbench-page .forecast-field .input-with-unit:focus-within {
  border-color: var(--theme-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-accent) 15%, transparent);
}

html[data-theme]:not([data-theme="theme-7"]) .workbench-page .forecast-result {
  color: var(--theme-ink);
  background:
    radial-gradient(
      circle at 92% 0%,
      color-mix(in srgb, var(--theme-accent) 16%, transparent),
      transparent 38%
    ),
    linear-gradient(145deg, var(--theme-secondary-surface), var(--theme-soft-surface));
  border-color: var(--theme-line-strong);
  border-radius: var(--theme-radius-small);
  box-shadow: var(--theme-shadow-small);
}

html[data-theme]:not([data-theme="theme-7"]) .workbench-page .forecast-hero > div > span,
html[data-theme]:not([data-theme="theme-7"]) .workbench-page .forecast-hero p,
html[data-theme]:not([data-theme="theme-7"]) .workbench-page .forecast-normal-row,
html[data-theme]:not([data-theme="theme-7"]) .workbench-page .forecast-stat-grid span {
  color: var(--theme-muted);
}

html[data-theme]:not([data-theme="theme-7"]) .workbench-page .forecast-hero strong {
  color: var(--theme-accent-dark);
}

html[data-theme]:not([data-theme="theme-7"]) .workbench-page .forecast-normal-row b,
html[data-theme]:not([data-theme="theme-7"]) .workbench-page .forecast-stat-grid strong {
  color: var(--theme-heading);
}

html[data-theme]:not([data-theme="theme-7"]) .workbench-page .forecast-status-badge {
  color: var(--theme-accent-dark);
  background: var(--theme-accent-soft);
  border-color: color-mix(in srgb, var(--theme-accent) 34%, var(--theme-line));
  border-radius: var(--theme-status-radius);
}

html[data-theme]:not([data-theme="theme-7"]) .workbench-page .forecast-status-badge.is-success {
  color: var(--theme-success);
  background: var(--theme-success-soft);
  border-color: color-mix(in srgb, var(--theme-success) 34%, var(--theme-line));
}

html[data-theme]:not([data-theme="theme-7"]) .workbench-page .forecast-status-badge.is-warning {
  color: var(--warning);
  background: color-mix(in srgb, var(--warning-soft) 78%, var(--theme-surface));
  border-color: color-mix(in srgb, var(--warning) 32%, var(--theme-line));
}

html[data-theme]:not([data-theme="theme-7"]) .workbench-page .forecast-status-badge.is-danger {
  color: var(--danger);
  background: color-mix(in srgb, var(--danger) 10%, var(--theme-surface));
  border-color: color-mix(in srgb, var(--danger) 30%, var(--theme-line));
}

html[data-theme]:not([data-theme="theme-7"]) .workbench-page .forecast-normal-row {
  border-color: var(--theme-line);
}

html[data-theme]:not([data-theme="theme-7"]) .workbench-page .forecast-stat-grid > div {
  background: var(--theme-panel-background);
  border-color: var(--theme-line);
  border-radius: var(--theme-radius-small);
}

html[data-theme]:not([data-theme="theme-7"]) .workbench-page .forecast-full-day {
  color: var(--theme-accent-dark);
  background: var(--theme-accent-soft);
  border-color: var(--theme-line-strong);
  border-left-color: var(--theme-accent);
  border-radius: var(--theme-radius-small);
}

html[data-theme] .workbench-page .workspace-panel {
  margin-top: 12px;
}

html[data-theme] .workbench-page .workspace-tabs {
  background: var(--theme-tab-background);
  border-color: var(--theme-line);
}

html[data-theme] .workbench-page .workspace-tab {
  min-height: 52px;
  color: var(--theme-muted);
  background: transparent;
  border-color: var(--theme-line);
  transition: color 170ms ease, background-color 170ms ease, border-color 170ms ease;
}

html[data-theme] .workbench-page .workspace-tab strong {
  font-size: 14px;
  font-weight: 740;
}

html[data-theme] .workbench-page .workspace-tab span {
  color: currentColor;
  opacity: 0.66;
}

html[data-theme] .workbench-page .workspace-tab:hover {
  color: var(--theme-accent-dark);
  background: var(--theme-tab-hover);
}

html[data-theme] .workbench-page .workspace-tab.is-active {
  color: var(--theme-active-tab-ink);
  background: var(--theme-active-tab-background);
}

html[data-theme] .workbench-page .workspace-tab.is-active::after {
  background: var(--theme-accent);
}

html[data-theme] .workbench-page .task-panel,
html[data-theme] .workbench-page .recommendation-panel {
  padding: 12px 20px 0;
}

html[data-theme] .workbench-page .task-heading-note {
  color: var(--theme-muted);
}

html[data-theme] .workbench-page .completion-heading-actions .button-dark {
  color: var(--theme-import-ink);
  background: var(--theme-import-background);
  border-color: var(--theme-import-border);
  border-radius: var(--theme-control-radius);
}

html[data-theme] .workbench-page .completion-heading-actions .button-dark:hover:not(:disabled) {
  color: var(--theme-import-hover-ink);
  background: var(--theme-import-hover-background);
  border-color: var(--theme-accent);
}

html[data-theme] .workbench-page .task-search-control input:focus,
html[data-theme] .workbench-page .quantity-control:focus-within,
html[data-theme] .workbench-page .planning-limit-control:focus-within,
html[data-theme] .workbench-page .recommendation-preference-control:focus-within {
  border-color: var(--theme-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-accent) 15%, transparent);
}

html[data-theme] .workbench-page input:focus-visible,
html[data-theme] .workbench-page button:focus-visible,
html[data-theme] .workbench-page .file-button:focus-within {
  outline-color: color-mix(in srgb, var(--theme-accent) 25%, transparent);
}

html[data-theme] .workbench-page .table-wrap {
  border-color: var(--theme-table-border);
  border-radius: var(--theme-table-radius);
  box-shadow: var(--theme-table-shadow);
}

html[data-theme] .workbench-page .task-table th {
  color: var(--theme-table-head-ink);
  background: var(--theme-table-head-background);
  border-color: var(--theme-table-border);
}

html[data-theme] .workbench-page .task-table td {
  border-color: var(--theme-row-border);
}

html[data-theme] .workbench-page .task-row {
  background: var(--theme-row-background);
}

html[data-theme] .workbench-page .task-row:hover {
  background: var(--theme-row-hover);
  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--theme-accent) 50%, transparent);
}

html[data-theme] .workbench-page .task-category-row th {
  background: var(--theme-category-background);
  border-color: var(--theme-table-border);
}

html[data-theme] .workbench-page .task-name,
html[data-theme] .workbench-page .task-work {
  color: var(--theme-row-ink);
}

html[data-theme] .workbench-page .tree-category-toggle strong {
  color: var(--theme-category-ink);
}

html[data-theme] .workbench-page .standard-chip {
  color: var(--theme-chip-ink);
  background: var(--theme-chip-background);
  border-radius: var(--theme-chip-radius);
}

html[data-theme] .workbench-page .quantity-control {
  min-height: 36px;
}

html[data-theme] .workbench-page .quantity-control input {
  color: var(--theme-ink);
}

html[data-theme] .workbench-page .recommendation-results,
html[data-theme] .workbench-page .active-plan-section,
html[data-theme] .workbench-page .planning-tree-category,
html[data-theme] .workbench-page .planning-task-option {
  background: var(--theme-secondary-surface);
  border-color: var(--theme-line);
  border-radius: var(--theme-radius-small);
}

html[data-theme] .workbench-page .planning-tree-header,
html[data-theme] .workbench-page .recommendation-preferences,
html[data-theme] .workbench-page .planning-message {
  background: var(--theme-soft-surface);
  border-color: var(--theme-line);
}

html[data-theme] .workbench-page .planning-task-option:hover {
  background: var(--theme-row-hover);
  border-color: var(--theme-accent);
}

html[data-theme] .workbench-page .planning-task-option:has(.planning-task-choice input:checked) {
  background: var(--theme-success-soft);
  border-color: var(--theme-success);
  box-shadow: inset 3px 0 0 var(--theme-success);
}

html[data-theme] .workbench-page .app-footer {
  color: var(--theme-muted);
}

/* 01 晨樱工作台 */
html[data-theme="theme-1"] .workbench-page {
  --theme-paper: #fff7f9;
  --theme-paper-deep: #f7e9ee;
  --theme-surface: #ffffff;
  --theme-surface-strong: #fff9fb;
  --theme-ink: #312630;
  --theme-ink-soft: #675760;
  --theme-muted: #927f88;
  --theme-heading: #2f242d;
  --theme-line: #f0dfe5;
  --theme-line-strong: #ddbdc8;
  --theme-accent: #d63f67;
  --theme-accent-dark: #aa244b;
  --theme-accent-soft: #fde7ee;
  --theme-success: #4c9075;
  --theme-success-soft: #e7f5ef;
  --theme-page-background: radial-gradient(circle at 8% 2%, #fff0f4 0, transparent 30rem), #fffafb;
  --theme-texture: radial-gradient(rgba(198, 78, 112, 0.08) 0.6px, transparent 0.6px);
  --theme-texture-size: 18px 18px;
  --theme-texture-opacity: 0.35;
  --theme-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", sans-serif;
  --theme-display-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", sans-serif;
  --theme-number-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;
  --theme-radius: 14px;
  --theme-radius-small: 10px;
  --theme-shadow: 0 18px 44px rgba(121, 58, 79, 0.09);
  --theme-shadow-small: 0 8px 24px rgba(121, 58, 79, 0.07);
  --theme-backdrop: blur(12px);
  --theme-logo-background: linear-gradient(145deg, #e05d7d, #b52850);
  --theme-logo-ink: #fff8fa;
  --theme-logo-border: 1px solid rgba(255, 255, 255, 0.72);
  --theme-logo-radius: 12px;
  --theme-logo-shadow: 0 7px 18px rgba(166, 37, 74, 0.2);
  --theme-title-size: 22px;
  --theme-title-weight: 760;
  --theme-title-spacing: -0.025em;
  --theme-control-ink: #5f4e57;
  --theme-control-background: rgba(255, 255, 255, 0.82);
  --theme-control-border: #e6ccd5;
  --theme-control-radius: 9px;
  --theme-control-shadow: 0 3px 12px rgba(121, 58, 79, 0.04);
  --theme-panel-background: rgba(255, 255, 255, 0.95);
  --theme-summary-kicker-background: #fff1f5;
  --theme-kicker-width: 3px;
  --theme-metric-background: rgba(255, 255, 255, 0.72);
  --theme-primary-metric-background: linear-gradient(145deg, #fff1f5, #ffffff);
  --theme-primary-metric-ink: #b82950;
  --theme-metric-size: 31px;
  --theme-date-background: #fffbfc;
  --theme-input-background: #ffffff;
  --theme-input-border: #ddc7cf;
  --theme-input-radius: 8px;
  --theme-input-shadow: inset 0 1px 2px rgba(86, 44, 59, 0.03);
  --theme-status-radius: 999px;
  --theme-tab-background: #fff9fb;
  --theme-tab-hover: #fff0f4;
  --theme-active-tab-background: #fce7ed;
  --theme-active-tab-ink: #ad294e;
  --theme-import-background: #fbe5ec;
  --theme-import-ink: #ac294e;
  --theme-import-border: #efc6d1;
  --theme-import-hover-background: #cf3d63;
  --theme-import-hover-ink: #ffffff;
  --theme-table-border: #ebdce1;
  --theme-table-radius: 11px;
  --theme-table-shadow: 0 8px 24px rgba(118, 55, 75, 0.04);
  --theme-table-head-background: #fff7f9;
  --theme-table-head-ink: #75636b;
  --theme-row-background: #ffffff;
  --theme-row-hover: #fff5f8;
  --theme-row-border: #f2e6ea;
  --theme-row-ink: #3d3038;
  --theme-category-ink: #aa244b;
  --theme-category-background: linear-gradient(90deg, #fdebf0, #fff7f9);
  --theme-chip-background: #f6edf0;
  --theme-chip-ink: #725e67;
  --theme-chip-radius: 7px;
  --theme-action-background: #ffffff;
  --theme-action-border: #e5a7b9;
  --theme-action-radius: 8px;
  --theme-action-hover-background: #cf3d63;
  --theme-action-hover-ink: #ffffff;
  --theme-secondary-surface: #fffafd;
  --theme-soft-surface: #fff2f6;
}

/* 02 鼠尾草日光 */
html[data-theme="theme-2"] .workbench-page {
  --theme-paper: #f6f8f3;
  --theme-paper-deep: #e8ede3;
  --theme-surface: #ffffff;
  --theme-surface-strong: #fbfcf9;
  --theme-ink: #28302a;
  --theme-ink-soft: #59645b;
  --theme-muted: #7f897f;
  --theme-heading: #273229;
  --theme-line: #e0e6dc;
  --theme-line-strong: #c3cec0;
  --theme-accent: #7f9f6d;
  --theme-accent-dark: #527443;
  --theme-accent-soft: #edf3e9;
  --theme-success: #56846a;
  --theme-success-soft: #e8f3ec;
  --theme-page-background: radial-gradient(circle at 92% 8%, #f0f5eb 0, transparent 28rem), #fafbf8;
  --theme-texture: radial-gradient(rgba(82, 116, 67, 0.07) 0.6px, transparent 0.6px);
  --theme-texture-size: 20px 20px;
  --theme-texture-opacity: 0.28;
  --theme-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", sans-serif;
  --theme-display-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", sans-serif;
  --theme-number-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;
  --theme-radius: 12px;
  --theme-radius-small: 9px;
  --theme-shadow: 0 18px 44px rgba(57, 76, 55, 0.08);
  --theme-shadow-small: 0 7px 20px rgba(57, 76, 55, 0.06);
  --theme-backdrop: blur(10px);
  --theme-logo-background: #788f68;
  --theme-logo-ink: #fffef8;
  --theme-logo-border: 1px solid #6c835e;
  --theme-logo-radius: 50%;
  --theme-logo-shadow: 0 7px 18px rgba(65, 91, 55, 0.16);
  --theme-title-size: 21px;
  --theme-title-weight: 720;
  --theme-title-spacing: -0.02em;
  --theme-control-ink: #526052;
  --theme-control-background: #ffffff;
  --theme-control-border: #d8e0d4;
  --theme-control-radius: 10px;
  --theme-control-shadow: none;
  --theme-panel-background: rgba(255, 255, 255, 0.96);
  --theme-summary-kicker-background: #f1f5ee;
  --theme-kicker-width: 3px;
  --theme-metric-background: #ffffff;
  --theme-primary-metric-background: #f1f6ee;
  --theme-primary-metric-ink: #526f45;
  --theme-metric-size: 31px;
  --theme-date-background: #fbfcfa;
  --theme-input-background: #ffffff;
  --theme-input-border: #cbd5c8;
  --theme-input-radius: 8px;
  --theme-input-shadow: inset 0 1px 2px rgba(43, 66, 42, 0.025);
  --theme-status-radius: 999px;
  --theme-tab-background: #f8faf6;
  --theme-tab-hover: #edf3e9;
  --theme-active-tab-background: #e8f0e3;
  --theme-active-tab-ink: #4f7041;
  --theme-import-background: #edf3e9;
  --theme-import-ink: #4f7041;
  --theme-import-border: #cfddc8;
  --theme-import-hover-background: #6f8f5f;
  --theme-import-hover-ink: #ffffff;
  --theme-table-border: #dfe6db;
  --theme-table-radius: 10px;
  --theme-table-shadow: 0 7px 18px rgba(61, 81, 57, 0.035);
  --theme-table-head-background: #f6f8f4;
  --theme-table-head-ink: #687468;
  --theme-row-background: #ffffff;
  --theme-row-hover: #f5f9f2;
  --theme-row-border: #e9eee6;
  --theme-row-ink: #344036;
  --theme-category-ink: #087b2d;
  --theme-category-background: linear-gradient(90deg, #edf3e9, #f8faf6);
  --theme-chip-background: #eef2eb;
  --theme-chip-ink: #61705f;
  --theme-chip-radius: 6px;
  --theme-action-background: #ffffff;
  --theme-action-border: #afc5a6;
  --theme-action-radius: 8px;
  --theme-action-hover-background: #718f62;
  --theme-action-hover-ink: #ffffff;
  --theme-secondary-surface: #fbfcfa;
  --theme-soft-surface: #f0f5ed;
}

/* 03 薰衣草轻盈 */
html[data-theme="theme-3"] .workbench-page {
  --theme-paper: #f7f5ff;
  --theme-paper-deep: #ebe7fb;
  --theme-surface: #ffffff;
  --theme-surface-strong: #fbfaff;
  --theme-ink: #252747;
  --theme-ink-soft: #5b5d7b;
  --theme-muted: #8585a1;
  --theme-heading: #242745;
  --theme-line: #e4e0f4;
  --theme-line-strong: #c9c1e9;
  --theme-accent: #7656df;
  --theme-accent-dark: #5738bd;
  --theme-accent-soft: #eee9ff;
  --theme-success: #35a682;
  --theme-success-soft: #e6f7f1;
  --theme-page-background: radial-gradient(circle at 8% 0, #eeeaff 0, transparent 32rem), #faf9ff;
  --theme-texture: radial-gradient(rgba(113, 84, 210, 0.09) 0.7px, transparent 0.7px);
  --theme-texture-size: 18px 18px;
  --theme-texture-opacity: 0.45;
  --theme-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", sans-serif;
  --theme-display-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", sans-serif;
  --theme-number-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;
  --theme-radius: 15px;
  --theme-radius-small: 10px;
  --theme-shadow: 0 18px 44px rgba(76, 58, 146, 0.12);
  --theme-shadow-small: 0 8px 24px rgba(76, 58, 146, 0.09);
  --theme-backdrop: blur(15px);
  --theme-logo-background: linear-gradient(145deg, #9677f0, #6846d2);
  --theme-logo-ink: #ffffff;
  --theme-logo-border: 1px solid rgba(255, 255, 255, 0.65);
  --theme-logo-radius: 11px;
  --theme-logo-shadow: 0 8px 22px rgba(94, 62, 205, 0.28);
  --theme-title-size: 22px;
  --theme-title-weight: 760;
  --theme-title-spacing: -0.025em;
  --theme-control-ink: #57597a;
  --theme-control-background: rgba(255, 255, 255, 0.72);
  --theme-control-border: #dad2f3;
  --theme-control-radius: 9px;
  --theme-control-shadow: 0 4px 14px rgba(76, 58, 146, 0.07);
  --theme-panel-background: rgba(255, 255, 255, 0.82);
  --theme-summary-kicker-background: #f2efff;
  --theme-kicker-width: 3px;
  --theme-metric-background: rgba(255, 255, 255, 0.62);
  --theme-primary-metric-background: linear-gradient(145deg, #8c6bea, #6949d3);
  --theme-primary-metric-ink: #ffffff;
  --theme-metric-size: 31px;
  --theme-date-background: rgba(250, 249, 255, 0.72);
  --theme-input-background: rgba(255, 255, 255, 0.9);
  --theme-input-border: #d0c7eb;
  --theme-input-radius: 9px;
  --theme-input-shadow: 0 2px 8px rgba(79, 59, 149, 0.04);
  --theme-status-radius: 999px;
  --theme-tab-background: rgba(249, 247, 255, 0.78);
  --theme-tab-hover: #efebff;
  --theme-active-tab-background: linear-gradient(145deg, #f3efff, #eae4ff);
  --theme-active-tab-ink: #5b3bc4;
  --theme-import-background: #7353db;
  --theme-import-ink: #ffffff;
  --theme-import-border: #6847cf;
  --theme-import-hover-background: #5c3bc1;
  --theme-import-hover-ink: #ffffff;
  --theme-table-border: #e1dcf1;
  --theme-table-radius: 12px;
  --theme-table-shadow: 0 10px 30px rgba(75, 56, 143, 0.06);
  --theme-table-head-background: #f7f5ff;
  --theme-table-head-ink: #676783;
  --theme-row-background: rgba(255, 255, 255, 0.84);
  --theme-row-hover: #f5f2ff;
  --theme-row-border: #ede9f7;
  --theme-row-ink: #343552;
  --theme-category-ink: #5738bd;
  --theme-category-background: linear-gradient(90deg, #eee9ff, #f8f6ff);
  --theme-chip-background: #eeeaff;
  --theme-chip-ink: #6250a8;
  --theme-chip-radius: 7px;
  --theme-action-background: #ffffff;
  --theme-action-border: #bdaee9;
  --theme-action-radius: 8px;
  --theme-action-hover-background: #7252d8;
  --theme-action-hover-ink: #ffffff;
  --theme-secondary-surface: rgba(255, 255, 255, 0.76);
  --theme-soft-surface: #f1edff;
}

/* 04 珊瑚效率台 */
html[data-theme="theme-4"] .workbench-page {
  --theme-paper: #fff7f3;
  --theme-paper-deep: #f7e7df;
  --theme-surface: #ffffff;
  --theme-surface-strong: #fffaf7;
  --theme-ink: #302824;
  --theme-ink-soft: #695b54;
  --theme-muted: #918078;
  --theme-heading: #302620;
  --theme-line: #efddd5;
  --theme-line-strong: #dcc1b5;
  --theme-accent: #ef715d;
  --theme-accent-dark: #c64b3a;
  --theme-accent-soft: #ffebe6;
  --theme-success: #4d8a70;
  --theme-success-soft: #e7f4ef;
  --theme-page-background: radial-gradient(circle at 93% 2%, #fff0ea 0, transparent 28rem), #fffaf8;
  --theme-texture: none;
  --theme-texture-size: auto;
  --theme-texture-opacity: 0;
  --theme-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", sans-serif;
  --theme-display-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", sans-serif;
  --theme-number-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;
  --theme-radius: 12px;
  --theme-radius-small: 8px;
  --theme-shadow: 0 17px 42px rgba(121, 70, 51, 0.08);
  --theme-shadow-small: 0 7px 20px rgba(121, 70, 51, 0.06);
  --theme-backdrop: blur(8px);
  --theme-logo-background: linear-gradient(145deg, #f58a72, #e25d49);
  --theme-logo-ink: #ffffff;
  --theme-logo-border: 1px solid #e35e49;
  --theme-logo-radius: 11px;
  --theme-logo-shadow: 0 7px 18px rgba(198, 75, 58, 0.2);
  --theme-title-size: 22px;
  --theme-title-weight: 750;
  --theme-title-spacing: -0.02em;
  --theme-control-ink: #66544b;
  --theme-control-background: #fffdfc;
  --theme-control-border: #ead4ca;
  --theme-control-radius: 8px;
  --theme-control-shadow: none;
  --theme-panel-background: rgba(255, 255, 255, 0.96);
  --theme-summary-kicker-background: #fff0eb;
  --theme-kicker-width: 4px;
  --theme-metric-background: #ffffff;
  --theme-primary-metric-background: linear-gradient(145deg, #ff8a73, #df5b48);
  --theme-primary-metric-ink: #ffffff;
  --theme-metric-size: 31px;
  --theme-date-background: #fffaf8;
  --theme-input-background: #ffffff;
  --theme-input-border: #dec8be;
  --theme-input-radius: 7px;
  --theme-input-shadow: none;
  --theme-status-radius: 7px;
  --theme-tab-background: #fffaf7;
  --theme-tab-hover: #ffede7;
  --theme-active-tab-background: #ffe8e1;
  --theme-active-tab-ink: #c84c3a;
  --theme-import-background: #fff0eb;
  --theme-import-ink: #c54c3a;
  --theme-import-border: #efc0b4;
  --theme-import-hover-background: #eb6d58;
  --theme-import-hover-ink: #ffffff;
  --theme-table-border: #ead9d1;
  --theme-table-radius: 8px;
  --theme-table-shadow: none;
  --theme-table-head-background: #fff6f2;
  --theme-table-head-ink: #76645b;
  --theme-row-background: #ffffff;
  --theme-row-hover: #fff5f1;
  --theme-row-border: #f1e4de;
  --theme-row-ink: #3e332e;
  --theme-category-ink: #a83b2f;
  --theme-category-background: linear-gradient(90deg, #ffebe5, #fff7f4);
  --theme-chip-background: #f8eee9;
  --theme-chip-ink: #745f56;
  --theme-chip-radius: 5px;
  --theme-action-background: #ffffff;
  --theme-action-border: #edaa9c;
  --theme-action-radius: 7px;
  --theme-action-hover-background: #eb6d58;
  --theme-action-hover-ink: #ffffff;
  --theme-secondary-surface: #fffaf8;
  --theme-soft-surface: #fff0eb;
}

/* 05 玫瑰极简 */
html[data-theme="theme-5"] .workbench-page {
  --theme-paper: #fbfafb;
  --theme-paper-deep: #efedef;
  --theme-surface: #ffffff;
  --theme-surface-strong: #fcfbfc;
  --theme-ink: #272528;
  --theme-ink-soft: #5f5b61;
  --theme-muted: #8b868c;
  --theme-heading: #252326;
  --theme-line: #e8e4e8;
  --theme-line-strong: #cbc5cc;
  --theme-accent: #cc5368;
  --theme-accent-dark: #9f3448;
  --theme-accent-soft: #f9e9ed;
  --theme-success: #4d806b;
  --theme-success-soft: #e7f2ed;
  --theme-page-background: #fdfcfd;
  --theme-texture: none;
  --theme-texture-size: auto;
  --theme-texture-opacity: 0;
  --theme-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", sans-serif;
  --theme-display-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", sans-serif;
  --theme-number-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;
  --theme-radius: 8px;
  --theme-radius-small: 6px;
  --theme-shadow: none;
  --theme-shadow-small: none;
  --theme-backdrop: none;
  --theme-logo-background: #c95065;
  --theme-logo-ink: #ffffff;
  --theme-logo-border: 1px solid #b84459;
  --theme-logo-radius: 8px;
  --theme-logo-shadow: none;
  --theme-title-size: 21px;
  --theme-title-weight: 720;
  --theme-title-spacing: -0.015em;
  --theme-control-ink: #575358;
  --theme-control-background: #ffffff;
  --theme-control-border: #ddd8de;
  --theme-control-radius: 6px;
  --theme-control-shadow: none;
  --theme-panel-background: #ffffff;
  --theme-summary-kicker-background: #ffffff;
  --theme-kicker-width: 2px;
  --theme-metric-background: #ffffff;
  --theme-primary-metric-background: #ffffff;
  --theme-primary-metric-ink: #b33c52;
  --theme-metric-size: 34px;
  --theme-date-background: #ffffff;
  --theme-input-background: #ffffff;
  --theme-input-border: #d4cfd5;
  --theme-input-radius: 5px;
  --theme-input-shadow: none;
  --theme-status-radius: 5px;
  --theme-tab-background: #ffffff;
  --theme-tab-hover: #faf4f6;
  --theme-active-tab-background: #ffffff;
  --theme-active-tab-ink: #ad394e;
  --theme-import-background: #faecef;
  --theme-import-ink: #a7374c;
  --theme-import-border: #e7c3cb;
  --theme-import-hover-background: #c95166;
  --theme-import-hover-ink: #ffffff;
  --theme-table-border: #e3dfe4;
  --theme-table-radius: 6px;
  --theme-table-shadow: none;
  --theme-table-head-background: #faf9fa;
  --theme-table-head-ink: #6f6a70;
  --theme-row-background: #ffffff;
  --theme-row-hover: #fdf7f8;
  --theme-row-border: #ece9ec;
  --theme-row-ink: #302d31;
  --theme-category-ink: #9f3448;
  --theme-category-background: #fbf6f7;
  --theme-chip-background: #f1eff1;
  --theme-chip-ink: #6d676e;
  --theme-chip-radius: 4px;
  --theme-action-background: #ffffff;
  --theme-action-border: #df9dac;
  --theme-action-radius: 5px;
  --theme-action-hover-background: #c95166;
  --theme-action-hover-ink: #ffffff;
  --theme-secondary-surface: #ffffff;
  --theme-soft-surface: #faf7f8;
}

/* 06 莓果玻璃 */
html[data-theme="theme-6"] .workbench-page {
  --theme-paper: #faf5ff;
  --theme-paper-deep: #eee7f6;
  --theme-surface: #ffffff;
  --theme-surface-strong: #fdfaff;
  --theme-ink: #31283a;
  --theme-ink-soft: #665870;
  --theme-muted: #93849c;
  --theme-heading: #302538;
  --theme-line: #eadff0;
  --theme-line-strong: #d1bfdc;
  --theme-accent: #ef3e83;
  --theme-accent-dark: #bc1e5b;
  --theme-accent-soft: #ffe5f0;
  --theme-success: #45a77f;
  --theme-success-soft: #e7f7f0;
  --theme-page-background: radial-gradient(circle at 6% 5%, #ffe8f2 0, transparent 30rem), radial-gradient(circle at 90% 12%, #eee8ff 0, transparent 28rem), #fcf9ff;
  --theme-texture: radial-gradient(rgba(157, 95, 180, 0.08) 0.7px, transparent 0.7px);
  --theme-texture-size: 16px 16px;
  --theme-texture-opacity: 0.42;
  --theme-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", sans-serif;
  --theme-display-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", sans-serif;
  --theme-number-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;
  --theme-radius: 15px;
  --theme-radius-small: 10px;
  --theme-shadow: 0 20px 48px rgba(112, 62, 128, 0.12);
  --theme-shadow-small: 0 9px 28px rgba(112, 62, 128, 0.09);
  --theme-backdrop: blur(18px);
  --theme-logo-background: linear-gradient(145deg, #ff5b99, #df2c72);
  --theme-logo-ink: #ffffff;
  --theme-logo-border: 1px solid rgba(255, 255, 255, 0.66);
  --theme-logo-radius: 11px;
  --theme-logo-shadow: 0 9px 24px rgba(219, 43, 110, 0.24);
  --theme-title-size: 22px;
  --theme-title-weight: 760;
  --theme-title-spacing: -0.025em;
  --theme-control-ink: #65556e;
  --theme-control-background: rgba(255, 255, 255, 0.74);
  --theme-control-border: #e5d6ec;
  --theme-control-radius: 10px;
  --theme-control-shadow: 0 5px 16px rgba(101, 58, 117, 0.07);
  --theme-panel-background: rgba(255, 255, 255, 0.78);
  --theme-summary-kicker-background: rgba(255, 236, 244, 0.78);
  --theme-kicker-width: 3px;
  --theme-metric-background: rgba(255, 255, 255, 0.64);
  --theme-primary-metric-background: linear-gradient(145deg, #fff1f7, #f5efff);
  --theme-primary-metric-ink: #c62463;
  --theme-metric-size: 31px;
  --theme-date-background: rgba(253, 249, 255, 0.7);
  --theme-input-background: rgba(255, 255, 255, 0.88);
  --theme-input-border: #dac9e3;
  --theme-input-radius: 9px;
  --theme-input-shadow: 0 2px 9px rgba(108, 63, 124, 0.04);
  --theme-status-radius: 999px;
  --theme-tab-background: rgba(252, 248, 255, 0.7);
  --theme-tab-hover: #ffecf4;
  --theme-active-tab-background: linear-gradient(145deg, #ffe9f2, #f3ecff);
  --theme-active-tab-ink: #bd235f;
  --theme-import-background: linear-gradient(145deg, #ff6aa3, #e73c80);
  --theme-import-ink: #ffffff;
  --theme-import-border: #dc2e71;
  --theme-import-hover-background: #cf2466;
  --theme-import-hover-ink: #ffffff;
  --theme-table-border: #e7dced;
  --theme-table-radius: 12px;
  --theme-table-shadow: 0 10px 30px rgba(102, 58, 118, 0.07);
  --theme-table-head-background: rgba(250, 246, 253, 0.86);
  --theme-table-head-ink: #75677d;
  --theme-row-background: rgba(255, 255, 255, 0.78);
  --theme-row-hover: #fff2f7;
  --theme-row-border: #f0e8f3;
  --theme-row-ink: #3f3446;
  --theme-category-ink: #bc1e5b;
  --theme-category-background: linear-gradient(90deg, #ffeaf2, #f4eeff);
  --theme-chip-background: #f2ebf7;
  --theme-chip-ink: #735d80;
  --theme-chip-radius: 7px;
  --theme-action-background: rgba(255, 255, 255, 0.9);
  --theme-action-border: #e7a8c2;
  --theme-action-radius: 8px;
  --theme-action-hover-background: #e63a7d;
  --theme-action-hover-ink: #ffffff;
  --theme-secondary-surface: rgba(255, 255, 255, 0.72);
  --theme-soft-surface: rgba(255, 236, 245, 0.74);
}

/* 07 杏桃暖阳 */
html[data-theme="theme-7"] .workbench-page {
  --theme-paper: #fff8f2;
  --theme-paper-deep: #f7e7da;
  --theme-surface: #fffdfb;
  --theme-surface-strong: #fffaf6;
  --theme-ink: #332b27;
  --theme-ink-soft: #695d55;
  --theme-muted: #75665d;
  --theme-heading: #312824;
  --theme-line: #eeddd2;
  --theme-line-strong: #dbc1b1;
  --theme-accent: #f07a52;
  --theme-accent-dark: #c85332;
  --theme-accent-soft: #ffebe2;
  --theme-success: #59876b;
  --theme-success-soft: #e8f3ec;
  --theme-page-background: radial-gradient(circle at 5% 10%, #ffefe6 0, transparent 30rem), #fffaf6;
  --theme-texture: radial-gradient(rgba(202, 104, 70, 0.07) 0.65px, transparent 0.65px);
  --theme-texture-size: 20px 20px;
  --theme-texture-opacity: 0.3;
  --theme-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", sans-serif;
  --theme-display-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", sans-serif;
  --theme-number-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;
  --theme-radius: 13px;
  --theme-radius-small: 9px;
  --theme-shadow: 0 18px 44px rgba(125, 77, 52, 0.1);
  --theme-shadow-small: 0 8px 22px rgba(125, 77, 52, 0.07);
  --theme-backdrop: blur(10px);
  --theme-logo-background: linear-gradient(145deg, #ff9671, #ed6c46);
  --theme-logo-ink: #ffffff;
  --theme-logo-border: 1px solid rgba(255, 255, 255, 0.62);
  --theme-logo-radius: 10px;
  --theme-logo-shadow: 0 7px 18px rgba(201, 83, 50, 0.2);
  --theme-title-size: 22px;
  --theme-title-weight: 750;
  --theme-title-spacing: -0.02em;
  --theme-control-ink: #65564d;
  --theme-control-background: rgba(255, 255, 255, 0.8);
  --theme-control-border: #e6cfc2;
  --theme-control-radius: 9px;
  --theme-control-shadow: 0 3px 12px rgba(117, 73, 50, 0.04);
  --theme-panel-background: rgba(255, 253, 251, 0.95);
  --theme-summary-kicker-background: #fff0e8;
  --theme-kicker-width: 3px;
  --theme-metric-background: #fffdfb;
  --theme-primary-metric-background: linear-gradient(145deg, #fff0e7, #fffaf6);
  --theme-primary-metric-ink: #cb5635;
  --theme-metric-size: 31px;
  --theme-date-background: #fffaf6;
  --theme-input-background: #ffffff;
  --theme-input-border: #dec7ba;
  --theme-input-radius: 8px;
  --theme-input-shadow: inset 0 1px 2px rgba(93, 55, 37, 0.025);
  --theme-status-radius: 999px;
  --theme-tab-background: #fffaf6;
  --theme-tab-hover: #ffede4;
  --theme-active-tab-background: #ffe9df;
  --theme-active-tab-ink: #c65332;
  --theme-import-background: #ffebe2;
  --theme-import-ink: #be4e2f;
  --theme-import-border: #efc2b0;
  --theme-import-hover-background: #ef7650;
  --theme-import-hover-ink: #ffffff;
  --theme-table-border: #ead8ce;
  --theme-table-radius: 10px;
  --theme-table-shadow: 0 8px 24px rgba(118, 72, 48, 0.04);
  --theme-table-head-background: #fff6f1;
  --theme-table-head-ink: #75665e;
  --theme-row-background: #fffdfb;
  --theme-row-hover: #fff4ee;
  --theme-row-border: #f0e2da;
  --theme-row-ink: #3f342e;
  --theme-category-ink: #a83b1f;
  --theme-category-background: linear-gradient(90deg, #ffebe3, #fff7f2);
  --theme-chip-background: #f6ece6;
  --theme-chip-ink: #735f54;
  --theme-chip-radius: 6px;
  --theme-action-background: #ffffff;
  --theme-action-border: #eca991;
  --theme-action-radius: 8px;
  --theme-action-hover-background: #ee7550;
  --theme-action-hover-ink: #ffffff;
  --theme-secondary-surface: #fffaf7;
  --theme-soft-surface: #fff0e8;
}

/* 08 薄荷云朵 */
html[data-theme="theme-8"] .workbench-page {
  --theme-paper: #f4fbfa;
  --theme-paper-deep: #e1f0ed;
  --theme-surface: #ffffff;
  --theme-surface-strong: #f9fdfc;
  --theme-ink: #23373a;
  --theme-ink-soft: #526b6d;
  --theme-muted: #789194;
  --theme-heading: #1f3437;
  --theme-line: #dceceb;
  --theme-line-strong: #bcd5d2;
  --theme-accent: #17b99b;
  --theme-accent-dark: #098b76;
  --theme-accent-soft: #e1f8f3;
  --theme-success: #20a481;
  --theme-success-soft: #e1f6ef;
  --theme-page-background: radial-gradient(circle at 8% 0, #e5faf6 0, transparent 29rem), radial-gradient(circle at 92% 6%, #f0ebff 0, transparent 28rem), #f9fcfc;
  --theme-texture: radial-gradient(rgba(43, 158, 141, 0.08) 0.65px, transparent 0.65px);
  --theme-texture-size: 18px 18px;
  --theme-texture-opacity: 0.35;
  --theme-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", sans-serif;
  --theme-display-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", sans-serif;
  --theme-number-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;
  --theme-radius: 15px;
  --theme-radius-small: 10px;
  --theme-shadow: 0 19px 46px rgba(38, 101, 96, 0.1);
  --theme-shadow-small: 0 8px 24px rgba(38, 101, 96, 0.07);
  --theme-backdrop: blur(14px);
  --theme-logo-background: linear-gradient(145deg, #34d3b5, #0fa888);
  --theme-logo-ink: #ffffff;
  --theme-logo-border: 1px solid rgba(255, 255, 255, 0.66);
  --theme-logo-radius: 11px;
  --theme-logo-shadow: 0 8px 22px rgba(14, 155, 128, 0.2);
  --theme-title-size: 22px;
  --theme-title-weight: 760;
  --theme-title-spacing: -0.025em;
  --theme-control-ink: #50676a;
  --theme-control-background: rgba(255, 255, 255, 0.8);
  --theme-control-border: #d1e5e2;
  --theme-control-radius: 9px;
  --theme-control-shadow: 0 3px 12px rgba(42, 104, 99, 0.04);
  --theme-panel-background: rgba(255, 255, 255, 0.88);
  --theme-summary-kicker-background: #e7faf6;
  --theme-kicker-width: 3px;
  --theme-metric-background: rgba(255, 255, 255, 0.7);
  --theme-primary-metric-background: linear-gradient(145deg, #e0faf5, #f8fffd);
  --theme-primary-metric-ink: #0d8f78;
  --theme-metric-size: 31px;
  --theme-date-background: rgba(250, 254, 253, 0.74);
  --theme-input-background: rgba(255, 255, 255, 0.92);
  --theme-input-border: #c7dedb;
  --theme-input-radius: 8px;
  --theme-input-shadow: 0 2px 8px rgba(45, 105, 100, 0.035);
  --theme-status-radius: 999px;
  --theme-tab-background: rgba(249, 253, 252, 0.8);
  --theme-tab-hover: #e5f8f4;
  --theme-active-tab-background: linear-gradient(145deg, #ddf8f3, #eee9ff);
  --theme-active-tab-ink: #078b75;
  --theme-import-background: #eee8ff;
  --theme-import-ink: #7054c4;
  --theme-import-border: #d6caef;
  --theme-import-hover-background: #7655cc;
  --theme-import-hover-ink: #ffffff;
  --theme-table-border: #dcebea;
  --theme-table-radius: 12px;
  --theme-table-shadow: 0 9px 26px rgba(39, 101, 96, 0.05);
  --theme-table-head-background: #f3faf8;
  --theme-table-head-ink: #657c7e;
  --theme-row-background: rgba(255, 255, 255, 0.82);
  --theme-row-hover: #edfbf8;
  --theme-row-border: #e8f2f0;
  --theme-row-ink: #304649;
  --theme-category-ink: #007a4d;
  --theme-category-background: linear-gradient(90deg, #e4f8f4, #f1edff);
  --theme-chip-background: #ece8ff;
  --theme-chip-ink: #6756a6;
  --theme-chip-radius: 7px;
  --theme-action-background: #f1edff;
  --theme-action-border: #d8cdf1;
  --theme-action-radius: 999px;
  --theme-action-hover-background: #7655cc;
  --theme-action-hover-ink: #ffffff;
  --theme-secondary-surface: rgba(255, 255, 255, 0.78);
  --theme-soft-surface: #e8f9f5;
}

/* 09 樱粉专注 */
html[data-theme="theme-9"] .workbench-page {
  --theme-paper: #fff7fa;
  --theme-paper-deep: #f4e6eb;
  --theme-surface: #ffffff;
  --theme-surface-strong: #fffafd;
  --theme-ink: #30272e;
  --theme-ink-soft: #675860;
  --theme-muted: #907e87;
  --theme-heading: #30252d;
  --theme-line: #eddde4;
  --theme-line-strong: #d9bdc8;
  --theme-accent: #d83e68;
  --theme-accent-dark: #a9254b;
  --theme-accent-soft: #fde8ef;
  --theme-success: #4b8e73;
  --theme-success-soft: #e7f5ef;
  --theme-page-background: radial-gradient(circle at 88% 2%, #ffeef4 0, transparent 30rem), #fffafd;
  --theme-texture: radial-gradient(rgba(198, 67, 103, 0.07) 0.65px, transparent 0.65px);
  --theme-texture-size: 18px 18px;
  --theme-texture-opacity: 0.3;
  --theme-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", sans-serif;
  --theme-display-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", sans-serif;
  --theme-number-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;
  --theme-radius: 14px;
  --theme-radius-small: 10px;
  --theme-shadow: 0 18px 44px rgba(114, 54, 75, 0.1);
  --theme-shadow-small: 0 8px 24px rgba(114, 54, 75, 0.07);
  --theme-backdrop: blur(12px);
  --theme-logo-background: linear-gradient(145deg, #e65b7e, #ba2a54);
  --theme-logo-ink: #ffffff;
  --theme-logo-border: 1px solid rgba(255, 255, 255, 0.68);
  --theme-logo-radius: 12px;
  --theme-logo-shadow: 0 8px 22px rgba(179, 39, 78, 0.22);
  --theme-title-size: 22px;
  --theme-title-weight: 760;
  --theme-title-spacing: -0.025em;
  --theme-control-ink: #65545d;
  --theme-control-background: rgba(255, 255, 255, 0.82);
  --theme-control-border: #e6ccd5;
  --theme-control-radius: 9px;
  --theme-control-shadow: 0 3px 12px rgba(112, 52, 73, 0.04);
  --theme-panel-background: rgba(255, 255, 255, 0.94);
  --theme-summary-kicker-background: #fff0f5;
  --theme-kicker-width: 3px;
  --theme-metric-background: rgba(255, 255, 255, 0.72);
  --theme-primary-metric-background: linear-gradient(145deg, #fde7ee, #fff8fa);
  --theme-primary-metric-ink: #bd2b54;
  --theme-metric-size: 32px;
  --theme-date-background: #fffafd;
  --theme-input-background: #ffffff;
  --theme-input-border: #ddc5ce;
  --theme-input-radius: 8px;
  --theme-input-shadow: 0 2px 8px rgba(95, 48, 65, 0.035);
  --theme-status-radius: 999px;
  --theme-tab-background: #fffafd;
  --theme-tab-hover: #fff0f4;
  --theme-active-tab-background: #fde8ef;
  --theme-active-tab-ink: #ae294f;
  --theme-import-background: linear-gradient(145deg, #e35a7c, #c72f59);
  --theme-import-ink: #ffffff;
  --theme-import-border: #bc294f;
  --theme-import-hover-background: #aa2348;
  --theme-import-hover-ink: #ffffff;
  --theme-table-border: #ead9df;
  --theme-table-radius: 11px;
  --theme-table-shadow: 0 8px 24px rgba(112, 52, 73, 0.04);
  --theme-table-head-background: #fff7f9;
  --theme-table-head-ink: #75636b;
  --theme-row-background: #ffffff;
  --theme-row-hover: #fff5f8;
  --theme-row-border: #f0e3e8;
  --theme-row-ink: #3f3239;
  --theme-category-ink: #a9254b;
  --theme-category-background: linear-gradient(90deg, #fdebf1, #fff7fa);
  --theme-chip-background: #f5ecef;
  --theme-chip-ink: #725e67;
  --theme-chip-radius: 7px;
  --theme-action-background: #ffffff;
  --theme-action-border: #e3a2b4;
  --theme-action-radius: 8px;
  --theme-action-hover-background: #cf3a62;
  --theme-action-hover-ink: #ffffff;
  --theme-secondary-surface: #fffafd;
  --theme-soft-surface: #fff0f5;
}

/* 侧栏构图：来自 01、02、03、04、05、06、07、09 号设计图。 */
html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page .app-shell {
  display: grid;
  grid-template-columns: var(--theme-sidebar-width, 190px) minmax(0, 1fr);
  align-items: start;
  gap: 0 16px;
}

html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page .app-header,
html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page .storage-warning,
html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page .conflict-warning {
  grid-column: 1 / -1;
}

html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page main {
  display: contents;
}

html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page .summary-board {
  grid-column: 2;
}

html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page .workspace-panel {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: var(--theme-sidebar-width, 190px) minmax(0, 1fr);
  align-items: stretch;
  gap: 0 16px;
  overflow: visible;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page .workspace-tabs {
  display: flex;
  min-height: calc(100% + 114px);
  align-items: stretch;
  align-content: start;
  flex-direction: column;
  gap: 8px;
  margin-top: -114px;
  padding: 14px 10px;
  background: var(--theme-panel-background);
  border: 1px solid var(--theme-line);
  border-radius: var(--theme-radius);
  box-shadow: var(--theme-shadow-small);
}

html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page .workspace-tab {
  min-height: 62px;
  place-items: start;
  align-content: center;
  padding: 10px 13px;
  border: 1px solid transparent;
  border-radius: var(--theme-control-radius);
  text-align: left;
}

html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page .workspace-tab + .workspace-tab {
  border-left: 1px solid transparent;
}

html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page .workspace-tab.is-active {
  border-color: color-mix(in srgb, var(--theme-accent) 18%, var(--theme-line));
}

html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page .workspace-tab::after {
  top: 8px;
  right: auto;
  bottom: 8px;
  left: 0;
  width: 3px;
  height: auto;
  border-radius: 999px;
}

html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page .workspace-grid-progress {
  grid-column: 2;
  overflow: hidden;
  background: var(--theme-panel-background);
  border: 1px solid var(--theme-line);
  border-radius: var(--theme-radius);
  box-shadow: var(--theme-shadow-small);
}

html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page .app-footer {
  grid-column: 2;
}

html[data-theme="theme-1"] .workbench-page { --theme-sidebar-width: 198px; }
html[data-theme="theme-2"] .workbench-page { --theme-sidebar-width: 190px; }
html[data-theme="theme-3"] .workbench-page { --theme-sidebar-width: 206px; }
html[data-theme="theme-4"] .workbench-page { --theme-sidebar-width: 180px; }
html[data-theme="theme-5"] .workbench-page { --theme-sidebar-width: 186px; }
html[data-theme="theme-6"] .workbench-page { --theme-sidebar-width: 124px; }
html[data-theme="theme-7"] .workbench-page { --theme-sidebar-width: 190px; }
html[data-theme="theme-9"] .workbench-page { --theme-sidebar-width: 202px; }

html[data-theme="theme-6"] .workbench-page .workspace-tab span {
  display: none;
}

html[data-theme="theme-6"] .workbench-page .workspace-tab {
  min-height: 72px;
  place-items: center;
  padding: 10px 8px;
  text-align: center;
}

/* 08 号图保留顶部双工作区构图，并让低频规划明显次于完成量。 */
html[data-theme="theme-8"] .workbench-page .workspace-tabs {
  grid-template-columns: minmax(0, 1.7fr) minmax(320px, 0.85fr);
}

html[data-theme="theme-8"] .workbench-page .workspace-tab:first-child {
  justify-items: start;
  padding-left: 22px;
}

html[data-theme="theme-8"] .workbench-page .workspace-tab:last-child {
  justify-items: start;
  padding-left: 22px;
}

/* 极简主题减少装饰，强调表格和数字。 */
html[data-theme="theme-5"] .workbench-page .panel,
html[data-theme="theme-5"] .workbench-page .workspace-tabs,
html[data-theme="theme-5"] .workbench-page .workspace-grid-progress {
  box-shadow: none;
}

html[data-theme="theme-5"] .workbench-page .task-table td {
  padding-top: 11px;
  padding-bottom: 11px;
}

/* 参考图中的侧栏是真正的工作导航，不再借用工作区 Tab 冒充。 */
html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page .app-shell {
  grid-auto-flow: row dense;
  gap: 0 18px;
}

html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page .theme-sidebar {
  position: sticky;
  top: 12px;
  display: flex;
  grid-column: 1;
  grid-row: 2 / span 3;
  min-height: calc(100vh - 82px);
  max-height: calc(100vh - 24px);
  align-self: start;
  flex-direction: column;
  gap: 14px;
  overflow: auto;
  padding: 12px 10px;
  background: var(--theme-panel-background);
  border: 1px solid var(--theme-line);
  border-radius: var(--theme-radius);
  box-shadow: var(--theme-shadow-small);
  scrollbar-width: thin;
}

.theme-sidebar-nav {
  display: grid;
  gap: 6px;
}

.theme-sidebar-link {
  display: grid;
  width: 100%;
  min-height: 55px;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  color: var(--theme-ink-soft);
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--theme-control-radius);
  cursor: pointer;
  font: inherit;
  text-align: left;
  text-decoration: none;
}

.theme-sidebar-link:hover {
  color: var(--theme-accent-dark);
  background: color-mix(in srgb, var(--theme-active-tab-background) 58%, transparent);
}

.theme-sidebar-link:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--theme-accent) 52%, transparent);
  outline-offset: 2px;
}

.theme-sidebar-link.is-active {
  color: var(--theme-accent-dark);
  background: var(--theme-active-tab-background);
  border-color: color-mix(in srgb, var(--theme-accent) 22%, var(--theme-line));
}

.theme-sidebar-index {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  color: var(--theme-accent-dark);
  background: var(--theme-accent-soft);
  border-radius: 8px;
  font-family: var(--theme-number-font);
  font-size: 10px;
  font-weight: 800;
}

.theme-sidebar-link > span:last-child {
  display: grid;
  min-width: 0;
  gap: 2px;
  font-size: 12px;
  font-weight: 760;
}

.theme-sidebar-link small {
  overflow: hidden;
  color: var(--theme-muted);
  font-size: 11px;
  font-weight: 560;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.theme-sidebar-illustration {
  display: none;
  margin: auto 0 0;
  overflow: hidden;
  background: #fff8f2;
  border-radius: 11px;
}

.theme-sidebar-illustration img {
  display: block;
  width: 100%;
  height: auto;
}

.theme-sidebar-summary {
  display: grid;
  gap: 8px;
  padding: 13px 12px;
  background: var(--theme-secondary-surface);
  border: 1px solid var(--theme-line);
  border-radius: var(--theme-control-radius);
}

.theme-sidebar-summary > span {
  color: var(--theme-accent-dark);
  font-size: 11px;
  font-weight: 780;
}

.theme-sidebar-summary > strong {
  display: flex;
  align-items: baseline;
  gap: 5px;
  color: var(--theme-heading);
  font-family: var(--theme-number-font);
  font-size: 24px;
}

.theme-sidebar-summary > strong small,
.theme-sidebar-summary > div {
  color: var(--theme-muted);
  font-size: 11px;
}

.theme-sidebar-summary progress,
.theme-seven-progress progress {
  width: 100%;
  height: 7px;
  overflow: hidden;
  appearance: none;
  background: var(--theme-accent-soft);
  border: 0;
  border-radius: 999px;
}

.theme-sidebar-summary progress::-webkit-progress-bar,
.theme-seven-progress progress::-webkit-progress-bar {
  background: var(--theme-accent-soft);
  border-radius: 999px;
}

.theme-sidebar-summary progress::-webkit-progress-value,
.theme-seven-progress progress::-webkit-progress-value {
  background: var(--theme-accent);
  border-radius: 999px;
}

.theme-sidebar-summary > div,
.theme-seven-progress-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page .workspace-panel {
  display: block;
  grid-column: 2;
  overflow: hidden;
  background: var(--theme-panel-background);
  border: 1px solid var(--theme-line);
  border-radius: var(--theme-radius);
  box-shadow: var(--theme-shadow-small);
}

html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page .workspace-tabs {
  display: grid;
  min-height: 0;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
  margin-top: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--theme-line);
  border-radius: 0;
  box-shadow: none;
}

html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page .workspace-tab {
  min-height: 56px;
  place-items: center;
  align-content: center;
  padding: 9px 18px;
  border: 0;
  border-radius: 0;
  text-align: center;
}

html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page .workspace-tab + .workspace-tab {
  border-left: 1px solid var(--theme-line);
}

html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page .workspace-tab::after {
  top: auto;
  right: 0;
  bottom: -1px;
  left: 0;
  width: auto;
  height: 3px;
  border-radius: 0;
}

html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page .workspace-grid-progress,
html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page .app-footer {
  grid-column: 2;
}

html[data-theme="theme-6"] .workbench-page {
  --theme-sidebar-width: 82px;
}

html[data-theme="theme-6"] .workbench-page .theme-sidebar {
  align-items: center;
  padding-inline: 8px;
}

html[data-theme="theme-6"] .workbench-page .theme-sidebar-link {
  grid-template-columns: 1fr;
  justify-items: center;
  padding-inline: 6px;
}

html[data-theme="theme-6"] .workbench-page .theme-sidebar-link > span:last-child,
html[data-theme="theme-6"] .workbench-page .theme-sidebar-summary {
  display: none;
}

/* 07 杏桃暖阳：按参考图恢复插画侧栏与四卡进度构图。 */
html[data-theme="theme-7"] .workbench-page {
  --theme-sidebar-width: 228px;
}

html[data-theme="theme-7"] .workbench-page .app-shell {
  gap: 0 24px;
}

html[data-theme="theme-7"] .workbench-page .app-header {
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--theme-line);
}

html[data-theme="theme-7"] .workbench-page .theme-sidebar {
  padding: 14px 12px;
  background: rgba(255, 253, 250, 0.92);
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  border-radius: 0;
  box-shadow: inset -1px 0 0 var(--theme-line);
}

html[data-theme="theme-7"] .workbench-page .theme-sidebar-illustration {
  display: block;
}

html[data-theme="theme-7"] .workbench-page .summary-board {
  display: grid;
  grid-template-columns: minmax(380px, 1.35fr) minmax(160px, 0.58fr) minmax(180px, 0.66fr) minmax(270px, 0.92fr);
  gap: 14px;
  overflow: visible;
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  animation: none;
}

html[data-theme="theme-7"] .workbench-page .summary-toolbar {
  display: contents;
}

html[data-theme="theme-7"] .workbench-page .summary-toolbar > div:first-child {
  display: grid;
  min-height: 155px;
  grid-column: 1;
  align-content: start;
  gap: 12px;
  padding: 18px 20px;
  background: rgba(255, 253, 251, 0.96);
  border: 1px solid var(--theme-line);
  border-radius: 13px;
  box-shadow: var(--theme-shadow-small);
}

html[data-theme="theme-7"] .workbench-page .theme-seven-progress {
  display: grid;
  grid-template-columns: auto minmax(120px, 1fr);
  align-items: end;
  gap: 11px 18px;
}

html[data-theme="theme-7"] .workbench-page .theme-seven-progress > div:first-child {
  display: grid;
  gap: 2px;
}

html[data-theme="theme-7"] .workbench-page .theme-seven-progress > div:first-child > span {
  color: var(--theme-muted);
  font-size: 11px;
}

html[data-theme="theme-7"] .workbench-page .theme-seven-progress > div:first-child > strong {
  display: flex;
  align-items: baseline;
  gap: 6px;
  color: var(--theme-heading);
  font-family: var(--theme-number-font);
  font-size: 34px;
}

html[data-theme="theme-7"] .workbench-page .theme-seven-progress > div:first-child small,
html[data-theme="theme-7"] .workbench-page .theme-seven-progress-meta {
  color: var(--theme-muted);
  font-size: 11px;
}

html[data-theme="theme-7"] .workbench-page .theme-seven-progress progress {
  align-self: center;
}

html[data-theme="theme-7"] .workbench-page .theme-seven-progress-meta {
  grid-column: 1 / -1;
}

html[data-theme="theme-7"] .workbench-page .metric-grid-four {
  display: contents;
}

html[data-theme="theme-7"] .workbench-page .metric-primary,
html[data-theme="theme-7"] .workbench-page .metric-projected {
  display: none;
}

html[data-theme="theme-7"] .workbench-page .metric-card {
  min-height: 155px;
  padding: 20px 18px;
  background: rgba(255, 253, 251, 0.96);
  border: 1px solid var(--theme-line);
  border-radius: 13px;
  box-shadow: var(--theme-shadow-small);
}

html[data-theme="theme-7"] .workbench-page .metric-card:nth-child(2) {
  grid-column: 2;
}

html[data-theme="theme-7"] .workbench-page .metric-card:nth-child(3) {
  grid-column: 3;
}

html[data-theme="theme-7"] .workbench-page .metric-card > strong {
  margin-top: 12px;
  font-size: 31px;
}

html[data-theme="theme-7"] .workbench-page .metric-card .metric-foot {
  margin-top: 12px;
  line-height: 1.5;
}

html[data-theme="theme-7"] .workbench-page .date-controls {
  display: grid;
  min-width: 0;
  min-height: 155px;
  grid-column: 4;
  grid-template-columns: minmax(0, 1fr) auto;
  align-content: center;
  gap: 13px 10px;
  padding: 18px;
  background: rgba(255, 253, 251, 0.96);
  border: 1px solid var(--theme-line);
  border-radius: 13px;
  box-shadow: var(--theme-shadow-small);
}

html[data-theme="theme-7"] .workbench-page .date-controls > .field-label:first-child {
  grid-column: 1 / -1;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--theme-line);
}

html[data-theme="theme-7"] .workbench-page .date-controls .field-label {
  min-width: 0;
}

html[data-theme="theme-7"] .workbench-page .date-controls .compact-field {
  min-width: 145px;
}

html[data-theme="theme-7"] .workbench-page .date-controls .save-state {
  min-width: 92px;
}

html[data-theme="theme-7"] .workbench-page .forecast-disclosure:not([open]) {
  display: none;
}

html[data-theme="theme-7"] .workbench-page .forecast-disclosure[open] {
  position: static;
  display: block;
  grid-column: 1 / -1;
  width: auto;
  max-height: none;
  margin-top: 0;
  overflow: hidden;
  color: var(--theme-text);
  background: #fffaf7;
  border: 1px solid #efcbbc;
  border-radius: 13px;
  box-shadow: var(--theme-shadow-small);
}

html[data-theme="theme-7"] .workbench-page .forecast-disclosure[open] > summary {
  color: var(--theme-heading);
  background: #fffaf7;
  border-bottom-color: var(--theme-line);
}

html[data-theme="theme-7"] .workbench-page .forecast-disclosure[open] > summary small {
  color: var(--theme-muted);
}

html[data-theme="theme-7"] .workbench-page .forecast-panel {
  padding: 16px 18px 18px;
  background: linear-gradient(145deg, #fffdfb 0%, #fff6f0 100%);
  border-top-color: var(--theme-line);
}

html[data-theme="theme-7"] .workbench-page .forecast-layout {
  grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1.18fr);
  gap: 14px;
}

html[data-theme="theme-7"] .workbench-page .forecast-settings {
  background: rgba(255, 250, 246, 0.92);
  border-color: var(--theme-line);
}

html[data-theme="theme-7"] .workbench-page .forecast-result {
  color: var(--theme-text);
  background:
    radial-gradient(circle at 90% 0%, rgba(255, 173, 143, 0.2), transparent 34%),
    #fff9f5;
  border-color: #efcbbc;
  box-shadow: none;
}

html[data-theme="theme-7"] .workbench-page .forecast-hero > div > span,
html[data-theme="theme-7"] .workbench-page .forecast-hero p,
html[data-theme="theme-7"] .workbench-page .forecast-normal-row,
html[data-theme="theme-7"] .workbench-page .forecast-stat-grid span {
  color: var(--theme-muted);
}

html[data-theme="theme-7"] .workbench-page .forecast-hero strong,
html[data-theme="theme-7"] .workbench-page .forecast-normal-row b,
html[data-theme="theme-7"] .workbench-page .forecast-stat-grid strong {
  color: var(--theme-heading);
}

html[data-theme="theme-7"] .workbench-page .forecast-status-badge {
  color: var(--theme-accent-strong);
  background: #fff0e9;
  border-color: #efc2b1;
}

html[data-theme="theme-7"] .workbench-page .forecast-status-badge.is-success {
  color: var(--theme-success);
  background: var(--theme-success-soft);
  border-color: color-mix(in srgb, var(--theme-success) 34%, var(--theme-line));
}

html[data-theme="theme-7"] .workbench-page .forecast-status-badge.is-warning {
  color: var(--warning);
  background: color-mix(in srgb, var(--warning-soft) 78%, var(--theme-surface));
  border-color: color-mix(in srgb, var(--warning) 32%, var(--theme-line));
}

html[data-theme="theme-7"] .workbench-page .forecast-status-badge.is-danger {
  color: var(--danger);
  background: color-mix(in srgb, var(--danger) 10%, var(--theme-surface));
  border-color: color-mix(in srgb, var(--danger) 30%, var(--theme-line));
}

html[data-theme="theme-7"] .workbench-page .forecast-normal-row {
  border-color: var(--theme-line);
}

html[data-theme="theme-7"] .workbench-page .forecast-stat-grid > div {
  background: rgba(255, 255, 255, 0.78);
  border-color: var(--theme-line);
}

html[data-theme="theme-7"] .workbench-page .workspace-panel {
  margin-top: 12px;
}

html[data-theme="theme-7"] .workbench-page .workspace-tabs {
  grid-template-columns: minmax(0, 1.15fr) minmax(340px, 0.85fr);
}

html[data-theme="theme-7"] .workbench-page .workspace-tab.is-active {
  background: #fffdfb;
}

html[data-theme="theme-7"] .workbench-page .task-category-row td {
  background: linear-gradient(90deg, #ffebe3, #fff8f4);
}

html[data-theme="theme-7"] .workbench-page .task-table th,
html[data-theme="theme-7"] .workbench-page .task-table td {
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme] .workbench-page,
  html[data-theme] .workbench-page :is(
    .panel,
    .workspace-tabs,
    .workspace-grid-progress,
    .workspace-tab,
    .button,
    input,
    select,
    .task-row,
    .task-category-row
  ) {
    transition: none;
  }
}

/* 独立功能页沿用统一的桌面工作台布局。 */
html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page main {
  display: block;
  min-width: 0;
  grid-column: 2;
}

html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page .theme-sidebar {
  grid-row: 2;
}

html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page .workspace-tabs {
  display: none;
}

html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page .workspace-panel {
  margin-top: 14px;
  overflow: visible;
  background: transparent;
  border: 0;
  box-shadow: none;
}

html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page .workspace-grid-progress {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 14px;
  overflow: visible;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-6"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page :is(#completionView, #planningView) {
  overflow: hidden;
  background: var(--theme-panel-background);
  border: 1px solid var(--theme-line);
  border-radius: var(--theme-radius);
  box-shadow: var(--theme-shadow-small);
}

html[data-theme] .workbench-page :is(
  #todaySummary,
  #completionView,
  #planningView,
  #forecastDisclosure
) {
  scroll-margin-top: 14px;
}

html[data-theme] .workbench-page .forecast-disclosure[data-continuous] {
  position: static;
  display: block;
  width: auto;
  max-height: none;
  margin-top: 14px;
  overflow: hidden;
  color: var(--theme-text);
  background: var(--theme-panel-background);
  border: 1px solid var(--theme-line);
  border-radius: var(--theme-radius);
  box-shadow: var(--theme-shadow-small);
}

html[data-theme] .workbench-page .forecast-disclosure[data-continuous] .forecast-panel {
  padding: 18px 20px 20px;
  background: var(--theme-secondary-surface);
  border: 0;
  border-radius: inherit;
}

html[data-theme="theme-7"] .workbench-page .forecast-disclosure[data-continuous] {
  background: #fffaf7;
  border-color: #efcbbc;
}

/* 经典主题的图片点缀。图片只承担情绪和层次，不遮挡工时与任务数据。 */
.theme-sidebar-illustration {
  position: relative;
  isolation: isolate;
  border: 1px solid var(--theme-line);
  box-shadow: var(--theme-shadow-small);
}

.theme-sidebar-illustration picture {
  display: block;
  width: 100%;
  height: 100%;
}

.theme-sidebar-illustration img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.theme-sidebar-illustration figcaption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  gap: 3px;
  padding: 32px 12px 11px;
  color: var(--theme-heading);
  background: linear-gradient(to bottom, transparent, color-mix(in srgb, var(--theme-surface) 96%, transparent) 42%);
}

.theme-sidebar-illustration figcaption strong {
  font-size: 11px;
  font-weight: 800;
}

.theme-sidebar-illustration figcaption span {
  color: var(--theme-ink-soft);
  font-size: 9px;
  line-height: 1.55;
}

.theme-planning-illustration {
  display: none;
  margin: 0;
}

html:is(
  [data-theme="theme-1"],
  [data-theme="theme-2"],
  [data-theme="theme-3"],
  [data-theme="theme-4"],
  [data-theme="theme-5"],
  [data-theme="theme-7"],
  [data-theme="theme-9"]
) .workbench-page .theme-sidebar-illustration {
  display: grid;
  width: 100%;
  aspect-ratio: 4 / 5;
}

/* 01 晨樱工作台：柔和花景和清晰卡片并存。 */
html[data-theme="theme-1"] .workbench-page {
  --theme-sidebar-width: 224px;
}

html[data-theme="theme-1"] .workbench-page .theme-sidebar {
  background:
    radial-gradient(circle at 18% 78%, rgba(244, 176, 195, 0.2), transparent 30%),
    rgba(255, 252, 253, 0.94);
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  border-radius: 0;
  box-shadow: inset -1px 0 0 var(--theme-line);
}

html[data-theme="theme-1"] .workbench-page .theme-sidebar-illustration {
  background: #fff7f9;
  border-color: #efd4dd;
}

html[data-theme="theme-1"] .workbench-page .summary-board {
  background:
    radial-gradient(circle at 92% 12%, rgba(244, 183, 200, 0.18), transparent 20%),
    var(--theme-panel-background);
}

html[data-theme="theme-1"] .workbench-page .metric-card:nth-child(3) {
  background: linear-gradient(145deg, #fff7fa, #fde9ef);
}

/* 02 鼠尾草日光：植物质感贯穿侧栏和差额卡片。 */
html[data-theme="theme-2"] .workbench-page {
  --theme-sidebar-width: 226px;
}

html[data-theme="theme-2"] .workbench-page .theme-sidebar {
  background: linear-gradient(180deg, rgba(252, 253, 249, 0.98), rgba(241, 246, 237, 0.94));
  border-color: #dce6d7;
}

html[data-theme="theme-2"] .workbench-page .theme-sidebar-illustration {
  background: #f3f6ef;
  border-color: #d3dfcd;
}

html[data-theme="theme-2"] .workbench-page .metric-primary {
  background: linear-gradient(145deg, #e8f0e4, #f8faf6);
  border-color: #d4e0ce;
}

html[data-theme="theme-2"] .workbench-page .metric-card:nth-child(3)::after {
  display: block;
  right: -6px;
  bottom: -12px;
  width: 106px;
  height: 122px;
  opacity: 0.16;
  pointer-events: none;
  background: url("assets/themes/theme-2/focus-vignette.webp") 55% 56% / cover no-repeat;
  border-radius: 22px 0 0 0;
}

html[data-theme="theme-2"] .workbench-page .metric-card:nth-child(3) > * {
  position: relative;
  z-index: 1;
}

/* 03 薰衣草轻盈：紫色主卡与植物插画形成明确焦点。 */
html[data-theme="theme-3"] .workbench-page {
  --theme-sidebar-width: 232px;
}

html[data-theme="theme-3"] .workbench-page .theme-sidebar {
  background:
    radial-gradient(circle at 14% 12%, rgba(146, 116, 235, 0.16), transparent 26%),
    rgba(250, 248, 255, 0.86);
  border-color: #dfd9f3;
  backdrop-filter: blur(18px);
}

html[data-theme="theme-3"] .workbench-page .theme-sidebar-illustration {
  background: #f3f0ff;
  border-color: #d8cff1;
}

html[data-theme="theme-3"] .workbench-page .summary-board {
  border-color: #ddd5f1;
  box-shadow: 0 18px 44px rgba(83, 61, 151, 0.1);
}

html[data-theme="theme-3"] .workbench-page .metric-card:nth-child(2)::after {
  display: block;
  right: -8px;
  bottom: -18px;
  width: 108px;
  height: 128px;
  opacity: 0.13;
  pointer-events: none;
  background: url("assets/themes/theme-3/focus-vignette.webp") 62% 58% / cover no-repeat;
  border-radius: 28px 0 0;
}

html[data-theme="theme-3"] .workbench-page .metric-card:nth-child(2) > * {
  position: relative;
  z-index: 1;
}

/* 04 珊瑚效率台：使用横向清单插画，减少装饰性圆点。 */
html[data-theme="theme-4"] .workbench-page {
  --theme-sidebar-width: 214px;
}

html[data-theme="theme-4"] .workbench-page .theme-sidebar {
  background: linear-gradient(180deg, #fffdfb, #fff4ef);
  border-color: #eed6cc;
}

html[data-theme="theme-4"] .workbench-page .theme-sidebar-illustration {
  aspect-ratio: 5 / 4;
  background: #fff4ee;
  border-color: #edcfc3;
}

html[data-theme="theme-4"] .workbench-page .theme-sidebar-illustration figcaption {
  padding-top: 38px;
}

html[data-theme="theme-4"] .workbench-page .metric-card:nth-child(3) {
  background: linear-gradient(145deg, #fff7f3, #ffe9e1);
}

html[data-theme="theme-4"] .workbench-page .metric-card:nth-child(3)::after {
  display: block;
  right: -8px;
  bottom: -16px;
  width: 112px;
  height: 96px;
  opacity: 0.17;
  pointer-events: none;
  background: url("assets/themes/theme-4/focus-vignette.webp") center / cover no-repeat;
  border-radius: 18px 0 0;
}

html[data-theme="theme-4"] .workbench-page .metric-card:nth-child(3) > * {
  position: relative;
  z-index: 1;
}

/* 05 玫瑰极简：保留大量留白，图片像水印而不是主视觉。 */
html[data-theme="theme-5"] .workbench-page {
  --theme-sidebar-width: 196px;
}

html[data-theme="theme-5"] .workbench-page .theme-sidebar {
  background: rgba(255, 255, 255, 0.92);
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  border-radius: 0;
  box-shadow: inset -1px 0 0 #e8e4e8;
}

html[data-theme="theme-5"] .workbench-page .theme-sidebar-index {
  color: #a83d51;
  background: transparent;
  border: 1px solid #e3c8cf;
}

html[data-theme="theme-5"] .workbench-page .theme-sidebar-illustration {
  opacity: 0.82;
  background: #ffffff;
  border-color: #ece8ec;
  box-shadow: none;
}

html[data-theme="theme-5"] .workbench-page .theme-sidebar-illustration figcaption {
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.98) 38%);
}

html[data-theme="theme-5"] .workbench-page .summary-board::before {
  width: 2px;
  background: var(--theme-accent);
}

/* 06 莓果玻璃：窄图标栏、人物头像和玻璃材质。 */
html[data-theme="theme-6"] .workbench-page .theme-sidebar {
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 108, 164, 0.32), transparent 34%),
    radial-gradient(circle at 86% 72%, rgba(139, 110, 225, 0.3), transparent 36%),
    rgba(255, 255, 255, 0.48);
  border-color: rgba(223, 202, 233, 0.82);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84), var(--theme-shadow-small);
  backdrop-filter: blur(22px) saturate(145%);
}

html[data-theme="theme-6"] .workbench-page .theme-sidebar-illustration {
  display: block;
  width: 62px;
  aspect-ratio: 1;
  margin-top: auto;
  overflow: hidden;
  background: #f9e8f1;
  border: 2px solid rgba(255, 255, 255, 0.86);
  border-radius: 50%;
  box-shadow: 0 10px 24px rgba(154, 58, 119, 0.2);
}

html[data-theme="theme-6"] .workbench-page .theme-sidebar-illustration figcaption {
  display: none;
}

html[data-theme="theme-6"] .workbench-page .summary-board,
html[data-theme="theme-6"] .workbench-page :is(#completionView, #planningView) {
  border-color: rgba(228, 211, 236, 0.88);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 20px 48px rgba(112, 62, 128, 0.1);
}

html[data-theme="theme-6"] .workbench-page .metric-card:nth-child(2)::after {
  right: -16px;
  bottom: -26px;
  width: 114px;
  height: 114px;
  background: linear-gradient(145deg, rgba(255, 96, 158, 0.22), rgba(135, 112, 225, 0.2));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74);
}

/* 07 杏桃暖阳已确认，保持原有构图与图片内容。 */
html[data-theme="theme-7"] .workbench-page .theme-sidebar-illustration {
  display: block;
  aspect-ratio: auto;
  background: #fff8f2;
  border: 0;
  box-shadow: none;
}

html[data-theme="theme-7"] .workbench-page .theme-sidebar-illustration picture,
html[data-theme="theme-7"] .workbench-page .theme-sidebar-illustration img {
  height: auto;
  object-fit: contain;
}

html[data-theme="theme-7"] .workbench-page .theme-sidebar-illustration figcaption {
  display: none;
}

/* 08 薄荷云朵：恢复窄图标栏，并在低频规划区使用清单插画。 */
html[data-theme="theme-8"] .workbench-page {
  --theme-sidebar-width: 88px;
}

html[data-theme="theme-8"] .workbench-page .app-shell {
  display: grid;
  grid-template-columns: var(--theme-sidebar-width) minmax(0, 1fr);
  align-items: start;
  gap: 0 18px;
}

html[data-theme="theme-8"] .workbench-page :is(.app-header, .storage-warning, .conflict-warning) {
  grid-column: 1 / -1;
}

html[data-theme="theme-8"] .workbench-page main {
  display: block;
  min-width: 0;
  grid-column: 2;
}

html[data-theme="theme-8"] .workbench-page .theme-sidebar {
  position: sticky;
  top: 12px;
  display: flex;
  grid-column: 1;
  grid-row: 2;
  min-height: calc(100vh - 82px);
  max-height: calc(100vh - 24px);
  align-items: center;
  align-self: start;
  flex-direction: column;
  gap: 12px;
  overflow: hidden;
  padding: 10px 8px;
  background:
    radial-gradient(circle at 28% 12%, rgba(111, 225, 197, 0.28), transparent 28%),
    radial-gradient(circle at 82% 76%, rgba(156, 132, 229, 0.24), transparent 30%),
    rgba(251, 255, 254, 0.76);
  border: 1px solid #d7ebe6;
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(58, 111, 101, 0.08);
  backdrop-filter: blur(18px);
}

html[data-theme="theme-8"] .workbench-page .theme-sidebar-link {
  grid-template-columns: 1fr;
  justify-items: center;
  padding-inline: 5px;
}

html[data-theme="theme-8"] .workbench-page .theme-sidebar-link > span:last-child,
html[data-theme="theme-8"] .workbench-page .theme-sidebar-summary {
  display: none;
}

html[data-theme="theme-8"] .workbench-page .theme-sidebar-illustration {
  display: block;
  width: 66px;
  aspect-ratio: 1;
  margin-top: auto;
  overflow: hidden;
  background: #effbf8;
  border-color: rgba(177, 218, 208, 0.92);
  border-radius: 16px;
  box-shadow: 0 9px 22px rgba(78, 126, 116, 0.12);
}

html[data-theme="theme-8"] .workbench-page .theme-sidebar-illustration figcaption {
  display: none;
}

html[data-theme="theme-8"] .workbench-page .workspace-tabs {
  display: none;
}

html[data-theme="theme-8"] .workbench-page .workspace-panel {
  margin-top: 14px;
  overflow: visible;
  background: transparent;
  border: 0;
  box-shadow: none;
}

html[data-theme="theme-8"] .workbench-page .workspace-grid-progress {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 14px;
  overflow: visible;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

html[data-theme="theme-8"] .workbench-page :is(#completionView, #planningView) {
  overflow: hidden;
  background: var(--theme-panel-background);
  border: 1px solid var(--theme-line);
  border-radius: var(--theme-radius);
  box-shadow: var(--theme-shadow-small);
}

html[data-theme="theme-8"] .workbench-page .app-footer {
  grid-column: 2;
}

html[data-theme="theme-8"] .workbench-page .planning-panel {
  position: relative;
}

html[data-theme="theme-8"] .workbench-page .recommendation-heading {
  min-height: 118px;
  padding-right: 190px;
}

html[data-theme="theme-8"] .workbench-page .theme-planning-illustration {
  position: absolute;
  top: 14px;
  right: 20px;
  display: block;
  width: 166px;
  aspect-ratio: 5 / 4;
  overflow: hidden;
  background: #f3fcfa;
  border: 1px solid #d7ebe6;
  border-radius: 14px;
  box-shadow: 0 9px 24px rgba(78, 126, 116, 0.09);
}

html[data-theme="theme-8"] .workbench-page .theme-planning-illustration img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

html[data-theme="theme-8"] .workbench-page .metric-card:nth-child(3) {
  background: linear-gradient(145deg, #effbf8, #f3efff);
}

/* 09 樱粉专注：花束静物与玫瑰卡片共同强化专注感。 */
html[data-theme="theme-9"] .workbench-page {
  --theme-sidebar-width: 226px;
}

html[data-theme="theme-9"] .workbench-page .theme-sidebar {
  background: linear-gradient(180deg, rgba(255, 253, 254, 0.97), rgba(255, 244, 248, 0.94));
  border-color: #ebd5dd;
}

html[data-theme="theme-9"] .workbench-page .theme-sidebar-illustration {
  background: #fff5f8;
  border-color: #e9ccd6;
}

html[data-theme="theme-9"] .workbench-page .metric-primary {
  background: linear-gradient(145deg, #f9dfe7, #fff8fa);
}

html[data-theme="theme-9"] .workbench-page .metric-card:nth-child(3)::after {
  display: block;
  right: -10px;
  bottom: -18px;
  width: 112px;
  height: 126px;
  opacity: 0.16;
  pointer-events: none;
  background: url("assets/themes/theme-9/focus-vignette.webp") 58% 58% / cover no-repeat;
  border-radius: 26px 0 0;
}

html[data-theme="theme-9"] .workbench-page .metric-card:nth-child(3) > * {
  position: relative;
  z-index: 1;
}

@media (prefers-reduced-transparency: reduce) {
  html:is([data-theme="theme-3"], [data-theme="theme-6"], [data-theme="theme-8"]) .workbench-page :is(.panel, .theme-sidebar) {
    background-color: var(--theme-surface);
    backdrop-filter: none;
  }
}

/* 10-20 场景主题：用一层基础色板映射现有语义令牌，避免复制组件规则。 */
html:is(
  [data-theme="theme-10"],
  [data-theme="theme-11"],
  [data-theme="theme-12"],
  [data-theme="theme-13"],
  [data-theme="theme-14"],
  [data-theme="theme-15"],
  [data-theme="theme-16"],
  [data-theme="theme-17"],
  [data-theme="theme-18"],
  [data-theme="theme-19"],
  [data-theme="theme-20"],
  [data-theme="theme-21"]
) .workbench-page {
  --theme-paper: var(--scene-canvas);
  --theme-paper-deep: var(--scene-canvas-deep);
  --theme-surface: var(--scene-surface);
  --theme-surface-strong: var(--scene-surface-strong);
  --theme-ink: var(--scene-ink);
  --theme-ink-soft: var(--scene-ink-soft);
  --theme-muted: var(--scene-muted);
  --theme-heading: var(--scene-ink);
  --theme-line: var(--scene-line);
  --theme-line-strong: var(--scene-line-strong);
  --theme-accent: var(--scene-accent);
  --theme-accent-dark: var(--scene-accent-strong);
  --theme-accent-strong: var(--scene-accent-strong);
  --theme-accent-soft: var(--scene-accent-soft);
  --theme-success: var(--scene-success);
  --theme-success-soft: var(--scene-success-soft);
  --theme-text: var(--scene-ink);
  --theme-page-background: var(--scene-page-background);
  --theme-texture: var(--scene-texture, none);
  --theme-texture-size: var(--scene-texture-size, auto);
  --theme-texture-opacity: var(--scene-texture-opacity, 0);
  --theme-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Microsoft YaHei UI", sans-serif;
  --theme-display-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei UI", sans-serif;
  --theme-number-font: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Roboto Mono", monospace;
  --font-body: var(--theme-font);
  --font-display: var(--theme-display-font);
  --font-number: var(--theme-number-font);
  --theme-radius: var(--scene-radius, 8px);
  --theme-radius-small: var(--scene-radius-small, 6px);
  --theme-shadow: var(--scene-shadow, none);
  --theme-shadow-small: var(--scene-shadow-small, none);
  --theme-backdrop: var(--scene-backdrop, none);
  --theme-logo-background: var(--scene-accent);
  --theme-logo-ink: var(--scene-on-accent);
  --theme-logo-border: 1px solid color-mix(in srgb, var(--scene-accent) 72%, var(--scene-line));
  --theme-logo-radius: var(--scene-logo-radius, var(--scene-radius-small, 6px));
  --theme-logo-shadow: var(--scene-shadow-small, none);
  --theme-title-size: 22px;
  --theme-title-weight: var(--scene-title-weight, 760);
  --theme-title-spacing: var(--scene-title-spacing, -0.025em);
  --theme-control-ink: var(--scene-ink-soft);
  --theme-control-background: var(--scene-surface);
  --theme-control-border: var(--scene-line-strong);
  --theme-control-radius: var(--scene-control-radius, var(--scene-radius-small, 6px));
  --theme-control-shadow: var(--scene-control-shadow, none);
  --theme-panel-background: var(--scene-panel);
  --theme-summary-kicker-background: color-mix(in srgb, var(--scene-accent-soft) 64%, var(--scene-surface));
  --theme-kicker-width: var(--scene-kicker-width, 3px);
  --theme-metric-background: var(--scene-surface);
  --theme-primary-metric-background: linear-gradient(145deg, var(--scene-accent-soft), var(--scene-surface));
  --theme-primary-metric-ink: var(--scene-accent-strong);
  --theme-metric-size: var(--scene-metric-size, 30px);
  --theme-date-background: var(--scene-surface-strong);
  --theme-input-background: var(--scene-surface);
  --theme-input-border: var(--scene-line-strong);
  --theme-input-radius: var(--scene-input-radius, var(--scene-radius-small, 6px));
  --theme-input-shadow: var(--scene-input-shadow, inset 0 1px 2px color-mix(in srgb, var(--scene-ink) 5%, transparent));
  --theme-status-radius: var(--scene-status-radius, 999px);
  --theme-tab-background: var(--scene-surface);
  --theme-tab-hover: var(--scene-accent-soft);
  --theme-active-tab-background: var(--scene-accent-soft);
  --theme-active-tab-ink: var(--scene-accent-strong);
  --theme-import-background: var(--scene-accent-soft);
  --theme-import-ink: var(--scene-accent-strong);
  --theme-import-border: color-mix(in srgb, var(--scene-accent) 42%, var(--scene-line));
  --theme-import-hover-background: var(--scene-accent);
  --theme-import-hover-ink: var(--scene-on-accent);
  --theme-table-border: var(--scene-line);
  --theme-table-radius: var(--scene-table-radius, var(--scene-radius-small, 6px));
  --theme-table-shadow: var(--scene-table-shadow, none);
  --theme-table-head-background: var(--scene-surface-strong);
  --theme-table-head-ink: var(--scene-ink-soft);
  --theme-row-background: var(--scene-surface);
  --theme-row-hover: color-mix(in srgb, var(--scene-accent-soft) 58%, var(--scene-surface));
  --theme-row-border: var(--scene-line);
  --theme-row-ink: var(--scene-ink);
  --theme-category-ink: var(--scene-category-ink);
  --theme-category-background: linear-gradient(90deg, var(--scene-accent-soft), var(--scene-surface-strong));
  --theme-chip-background: color-mix(in srgb, var(--scene-line) 48%, var(--scene-surface));
  --theme-chip-ink: var(--scene-ink-soft);
  --theme-chip-radius: var(--scene-chip-radius, var(--scene-radius-small, 6px));
  --theme-action-background: var(--scene-surface);
  --theme-action-border: color-mix(in srgb, var(--scene-accent) 56%, var(--scene-line));
  --theme-action-radius: var(--scene-control-radius, var(--scene-radius-small, 6px));
  --theme-action-hover-background: var(--scene-accent);
  --theme-action-hover-ink: var(--scene-on-accent);
  --theme-secondary-surface: var(--scene-surface-strong);
  --theme-soft-surface: var(--scene-accent-soft);
  --warning: var(--scene-warning);
  --warning-soft: var(--scene-warning-soft);
  --danger: var(--scene-danger);
}

/* 10 冰原蓝图：白天扫读与管理复盘，冷静、清楚、像一张执行蓝图。 */
html[data-theme="theme-10"] .workbench-page {
  --scene-canvas: #eff3f8;
  --scene-canvas-deep: #e5eaf1;
  --scene-surface: #fbfcfe;
  --scene-surface-strong: #f4f7fb;
  --scene-panel: rgba(251, 252, 254, 0.96);
  --scene-ink: #172033;
  --scene-category-ink: #1b45ae;
  --scene-ink-soft: #43516a;
  --scene-muted: #5a687b;
  --scene-line: #d7dee8;
  --scene-line-strong: #7a889c;
  --scene-accent: #2457d6;
  --scene-accent-strong: #1b45ae;
  --scene-accent-soft: #dfe8fb;
  --scene-on-accent: #f8fafc;
  --scene-success: #1d754f;
  --scene-success-soft: #ddf1e7;
  --scene-warning: #8a5700;
  --scene-warning-soft: #fff0c9;
  --scene-danger: #b42318;
  --scene-page-background: linear-gradient(145deg, rgba(36, 87, 214, 0.055), transparent 30rem), #eff3f8;
  --scene-texture: linear-gradient(rgba(36, 87, 214, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(36, 87, 214, 0.07) 1px, transparent 1px);
  --scene-texture-size: 24px 24px;
  --scene-texture-opacity: 0.26;
  --scene-radius: 8px;
  --scene-radius-small: 5px;
  --scene-shadow: 0 16px 40px rgba(37, 55, 88, 0.09);
  --scene-shadow-small: 0 6px 18px rgba(37, 55, 88, 0.07);
  --scene-backdrop: none;
  --scene-logo-radius: 6px;
  --scene-control-radius: 5px;
  --scene-input-radius: 4px;
  --scene-table-radius: 5px;
  --scene-chip-radius: 4px;
  --scene-kicker-width: 4px;
  --theme-sidebar-width: 212px;
}

/* 11 石墨琥珀：夜班值守与键盘高频操作，哑光控制台降低眩光。 */
html[data-theme="theme-11"] .workbench-page {
  --scene-canvas: #171a1f;
  --scene-canvas-deep: #111419;
  --scene-surface: #23272e;
  --scene-surface-strong: #2a3038;
  --scene-panel: #20242a;
  --scene-ink: #f1f3f5;
  --scene-category-ink: #f6c861;
  --scene-ink-soft: #c1c7d0;
  --scene-muted: #a6afba;
  --scene-line: #3a414b;
  --scene-line-strong: #727c89;
  --scene-accent: #f2b84b;
  --scene-accent-strong: #f6c861;
  --scene-accent-soft: #3b321e;
  --scene-on-accent: #1d1a12;
  --scene-success: #5ec28a;
  --scene-success-soft: #173a2a;
  --scene-warning: #f7c966;
  --scene-warning-soft: #3d311a;
  --scene-danger: #ff8f8f;
  --scene-page-background: linear-gradient(150deg, rgba(242, 184, 75, 0.045), transparent 32rem), #171a1f;
  --scene-texture: linear-gradient(rgba(241, 243, 245, 0.035) 1px, transparent 1px);
  --scene-texture-size: 100% 28px;
  --scene-texture-opacity: 0.2;
  --scene-radius: 6px;
  --scene-radius-small: 4px;
  --scene-shadow: 0 18px 44px rgba(0, 0, 0, 0.3);
  --scene-shadow-small: 0 7px 20px rgba(0, 0, 0, 0.24);
  --scene-backdrop: none;
  --scene-logo-radius: 4px;
  --scene-control-radius: 4px;
  --scene-input-radius: 3px;
  --scene-table-radius: 4px;
  --scene-chip-radius: 3px;
  --scene-title-weight: 720;
  --theme-sidebar-width: 150px;
}

/* 12 深海夜航：晚间长时间录入，用深蓝层级代替纯黑。 */
html[data-theme="theme-12"] .workbench-page {
  --scene-canvas: #071821;
  --scene-canvas-deep: #051219;
  --scene-surface: #102630;
  --scene-surface-strong: #14313d;
  --scene-panel: #0e222b;
  --scene-ink: #e8f6fa;
  --scene-category-ink: #74d5fb;
  --scene-ink-soft: #b7ccd2;
  --scene-muted: #93adb4;
  --scene-line: #28434e;
  --scene-line-strong: #577f8e;
  --scene-accent: #38bdf8;
  --scene-accent-strong: #74d5fb;
  --scene-accent-soft: #103b4b;
  --scene-on-accent: #041319;
  --scene-success: #45c18a;
  --scene-success-soft: #123a2c;
  --scene-warning: #f5c85b;
  --scene-warning-soft: #3a3018;
  --scene-danger: #ff8a9b;
  --scene-page-background: linear-gradient(155deg, rgba(56, 189, 248, 0.055), transparent 34rem), #071821;
  --scene-texture: radial-gradient(rgba(116, 213, 251, 0.1) 0.6px, transparent 0.6px);
  --scene-texture-size: 20px 20px;
  --scene-texture-opacity: 0.24;
  --scene-radius: 10px;
  --scene-radius-small: 7px;
  --scene-shadow: 0 18px 46px rgba(0, 7, 11, 0.36);
  --scene-shadow-small: 0 7px 22px rgba(0, 7, 11, 0.28);
  --scene-backdrop: none;
  --scene-logo-radius: 8px;
  --scene-control-radius: 7px;
  --scene-input-radius: 6px;
  --scene-table-radius: 7px;
  --scene-chip-radius: 6px;
  --theme-sidebar-width: 214px;
}

/* 13 铅字红标：审核与流程核对，规则线比阴影更重要。 */
html[data-theme="theme-13"] .workbench-page {
  --scene-canvas: #f2f1ed;
  --scene-canvas-deep: #e7e5de;
  --scene-surface: #fbfbf8;
  --scene-surface-strong: #f5f4ef;
  --scene-panel: #fbfbf8;
  --scene-ink: #201f1c;
  --scene-category-ink: #8f1c13;
  --scene-ink-soft: #4f4b45;
  --scene-muted: #67625b;
  --scene-line: #ddd9d0;
  --scene-line-strong: #938c80;
  --scene-accent: #b42318;
  --scene-accent-strong: #8f1c13;
  --scene-accent-soft: #f7e3dd;
  --scene-on-accent: #fff8f5;
  --scene-success: #28734e;
  --scene-success-soft: #e2f0e8;
  --scene-warning: #875400;
  --scene-warning-soft: #f9ebc8;
  --scene-danger: #a52d4a;
  --scene-page-background: #f2f1ed;
  --scene-texture: repeating-linear-gradient(to bottom, rgba(32, 31, 28, 0.045) 0, rgba(32, 31, 28, 0.045) 1px, transparent 1px, transparent 26px);
  --scene-texture-size: 100% 26px;
  --scene-texture-opacity: 0.2;
  --scene-radius: 2px;
  --scene-radius-small: 2px;
  --scene-shadow: none;
  --scene-shadow-small: none;
  --scene-backdrop: none;
  --scene-logo-radius: 2px;
  --scene-control-radius: 2px;
  --scene-input-radius: 2px;
  --scene-table-radius: 2px;
  --scene-chip-radius: 2px;
  --scene-status-radius: 2px;
  --scene-title-weight: 820;
  --scene-kicker-width: 5px;
}

/* 14 电子墨水：长时间阅读与录入，去除透明、渐变和悬浮感。 */
html[data-theme="theme-14"] .workbench-page {
  --scene-canvas: #ecede8;
  --scene-canvas-deep: #e0e2dc;
  --scene-surface: #f8f9f4;
  --scene-surface-strong: #f0f2ec;
  --scene-panel: #f8f9f4;
  --scene-ink: #171a17;
  --scene-category-ink: #2e6b4c;
  --scene-ink-soft: #464b46;
  --scene-muted: #606660;
  --scene-line: #d1d4cb;
  --scene-line-strong: #858c81;
  --scene-accent: #343a40;
  --scene-accent-strong: #2b3035;
  --scene-accent-soft: #e0e3dd;
  --scene-on-accent: #f8f9f4;
  --scene-success: #2e6b4c;
  --scene-success-soft: #deece3;
  --scene-warning: #775018;
  --scene-warning-soft: #eee6cf;
  --scene-danger: #9b302b;
  --scene-page-background: #ecede8;
  --scene-texture: none;
  --scene-texture-size: auto;
  --scene-texture-opacity: 0;
  --scene-radius: 4px;
  --scene-radius-small: 3px;
  --scene-shadow: none;
  --scene-shadow-small: none;
  --scene-backdrop: none;
  --scene-logo-radius: 3px;
  --scene-control-radius: 3px;
  --scene-input-radius: 2px;
  --scene-table-radius: 3px;
  --scene-chip-radius: 3px;
  --scene-status-radius: 4px;
  --scene-title-weight: 720;
  --scene-title-spacing: -0.01em;
}

/* 15 松林金线：主管规划与长时专注，深松绿提供稳定感。 */
html[data-theme="theme-15"] .workbench-page {
  --scene-canvas: #0f1d19;
  --scene-canvas-deep: #0a1512;
  --scene-surface: #192a25;
  --scene-surface-strong: #20332d;
  --scene-panel: #172621;
  --scene-ink: #edf3ef;
  --scene-category-ink: #efc96e;
  --scene-ink-soft: #bbcbc1;
  --scene-muted: #9eb3a7;
  --scene-line: #344b42;
  --scene-line-strong: #617f73;
  --scene-accent: #e0b44c;
  --scene-accent-strong: #efc96e;
  --scene-accent-soft: #3a321f;
  --scene-on-accent: #1a160b;
  --scene-success: #55c58a;
  --scene-success-soft: #173c2c;
  --scene-warning: #f0ca73;
  --scene-warning-soft: #3c321d;
  --scene-danger: #ff9790;
  --scene-page-background: linear-gradient(145deg, rgba(224, 180, 76, 0.045), transparent 30rem), #0f1d19;
  --scene-texture: radial-gradient(rgba(237, 243, 239, 0.07) 0.55px, transparent 0.55px);
  --scene-texture-size: 22px 22px;
  --scene-texture-opacity: 0.2;
  --scene-radius: 8px;
  --scene-radius-small: 6px;
  --scene-shadow: 0 18px 44px rgba(0, 8, 5, 0.32);
  --scene-shadow-small: 0 7px 20px rgba(0, 8, 5, 0.25);
  --scene-backdrop: none;
  --scene-logo-radius: 6px;
  --scene-control-radius: 6px;
  --scene-input-radius: 5px;
  --scene-table-radius: 6px;
  --scene-chip-radius: 5px;
  --theme-sidebar-width: 218px;
}

/* 16 工业黄标：大量任务的快速录入，用粗描边和明确当前项降低误操作。 */
html[data-theme="theme-16"] .workbench-page {
  --scene-canvas: #e9ebe8;
  --scene-canvas-deep: #dde0dc;
  --scene-surface: #f8f9f6;
  --scene-surface-strong: #f0f2ee;
  --scene-panel: #f7f8f5;
  --scene-ink: #20231f;
  --scene-category-ink: #765000;
  --scene-ink-soft: #4b514a;
  --scene-muted: #5f655e;
  --scene-line: #cfd3cd;
  --scene-line-strong: #777f76;
  --scene-accent: #b77900;
  --scene-accent-strong: #765000;
  --scene-accent-soft: #f3e1b3;
  --scene-on-accent: #17130a;
  --scene-success: #276749;
  --scene-success-soft: #deece3;
  --scene-warning: #765000;
  --scene-warning-soft: #f3e1b3;
  --scene-danger: #a52d27;
  --scene-page-background: linear-gradient(135deg, rgba(32, 35, 31, 0.035), transparent 26rem), #e9ebe8;
  --scene-texture: linear-gradient(rgba(32, 35, 31, 0.045) 1px, transparent 1px);
  --scene-texture-size: 100% 32px;
  --scene-texture-opacity: 0.22;
  --scene-radius: 4px;
  --scene-radius-small: 3px;
  --scene-shadow: none;
  --scene-shadow-small: none;
  --scene-backdrop: none;
  --scene-logo-radius: 3px;
  --scene-control-radius: 3px;
  --scene-input-radius: 2px;
  --scene-table-radius: 3px;
  --scene-chip-radius: 2px;
  --scene-status-radius: 3px;
  --scene-title-weight: 820;
  --scene-kicker-width: 5px;
  --theme-sidebar-width: 154px;
}

/* 17 磷光终端：技术型重度用户的克制终端语言，不使用霓虹外发光。 */
html[data-theme="theme-17"] .workbench-page {
  --scene-canvas: #090d0a;
  --scene-canvas-deep: #060906;
  --scene-surface: #121813;
  --scene-surface-strong: #182019;
  --scene-panel: #101611;
  --scene-ink: #dde8dc;
  --scene-category-ink: #c8f27a;
  --scene-ink-soft: #abb8ab;
  --scene-muted: #8e9d8f;
  --scene-line: #2a362c;
  --scene-line-strong: #607862;
  --scene-accent: #b6e35e;
  --scene-accent-strong: #c8f27a;
  --scene-accent-soft: #26331a;
  --scene-on-accent: #111508;
  --scene-success: #4fc17a;
  --scene-success-soft: #173521;
  --scene-warning: #f0c85d;
  --scene-warning-soft: #342d17;
  --scene-danger: #ff8f91;
  --scene-page-background: #090d0a;
  --scene-texture: linear-gradient(rgba(182, 227, 94, 0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(182, 227, 94, 0.055) 1px, transparent 1px);
  --scene-texture-size: 28px 28px;
  --scene-texture-opacity: 0.23;
  --scene-radius: 2px;
  --scene-radius-small: 1px;
  --scene-shadow: none;
  --scene-shadow-small: none;
  --scene-backdrop: none;
  --scene-logo-radius: 1px;
  --scene-control-radius: 1px;
  --scene-input-radius: 1px;
  --scene-table-radius: 1px;
  --scene-chip-radius: 1px;
  --scene-status-radius: 2px;
  --scene-title-weight: 680;
  --scene-title-spacing: 0;
  --theme-display-font: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Roboto Mono", "PingFang SC", sans-serif;
  --theme-sidebar-width: 148px;
}

/* 18 沙岩蓝印：策划与创意运营，在暖纸面上使用单一钴蓝操作色。 */
html[data-theme="theme-18"] .workbench-page {
  --scene-canvas: #e7e0d2;
  --scene-canvas-deep: #dad1c0;
  --scene-surface: #f7f3ea;
  --scene-surface-strong: #f0eadf;
  --scene-panel: rgba(247, 243, 234, 0.97);
  --scene-ink: #2a2925;
  --scene-category-ink: #1b3d99;
  --scene-ink-soft: #56524b;
  --scene-muted: #625b52;
  --scene-line: #d5cbbb;
  --scene-line-strong: #8f806b;
  --scene-accent: #244ebf;
  --scene-accent-strong: #1b3d99;
  --scene-accent-soft: #dfe6f8;
  --scene-on-accent: #f7f3ea;
  --scene-success: #357153;
  --scene-success-soft: #dfece4;
  --scene-warning: #805300;
  --scene-warning-soft: #f4e7c8;
  --scene-danger: #a63d33;
  --scene-page-background: linear-gradient(150deg, rgba(36, 78, 191, 0.045), transparent 28rem), #e7e0d2;
  --scene-texture: radial-gradient(rgba(42, 41, 37, 0.1) 0.5px, transparent 0.5px);
  --scene-texture-size: 17px 17px;
  --scene-texture-opacity: 0.12;
  --scene-radius: 10px;
  --scene-radius-small: 7px;
  --scene-shadow: 6px 7px 0 rgba(77, 66, 49, 0.08);
  --scene-shadow-small: 3px 4px 0 rgba(77, 66, 49, 0.07);
  --scene-backdrop: none;
  --scene-logo-radius: 8px;
  --scene-control-radius: 7px;
  --scene-input-radius: 6px;
  --scene-table-radius: 7px;
  --scene-chip-radius: 6px;
  --scene-title-weight: 760;
}

/* 19 暮云低光：傍晚持续工作，降低亮度但保留足够层级与文字对比。 */
html[data-theme="theme-19"] .workbench-page {
  --scene-canvas: #20242a;
  --scene-canvas-deep: #191d22;
  --scene-surface: #2a3038;
  --scene-surface-strong: #303843;
  --scene-panel: #272d35;
  --scene-ink: #e5e9ef;
  --scene-category-ink: #79baff;
  --scene-ink-soft: #bec6d0;
  --scene-muted: #9fa9b5;
  --scene-line: #434d59;
  --scene-line-strong: #6c7a8b;
  --scene-accent: #7fa7d8;
  --scene-accent-strong: #afcbed;
  --scene-accent-soft: #303e50;
  --scene-on-accent: #141821;
  --scene-success: #69be93;
  --scene-success-soft: #234033;
  --scene-warning: #e5bd64;
  --scene-warning-soft: #3b321f;
  --scene-danger: #f18d98;
  --scene-page-background: linear-gradient(155deg, rgba(127, 167, 216, 0.05), transparent 32rem), #20242a;
  --scene-texture: radial-gradient(rgba(229, 233, 239, 0.07) 0.55px, transparent 0.55px);
  --scene-texture-size: 21px 21px;
  --scene-texture-opacity: 0.17;
  --scene-radius: 12px;
  --scene-radius-small: 9px;
  --scene-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 18px 44px rgba(5, 8, 12, 0.25);
  --scene-shadow-small: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 7px 20px rgba(5, 8, 12, 0.2);
  --scene-backdrop: none;
  --scene-logo-radius: 10px;
  --scene-control-radius: 9px;
  --scene-input-radius: 8px;
  --scene-table-radius: 9px;
  --scene-chip-radius: 8px;
  --scene-title-weight: 710;
  --theme-sidebar-width: 220px;
}

/* 20 黑白校准：高辨识基准，只让蓝色出现在交互和焦点上。 */
html[data-theme="theme-20"] .workbench-page {
  --scene-canvas: #f4f5f6;
  --scene-canvas-deep: #e7e9ec;
  --scene-surface: #fcfcfb;
  --scene-surface-strong: #f6f7f8;
  --scene-panel: #fcfcfb;
  --scene-ink: #111418;
  --scene-category-ink: #00458f;
  --scene-ink-soft: #3f4852;
  --scene-muted: #59636e;
  --scene-line: #c4c9cf;
  --scene-line-strong: #7d8793;
  --scene-accent: #0057b8;
  --scene-accent-strong: #00458f;
  --scene-accent-soft: #dbe9f7;
  --scene-on-accent: #f8fafc;
  --scene-success: #11643b;
  --scene-success-soft: #dcece3;
  --scene-warning: #744c00;
  --scene-warning-soft: #f5e7bb;
  --scene-danger: #9f241f;
  --scene-page-background: #f4f5f6;
  --scene-texture: none;
  --scene-texture-size: auto;
  --scene-texture-opacity: 0;
  --scene-radius: 4px;
  --scene-radius-small: 2px;
  --scene-shadow: none;
  --scene-shadow-small: none;
  --scene-backdrop: none;
  --scene-logo-radius: 2px;
  --scene-control-radius: 2px;
  --scene-input-radius: 2px;
  --scene-table-radius: 0;
  --scene-chip-radius: 2px;
  --scene-status-radius: 2px;
  --scene-title-weight: 820;
  --scene-title-spacing: -0.012em;
  --scene-kicker-width: 5px;
}

/* 21 表格文档：以企业电子表格的浅色网格为基础，只服务桌面端高密度操作。 */
html[data-theme="theme-21"] .workbench-page {
  --scene-canvas: #f5f6f7;
  --scene-canvas-deep: #eceef1;
  --scene-surface: #ffffff;
  --scene-surface-strong: #f7f8fa;
  --scene-panel: #ffffff;
  --scene-ink: #1f2329;
  --scene-category-ink: #123487;
  --scene-ink-soft: #3f4654;
  --scene-muted: #5f6673;
  --scene-line: #e2e6eb;
  --scene-line-strong: #8f959e;
  --scene-accent: #2458d6;
  --scene-accent-strong: #123487;
  --scene-accent-soft: #dfe8fb;
  --scene-on-accent: #ffffff;
  --scene-success: #11734a;
  --scene-success-soft: #dcefe6;
  --scene-warning: #7a4d00;
  --scene-warning-soft: #f4e8c6;
  --scene-danger: #b42318;
  --scene-page-background: #f5f6f7;
  --scene-texture: none;
  --scene-texture-size: auto;
  --scene-texture-opacity: 0;
  --scene-radius: 2px;
  --scene-radius-small: 0;
  --scene-shadow: none;
  --scene-shadow-small: none;
  --scene-backdrop: none;
  --scene-logo-radius: 2px;
  --scene-control-radius: 2px;
  --scene-input-radius: 0;
  --scene-table-radius: 0;
  --scene-chip-radius: 2px;
  --scene-status-radius: 2px;
  --scene-title-weight: 650;
  --scene-title-spacing: -0.01em;
  --scene-kicker-width: 0;
}

:root:is(
  [data-theme="theme-11"],
  [data-theme="theme-12"],
  [data-theme="theme-15"],
  [data-theme="theme-17"],
  [data-theme="theme-19"]
) {
  color-scheme: dark;
}

/* 场景侧栏布局：完整侧栏保留说明和今日进度，紧凑侧栏保留任务名称。 */
html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"]
) .workbench-page .app-shell {
  display: grid;
  grid-template-columns: var(--theme-sidebar-width, 210px) minmax(0, 1fr);
  align-items: start;
  gap: 0 18px;
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"]
) .workbench-page .app-header {
  grid-column: 1 / -1;
  grid-row: 1;
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"]
) .workbench-page .storage-warning {
  grid-column: 1 / -1;
  grid-row: 2;
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"]
) .workbench-page .conflict-warning {
  grid-column: 1 / -1;
  grid-row: 3;
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"]
) .workbench-page .theme-sidebar {
  position: sticky;
  top: 12px;
  display: flex;
  min-height: calc(100vh - 24px);
  max-height: calc(100vh - 24px);
  grid-column: 1;
  grid-row: 4;
  align-self: start;
  flex-direction: column;
  gap: 12px;
  overflow: auto;
  padding: 12px 10px;
  background: var(--theme-panel-background);
  border: 1px solid var(--theme-line);
  border-radius: var(--theme-radius);
  box-shadow: var(--theme-shadow-small);
  scrollbar-width: thin;
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"]
) .workbench-page main {
  display: block;
  min-width: 0;
  grid-column: 2;
  grid-row: 4;
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"]
) .workbench-page .workspace-tabs {
  display: none;
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"]
) .workbench-page .workspace-panel {
  margin-top: 14px;
  overflow: visible;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"]
) .workbench-page .workspace-grid-progress {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 14px;
  overflow: visible;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"]
) .workbench-page :is(#completionView, #planningView) {
  overflow: hidden;
  background: var(--theme-panel-background);
  border: 1px solid var(--theme-line);
  border-radius: var(--theme-radius);
  box-shadow: var(--theme-shadow-small);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"]
) .workbench-page .app-footer {
  grid-column: 2;
  grid-row: 5;
}

html[data-theme-layout="scenario-sidebar"] .workbench-page .theme-sidebar-summary {
  margin-top: auto;
}

html[data-theme-layout="scenario-rail"] .workbench-page .theme-sidebar {
  gap: 8px;
  padding-inline: 8px;
}

html[data-theme-layout="scenario-rail"] .workbench-page .theme-sidebar-link {
  min-height: 48px;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 7px;
  padding: 7px 8px;
}

html[data-theme-layout="scenario-rail"] .workbench-page .theme-sidebar-link small,
html[data-theme-layout="scenario-rail"] .workbench-page .theme-sidebar-summary {
  display: none;
}

html[data-theme-layout="top-tabs"] .workbench-page .theme-sidebar {
  display: none;
}

html[data-theme-layout="top-tabs"] .workbench-page .workspace-tabs {
  display: grid;
}

/* 场景主题让原生选择器跟随各自表面；深色主题另由 color-scheme 控制原生弹层。 */
html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .theme-picker select {
  color: var(--theme-ink);
  background: var(--theme-input-background);
  border-color: var(--theme-input-border);
}

/* 所有场景主题都让业务提示和弹窗表面跟随各自令牌。 */
html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page :is(
  .tree-search-empty,
  .company-import-date-picker,
  .company-token-form,
  .company-import-loading,
  .company-import-summary,
  .company-review-item,
  .company-media-placeholder,
  .company-match-status
) {
  color: var(--theme-ink-soft);
  background: var(--theme-surface-strong);
  border-color: var(--theme-line);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page :is(
  .company-mapping-table th,
  .company-evidence-row > td
) {
  background: var(--theme-surface-strong);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page :is(
  .company-review-evidence,
  .company-media-card,
  .quantity-source-event,
  .company-mapping-trigger,
  .company-mapping-dropdown,
  .company-mapping-search,
  .company-task-create-form,
  .company-task-create-form input,
  .company-task-create-form select
) {
  color: var(--theme-ink);
  background: var(--theme-surface);
  border-color: var(--theme-line-strong);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page :is(.quantity-source-button, .company-evidence-link) {
  color: var(--theme-accent-dark);
  background: var(--theme-accent-soft);
  border-color: var(--theme-line-strong);
}

/* 场景主题的按钮反馈必须延续本主题色，不能回落到旧版橙色或浅米色。 */
html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .button-primary {
  color: var(--theme-import-hover-ink);
  background: var(--theme-accent);
  border-color: var(--theme-accent-dark);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .button-primary:hover:not(:disabled) {
  color: var(--theme-import-hover-ink);
  background: var(--theme-accent-dark);
  border-color: var(--theme-accent-dark);
  box-shadow: var(--theme-shadow-small);
}

html[data-theme="theme-7"] .workbench-page .button-primary {
  color: #ffffff;
  background: #9f3f24;
  border-color: #7f2e19;
  box-shadow: 0 5px 0 #7f2e19;
}

html[data-theme="theme-7"] .workbench-page .button-primary:hover:not(:disabled) {
  color: #ffffff;
  background: #b94a29;
  border-color: #7f2e19;
}

html[data-theme] .workbench-page :is(
  .theme-sidebar-link small,
  .theme-sidebar-summary > strong small,
  .theme-sidebar-summary > div,
  .brand-note,
  .forecast-status-badge,
  .plan-forecast-badge,
  .task-alias,
  .standard-chip,
  .planning-task-choice small,
  .planning-limit-control > span,
  .recommendation-preferences > p,
  .recommendation-limit-summary,
  .plan-card-reason,
  .app-footer
) {
  font-size: 11px;
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .button-secondary {
  color: var(--theme-ink);
  background: var(--theme-surface);
  border-color: var(--theme-line-strong);
  box-shadow: var(--theme-shadow-small);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .button-secondary:hover:not(:disabled) {
  color: var(--theme-accent-dark);
  background: var(--theme-surface-strong);
  border-color: var(--theme-accent);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .button-ghost:hover:not(:disabled) {
  color: var(--theme-ink);
  background: var(--theme-surface-strong);
  border-color: var(--theme-line-strong);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .danger-ghost:hover:not(:disabled) {
  color: var(--danger);
  background: color-mix(in srgb, var(--danger) 12%, var(--theme-surface));
  border-color: color-mix(in srgb, var(--danger) 48%, var(--theme-line));
}

/* 保存状态与校验错误也使用主题表面，深色主题不出现固定浅底。 */
html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .date-controls .save-state {
  color: var(--theme-muted);
  background: var(--theme-surface-strong);
  border-color: var(--theme-line-strong);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .date-controls .save-state:is(.save-state-draft, .save-state-saving) {
  color: var(--warning);
  background: var(--warning-soft);
  border-color: color-mix(in srgb, var(--warning) 48%, var(--theme-line));
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .date-controls .save-state.save-state-saved {
  color: var(--theme-success);
  background: var(--theme-success-soft);
  border-color: color-mix(in srgb, var(--theme-success) 48%, var(--theme-line));
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .date-controls .save-state:is(.save-state-invalid, .save-state-error) {
  color: var(--danger);
  background: color-mix(in srgb, var(--danger) 12%, var(--theme-surface));
  border-color: color-mix(in srgb, var(--danger) 48%, var(--theme-line));
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page :is(
  input.is-invalid,
  .input-with-unit:has(input.is-invalid),
  .quantity-control:has(input.is-invalid),
  .planning-limit-control:has(input.is-invalid),
  .transfer-control:has(input.is-invalid)
) {
  border-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 10%, var(--theme-surface));
}

/* 展开的规划、推荐方案和执行中计划也必须完整消费主题令牌。 */
html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page :is(
  .tree-category-summary,
  .task-unit
) {
  color: var(--theme-muted);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .task-search-control input::placeholder {
  color: var(--theme-muted);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .planning-task-choice strong {
  color: var(--theme-ink);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .planning-priority-button {
  color: var(--theme-muted);
  background: var(--theme-surface);
  border-color: var(--theme-line);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page :is(
  .planning-priority-button:hover:not(:disabled),
  .planning-priority-button.is-preferred,
  .planning-task-option-common::after,
  .strategy-tag,
  #activePlanSection .combination-tag
) {
  color: var(--theme-accent-dark);
  background: var(--theme-accent-soft);
  border-color: color-mix(in srgb, var(--theme-accent) 48%, var(--theme-line));
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .planning-message {
  color: var(--theme-ink-soft);
  background: var(--theme-surface-strong);
  border-color: var(--theme-line-strong);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page :is(.planning-message-ready, .planning-message-success) {
  color: var(--theme-success);
  background: var(--theme-success-soft);
  border-color: color-mix(in srgb, var(--theme-success) 48%, var(--theme-line));
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .planning-message-warning {
  color: var(--warning);
  background: var(--warning-soft);
  border-color: color-mix(in srgb, var(--warning) 48%, var(--theme-line));
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .planning-message-invalid {
  color: var(--danger);
  background: color-mix(in srgb, var(--danger) 12%, var(--theme-surface));
  border-color: color-mix(in srgb, var(--danger) 48%, var(--theme-line));
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .plan-card {
  color: var(--theme-ink);
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--theme-accent-soft) 55%, transparent),
    transparent 48%
  ), var(--theme-panel-background);
  border-color: var(--theme-line-strong);
  border-radius: var(--theme-radius-small);
  box-shadow: var(--theme-shadow-small);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .plan-card::after {
  border-color: color-mix(in srgb, var(--theme-accent) 12%, transparent);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page :is(.plan-card-items > div, .plan-card-summary > div, .plan-card-forecast) {
  color: var(--theme-ink);
  background: var(--theme-surface-strong);
  border-color: var(--theme-line);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page :is(.plan-card-count, .plan-card-summary span, .plan-card-forecast > span) {
  color: var(--theme-muted);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page :is(.plan-card-items strong, .plan-card-summary strong) {
  color: var(--theme-accent-dark);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .plan-card-forecast.is-on-time {
  color: var(--theme-success);
  background: var(--theme-success-soft);
  border-color: color-mix(in srgb, var(--theme-success) 48%, var(--theme-line));
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .plan-card-forecast.is-late {
  color: var(--danger);
  background: color-mix(in srgb, var(--danger) 12%, var(--theme-surface));
  border-color: color-mix(in srgb, var(--danger) 48%, var(--theme-line));
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .plan-forecast-badge {
  color: var(--theme-success);
  background: var(--theme-success-soft);
  border-color: color-mix(in srgb, var(--theme-success) 48%, var(--theme-line));
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .active-plan-section {
  color: var(--theme-ink);
  background: linear-gradient(
    140deg,
    color-mix(in srgb, var(--theme-accent-soft) 44%, transparent),
    transparent 48%
  ), var(--theme-panel-background);
  border-color: var(--theme-line-strong);
  box-shadow: var(--theme-shadow-small);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page :is(.active-plan-summary > div, .active-plan-item) {
  color: var(--theme-ink);
  background: var(--theme-surface);
  border-color: var(--theme-line);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page :is(.active-plan-summary > div > span, .active-plan-item-info span) {
  color: var(--theme-muted);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .active-plan-summary > div > strong {
  color: var(--theme-accent-dark);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .active-plan-state {
  color: var(--theme-success);
  background: var(--theme-success-soft);
  border-color: color-mix(in srgb, var(--theme-success) 48%, var(--theme-line));
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page :is(.active-plan-state.is-extra, .active-plan-notice) {
  color: var(--warning);
  background: var(--warning-soft);
  border-color: color-mix(in srgb, var(--warning) 48%, var(--theme-line));
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page :is(.plan-limit-warning, .transfer-error) {
  color: var(--warning);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .transfer-error {
  color: var(--danger);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .transfer-control {
  color: var(--theme-ink);
  background: var(--theme-input-background);
  border-color: var(--theme-input-border);
  border-radius: var(--theme-input-radius);
  box-shadow: var(--theme-input-shadow);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .transfer-control input {
  color: var(--theme-ink);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .transfer-control span {
  color: var(--theme-muted);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .active-plan-item-controls input[data-transfer-input] {
  width: 98px;
  min-height: 36px;
  padding: 7px 8px;
  color: var(--theme-ink);
  background: var(--theme-input-background);
  border: 1px solid var(--theme-input-border);
  border-radius: var(--theme-input-radius);
  box-shadow: var(--theme-input-shadow);
  font-family: var(--font-number);
  font-size: 11px;
  font-weight: 800;
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .active-plan-item-controls input[data-transfer-input]:focus-visible {
  border-color: var(--theme-accent-strong);
  outline: 3px solid var(--theme-accent-strong);
  outline-offset: 2px;
  box-shadow: none;
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .active-plan-item-controls input[data-transfer-input].is-invalid {
  border-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 10%, var(--theme-surface));
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .transfer-button {
  color: var(--theme-import-hover-ink);
  background: var(--theme-accent);
  border-color: var(--theme-accent-dark);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .transfer-button:hover:not(:disabled) {
  color: var(--theme-import-hover-ink);
  background: var(--theme-accent-dark);
  border-color: var(--theme-accent-dark);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .active-plan-actions .button-ghost {
  color: var(--danger);
  border-color: color-mix(in srgb, var(--danger) 48%, var(--theme-line));
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page :is(
  .quantity-source-button:hover,
  .quantity-source-button:focus-visible,
  .company-evidence-link:hover,
  .company-evidence-link:focus-visible
) {
  color: var(--theme-import-hover-ink);
  background: var(--theme-import-hover-background);
  border-color: var(--theme-accent);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page :is(.company-mapping-option:hover, .company-mapping-option:focus-visible) {
  color: var(--theme-accent-dark);
  background: var(--theme-accent-soft);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .company-match-status.is-matched {
  color: var(--theme-success);
  background: var(--theme-success-soft);
  border-color: color-mix(in srgb, var(--theme-success) 48%, var(--theme-line));
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .company-match-status.is-warning {
  color: var(--warning);
  background: var(--warning-soft);
  border-color: color-mix(in srgb, var(--warning) 48%, var(--theme-line));
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .company-mapping-trigger.is-empty {
  color: var(--theme-muted);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .company-mapping-trigger[aria-expanded="true"] {
  border-color: var(--theme-accent);
  outline: 2px solid var(--theme-accent-soft);
  outline-offset: 1px;
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page :is(.company-media-card:hover, .company-media-card:focus-visible) {
  border-color: var(--theme-accent);
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page :is(button, input, select, a, .file-button):focus-visible,
html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page .file-button:focus-within {
  outline: 3px solid var(--theme-accent-strong);
  outline-offset: 2px;
  box-shadow: none;
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page :is(
  .date-controls .input-with-unit,
  .quantity-control,
  .planning-limit-control,
  .recommendation-preference-control,
  .forecast-field .input-with-unit,
  .transfer-control
):focus-within {
  border-color: var(--theme-accent-strong);
  outline: 3px solid var(--theme-accent-strong);
  outline-offset: 2px;
  box-shadow: none;
}

html:is(
  [data-theme-layout="scenario-sidebar"],
  [data-theme-layout="scenario-rail"],
  [data-theme-layout="top-tabs"]
) .workbench-page :is(
  .date-controls .input-with-unit,
  .quantity-control,
  .planning-limit-control,
  .recommendation-preference-control,
  .forecast-field .input-with-unit,
  .transfer-control
) input:focus-visible {
  outline: none;
}

/* 每套场景主题保留一个结构签名，主题身份不只来自换色。 */
html[data-theme="theme-10"] .workbench-page .summary-board {
  box-shadow: inset 0 3px 0 var(--theme-accent), var(--theme-shadow-small);
}

html[data-theme="theme-10"] .workbench-page .task-table th {
  border-bottom: 2px solid var(--theme-line-strong);
}

html[data-theme="theme-11"] .workbench-page {
  --scene-page-background: #171a1f;
  --theme-primary-metric-background: var(--theme-accent-soft);
  --theme-category-background: var(--theme-surface-strong);
}

html[data-theme="theme-11"] .workbench-page .task-table td,
html[data-theme="theme-11"] .workbench-page .task-table th {
  padding-top: 7px;
  padding-bottom: 7px;
}

html[data-theme="theme-12"] .workbench-page {
  --scene-page-background: #071821;
  --theme-primary-metric-background: var(--theme-accent-soft);
}

html[data-theme="theme-12"] .workbench-page .metric-primary {
  box-shadow: inset 4px 0 0 var(--theme-accent);
}

html[data-theme="theme-13"] .workbench-page {
  --theme-primary-metric-background: var(--theme-accent-soft);
  --theme-category-background: var(--theme-surface-strong);
}

html[data-theme="theme-13"] .workbench-page :is(.panel, .workspace-tabs, .workspace-grid-progress) {
  box-shadow: none;
}

html[data-theme="theme-13"] .workbench-page .task-table th {
  border-bottom: 2px solid var(--theme-ink);
}

html[data-theme="theme-13"] .workbench-page .task-category-row th {
  box-shadow: inset 5px 0 0 var(--theme-accent);
}

html[data-theme="theme-14"] .workbench-page {
  --theme-primary-metric-background: var(--theme-accent-soft);
  --theme-category-background: var(--theme-surface-strong);
}

html[data-theme="theme-14"] .workbench-page :is(.panel, .workspace-tabs, .workspace-grid-progress, .table-wrap) {
  box-shadow: none;
}

html[data-theme="theme-14"] .workbench-page .task-table td {
  padding-top: 12px;
  padding-bottom: 12px;
}

html[data-theme="theme-15"] .workbench-page {
  --scene-page-background: #0f1d19;
  --theme-primary-metric-background: var(--theme-accent-soft);
}

html[data-theme="theme-15"] .workbench-page .theme-sidebar {
  border-color: color-mix(in srgb, var(--theme-accent) 38%, var(--theme-line));
}

html[data-theme="theme-16"] .workbench-page {
  --theme-primary-metric-background: var(--theme-accent-soft);
  --theme-category-background: var(--theme-surface-strong);
}

html[data-theme="theme-16"] .workbench-page :is(
  .panel,
  .workspace-tabs,
  .workspace-grid-progress,
  #completionView,
  #planningView
) {
  border-width: 2px;
  box-shadow: none;
}

html[data-theme="theme-16"] .workbench-page :is(.section-kicker, .button, .task-table th) {
  font-weight: 900;
}

html[data-theme="theme-17"] .workbench-page {
  --theme-primary-metric-background: var(--theme-accent-soft);
  --theme-category-background: var(--theme-surface-strong);
}

html[data-theme="theme-17"] .workbench-page :is(.panel, .workspace-tabs, .workspace-grid-progress, .table-wrap) {
  box-shadow: none;
}

html[data-theme="theme-17"] .workbench-page .theme-sidebar-index {
  border: 1px solid var(--theme-accent);
}

html[data-theme="theme-17"] .workbench-page .metric-card > strong {
  letter-spacing: 0.025em;
}

html[data-theme="theme-18"] .workbench-page .workspace-tab.is-active {
  box-shadow: inset 0 -3px 0 var(--theme-accent);
}

html[data-theme="theme-19"] .workbench-page {
  --scene-page-background: #20242a;
  --theme-primary-metric-background: var(--theme-accent-soft);
}

html[data-theme="theme-19"] .workbench-page .app-shell {
  gap: 0 20px;
}

html[data-theme="theme-19"] .workbench-page .metric-card {
  padding-inline: 21px;
}

html[data-theme="theme-20"] .workbench-page {
  --theme-primary-metric-background: var(--theme-accent-soft);
  --theme-category-background: var(--theme-surface-strong);
}

html[data-theme="theme-20"] .workbench-page :is(.panel, .workspace-tabs, .workspace-grid-progress, .table-wrap) {
  box-shadow: none;
}

html[data-theme="theme-20"] .workbench-page :is(
  .header-actions .button,
  .account-badge,
  .theme-picker select
) {
  min-height: 40px;
}

html[data-theme="theme-20"] .workbench-page :is(
  button,
  input,
  select,
  a.button,
  .file-button
):focus-visible {
  outline: 3px solid var(--theme-accent);
  outline-offset: 2px;
  box-shadow: none;
}

/* 高密度完成量工作台的最终布局约束。主题只改变视觉，不改变信息密度。 */
html[data-theme] .workbench-page {
  --theme-sidebar-width: var(--ui-rail-width);
}

html[data-theme] .workbench-page .summary-board {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0;
  overflow: hidden;
  background: var(--theme-panel-background);
  border: 1px solid var(--theme-line);
  box-shadow: var(--ui-shadow-panel);
  backdrop-filter: var(--theme-backdrop);
}

html[data-theme] .workbench-page .summary-toolbar {
  display: contents;
}

html[data-theme] .workbench-page .summary-toolbar > div:first-child {
  display: none;
}

html[data-theme] .workbench-page .metric-grid-four {
  display: grid;
  grid-column: 1;
  grid-row: 1;
  grid-template-columns: repeat(3, minmax(140px, 1fr));
  gap: 0;
  align-self: stretch;
  margin: 0;
}

html[data-theme] .workbench-page .metric-primary {
  display: block;
}

html[data-theme] .workbench-page .metric-projected {
  display: none;
}

html[data-theme] .workbench-page .date-controls {
  display: flex;
  min-width: 0;
  min-height: 0;
  grid-column: 2;
  grid-row: 1;
  grid-template-columns: none;
  align-content: normal;
  align-items: center;
  border-radius: 0 var(--ui-radius-panel) 0 0;
  box-shadow: none;
}

html[data-theme] .workbench-page .date-controls > .field-label:first-child {
  grid-column: auto;
  padding-bottom: 0;
  border-bottom: 0;
}

html[data-theme] .workbench-page .monthly-summary-card {
  min-height: 38px;
  grid-column: 1 / -1;
  grid-row: 2;
  grid-template-columns: minmax(150px, auto) 1fr auto;
  gap: 14px;
  padding: 7px 14px;
  border-top: 1px solid var(--ui-line-subtle);
  border-radius: 0 0 var(--ui-radius-panel) var(--ui-radius-panel);
  box-shadow: none;
}

html[data-theme] .workbench-page .monthly-summary-card > span:first-child {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

html[data-theme] .workbench-page .monthly-summary-card :is(small, strong) {
  font-size: 10px;
}

/* 中文阅读文字统一优先使用楷体；数字、输入和值继续使用原数字字体。 */
html[data-theme] .workbench-page :is(
  .app-header h1,
  .brand-note,
  .theme-sidebar-link > span:last-child,
  .theme-sidebar-link small,
  .theme-sidebar-summary > span:first-child,
  .workspace-tab,
  .task-panel .panel-heading h2,
  .task-heading-note,
  .forecast-panel-heading h2,
  .tree-category-toggle strong,
  .task-name,
  .completion-more-row,
  .planning-tree-category strong,
  .planning-task-name,
  .planning-task-choice small,
  .section-kicker
) {
  font-family: var(--theme-kai-font);
  font-style: normal;
}

/* 分类必须比任务更醒目，同时保持高密度表格的单行扫描。 */
html[data-theme] .workbench-page .tree-category-toggle strong {
  color: var(--theme-category-ink);
  font-size: 14px;
  font-weight: 700;
}

html[data-theme] .workbench-page .task-name {
  color: var(--theme-row-ink);
  font-size: 12px;
  font-weight: 600;
}

/* 14 电子墨水：分类使用独立底色，文字色由场景色板统一提供。 */
html[data-theme="theme-14"] .workbench-page {
  --theme-category-background: var(--theme-accent-soft);
}

html[data-theme="theme-14"] .workbench-page .task-category-row th {
  box-shadow: inset 4px 0 0 var(--theme-accent);
}

/* 07 杏桃暖阳不再使用旧四卡跨栏构图，回归统一的高密度运营工作台。 */
html[data-theme="theme-7"] .workbench-page {
  --theme-sidebar-width: var(--ui-rail-width);
}

html[data-theme="theme-7"] .workbench-page .app-shell {
  gap: 0 var(--ui-section-gap);
}

html[data-theme="theme-7"] .workbench-page .app-header {
  min-height: 48px;
  margin-bottom: 6px;
  padding-bottom: 0;
  border-bottom: 0;
}

html[data-theme="theme-7"] .workbench-page .theme-sidebar {
  top: 8px;
  min-height: calc(100vh - 72px);
  max-height: calc(100vh - 16px);
  padding: 9px;
  background: var(--theme-panel-background);
  border: 1px solid var(--theme-line);
  border-radius: var(--ui-radius-panel);
  box-shadow: var(--ui-shadow-panel);
}

html[data-theme="theme-7"] .workbench-page .theme-sidebar-illustration,
html[data-theme="theme-7"] .workbench-page .theme-seven-progress {
  display: none !important;
}

html[data-theme="theme-7"] .workbench-page :is(
  .metric-card,
  .metric-primary,
  .metric-warning,
  .metric-success
) {
  min-height: 78px;
  padding: 10px 16px 9px;
  background: var(--theme-metric-background);
  border: 0;
  border-right: 1px solid var(--theme-line);
  border-radius: 0;
  box-shadow: none;
}

html[data-theme="theme-7"] .workbench-page .metric-primary {
  color: var(--theme-primary-metric-ink);
  background: var(--theme-primary-metric-background);
}

html[data-theme="theme-7"] .workbench-page .metric-card > strong {
  margin-top: 0;
  font-size: clamp(24px, 2vw, 28px);
}

html[data-theme="theme-7"] .workbench-page .metric-card .metric-foot {
  margin-top: 3px;
  line-height: inherit;
}

html[data-theme="theme-7"] .workbench-page .date-controls {
  min-height: 0;
  gap: 9px;
  padding: 9px 14px;
  background: var(--theme-date-background);
  border: 0;
  border-radius: 0 var(--ui-radius-panel) 0 0;
  box-shadow: none;
}

html[data-theme="theme-7"] .workbench-page .date-controls .field-label {
  min-width: 116px;
}

html[data-theme="theme-7"] .workbench-page .date-controls .compact-field {
  min-width: 104px;
}

html[data-theme="theme-7"] .workbench-page .workspace-panel {
  margin-top: var(--ui-section-gap);
}

html[data-theme="theme-7"] .workbench-page .task-table th,
html[data-theme="theme-7"] .workbench-page .task-table td {
  padding-top: 6px;
  padding-bottom: 6px;
}

html:is(
  [data-theme="theme-11"],
  [data-theme="theme-12"],
  [data-theme="theme-15"],
  [data-theme="theme-17"],
  [data-theme="theme-19"]
) body.workbench-page {
  color: var(--theme-ink);
  background: var(--theme-page-background);
}

html:is(
  [data-theme="theme-11"],
  [data-theme="theme-12"],
  [data-theme="theme-15"],
  [data-theme="theme-17"],
  [data-theme="theme-19"]
) .workbench-page :is(#completionView, #planningView) {
  color: var(--theme-ink);
  background: var(--theme-panel-background);
}

html:is(
  [data-theme="theme-11"],
  [data-theme="theme-12"],
  [data-theme="theme-15"],
  [data-theme="theme-17"],
  [data-theme="theme-19"]
) .workbench-page :is(
  .task-panel .panel-heading h2,
  .task-name,
  .action-panel,
  .completion-empty-text
) {
  color: var(--theme-ink);
}

html:is(
  [data-theme="theme-11"],
  [data-theme="theme-12"],
  [data-theme="theme-15"],
  [data-theme="theme-17"],
  [data-theme="theme-19"]
) .workbench-page :is(
  .task-heading-note,
  .task-search-status,
  .action-note,
  .task-unit
) {
  color: var(--theme-muted);
}

html:is(
  [data-theme="theme-11"],
  [data-theme="theme-12"],
  [data-theme="theme-15"],
  [data-theme="theme-17"],
  [data-theme="theme-19"]
) .workbench-page .task-search-control input {
  color: var(--theme-ink);
  background: var(--theme-input-background);
  border-color: var(--theme-input-border);
}

html:is(
  [data-theme="theme-11"],
  [data-theme="theme-12"],
  [data-theme="theme-15"],
  [data-theme="theme-17"],
  [data-theme="theme-19"]
) .workbench-page .task-search-control input::placeholder {
  color: var(--theme-muted);
}

html:is(
  [data-theme="theme-11"],
  [data-theme="theme-12"],
  [data-theme="theme-15"],
  [data-theme="theme-17"],
  [data-theme="theme-19"]
) .workbench-page .completion-more-row td {
  color: var(--theme-muted);
  background: var(--theme-soft-surface);
  border-color: var(--theme-line);
}

html:is(
  [data-theme="theme-11"],
  [data-theme="theme-12"],
  [data-theme="theme-15"],
  [data-theme="theme-17"],
  [data-theme="theme-19"]
) .workbench-page #importCompanyTasksButton {
  color: var(--theme-import-hover-ink);
  background: var(--theme-import-hover-background);
  border-color: var(--theme-import-border);
}

html[data-theme] .workbench-page #importCompanyTasksButton {
  color: var(--theme-import-hover-ink);
  background: var(--theme-import-hover-background);
  border-color: var(--theme-import-border);
}

/* 高密度工作台字号整体上调一档，保持分类、任务、说明和数字的原有层级。 */
html[data-theme] .workbench-page {
  font-size: 15px;
}

html[data-theme] .workbench-page .app-header h1 {
  font-size: 24px;
}

html[data-theme] .workbench-page :is(
  .brand-note,
  .theme-picker,
  .theme-picker select,
  .header-actions .button,
  .account-badge,
  .theme-sidebar-link small,
  .theme-sidebar-summary > span:first-child,
  .theme-sidebar-summary > div,
  .metric-label,
  .metric-foot,
  .date-controls .field-label,
  .save-state,
  .monthly-summary-card,
  .task-heading-note,
  .task-search-status,
  .task-table th,
  .tree-category-summary,
  .task-alias,
  .standard-chip,
  .quantity-source-button,
  .completion-more-row,
  .action-note,
  .task-unit,
  .forecast-status-badge,
  .planning-task-choice small,
  .planning-limit-control > span,
  .recommendation-preferences > p,
  .recommendation-limit-summary,
  .plan-card-reason,
  .app-footer
) {
  font-size: 12px;
}

html[data-theme] .workbench-page :is(
  .theme-sidebar-link > span:last-child,
  .workspace-tab,
  .button,
  input,
  select,
  .today-date,
  .task-search-control input,
  .quantity-control,
  .planning-limit-control,
  .recommendation-preference-control,
  .forecast-field,
  .action-panel
) {
  font-size: 14px;
}

html[data-theme] .workbench-page :is(
  .task-panel .panel-heading h2,
  .forecast-panel-heading h2
) {
  font-size: 19px;
}

html[data-theme] .workbench-page .tree-category-toggle strong {
  font-size: 16px;
}

html[data-theme] .workbench-page :is(.task-name, .planning-task-name) {
  font-size: 14px;
}

html[data-theme] .workbench-page .metric-card > strong,
html[data-theme="theme-7"] .workbench-page .metric-card > strong {
  font-size: clamp(27px, 2.2vw, 31px);
}

html[data-theme] .workbench-page .today-sidebar-summary > strong {
  font-size: 25px;
}

html[data-theme] .workbench-page .monthly-summary-card :is(small, strong) {
  font-size: 12px;
}