/* StyleKit · Modern / Neumorphism 全站可选主题。
 * 固定左上亮、右下暗光源；凸起代表可操作，内凹代表输入或已选中。
 * 情侣空间和登录页明确排除，避免覆盖各自独立主题。 */

.site-style-toggle {
  width: 36px;
  min-width: 36px;
  padding: 0;
}

.site-style-toggle svg {
  width: 17px;
  height: 17px;
}

.app-site-style-toggle {
  display: inline-grid;
  width: 36px;
  min-width: 36px;
  height: 36px;
  padding: 0;
  place-items: center;
  justify-self: end;
  border: 1px solid var(--border);
  border-radius: 13px;
  color: var(--muted);
  background: var(--surface);
  cursor: pointer;
}

html.site-neu {
  color-scheme: light;
  --bg: #e0e5ec;
  --background: #e0e5ec;
  --surface: #e0e5ec;
  --surface-strong: #e7ebf1;
  --surface-soft: #d9dfe7;
  --text: #333b48;
  --muted: #6b7280;
  --border: rgba(126, 136, 151, .16);
  --border-strong: rgba(109, 93, 252, .28);
  --line: rgba(126, 136, 151, .18);
  --primary: #6d5dfc;
  --primary-strong: #5c4bea;
  --primary-soft: rgba(109, 93, 252, .11);
  --shadow: 10px 10px 22px #b8bec8, -10px -10px 22px #ffffff;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) {
  color: var(--text);
  background: #e0e5ec;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"])::before,
html.site-neu body:not(.page-login):not([data-page-name^="us"])::after {
  opacity: .22;
  background: radial-gradient(circle, rgba(255, 255, 255, .82), transparent 68%);
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) .site-header,
html.site-neu body:not(.page-login):not([data-page-name^="us"]) .site-more-panel,
html.site-neu body:not(.page-login):not([data-page-name^="us"]) .global-task-center {
  border-color: rgba(255, 255, 255, .48);
  background: rgba(224, 229, 236, .86);
  box-shadow: 6px 6px 14px rgba(184, 190, 200, .72), -6px -6px 14px rgba(255, 255, 255, .88);
  backdrop-filter: blur(22px) saturate(135%);
  -webkit-backdrop-filter: blur(22px) saturate(135%);
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(
  .panel,
  .home-hero,
  .home-footer-panel,
  .dashboard-widget,
  .history-item,
  .personal-unlock-card,
  .personal-panel,
  .personal-metric-grid article,
  .site-help-shell
) {
  border-color: transparent;
  background: #e0e5ec;
  box-shadow: 10px 10px 22px #b8bec8, -10px -10px 22px #ffffff;
}

html.site-neu body[data-page-name^="homeos"] .homeos-shell {
  background: #e0e5ec;
}

html.site-neu body[data-page-name^="homeos"] :is(.homeos-topbar, .homeos-bottom-nav) {
  border-color: transparent;
  background: rgba(224, 229, 236, .88);
  box-shadow: 5px 5px 12px #b8bec8, -5px -5px 12px #ffffff;
}

html.site-neu body[data-page-name^="homeos"] :is(.homeos-search-card, .homeos-stat, .homeos-panel, .homeos-logo) {
  border-color: transparent;
  background: #e0e5ec;
  box-shadow: 7px 7px 15px #b8bec8, -7px -7px 15px #ffffff;
}

html.site-neu body[data-page-name^="homeos"] :is(.homeos-bottom-nav a.is-active, .homeos-logo[aria-pressed="true"]) {
  box-shadow: inset 4px 4px 8px #b8bec8, inset -4px -4px 8px #ffffff;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(
  input,
  select,
  textarea,
  .status-pill,
  .empty-state,
  .markdown-body pre
) {
  border-color: transparent;
  color: var(--text);
  background-color: #e0e5ec;
  box-shadow: inset 6px 6px 12px #b8bec8, inset -6px -6px 12px #ffffff;
  transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(input, select, textarea):focus {
  border-color: transparent;
  box-shadow: inset 2px 2px 4px #b8bec8, inset -2px -2px 4px #ffffff, 0 0 0 2px rgba(109, 93, 252, .24);
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(label, h1, h2, h3, strong) {
  color: var(--text);
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(.button, .site-utility-button, .site-more-menu > summary, .site-version-button) {
  border-color: transparent;
  color: #4f5968;
  background: #e0e5ec;
  box-shadow: 6px 6px 13px #b8bec8, -6px -6px 13px #ffffff;
  transform: none;
  transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out, opacity 300ms ease-in-out;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(.button, .site-utility-button, .site-more-menu > summary, .site-version-button):hover:not(:disabled) {
  color: #333b48;
  box-shadow: 3px 3px 7px #b8bec8, -3px -3px 7px #ffffff;
  transform: none;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(.button, .site-utility-button, .site-more-menu > summary, .site-version-button):active:not(:disabled),
html.site-neu body:not(.page-login):not([data-page-name^="us"]) .site-style-toggle[aria-pressed="true"] {
  transform: none;
  box-shadow: inset 4px 4px 8px #b8bec8, inset -4px -4px 8px #ffffff;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) .button-primary {
  color: #ffffff;
  background: #6d5dfc;
  box-shadow: 6px 6px 13px #b8bec8, -6px -6px 13px #ffffff;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) .button-primary:active:not(:disabled) {
  color: #f8f7ff;
  background: #6656ef;
  box-shadow: inset 4px 4px 8px #4f43b8, inset -4px -4px 8px #897cff;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(
  .prompt-mode-card,
  .prompt-upload-button,
  .prompt-vision-preview,
  .workflow-steps li,
  .dashboard-widget-link
) {
  border-color: transparent;
  background: #e0e5ec;
  box-shadow: 6px 6px 13px #b8bec8, -6px -6px 13px #ffffff;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(.prompt-mode-card.is-active, .site-nav a[aria-current="page"]) {
  color: #5c4bea;
  background: #e0e5ec;
  box-shadow: inset 4px 4px 8px #b8bec8, inset -4px -4px 8px #ffffff;
}

@media (prefers-color-scheme: dark) {
  html.site-neu {
    color-scheme: dark;
    --bg: #20242b;
    --background: #20242b;
    --surface: #20242b;
    --surface-strong: #252a32;
    --surface-soft: #1c2026;
    --text: #edf0f5;
    --muted: #a6afbc;
    --border: rgba(255, 255, 255, .06);
    --border-strong: rgba(139, 124, 255, .34);
    --line: rgba(255, 255, 255, .08);
    --shadow: 10px 10px 22px #15181d, -10px -10px 22px #2b3038;
  }

  html.site-neu body:not(.page-login):not([data-page-name^="us"]) {
    background: #20242b;
  }

  html.site-neu body:not(.page-login):not([data-page-name^="us"]) .site-header,
  html.site-neu body:not(.page-login):not([data-page-name^="us"]) .site-more-panel,
  html.site-neu body:not(.page-login):not([data-page-name^="us"]) .global-task-center {
    border-color: rgba(255, 255, 255, .06);
    background: rgba(32, 36, 43, .88);
    box-shadow: 6px 6px 14px #15181d, -6px -6px 14px #2b3038;
  }

  html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(
    .panel, .home-hero, .home-footer-panel, .dashboard-widget, .history-item,
    .personal-unlock-card, .personal-panel, .personal-metric-grid article, .site-help-shell,
    .prompt-mode-card, .prompt-upload-button, .prompt-vision-preview, .workflow-steps li,
    .dashboard-widget-link
  ) {
    background: #20242b;
    box-shadow: 10px 10px 22px #15181d, -10px -10px 22px #2b3038;
  }

  html.site-neu body[data-page-name^="homeos"] .homeos-shell {
    background: #20242b;
  }

  html.site-neu body[data-page-name^="homeos"] :is(.homeos-topbar, .homeos-bottom-nav, .homeos-search-card, .homeos-stat, .homeos-panel, .homeos-logo) {
    background: #20242b;
    box-shadow: 7px 7px 15px #15181d, -7px -7px 15px #2b3038;
  }

  html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(
    input, select, textarea, .status-pill, .empty-state, .markdown-body pre
  ) {
    background-color: #20242b;
    box-shadow: inset 6px 6px 12px #15181d, inset -6px -6px 12px #2b3038;
  }

  html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(input, select, textarea):focus {
    box-shadow: inset 2px 2px 4px #15181d, inset -2px -2px 4px #2b3038, 0 0 0 2px rgba(139, 124, 255, .3);
  }

  html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(.button, .site-utility-button, .site-more-menu > summary, .site-version-button) {
    color: #bdc5d0;
    background: #20242b;
    box-shadow: 6px 6px 13px #15181d, -6px -6px 13px #2b3038;
  }

  html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(.button, .site-utility-button, .site-more-menu > summary, .site-version-button):active:not(:disabled),
  html.site-neu body:not(.page-login):not([data-page-name^="us"]) .site-style-toggle[aria-pressed="true"],
  html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(.prompt-mode-card.is-active, .site-nav a[aria-current="page"]) {
    box-shadow: inset 4px 4px 8px #15181d, inset -4px -4px 8px #2b3038;
  }
}

@media (max-width: 760px) {
  .site-style-toggle {
    width: 40px;
    min-width: 40px;
  }

  html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(
    .panel, .home-hero, .home-footer-panel, .dashboard-widget, .history-item,
    .personal-unlock-card, .personal-panel, .personal-metric-grid article, .site-help-shell
  ) {
    box-shadow: 6px 6px 14px #b8bec8, -6px -6px 14px #ffffff;
  }
}

@media (max-width: 760px) and (prefers-color-scheme: dark) {
  html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(
    .panel, .home-hero, .home-footer-panel, .dashboard-widget, .history-item,
    .personal-unlock-card, .personal-panel, .personal-metric-grid article, .site-help-shell
  ) {
    box-shadow: 6px 6px 14px #15181d, -6px -6px 14px #2b3038;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.site-neu *,
  html.site-neu *::before,
  html.site-neu *::after {
    transition-duration: 0.01ms !important;
  }
}

/* ===== 完整覆盖层：旧组件、文字、表格、弹窗与独立模块统一材质 ===== */

html.site-neu {
  --neu-bg: #e0e5ec;
  --neu-text: #333b48;
  --neu-muted: #6b7280;
  --neu-faint: #8a94a3;
  --neu-accent: #6d5dfc;
  --neu-danger: #d9545f;
  --neu-success: #218b72;
  --neu-warning: #b27618;
  --neu-shadow-dark: #b8bec8;
  --neu-shadow-light: #ffffff;
  --neu-raised: 10px 10px 22px var(--neu-shadow-dark), -10px -10px 22px var(--neu-shadow-light);
  --neu-raised-small: 5px 5px 11px var(--neu-shadow-dark), -5px -5px 11px var(--neu-shadow-light);
  --neu-raised-hover: 3px 3px 7px var(--neu-shadow-dark), -3px -3px 7px var(--neu-shadow-light);
  --neu-inset: inset 6px 6px 12px var(--neu-shadow-dark), inset -6px -6px 12px var(--neu-shadow-light);
  --neu-inset-tight: inset 3px 3px 6px var(--neu-shadow-dark), inset -3px -3px 6px var(--neu-shadow-light);
}

@media (prefers-color-scheme: dark) {
  html.site-neu {
    --neu-bg: #20242b;
    --neu-text: #edf0f5;
    --neu-muted: #a6afbc;
    --neu-faint: #7e8998;
    --neu-accent: #9a8dff;
    --neu-danger: #ff7b83;
    --neu-success: #61d9ba;
    --neu-warning: #e9b65c;
    --neu-shadow-dark: #15181d;
    --neu-shadow-light: #2b3038;
  }
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) {
  color: var(--neu-text);
  background: var(--neu-bg);
}

html.site-neu body:not(.page-login):not([data-page-name^="us"])::before,
html.site-neu body:not(.page-login):not([data-page-name^="us"])::after,
html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(.director-hero, .exam-hero)::before,
html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(.director-hero, .exam-coach)::after {
  opacity: 0;
  background: none;
}

/* 文字层级：清除旧主题残留的白字、蓝灰字和渐变文字。 */
html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(h1, h2, h3, h4, h5, h6, strong, b, dt, legend) {
  color: var(--neu-text);
  text-shadow: none;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(p, li, dd, figcaption, caption, small, .muted, .field-help, .result-meta, .character-count) {
  color: var(--neu-muted);
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(label, th) {
  color: var(--neu-text);
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(td, output) {
  color: var(--neu-text);
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(
  .eyebrow,
  .panel-kicker,
  .director-hero-note span,
  .director-product-confirmed span,
  .exam-eyebrow,
  .homeos-hero-eyebrow,
  .diet-eyebrow,
  .site-help-eyebrow,
  .dashboard-launcher-label
) {
  color: var(--neu-accent);
  -webkit-text-fill-color: currentColor;
  background: none;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(a) {
  text-shadow: none;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(a:not(.button):not(.dashboard-entry):not(.homeos-button):not(.exam-button)) {
  color: var(--neu-muted);
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(a:not(.button):not(.dashboard-entry):not(.homeos-button):not(.exam-button)):hover {
  color: var(--neu-accent);
}

/* 所有可操作控件遵循“外凸 → hover 阴影收缩 → active 内凹”。 */
html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(
  button,
  .button,
  .homeos-button,
  .exam-button,
  .dashboard-widget-link,
  .dashboard-salary-shortcut,
  .director-back-link,
  .personal-launch-card
) {
  border-color: transparent;
  color: var(--neu-text);
  background-color: var(--neu-bg);
  background-image: none;
  box-shadow: var(--neu-raised-small);
  transform: none;
  text-shadow: none;
  transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out, opacity 300ms ease-in-out;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(
  button,
  .button,
  .homeos-button,
  .exam-button,
  .dashboard-widget-link,
  .dashboard-salary-shortcut,
  .director-back-link,
  .personal-launch-card
):hover:not(:disabled) {
  color: var(--neu-text);
  background-color: var(--neu-bg);
  background-image: none;
  box-shadow: var(--neu-raised-hover);
  transform: none;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(
  button,
  .button,
  .homeos-button,
  .exam-button,
  .dashboard-widget-link,
  .dashboard-salary-shortcut,
  .director-back-link,
  .personal-launch-card
):active:not(:disabled),
html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(
  button[aria-pressed="true"],
  button[aria-selected="true"],
  button.is-active,
  .homeos-button.is-active,
  .exam-button.is-active
) {
  color: var(--neu-accent);
  background-color: var(--neu-bg);
  background-image: none;
  box-shadow: var(--neu-inset-tight);
  transform: none;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(.button-primary, .homeos-button-primary, .exam-button-primary, .director-primary-action) {
  color: #ffffff;
  background: var(--neu-accent);
  box-shadow: var(--neu-raised-small);
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(.button-primary, .homeos-button-primary, .exam-button-primary, .director-primary-action):hover:not(:disabled) {
  color: #ffffff;
  background: var(--neu-accent);
  box-shadow: var(--neu-raised-hover);
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(.button-danger, .homeos-button-danger, .exam-button-danger, .is-danger) {
  color: var(--neu-danger);
  background: var(--neu-bg);
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) button:disabled {
  color: var(--neu-faint);
  opacity: .58;
  box-shadow: 2px 2px 5px var(--neu-shadow-dark), -2px -2px 5px var(--neu-shadow-light);
}

/* 输入、筛选、上传与编辑区域全部内凹。 */
html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(
  input,
  select,
  textarea,
  [contenteditable="true"],
  .script-editor,
  .editor-preview,
  .history-input,
  .homeos-photo-picker,
  .diet-photo-picker,
  .personal-photo-upload,
  .intimacy-photo-picker,
  .director-script-snapshot,
  .telegram-proxy-log
) {
  border-color: transparent;
  color: var(--neu-text);
  background-color: var(--neu-bg);
  background-image: none;
  box-shadow: var(--neu-inset);
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(input, select, textarea, [contenteditable="true"]):focus {
  border-color: transparent;
  color: var(--neu-text);
  background-color: var(--neu-bg);
  box-shadow: inset 2px 2px 4px var(--neu-shadow-dark), inset -2px -2px 4px var(--neu-shadow-light), 0 0 0 2px color-mix(in srgb, var(--neu-accent) 25%, transparent);
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(input, textarea)::placeholder {
  color: var(--neu-faint);
}

/* 通用卡片与旧模块容器。 */
html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(
  .panel,
  .tool-card,
  .settings-card,
  .settings-app-card,
  .settings-native-app,
  .settings-passkey-card,
  .usage-panel,
  .usage-metric,
  .history-item,
  .import-workflow-card,
  .import-source-option,
  .parse-alert,
  .security-note,
  .memory-inline-note,
  .memory-safety-note,
  .advanced-settings,
  .continuity-panel,
  .quick-revision,
  .project-context,
  .status-panel,
  .empty-state,
  .global-task-center,
  .site-help-shell,
  .dialog-shell,
  .reference-image-dialog-shell
) {
  border-color: transparent;
  color: var(--neu-text);
  background-color: var(--neu-bg);
  background-image: none;
  box-shadow: var(--neu-raised);
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(.status-pill, .guest-mode-badge, .director-status-chip, .director-progress-chip, .homeos-chip, .exam-label) {
  border-color: transparent;
  color: var(--neu-muted);
  background: var(--neu-bg);
  box-shadow: var(--neu-inset-tight);
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(.status-pill-success, .is-success, .is-completed) {
  color: var(--neu-success);
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(.status-pill-warning, .is-warning, .is-pending, .is-overdue) {
  color: var(--neu-warning);
}

/* 导航、菜单、弹窗与页脚同样改用成型材质。 */
html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(.site-header, .site-more-panel, .site-help-header, .dialog-header) {
  border-color: transparent;
  color: var(--neu-text);
  background-color: color-mix(in srgb, var(--neu-bg) 90%, transparent);
  background-image: none;
  box-shadow: var(--neu-raised-small);
}

/* 顶部导航是连续栏，不模拟一个四边凸起的大按钮。 */
html.site-neu body:not(.page-login):not([data-page-name^="us"]) .site-header {
  box-shadow: 0 5px 13px color-mix(in srgb, var(--neu-shadow-dark) 72%, transparent);
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(.site-nav a, .site-guide-menu button, .personal-tabs button, .director-workspace-tabs button, .dashboard-report-tabs button, .exam-tabs button) {
  border-color: transparent;
  color: var(--neu-muted);
  background: var(--neu-bg);
  box-shadow: var(--neu-raised-small);
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(.site-nav a[aria-current="page"], .site-guide-menu button.is-active, .personal-tabs button.is-active, .director-workspace-tabs button.is-active, .dashboard-report-tabs button.is-active, .exam-tabs button.is-active) {
  color: var(--neu-accent);
  background: var(--neu-bg);
  box-shadow: var(--neu-inset-tight);
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(dialog, .history-dialog, .personal-form-dialog, .codex-auth-dialog, .dashboard-layout-dialog, .exam-dialog, .exam-complete-dialog) {
  color: var(--neu-text);
  background: transparent;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(dialog, .history-dialog, .personal-form-dialog, .codex-auth-dialog, .dashboard-layout-dialog, .exam-dialog, .exam-complete-dialog)::backdrop {
  background: rgba(49, 55, 66, .34);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* 表格、列表与进度组件：外层凸起，内容行/轨道内凹。 */
html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(
  .table-scroll,
  .storyboard-table-scroll,
  .usage-table-wrap,
  .personal-table-wrap,
  .dashboard-feishu-question-wrap,
  .exam-wrong-list,
  .director-shoot-order-list,
  .director-checklist-editor-list,
  .homeos-item-list,
  .homeos-location-list,
  .homeos-shopping-list
) {
  border-color: transparent;
  background: var(--neu-bg);
  box-shadow: var(--neu-raised-small);
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(table, thead, tbody, tr, th, td) {
  background: transparent;
  background-image: none;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(th, td) {
  border-color: color-mix(in srgb, var(--neu-muted) 13%, transparent);
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(
  .dashboard-meter,
  .dashboard-employment-progress,
  .codex-radar-progress,
  .usage-trend,
  .salary-progress,
  .telegram-proxy-progress-track,
  .exam-progress,
  progress
) {
  border-color: transparent;
  background: var(--neu-bg);
  box-shadow: var(--neu-inset-tight);
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :is(.dashboard-meter i, .dashboard-employment-progress i, .codex-radar-progress i, .salary-progress i, progress::-webkit-progress-value) {
  background: var(--neu-accent);
  background-image: none;
  box-shadow: none;
}

/* 工作仪表盘完整覆盖。 */
html.site-neu body[data-page-name="dashboard"] :is(
  .dashboard-ai-brief,
  .dashboard-countdown-card,
  .dashboard-entry,
  .dashboard-widget,
  .dashboard-feishu-stat,
  .dashboard-growth-panel,
  .dashboard-growth-dimensions article,
  .dashboard-growth-inference,
  .codex-auth-code-card,
  .codex-account-list article,
  .guest-private-placeholder
) {
  border-color: transparent;
  color: var(--neu-text);
  background-color: var(--neu-bg);
  background-image: none;
  box-shadow: var(--neu-raised);
}

html.site-neu body[data-page-name="dashboard"] :is(
  .codex-radar-probabilities > div,
  .dashboard-feishu-stats > div
) {
  border-color: transparent;
  border-radius: 14px;
  background: var(--neu-bg);
  box-shadow: var(--neu-inset-tight);
}

/* 内存/磁盘是信息行，不是输入槽：保持平面层级，仅进度轨道内凹。 */
html.site-neu body[data-page-name="dashboard"] .dashboard-metric-list > div {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html.site-neu body[data-page-name="dashboard"] .dashboard-desktop-status-row span {
  border: 0;
  background: var(--neu-bg);
  box-shadow: var(--neu-raised-small);
}

html.site-neu body[data-page-name="dashboard"] .dashboard-widget-link {
  min-height: 32px;
  padding: 6px 10px;
  border-radius: 11px;
  line-height: 1.15;
}

html.site-neu body[data-page-name="dashboard"] :is(.dashboard-entry, .dashboard-widget, .dashboard-countdown-card):hover {
  border-color: transparent;
  background-color: var(--neu-bg);
  background-image: none;
  box-shadow: var(--neu-raised-hover);
  transform: none;
}

html.site-neu body[data-page-name="dashboard"] :is(.dashboard-ai-brief-mark, .dashboard-virtue-button, .dashboard-entry i) {
  color: var(--neu-accent);
  background: var(--neu-bg);
  box-shadow: var(--neu-raised-small);
}

/* 摄影导演完整覆盖，去掉旧深色渐变和发光圆环。 */
html.site-neu body[data-page-name^="director"] :is(
  .director-hero,
  .director-hero-note,
  .director-flow,
  .director-panel,
  .director-guide-card,
  .director-boundary-card,
  .director-script-import-option,
  .director-product-knowledge-preview,
  .director-plan-banner,
  .director-onsite-reminders,
  .director-check-hero,
  .director-review-summary,
  .director-review-metrics > div,
  .director-knowledge-stats > div,
  .director-knowledge-tree-panel,
  .director-knowledge-search-panel,
  .director-knowledge-status-panel,
  .director-project-sources-panel,
  .director-ai-material-panel
) {
  border-color: transparent;
  color: var(--neu-text);
  background-color: var(--neu-bg);
  background-image: none;
  box-shadow: var(--neu-raised);
  backdrop-filter: none;
}

html.site-neu body[data-page-name^="director"] :is(
  .director-flow > div,
  .director-flow span,
  .director-reminder-grid > *,
  .director-project-list > *,
  .director-script-analysis,
  .director-structure-panel,
  .director-product-picker,
  .director-search-row,
  .director-workspace-message
) {
  border-color: transparent;
  background: var(--neu-bg);
  box-shadow: var(--neu-inset-tight);
}

html.site-neu body[data-page-name^="director"] .director-flow .is-current span {
  color: var(--neu-accent);
  background: var(--neu-bg);
  box-shadow: var(--neu-inset-tight);
}

/* 个人空间：保留功能结构，去除旧玻璃、渐变与高亮背景。 */
html.site-neu body[data-page-name^="personal"] :is(
  .personal-media-feature,
  .personal-launch-card,
  .personal-panel,
  .personal-metric-grid article,
  .personal-chart-panel,
  .personal-record-panel,
  .personal-media-section,
  .personal-sync-note,
  .telegram-sync-card,
  .telegram-source-manager,
  .telegram-proxy-settings,
  .intimacy-ai-brief,
  .intimacy-calendar-card,
  .intimacy-history-card,
  .intimacy-insight-card,
  .salary-live-card,
  .salary-metric-grid > div,
  .salary-breakdown
) {
  border-color: transparent;
  color: var(--neu-text);
  background-color: var(--neu-bg);
  background-image: none;
  box-shadow: var(--neu-raised);
  backdrop-filter: none;
}

html.site-neu body[data-page-name^="personal"] :is(
  .personal-saved-list > *,
  .telegram-source-list > *,
  .intimacy-stats > *,
  .intimacy-detail-grid > *,
  .salary-breakdown > *,
  .personal-compact-details
) {
  border-color: transparent;
  background: var(--neu-bg);
  box-shadow: var(--neu-inset-tight);
}

/* 家庭物品完整覆盖。 */
html.site-neu body[data-page-name^="homeos"] :is(
  .homeos-search-card,
  .homeos-stat,
  .homeos-panel,
  .homeos-banner,
  .homeos-hero,
  .homeos-item-card,
  .homeos-location-card,
  .homeos-location-tile,
  .homeos-shopping-item,
  .homeos-detail-hero,
  .homeos-detail-notes,
  .homeos-manage-card,
  .homeos-extra-box,
  .homeos-result-box,
  .homeos-step,
  .homeos-menu-row,
  .homeos-metric-bubble
) {
  border-color: transparent;
  color: var(--neu-text);
  background-color: var(--neu-bg);
  background-image: none;
  box-shadow: var(--neu-raised-small);
}

html.site-neu body[data-page-name^="homeos"] :is(.homeos-type-info, .homeos-photo-preview, .homeos-detail-photo-placeholder, .homeos-extra-grid, .homeos-result-fields) {
  border-color: transparent;
  background: var(--neu-bg);
  box-shadow: var(--neu-inset-tight);
}

html.site-neu body[data-page-name^="homeos"] :is(.homeos-search-button, .homeos-nav-add span, .homeos-step-num) {
  color: #ffffff;
  background: var(--neu-accent);
  background-image: none;
  box-shadow: var(--neu-raised-small);
  transform: none;
}

/* 英语口语练习此前沿用独立页面，本主题现在完整接入。 */
html.site-neu body[data-page-name="exam"] {
  --exam-bg: var(--neu-bg);
  --exam-card: var(--neu-bg);
  --exam-text: var(--neu-text);
  --exam-muted: var(--neu-muted);
  --exam-line: transparent;
  --exam-blue: var(--neu-accent);
  --exam-blue-dark: var(--neu-accent);
  --exam-green: var(--neu-success);
  --exam-red: var(--neu-danger);
  --exam-shadow: var(--neu-raised);
  background: var(--neu-bg);
}

html.site-neu body[data-page-name="exam"] :is(
  .exam-header,
  .exam-stat-grid article,
  .exam-coach,
  .exam-panel,
  .exam-question-card,
  .exam-setup,
  .exam-result,
  .exam-grading-card,
  .exam-type-grid > *,
  .exam-wrong-list > *,
  .exam-complete-stats > *,
  .exam-dialog-shell
) {
  border-color: transparent;
  color: var(--neu-text);
  background-color: var(--neu-bg);
  background-image: none;
  box-shadow: var(--neu-raised);
  backdrop-filter: none;
}

html.site-neu body[data-page-name="exam"] :is(
  .exam-progress,
  .exam-feedback,
  .exam-fixed-rule,
  .exam-type-notice,
  .exam-complete-meta,
  .exam-grading-overlay
) {
  border-color: transparent;
  background: var(--neu-bg);
  box-shadow: var(--neu-inset-tight);
}

html.site-neu body[data-page-name="exam"] :is(.exam-brand-mark, .exam-coach-spark, .exam-complete-mark) {
  color: var(--neu-accent);
  background: var(--neu-bg);
  background-image: none;
  box-shadow: var(--neu-raised-small);
}

html.site-neu body[data-page-name="exam"] .exam-stat-prediction {
  color: var(--neu-text) !important;
  background-color: var(--neu-bg) !important;
  background-image: none !important;
  box-shadow: var(--neu-raised) !important;
}

/* ===== 最终规范层：拦截各业务页后加载的旧主题规则 =====
 * 页面仍可保留真实图片与视频，但所有 UI 材质、文字和交互状态必须统一。
 */
html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(*) {
  text-shadow: none;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(
  div,
  section,
  article,
  aside,
  header,
  footer,
  nav,
  form,
  fieldset,
  details,
  summary,
  figure,
  dl
) {
  color: inherit;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  strong,
  b,
  legend,
  dt
) {
  color: var(--neu-text) !important;
  -webkit-text-fill-color: currentColor;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(
  p,
  small,
  figcaption,
  caption,
  dd,
  .muted,
  [class$="-meta"],
  [class*="-meta "],
  [class$="-hint"],
  [class*="-hint "],
  [class$="-help"],
  [class*="-help "],
  [class$="-description"],
  [class*="-description "],
  [class$="-caption"],
  [class*="-caption "]
) {
  color: var(--neu-muted) !important;
  -webkit-text-fill-color: currentColor;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(
  .eyebrow,
  [class$="-eyebrow"],
  [class*="-eyebrow "],
  [class$="-kicker"],
  [class*="-kicker "],
  [class$="-label"],
  [class*="-label "]
) {
  color: var(--neu-accent) !important;
  -webkit-text-fill-color: currentColor;
  background-image: none !important;
}

/* 名称含 card / panel / widget / tile 的旧组件统一为凸起表面。 */
html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(
  [class$="-card"],
  [class*="-card "],
  [class$="-panel"],
  [class*="-panel "],
  [class$="-widget"],
  [class*="-widget "],
  [class$="-tile"],
  [class*="-tile "],
  [class$="-shell"],
  [class*="-shell "],
  [class$="-popover"],
  [class*="-popover "],
  [class$="-dropdown"],
  [class*="-dropdown "],
  [class$="-notice"],
  [class*="-notice "],
  [class$="-empty"],
  [class*="-empty "]
) {
  border-color: transparent !important;
  color: var(--neu-text);
  background-color: var(--neu-bg) !important;
  background-image: none !important;
  box-shadow: var(--neu-raised) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* 工具条、导航条与信息横条用较轻的凸起层级。
 * `*-actions` 只是按钮的排版外壳，不能再套一层方形阴影。 */
html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(
  [class$="-toolbar"],
  [class*="-toolbar "],
  [class$="-topbar"],
  [class*="-topbar "],
  [class$="-tabs"],
  [class*="-tabs "],
  [class$="-banner"],
  [class*="-banner "]
) {
  border-color: transparent !important;
  color: var(--neu-text);
  background-color: var(--neu-bg) !important;
  background-image: none !important;
  box-shadow: var(--neu-raised-small) !important;
}

/* 列表行与独立指标可以内凹；`*-summary` 多数是纯文字摘要，保持平面。 */
html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(
  [class$="-item"],
  [class*="-item "],
  [class$="-metric"],
  [class*="-metric "],
  [class$="-stat"],
  [class*="-stat "],
  [class$="-preview"],
  [class*="-preview "],
  [class$="-result"],
  [class*="-result "]
) {
  border-color: transparent !important;
  color: var(--neu-text);
  background-color: var(--neu-bg) !important;
  background-image: none !important;
  box-shadow: var(--neu-inset-tight) !important;
}

/* 真实媒体缩略图不能被主题清空。 */
html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(
  .personal-photo-card,
  .personal-video-card,
  .personal-favorite-card,
  .personal-photo-viewer,
  .intimacy-photo-preview,
  .homeos-photo-preview,
  .prompt-vision-preview
) {
  overflow: hidden;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(
  button,
  [role="button"],
  .button,
  .homeos-button,
  .exam-button,
  .diet-button
) {
  border-color: transparent !important;
  color: var(--neu-text) !important;
  background-color: var(--neu-bg) !important;
  background-image: none !important;
  box-shadow: var(--neu-raised-small) !important;
  transform: none !important;
  filter: none;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(
  button,
  [role="button"],
  .button,
  .homeos-button,
  .exam-button,
  .diet-button
):hover:not(:disabled) {
  color: var(--neu-text) !important;
  background-color: var(--neu-bg) !important;
  box-shadow: var(--neu-raised-hover) !important;
  transform: none !important;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(
  button,
  [role="button"],
  .button,
  .homeos-button,
  .exam-button,
  .diet-button
):active:not(:disabled),
html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(
  button[aria-pressed="true"],
  button[aria-selected="true"],
  button.is-active,
  a[aria-current="page"],
  .is-selected
) {
  color: var(--neu-accent) !important;
  background-color: var(--neu-bg) !important;
  background-image: none !important;
  box-shadow: var(--neu-inset-tight) !important;
  transform: none !important;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(
  .button-primary,
  .homeos-button-primary,
  .exam-button-primary,
  .diet-button-primary,
  .director-primary-action,
  button[type="submit"]
) {
  color: #ffffff !important;
  background-color: var(--neu-accent) !important;
  background-image: none !important;
  box-shadow: var(--neu-raised-small) !important;
}

/* `.button-label` / `.button-loading` 是按钮文案，不是普通标签。
 * 避免上方宽泛的 `*-label` 规则把主按钮文字染成与背景接近的强调色。 */
html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(
  .button-primary,
  .homeos-button-primary,
  .exam-button-primary,
  .diet-button-primary,
  .director-primary-action,
  button[type="submit"]
) :where(.button-label, .button-loading) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(
  .button-danger,
  .homeos-button-danger,
  .exam-button-danger,
  .diet-button-danger,
  .is-danger
) {
  color: var(--neu-danger) !important;
  background-color: var(--neu-bg) !important;
  background-image: none !important;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(
  input,
  select,
  textarea,
  [contenteditable="true"],
  [class$="-input"],
  [class*="-input "],
  [class$="-editor"],
  [class*="-editor "],
  [class$="-upload"],
  [class*="-upload "]
) {
  border-color: transparent !important;
  color: var(--neu-text) !important;
  background-color: var(--neu-bg) !important;
  background-image: none !important;
  box-shadow: var(--neu-inset) !important;
  -webkit-text-fill-color: currentColor;
}

/* 饮食助手原先拥有单独的新拟物稿，这里把全部旧文字与子组件也纳入统一变量。 */
html.site-neu body[data-page-name^="diet"] {
  --diet-bg: var(--neu-bg);
  --diet-card: var(--neu-bg);
  --diet-text: var(--neu-text);
  --diet-muted: var(--neu-muted);
  --diet-line: transparent;
  --diet-green: var(--neu-accent);
  color: var(--neu-text);
  background: var(--neu-bg) !important;
}

html.site-neu body[data-page-name^="diet"] :where(
  .diet-card,
  .diet-health-card,
  .diet-today-card,
  .diet-weight-card,
  .diet-analysis,
  .diet-weekly-report,
  .diet-quick-entry,
  .diet-draft,
  .diet-suggestion,
  .diet-record-list,
  .diet-weekly-chart
) {
  border-color: transparent !important;
  color: var(--neu-text) !important;
  background-color: var(--neu-bg) !important;
  background-image: none !important;
  box-shadow: var(--neu-raised) !important;
}

html.site-neu body[data-page-name^="diet"] :where(
  .diet-chip,
  .diet-tab,
  .diet-macro,
  .diet-today-row,
  .diet-week-stats > *,
  .diet-analysis-metrics > *,
  .diet-analysis-targets > *
) {
  border-color: transparent !important;
  color: var(--neu-text) !important;
  background-color: var(--neu-bg) !important;
  background-image: none !important;
  box-shadow: var(--neu-inset-tight) !important;
}

/* 同一节点兼具布局 item 与 card/widget 类时，以完整容器的凸起层级为准。 */
html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(
  [class$="-card"],
  [class*="-card "],
  [class$="-panel"],
  [class*="-panel "],
  [class$="-widget"],
  [class*="-widget "],
  [class$="-tile"],
  [class*="-tile "],
  [class$="-shell"],
  [class*="-shell "]
) {
  background-color: var(--neu-bg) !important;
  background-image: none !important;
  box-shadow: var(--neu-raised) !important;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(.brand-mark, .dashboard-entry i, .homeos-logo) {
  border-color: transparent !important;
  color: #ffffff !important;
  background-color: var(--neu-accent) !important;
  background-image: none !important;
  box-shadow: var(--neu-raised-small) !important;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(.ui-aurora-text) {
  color: var(--neu-text) !important;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
  animation: none !important;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(.workflow-steps span, .step-number, [class$="-step-num"]) {
  border-color: transparent !important;
  color: #ffffff !important;
  background-color: var(--neu-accent) !important;
  background-image: none !important;
  box-shadow: var(--neu-raised-small) !important;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(
  .settings-permission-option,
  [class$="-option"],
  [class*="-option "]
) {
  border-color: transparent !important;
  color: var(--neu-text) !important;
  background-color: var(--neu-bg) !important;
  background-image: none !important;
  box-shadow: var(--neu-raised-small) !important;
  transform: none !important;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(
  .settings-permission-option:has(input:checked),
  [class$="-option"].is-active,
  [class*="-option "].is-active
) {
  color: var(--neu-accent) !important;
  background-color: var(--neu-bg) !important;
  background-image: none !important;
  box-shadow: var(--neu-inset-tight) !important;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) .settings-permission-option:has(input:checked) small {
  color: var(--neu-muted) !important;
}

html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(.personal-launcher, .personal-feature-grid) {
  border-color: transparent !important;
  color: var(--neu-text) !important;
  background-color: var(--neu-bg) !important;
  background-image: none !important;
  box-shadow: var(--neu-raised) !important;
}

html.site-neu body[data-page-name^="homeos"] .homeos-topbar {
  width: 100% !important;
  margin-left: 0 !important;
}

html.site-neu body[data-page-name^="homeos"] .homeos-box3d-face {
  background-image: none !important;
  box-shadow: var(--neu-raised-small) !important;
}

html.site-neu body[data-page-name^="homeos"] .homeos-box3d-front {
  background-color: var(--neu-accent) !important;
}

html.site-neu body[data-page-name^="homeos"] .homeos-box3d-top {
  background-color: color-mix(in srgb, var(--neu-accent) 72%, var(--neu-shadow-light)) !important;
}

html.site-neu body[data-page-name^="homeos"] .homeos-box3d-right {
  background-color: color-mix(in srgb, var(--neu-accent) 72%, var(--neu-shadow-dark)) !important;
}

/* `usage` 不能被情侣空间的 `us-*` 视觉排除规则误伤。 */
html.site-neu body[data-page-name="usage"] {
  color: var(--neu-text) !important;
  background: var(--neu-bg) !important;
}

html.site-neu body[data-page-name="usage"] :where(h1, h2, h3, h4, strong, b, label, th, td) {
  color: var(--neu-text) !important;
  -webkit-text-fill-color: currentColor;
}

html.site-neu body[data-page-name="usage"] :where(p, small, .muted, [class$="-meta"], [class*="-meta "]) {
  color: var(--neu-muted) !important;
}

html.site-neu body[data-page-name="usage"] :where(
  .site-header,
  .site-more-panel,
  .panel,
  .usage-panel,
  .usage-metric,
  .usage-table-wrap,
  .global-task-center
) {
  border-color: transparent !important;
  color: var(--neu-text) !important;
  background-color: var(--neu-bg) !important;
  background-image: none !important;
  box-shadow: var(--neu-raised) !important;
}

/* ===== 材质语义纠偏 =====
 * 操作栏、纯文字摘要和站点页脚不是独立控件，不应出现第二层方形阴影。
 * 这里显式守住语义，避免未来新增 `*-actions` / `*-summary` 时再次误伤。 */
html.site-neu body:not(.page-login):not([data-page-name^="us"]) :where(
  [class$="-actions"],
  [class*="-actions "],
  .page-shell,
  .site-more-menu,
  .site-footer
) {
  border-color: inherit !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.site-neu body[data-page-name="dashboard"] :where(
  .dashboard-feishu-summary,
  .dashboard-growth-summary,
  .dashboard-report-schedule,
  .codex-radar-last-reset,
  .codex-radar-primary-probability,
  .codex-radar-key-change,
  .codex-radar-trend,
  .codex-radar-meta,
  .dashboard-growth-sources
) {
  border-color: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html.site-neu body[data-page-name="usage"] :where(button, .button, [role="button"]) {
  border-color: transparent !important;
  color: var(--neu-text) !important;
  background-color: var(--neu-bg) !important;
  background-image: none !important;
  box-shadow: var(--neu-raised-small) !important;
  transform: none !important;
}

html.site-neu body[data-page-name="usage"] :where(.button-primary, button[type="submit"]) {
  color: #ffffff !important;
  background-color: var(--neu-accent) !important;
  background-image: none !important;
}

html.site-neu body[data-page-name="usage"] :where(input, select, textarea) {
  border-color: transparent !important;
  color: var(--neu-text) !important;
  background-color: var(--neu-bg) !important;
  background-image: none !important;
  box-shadow: var(--neu-inset) !important;
}

html.site-neu body[data-page-name="usage"] :where(table, thead, tbody, tr, th, td) {
  background: transparent !important;
  background-image: none !important;
}

/* 新拟物模式不叠加旧主题的扫光、渐变描边和光晕伪元素。 */
html.site-neu body:not(.page-login) :where(*)::before,
html.site-neu body:not(.page-login) :where(*)::after {
  background-image: none !important;
}

@media (max-width: 760px) {
  html.site-neu {
    --neu-raised: 6px 6px 14px var(--neu-shadow-dark), -6px -6px 14px var(--neu-shadow-light);
    --neu-raised-small: 4px 4px 9px var(--neu-shadow-dark), -4px -4px 9px var(--neu-shadow-light);
    --neu-inset: inset 4px 4px 9px var(--neu-shadow-dark), inset -4px -4px 9px var(--neu-shadow-light);
  }
}

/* 页面外壳只负责布局，不是可点击控件；最终层必须位于宽泛组件规则之后。 */
html.site-neu body[data-page-name^="homeos"] main.homeos-shell,
html.site-neu body.page-diet[data-page-name="diet"] :is(.diet-app, .diet-main),
html.site-neu body.page-wardrobe[data-page-name="wardrobe"] main.page-shell .wardrobe-shell,
html.site-neu body.page-color-lut[data-page-name="color-lut"] main.page-shell .color-lut-shell {
  border-color: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.site-neu body.page-color-lut[data-page-name="color-lut"] .color-lut-shell :is(
  .color-lut-section,
  .color-lut-notice,
  .color-lut-candidate
) {
  border-color: transparent !important;
  background-color: var(--neu-bg) !important;
  background-image: none !important;
  box-shadow: var(--neu-raised) !important;
}

html.site-neu body.page-color-lut[data-page-name="color-lut"] .color-lut-candidate-strength {
  border-color: transparent !important;
  background-color: var(--neu-bg) !important;
  background-image: none !important;
  box-shadow: var(--neu-inset) !important;
}

/* 空状态是说明文字而不是按钮，不使用凸起或内凹材质。 */
html.site-neu body[data-page-name^="homeos"] .homeos-expiring-panel .homeos-empty {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.site-neu body.page-color-lut[data-page-name="color-lut"] .color-lut-empty {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 实时薪资：信息保持平面，只有按钮外凸、数据槽内凹，避免连续矩形套娃。 */
html.site-neu body.page-personal[data-page-name="personal"] :is(
  .personal-minimal-nav,
  .personal-workspace-topbar,
  .personal-salary-panel,
  .personal-salary-panel .personal-panel-heading,
  .personal-salary-panel .salary-live-card,
  .personal-salary-panel .salary-breakdown,
  .personal-salary-panel .salary-leave-status,
  .personal-salary-panel .salary-disclaimer,
  .personal-salary-panel #salaryMessage
) {
  border-color: transparent !important;
  color: var(--neu-text) !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.site-neu body.page-personal[data-page-name="personal"] .personal-back-link {
  width: max-content !important;
  min-height: 34px !important;
  padding: 0 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--neu-muted) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.site-neu body.page-personal[data-page-name="personal"] .personal-back-link:hover {
  color: var(--neu-text) !important;
  box-shadow: none !important;
}

html.site-neu body.page-personal[data-page-name="personal"] .personal-tabs {
  display: grid;
  width: min(100%, 620px);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 3px;
  padding: 5px;
  border: 0;
  border-radius: 18px;
  background: var(--neu-bg) !important;
  box-shadow: var(--neu-inset-tight) !important;
}

html.site-neu body.page-personal[data-page-name="personal"] .personal-tabs button {
  min-width: 0;
  min-height: 38px;
  padding: 0 8px;
  border-radius: 13px;
  color: var(--neu-muted);
  background: transparent !important;
  box-shadow: none !important;
  white-space: nowrap;
}

html.site-neu body.page-personal[data-page-name="personal"] .personal-tabs button:is(:hover, .is-active) {
  color: var(--neu-accent);
  background: var(--neu-bg) !important;
  box-shadow: var(--neu-raised-small) !important;
}

html.site-neu body.page-personal.is-personal-salary-mode[data-page-name="personal"] .personal-shell {
  border-color: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html.site-neu body.page-personal[data-page-name="personal"] .personal-salary-panel {
  width: min(100%, 860px);
  gap: 0;
  margin-inline: auto;
}

html.site-neu body.page-personal[data-page-name="personal"] .personal-salary-panel .personal-panel-heading {
  align-items: flex-end;
  padding: 14px 4px 24px;
  border-bottom: 1px solid color-mix(in srgb, var(--neu-muted) 18%, transparent) !important;
  border-radius: 0;
}

html.site-neu body.page-personal[data-page-name="personal"] .personal-salary-panel .personal-panel-heading > div:first-child {
  max-width: 520px;
}

html.site-neu body.page-personal[data-page-name="personal"] .personal-salary-panel .personal-panel-heading > div:first-child > span {
  color: var(--neu-accent);
}

html.site-neu body.page-personal[data-page-name="personal"] .personal-salary-panel .salary-heading-actions .button {
  min-height: 40px;
  padding-inline: 16px;
  border-radius: 14px;
}

html.site-neu body.page-personal[data-page-name="personal"] .personal-salary-panel #salaryMessage {
  min-height: 38px;
  margin: 0;
  padding: 14px 4px 4px;
  color: var(--neu-muted) !important;
}

html.site-neu body.page-personal[data-page-name="personal"] .personal-salary-panel .salary-live-card {
  padding: 30px 4px 28px;
  border-bottom: 1px solid color-mix(in srgb, var(--neu-muted) 18%, transparent) !important;
  border-radius: 0;
}

html.site-neu body.page-personal[data-page-name="personal"] .personal-salary-panel .salary-live-card > span,
html.site-neu body.page-personal[data-page-name="personal"] .personal-salary-panel .salary-live-card > strong,
html.site-neu body.page-personal[data-page-name="personal"] .personal-salary-panel .salary-live-card > p {
  color: var(--neu-text) !important;
}

html.site-neu body.page-personal[data-page-name="personal"] .personal-salary-panel .salary-live-card > span,
html.site-neu body.page-personal[data-page-name="personal"] .personal-salary-panel .salary-live-card > p {
  color: var(--neu-muted) !important;
}

html.site-neu body.page-personal[data-page-name="personal"] .personal-salary-panel .salary-metric-grid {
  gap: 14px;
  margin: 22px 0 0;
}

html.site-neu body.page-personal[data-page-name="personal"] .personal-salary-panel .salary-metric-grid > article {
  padding: 20px;
  border: 0;
  border-radius: 20px;
  color: var(--neu-text);
  background: var(--neu-bg);
  box-shadow: var(--neu-inset-tight);
}

html.site-neu body.page-personal[data-page-name="personal"] .personal-salary-panel .salary-breakdown {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 18px;
  padding: 4px 0 18px;
  border-bottom: 1px solid color-mix(in srgb, var(--neu-muted) 18%, transparent) !important;
}

html.site-neu body.page-personal[data-page-name="personal"] .personal-salary-panel .salary-breakdown > span {
  min-width: 0;
  padding: 8px 12px;
  border: 0;
  border-right: 1px solid color-mix(in srgb, var(--neu-muted) 18%, transparent);
  border-radius: 0;
  color: var(--neu-muted);
  background: transparent;
  box-shadow: none;
  text-align: center;
  white-space: nowrap;
}

html.site-neu body.page-personal[data-page-name="personal"] .personal-salary-panel .salary-breakdown > span:last-child {
  border-right: 0;
}

html.site-neu body.page-personal[data-page-name="personal"] .personal-salary-panel .salary-leave-status {
  margin-top: 18px;
  padding: 14px 4px 16px;
  border-bottom: 1px solid color-mix(in srgb, var(--neu-muted) 18%, transparent) !important;
  border-radius: 0;
}

html.site-neu body.page-personal[data-page-name="personal"] .personal-salary-panel .salary-leave-status span {
  color: var(--neu-success);
}

html.site-neu body.page-personal[data-page-name="personal"] .personal-salary-panel .salary-disclaimer {
  margin: 0;
  padding: 16px 4px 0;
  color: var(--neu-muted) !important;
}

@media (max-width: 600px) {
  html.site-neu body.page-personal[data-page-name="personal"] .personal-shell {
    gap: 14px;
  }

  html.site-neu body.page-personal[data-page-name="personal"] .personal-tabs {
    width: 100%;
  }

  html.site-neu body.page-personal[data-page-name="personal"] .personal-tabs button {
    padding-inline: 3px;
    font-size: 10px;
  }

  html.site-neu body.page-personal[data-page-name="personal"] .personal-salary-panel .personal-panel-heading {
    gap: 18px;
    padding-top: 4px;
  }

  html.site-neu body.page-personal[data-page-name="personal"] .personal-salary-panel .salary-heading-actions {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html.site-neu body.page-personal[data-page-name="personal"] .personal-salary-panel .salary-heading-actions .button {
    width: 100%;
    padding-inline: 8px;
  }

  html.site-neu body.page-personal[data-page-name="personal"] .personal-salary-panel .salary-live-card > strong {
    gap: 6px;
  }

  html.site-neu body.page-personal[data-page-name="personal"] .personal-salary-panel .salary-live-card strong b {
    font-size: clamp(2.65rem, 14vw, 4rem);
  }

  html.site-neu body.page-personal[data-page-name="personal"] .personal-salary-panel .salary-breakdown > span {
    padding-inline: 5px;
    font-size: .72rem;
  }
}

/* ===== 生活工具的新拟物语义终审 =====
 * 凸起：真实按钮、可点击卡片、独立内容卡。
 * 内凹：输入、数据槽、上传槽、媒体视口、已选状态。
 * 平面：页面外壳、标题区、列表容器、说明、空状态。
 * 不再依据 `*-card / *-item / *-stat` 后缀猜测材质。 */

/* 家庭物品：标题与布局平面，统计数据内凹，独立功能卡与操作凸起。 */
html.site-neu body[data-page-name^="homeos"] :is(
  .homeos-topbar,
  .homeos-hero,
  .homeos-search-card,
  .homeos-item-list,
  .homeos-location-list,
  .homeos-shopping-list,
  .homeos-location-wall,
  .homeos-menu-list,
  .homeos-search-answer,
  .homeos-empty
) {
  border-color: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html.site-neu body[data-page-name^="homeos"] .homeos-topbar {
  border-bottom: 1px solid color-mix(in srgb, var(--neu-muted) 16%, transparent) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

html.site-neu body[data-page-name^="homeos"] .homeos-stat {
  border: 0 !important;
  background: var(--neu-bg) !important;
  box-shadow: var(--neu-inset) !important;
}

html.site-neu body[data-page-name^="homeos"] .homeos-metric-bubble {
  opacity: .12;
  background: var(--neu-accent) !important;
  box-shadow: none !important;
}

html.site-neu body[data-page-name^="homeos"] :is(
  .homeos-panel,
  .homeos-banner,
  .homeos-location-card,
  .homeos-detail-hero,
  .homeos-manage-card,
  .homeos-extra-box,
  .homeos-result-box,
  .homeos-step
) {
  border-color: transparent !important;
  background-color: var(--neu-bg) !important;
  background-image: none !important;
  box-shadow: var(--neu-raised) !important;
}

html.site-neu body[data-page-name^="homeos"] :is(
  .homeos-menu-row,
  .homeos-shopping-item
) {
  border: 0 !important;
  border-bottom: 1px solid color-mix(in srgb, var(--neu-muted) 15%, transparent) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.site-neu body[data-page-name^="homeos"] :is(
  .homeos-menu-row,
  .homeos-shopping-item
):last-child {
  border-bottom: 0 !important;
}

html.site-neu body[data-page-name^="homeos"] .homeos-location-tile {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.site-neu body[data-page-name^="homeos"] .homeos-location-tile img {
  border: 0 !important;
  box-shadow: var(--neu-inset-tight) !important;
}

html.site-neu body[data-page-name^="homeos"] .homeos-bottom-nav {
  border-color: transparent !important;
  background: var(--neu-bg) !important;
  box-shadow: var(--neu-raised) !important;
}

html.site-neu body[data-page-name^="homeos"] .homeos-bottom-nav a {
  background: transparent !important;
  box-shadow: none !important;
}

html.site-neu body[data-page-name^="homeos"] .homeos-bottom-nav a.is-active {
  color: var(--neu-accent) !important;
  background: var(--neu-bg) !important;
  box-shadow: var(--neu-inset-tight) !important;
}

/* 饮食助手：卡片是外层组织，内部指标与输入才内凹。 */
html.site-neu body.page-diet[data-page-name="diet"] :is(
  .diet-topbar,
  .diet-hero,
  .diet-tab,
  .diet-analysis,
  .diet-record-list,
  .diet-weekly-report,
  .diet-suggestion,
  .diet-empty,
  .diet-macro,
  .diet-analysis-points li
) {
  border-color: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html.site-neu body.page-diet[data-page-name="diet"] .diet-topbar {
  border-bottom: 1px solid color-mix(in srgb, var(--neu-muted) 16%, transparent) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

html.site-neu body.page-diet[data-page-name="diet"] :is(
  .diet-card,
  .diet-today-card,
  .diet-health-card,
  .diet-weight-card,
  .diet-quick-entry
) {
  border-color: transparent !important;
  background: var(--neu-bg) !important;
  box-shadow: var(--neu-raised) !important;
}

html.site-neu body.page-diet[data-page-name="diet"] :is(
  .diet-today-row > div,
  .diet-body-metrics > div,
  .diet-week-stats > div,
  .diet-analysis-metrics > div,
  .diet-analysis-targets > div,
  .diet-draft,
  .diet-weekly-chart,
  .diet-analysis-edit,
  .diet-photo-picker
) {
  border-color: transparent !important;
  background: var(--neu-bg) !important;
  box-shadow: var(--neu-inset-tight) !important;
}

html.site-neu body.page-diet[data-page-name="diet"] :is(.diet-record, .diet-week-row) {
  border: 0 !important;
  border-bottom: 1px solid color-mix(in srgb, var(--neu-muted) 15%, transparent) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.site-neu body.page-diet[data-page-name="diet"] .diet-chip {
  color: var(--neu-accent) !important;
  background: var(--neu-bg) !important;
  box-shadow: var(--neu-raised-small) !important;
}

html.site-neu body.page-diet[data-page-name="diet"] .diet-bottom-nav {
  border-color: transparent !important;
  background: var(--neu-bg) !important;
  box-shadow: var(--neu-raised) !important;
}

html.site-neu body.page-diet[data-page-name="diet"] .diet-bottom-nav button {
  background: transparent !important;
  box-shadow: none !important;
}

html.site-neu body.page-diet[data-page-name="diet"] .diet-bottom-nav button.is-active {
  color: var(--neu-accent) !important;
  background: var(--neu-bg) !important;
  box-shadow: var(--neu-inset-tight) !important;
}

/* AI 穿搭：章节卡凸起，上传/结果视口内凹，标题和布局容器保持平面。 */
html.site-neu body.page-wardrobe[data-page-name="wardrobe"] :is(
  .wardrobe-hero,
  .wardrobe-profile-grid,
  .wardrobe-profile-form,
  .wardrobe-form-grid,
  .wardrobe-profile-photo-grid,
  .wardrobe-garment-grid,
  .wardrobe-result-grid,
  .wardrobe-history-grid,
  .wardrobe-section-heading,
  .wardrobe-model-status,
  .wardrobe-job-stage,
  .wardrobe-empty
) {
  border-color: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html.site-neu body.page-wardrobe[data-page-name="wardrobe"] .wardrobe-hero {
  min-height: 0;
  padding-inline: 4px;
  overflow: visible;
}

html.site-neu body.page-wardrobe[data-page-name="wardrobe"] .wardrobe-section {
  border-color: transparent !important;
  background: var(--neu-bg) !important;
  box-shadow: var(--neu-raised) !important;
}

html.site-neu body.page-wardrobe[data-page-name="wardrobe"] :is(
  .wardrobe-upload-card,
  .wardrobe-garment-upload,
  .wardrobe-result-card,
  .wardrobe-score,
  .wardrobe-advice-lists > div
) {
  border-color: transparent !important;
  background: var(--neu-bg) !important;
  box-shadow: var(--neu-inset) !important;
}

html.site-neu body.page-wardrobe[data-page-name="wardrobe"] :is(
  .wardrobe-profile-card,
  .wardrobe-history-card,
  .wardrobe-advice
) {
  border-color: transparent !important;
  background: var(--neu-bg) !important;
  box-shadow: var(--neu-raised-small) !important;
}

html.site-neu body.page-wardrobe[data-page-name="wardrobe"] .wardrobe-profile-card[aria-pressed="true"] {
  color: var(--neu-accent) !important;
  box-shadow: var(--neu-inset-tight) !important;
}

html.site-neu body.page-wardrobe[data-page-name="wardrobe"] :is(
  .wardrobe-mode-switch,
  .wardrobe-count-switch
) {
  border: 0 !important;
  background: var(--neu-bg) !important;
  box-shadow: var(--neu-inset-tight) !important;
}

html.site-neu body.page-wardrobe[data-page-name="wardrobe"] :is(
  .wardrobe-mode-switch,
  .wardrobe-count-switch
) span {
  color: var(--neu-muted) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.site-neu body.page-wardrobe[data-page-name="wardrobe"] :is(
  .wardrobe-mode-switch,
  .wardrobe-count-switch
) input:checked + span {
  color: var(--neu-accent) !important;
  background: var(--neu-bg) !important;
  box-shadow: var(--neu-raised-small) !important;
}

html.site-neu body.page-wardrobe[data-page-name="wardrobe"] .wardrobe-upload-icon {
  color: #ffffff !important;
  background: var(--neu-accent) !important;
  box-shadow: var(--neu-raised-small) !important;
}

html.site-neu body.page-wardrobe[data-page-name="wardrobe"] .wardrobe-submit-row {
  border-top-color: color-mix(in srgb, var(--neu-muted) 16%, transparent) !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 高频触控只保留短促按压反馈；减弱动态时由下方规则关闭。 */
html.site-neu :is(
  body[data-page-name^="homeos"],
  body.page-diet[data-page-name="diet"],
  body.page-wardrobe[data-page-name="wardrobe"]
) :is(button, .button, .homeos-banner, .homeos-item-card, .homeos-menu-row, .wardrobe-profile-card, .wardrobe-upload-card, .wardrobe-garment-upload) {
  transition: transform 150ms cubic-bezier(.23, 1, .32, 1), box-shadow 180ms ease !important;
}

html.site-neu :is(
  body[data-page-name^="homeos"],
  body.page-diet[data-page-name="diet"],
  body.page-wardrobe[data-page-name="wardrobe"]
) :is(button, .button, .homeos-banner, .homeos-item-card, .homeos-menu-row, .wardrobe-profile-card, .wardrobe-upload-card, .wardrobe-garment-upload):active {
  transform: scale(.97) !important;
}

@media (prefers-reduced-motion: reduce) {
  html.site-neu :is(
    body[data-page-name^="homeos"],
    body.page-diet[data-page-name="diet"],
    body.page-wardrobe[data-page-name="wardrobe"]
  ) :is(button, .button, .homeos-banner, .homeos-item-card, .homeos-menu-row, .wardrobe-profile-card, .wardrobe-upload-card, .wardrobe-garment-upload) {
    transition-duration: 1ms !important;
    transform: none !important;
  }
}

/* ===== 家庭物品子页语义收口 =====
 * 子页 body 为 page-homeos-items / page-homeos-shopping，不能再依赖 page-homeos 类名。
 * 顶栏和筛选容器保持平面；可点击筛选凸起；当前筛选内凹；待买记录按列表行展示。 */
html.site-neu body[data-page-name^="homeos"] :is(
  .homeos-manage-layout,
  .homeos-manage-main,
  .homeos-manage-rail,
  .homeos-manage-toolbar,
  .homeos-type-chips,
  .homeos-shopping-list
) {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.site-neu body[data-page-name^="homeos"] .homeos-topbar {
  background: color-mix(in srgb, var(--neu-bg) 88%, transparent) !important;
  box-shadow: none !important;
}

html.site-neu body[data-page-name="homeos-items"] .homeos-manage-rail {
  padding-right: 5px;
  border-right: 1px solid color-mix(in srgb, var(--neu-muted) 16%, transparent) !important;
}

/* 左侧四字分类保持单行：宽度由布局预留，禁止中文自动断行。 */
html.site-neu body[data-page-name="homeos-items"] .homeos-rail-button {
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

html.site-neu body[data-page-name="homeos-items"] :is(
  .homeos-rail-button,
  .homeos-chip
) {
  border: 0 !important;
  color: var(--neu-muted) !important;
  background: var(--neu-bg) !important;
  box-shadow: var(--neu-raised-small) !important;
}

html.site-neu body[data-page-name="homeos-items"] :is(
  .homeos-rail-button.is-active,
  .homeos-chip.is-active
) {
  color: var(--neu-accent) !important;
  background: var(--neu-bg) !important;
  box-shadow: var(--neu-inset-tight) !important;
}

html.site-neu body[data-page-name="homeos-items"] .homeos-manage-toolbar {
  padding: 2px 0 8px;
  border-bottom: 1px solid color-mix(in srgb, var(--neu-muted) 14%, transparent) !important;
  border-radius: 0 !important;
}

html.site-neu body[data-page-name="homeos-items"] :is(
  .homeos-manage-toolbar .homeos-button,
  .homeos-manage-card-actions .homeos-button
),
html.site-neu body[data-page-name="homeos-shopping"] .homeos-shopping-actions .homeos-button {
  border: 0 !important;
  background: var(--neu-bg) !important;
  box-shadow: var(--neu-raised-small) !important;
}

html.site-neu body[data-page-name="homeos-items"] .homeos-manage-toolbar .homeos-button-primary {
  color: #fff !important;
  background: var(--neu-accent) !important;
}

html.site-neu body[data-page-name="homeos-shopping"] .homeos-shopping-item {
  min-height: 52px;
  padding: 12px 2px !important;
}

html.site-neu body[data-page-name="homeos-shopping"] .homeos-shopping-item > span:first-child {
  gap: 4px;
}

html.site-neu body[data-page-name="homeos-shopping"] .homeos-shopping-actions .homeos-button[data-shopping-cancel] {
  color: var(--neu-danger) !important;
}

/* 移动端头部：Windows 工作流只属于桌面端，给品牌与常用操作留出稳定空间。 */
@media (max-width: 760px) {
  .site-header .site-desktop-entry {
    display: none !important;
  }

  .site-header .brand {
    min-width: 0;
    max-width: 100%;
  }

  .site-header .brand > span {
    min-width: 0;
  }

  .site-header .brand strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .site-header .site-utility-actions {
    min-width: max-content;
    flex: 0 0 auto;
  }
}

/* 英语口语页的顶层壳、即时提示与空状态只是布局/文字容器，不作为凸起卡片。 */
html.site-neu body[data-page-name="exam"] :is(.exam-shell, .exam-notice, .exam-empty) {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}