@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&family=Orbitron:wght@400;600;700;800&display=swap");

/* ---------------------------------------------------------------------------
   漫工厂 Aurora 全站主题
   把「极光智枢」演示包的设计语言扩展到前台、后台、工作台与编辑器。
   只做视觉覆盖，不改变现有布局结构与交互逻辑。
--------------------------------------------------------------------------- */

:root {
  --au-bg-page: #050816;
  --au-bg-surface: #0a1225;
  --au-bg-surface-strong: #0d1930;
  --au-primary: #367cff;
  --au-primary-hover: #5a96ff;
  --au-primary-tint: rgb(54 124 255 / 16%);
  --au-secondary: #22d3ee;
  --au-secondary-tint: rgb(34 211 238 / 14%);
  --au-tertiary: #b178ff;
  --au-border: rgb(148 181 235 / 19%);
  --au-border-strong: rgb(93 164 255 / 44%);
  --au-text-primary: #f1f7ff;
  --au-text-secondary: #b4c7df;
  --au-text-muted: #7890af;
  --au-success: #38d996;
  --au-warning: #ffc15a;
  --au-error: #ff5f7a;
  --au-radius-sm: 8px;
  --au-radius-md: 14px;
  --au-font-heading: "Orbitron", "Noto Sans SC", ui-sans-serif, system-ui, sans-serif;
  --au-font-body: "Noto Sans SC", ui-sans-serif, system-ui, "Microsoft YaHei", sans-serif;
  --au-shadow-md: 0 12px 28px rgb(16 85 201 / 18%), 0 3px 9px rgb(0 0 0 / 35%);
  --au-shadow-lg: 0 24px 58px rgb(16 85 201 / 23%), 0 8px 20px rgb(0 0 0 / 48%);
  --au-glass: linear-gradient(135deg, rgb(17 35 67 / 68%), rgb(8 18 39 / 52%));
}

/* ---------------------------------------------- 1. 变量重映射（全局换色） */

.site-body,
.admin-body,
.studio-body,
.editor-body {
  --bg: var(--au-bg-page);
  --bg-soft: var(--au-bg-surface);
  --bg-elev: var(--au-bg-surface);
  --bg-card: var(--au-bg-surface-strong);
  --bg-hover: rgb(54 124 255 / 14%);
  --border: var(--au-border);
  --border-strong: var(--au-border-strong);
  --text: var(--au-text-primary);
  --text-soft: var(--au-text-secondary);
  --text-muted: var(--au-text-muted);
  --accent: var(--au-primary);
  --accent-2: var(--au-secondary);
  --accent-3: var(--au-tertiary);
  --grad: linear-gradient(135deg, var(--au-primary), var(--au-secondary));
  --shadow: var(--au-shadow-md);
  --radius: var(--au-radius-md);
  --radius-sm: var(--au-radius-sm);
  font-family: var(--au-font-body);
}

/* ------------------------------------------------------ 2. 页面网格底色 */

.site-body,
.admin-body,
.studio-body,
.editor-body {
  color: var(--au-text-primary);
  background:
    linear-gradient(rgb(148 181 235 / 7%) 1px, transparent 1px) 0 0 / 48px 48px,
    linear-gradient(90deg, rgb(148 181 235 / 7%) 1px, transparent 1px) 0 0 / 48px 48px,
    radial-gradient(circle at 12% 0%, rgb(54 124 255 / 16%), transparent 30rem),
    radial-gradient(circle at 88% 10%, rgb(34 211 238 / 9%), transparent 32rem),
    linear-gradient(135deg, var(--au-bg-page), var(--au-bg-surface));
  background-attachment: fixed;
}

.site-body h1,
.site-body h2,
.admin-body h1,
.admin-body h2,
.studio-body h1,
.studio-body h2,
.editor-body h1,
.editor-body h2 {
  font-family: var(--au-font-heading);
  color: var(--au-text-primary);
}

/* ------------------------------------------------------------ 3. 导航栏 */

.site-body .nav {
  background: rgb(5 10 26 / 82%);
  border-bottom: 1px solid var(--au-border);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  backdrop-filter: blur(18px) saturate(140%);
}

.site-body .brand-mark {
  background: linear-gradient(135deg, var(--au-primary), var(--au-secondary));
  box-shadow: 0 0 18px var(--au-primary-tint);
}

.site-body .nav-links a.active {
  color: #fff;
  background: var(--au-primary-tint);
  box-shadow: inset 0 0 0 1px var(--au-border);
}

.site-body .nav-dropdown {
  background: rgb(8 18 39 / 97%);
  border-color: var(--au-border);
}

/* ------------------------------------------- 4. 卡片 / 面板统一玻璃质感 */

.site-body .vcard,
.site-body .project-card,
.site-body .tool-card,
.site-body .copy-item,
.site-body .copy-box,
.site-body .empty,
.site-body .wallet-modal-card,
.admin-body .panel,
.admin-body .stat-card,
.admin-body .dashboard-stat,
.admin-body .pricing-stat,
.admin-body .model-toolbar,
.admin-body .task-overview-item,
.admin-body .task-detail-item,
.admin-body .modal,
.studio-body .composer-column,
.studio-body .preview-column,
.studio-body .shot-card,
.studio-body .history-item,
.studio-body .model-summary,
.studio-body .modal-card,
.editor-body .shot-card,
.editor-body .asset-card,
.editor-body .asset-empty,
.editor-body .modal {
  background: var(--au-glass);
  border: 1px solid var(--au-border);
  border-radius: var(--au-radius-md);
  box-shadow: var(--au-shadow-md);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
}

.site-body .vcard:hover,
.site-body .project-card:hover,
.site-body .tool-card:hover {
  border-color: var(--au-border-strong);
  box-shadow: var(--au-shadow-lg);
}

.admin-body .dashboard-stat:nth-child(3n + 2) {
  background: radial-gradient(circle at 88% 12%, var(--au-secondary-tint), transparent 42%), var(--au-glass);
}

.admin-body .dashboard-stat:nth-child(3n) {
  background: radial-gradient(circle at 88% 12%, rgb(177 120 255 / 14%), transparent 42%), var(--au-glass);
}

/* -------------------------------------------------------------- 5. 按钮 */

.site-body .btn-primary,
.site-body .primary-btn,
.site-body .gen-go,
.admin-body .btn-primary,
.admin-body .primary-btn,
.studio-body .btn-primary,
.studio-body .primary-btn,
.editor-body .btn-primary,
.editor-body .primary-btn {
  color: #f7fbff;
  border: 1px solid var(--au-primary-hover);
  border-radius: var(--au-radius-sm);
  background: linear-gradient(135deg, var(--au-primary), var(--au-secondary));
  box-shadow: 0 0 18px var(--au-primary-tint);
  font-weight: 700;
}

.site-body .btn-primary:hover,
.site-body .primary-btn:hover,
.site-body .gen-go:hover,
.admin-body .btn-primary:hover,
.admin-body .primary-btn:hover,
.studio-body .btn-primary:hover,
.editor-body .btn-primary:hover {
  filter: brightness(1.12);
  transform: translateY(-1px);
  box-shadow: 0 0 28px var(--au-primary-tint);
}

.site-body .btn-secondary,
.site-body .secondary-btn,
.site-body .btn-soft,
.site-body .btn-ghost,
.site-body .ghost-btn,
.admin-body .btn-secondary,
.admin-body .secondary-btn,
.studio-body .btn-secondary,
.editor-body .btn-secondary {
  color: var(--au-text-primary);
  border: 1px solid var(--au-border);
  border-radius: var(--au-radius-sm);
  background: rgb(54 124 255 / 10%);
}

.site-body .btn-secondary:hover,
.site-body .secondary-btn:hover,
.site-body .btn-soft:hover,
.site-body .btn-ghost:hover,
.admin-body .btn-secondary:hover,
.studio-body .btn-secondary:hover,
.editor-body .btn-secondary:hover {
  border-color: var(--au-secondary);
  background: var(--au-secondary-tint);
}

/* -------------------------------------------------------------- 6. 表单 */

.site-body .form-input,
.site-body .field input,
.site-body .field textarea,
.site-body .field select,
.site-body .select,
.site-body .model-search,
.site-body .model-filter-select,
.admin-body .form-input,
.admin-body .select,
.admin-body input[type="text"],
.admin-body input[type="search"],
.admin-body textarea,
.admin-body select,
.studio-body .form-input,
.studio-body input[type="text"],
.studio-body input[type="number"],
.studio-body textarea,
.studio-body select,
.editor-body input[type="text"],
.editor-body textarea,
.editor-body select {
  color: var(--au-text-primary);
  border: 1px solid var(--au-border);
  border-radius: var(--au-radius-sm);
  background-color: var(--au-bg-surface);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 3%);
}

.site-body .form-input:focus,
.site-body .field input:focus,
.site-body textarea:focus,
.site-body select:focus,
.admin-body input:focus,
.admin-body textarea:focus,
.admin-body select:focus,
.studio-body input:focus,
.studio-body textarea:focus,
.studio-body select:focus,
.editor-body input:focus,
.editor-body textarea:focus,
.editor-body select:focus {
  outline: 0;
  border-color: var(--au-primary);
  background-color: var(--au-bg-surface-strong);
  box-shadow: 0 0 0 3px var(--au-primary-tint);
}

/* -------------------------------------------------------------- 7. 表格 */

.admin-body table th,
.admin-body .model-table th {
  color: var(--au-secondary);
  background: var(--au-primary-tint);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.admin-body table td {
  border-top: 1px solid var(--au-border);
}

.admin-body tbody tr:hover td {
  background: rgb(34 211 238 / 6%);
}

/* ---------------------------------------------- 8. 后台 / 工作台侧边栏 */

.admin-body .sidebar,
.studio-body .sidebar,
.editor-body .editor-sidebar {
  background: rgb(6 13 31 / 92%);
  border-color: var(--au-border);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.admin-body .side-nav a.active,
.studio-body .nav-item.active,
.editor-body .shot-list-item.active {
  color: #eaf5ff;
  background: linear-gradient(90deg, var(--au-primary-tint), rgb(177 120 255 / 12%));
  box-shadow: inset 0 0 0 1px rgb(34 211 238 / 16%);
}

.admin-body .sidebar .brand .mark,
.studio-body .brand-mark,
.editor-body .editor-brand-mark {
  background: linear-gradient(135deg, var(--au-primary), var(--au-secondary));
}

/* ---------------------------------------------------------- 9. 顶栏/工具条 */

.admin-body .topbar,
.studio-body .topbar {
  border: 1px solid var(--au-border);
  border-radius: var(--au-radius-md);
  background: rgb(8 18 39 / 62%);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

/* ------------------------------------------------------- 10. 标签/状态点 */

.site-body .pill,
.site-body .filter-tab,
.admin-body .pill,
.admin-body .filter-tab,
.studio-body .filter-tab {
  border-radius: var(--au-radius-sm);
}

.site-body .pill.active,
.admin-body .pill.active,
.site-body .filter-tab.active,
.admin-body .filter-tab.active {
  color: #fff;
  border-color: var(--au-border-strong);
  background: linear-gradient(135deg, var(--au-primary), var(--au-secondary));
}

.admin-body .status-dot,
.site-body .status-dot,
.studio-body .status-dot {
  background: var(--au-success);
  box-shadow: 0 0 12px var(--au-success);
}

/* ------------------------------------------------------------- 11. 其他 */

.site-body .footer {
  border-top: 1px solid var(--au-border);
  background: rgb(5 10 26 / 86%);
}

.admin-body .modal,
.studio-body .modal,
.editor-body .modal,
.site-body .modal {
  background: rgb(4 10 21 / 96%);
  border-color: var(--au-border);
}

.admin-body .modal-backdrop,
.studio-body .modal-backdrop,
.site-body .modal-backdrop {
  background: rgb(2 6 14 / 72%);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.site-body ::-webkit-scrollbar-thumb,
.admin-body ::-webkit-scrollbar-thumb,
.studio-body ::-webkit-scrollbar-thumb,
.editor-body ::-webkit-scrollbar-thumb {
  background: var(--au-border);
  border-radius: 4px;
}

/* ---------------------------------------------------------------------------
   12. 覆盖 product-ui.css 的浅色主题层
   product-ui.css 定义了浅色调并大量使用 !important，这里统一改回极光深色。
--------------------------------------------------------------------------- */

html,
body.site-body,
body.admin-body,
body.studio-body,
body.editor-body {
  background-color: var(--au-bg-page) !important;
  color: var(--au-text-primary) !important;
  font-family: var(--au-font-body) !important;
  color-scheme: dark !important;
}

body.site-body,
body.admin-body,
body.studio-body,
body.editor-body {
  background-image:
    linear-gradient(rgb(148 181 235 / 7%) 1px, transparent 1px),
    linear-gradient(90deg, rgb(148 181 235 / 7%) 1px, transparent 1px),
    radial-gradient(circle at 12% 0%, rgb(54 124 255 / 16%), transparent 30rem),
    radial-gradient(circle at 88% 10%, rgb(34 211 238 / 9%), transparent 32rem),
    linear-gradient(135deg, var(--au-bg-page), var(--au-bg-surface)) !important;
  background-size: 48px 48px, 48px 48px, auto, auto, auto !important;
  background-attachment: fixed !important;
}

/* 前台首页各区块：去掉浅色底 */
.site-body .workbench-hero { background: transparent !important; }
.site-body .workbench-hero::after { background: rgb(10 18 37 / 55%) !important; }
.site-body .workflow-section,
.site-body .capability-section,
.site-body .home-recent,
.site-body .section,
.site-body .section-tight { background: transparent !important; }
.site-body .capability-section { border-top-color: var(--au-border) !important; }
.site-body .footer {
  background: rgb(5 10 26 / 88%) !important;
  border-color: var(--au-border) !important;
}

/* 前台卡片 / 面板 / 导航浮层 */
.site-body .workbench-preview,
.site-body .workbench-prompt,
.site-body .quick-launch a,
.site-body .capability-list,
.site-body .home-recent .vcard,
.site-body .cat-pill,
.site-body .nav-dropdown,
.site-body .nav-user-main,
.site-body .nav-account-panel {
  background: var(--au-glass) !important;
  border-color: var(--au-border) !important;
  color: var(--au-text-primary) !important;
}

.site-body .workbench-preview > header { background: transparent !important; border-color: var(--au-border) !important; }
.site-body .preview-media { background: #071127 !important; }
.site-body .prompt-actions {
  background: rgb(10 20 40 / 72%) !important;
  border-top-color: var(--au-border) !important;
}
.site-body .workflow-step:hover { background: rgb(34 211 238 / 8%) !important; }
.site-body .capability-list > a:hover { background: rgb(34 211 238 / 8%) !important; }
.site-body .capability-list > a > span {
  border-color: var(--au-border) !important;
  background: var(--au-primary-tint) !important;
  color: var(--au-secondary) !important;
}
.site-body .project-cover-empty { background: #0d1930 !important; }
.site-body .nav-links a:hover,
.site-body .nav-user-main:hover { background: rgb(54 124 255 / 12%) !important; color: var(--au-text-primary) !important; }
.site-body .nav-user-main { border-color: transparent !important; }
.site-body .nav-wallet {
  background: rgb(10 20 40 / 80%) !important;
  border-color: var(--au-border) !important;
}

/* 表单控件统一深色 */
body.site-body input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.site-body textarea,
body.site-body select,
body.studio-body input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.studio-body textarea,
body.studio-body select,
body.editor-body input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.editor-body textarea,
body.editor-body select,
body.admin-body input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.admin-body textarea,
body.admin-body select {
  background-color: var(--au-bg-surface) !important;
  border-color: var(--au-border) !important;
  color: var(--au-text-primary) !important;
  color-scheme: dark !important;
}

body.site-body input:disabled,
body.site-body textarea:disabled,
body.site-body select:disabled,
body.studio-body input:disabled,
body.studio-body textarea:disabled,
body.studio-body select:disabled,
body.editor-body input:disabled,
body.editor-body textarea:disabled,
body.editor-body select:disabled,
body.admin-body input:disabled,
body.admin-body textarea:disabled,
body.admin-body select:disabled {
  background-color: #081226 !important;
  color: var(--au-text-muted) !important;
}

/* 按钮统一 */
.primary-btn,
.site-body .primary-btn {
  background: linear-gradient(135deg, var(--au-primary), var(--au-secondary)) !important;
  border-color: var(--au-primary-hover) !important;
  color: #f7fbff !important;
}
.primary-btn:hover,
.site-body .primary-btn:hover {
  background: linear-gradient(135deg, var(--au-primary-hover), var(--au-secondary)) !important;
  border-color: var(--au-secondary) !important;
  box-shadow: 0 0 28px var(--au-primary-tint) !important;
}
.secondary-btn {
  background: rgb(54 124 255 / 10%) !important;
  border-color: var(--au-border) !important;
  color: var(--au-text-primary) !important;
}
.secondary-btn:hover { background: var(--au-secondary-tint) !important; border-color: var(--au-secondary) !important; color: var(--au-text-primary) !important; }
.ghost-btn { background: transparent !important; border-color: var(--au-border) !important; }

/* 工作台 */
.studio-body .workspace { background: transparent !important; }
.studio-body .auth-screen { background: var(--au-bg-page) !important; }
.studio-body .auth-card,
.studio-body .balance-pill,
.studio-body .upload-slot,
.studio-body .history-filter.active {
  background: var(--au-glass) !important;
  border-color: var(--au-border) !important;
  color: var(--au-text-primary) !important;
}
.studio-body .auth-form input {
  background-color: var(--au-bg-surface) !important;
  border-color: var(--au-border) !important;
  color: var(--au-text-primary) !important;
}
.studio-body .nav-item:hover { background: rgb(54 124 255 / 12%) !important; color: var(--au-text-primary) !important; }

/* 项目编辑器 */
.editor-body .shot-list-item {
  background: var(--au-glass) !important;
  border-color: var(--au-border) !important;
}
.editor-body .editor-tabs .tab.active {
  background: var(--au-primary-tint) !important;
  color: var(--au-secondary) !important;
}
.editor-body .model-picker-trigger {
  background-color: var(--au-bg-surface) !important;
  border-color: var(--au-border) !important;
  color: var(--au-text-primary) !important;
}
.editor-body .mention-menu,
.editor-body .model-picker-group-title {
  background: rgb(8 18 39 / 98%) !important;
  border-color: var(--au-border) !important;
  color: var(--au-text-primary) !important;
}

/* 后台 */
.admin-body .sidebar {
  background: rgb(6 13 31 / 95%) !important;
  border-color: var(--au-border) !important;
  box-shadow: none !important;
}
.admin-body .admin-inline-form,
.admin-body .task-overview-item,
.admin-body .modal {
  background: var(--au-glass) !important;
  border-color: var(--au-border) !important;
}

/* 滚动条 */
*::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--au-primary), var(--au-secondary)) !important;
}

/* ---------------------------------------------------------------------------
   13. 逐条覆盖 product-ui.css 中带 !important 的浅色组件
--------------------------------------------------------------------------- */

/* 前台 */
.site-body .auth-card,
.site-body .project-create-card,
.site-body .wallet-modal-card {
  background: var(--au-glass) !important;
  border-color: var(--au-border) !important;
  border-radius: var(--au-radius-md) !important;
  box-shadow: var(--au-shadow-md) !important;
}
.site-body .tool-icon {
  background: var(--au-primary-tint) !important;
  color: var(--au-secondary) !important;
  box-shadow: none !important;
}
.site-body .cat-pill { background: var(--au-glass) !important; border-color: var(--au-border) !important; }
.site-body .cat-pill.active {
  background: linear-gradient(135deg, var(--au-primary), var(--au-secondary)) !important;
  border-color: var(--au-border-strong) !important;
  color: #fff !important;
}
.site-body .tab-row button.active { border-bottom-color: var(--au-secondary) !important; color: var(--au-secondary) !important; }
.site-body .project-cover-empty { background: #0d1930 !important; }

/* 工作台 */
.studio-body .app-shell,
.studio-body .workspace { background: transparent !important; }
.studio-body .sidebar {
  background: rgb(6 13 31 / 95%) !important;
  border-color: var(--au-border) !important;
  box-shadow: none !important;
}
.studio-body .nav-item:hover { background: rgb(54 124 255 / 12%) !important; color: var(--au-text-primary) !important; }
.studio-body .nav-item.active {
  background: linear-gradient(90deg, var(--au-primary-tint), rgb(177 120 255 / 12%)) !important;
  color: #eaf5ff !important;
  box-shadow: inset 3px 0 0 var(--au-secondary) !important;
}
.studio-body .topbar {
  background: rgb(8 18 39 / 62%) !important;
  border-color: var(--au-border) !important;
  border-radius: var(--au-radius-md) !important;
  box-shadow: none !important;
}
.studio-body .balance-pill { background: var(--au-glass) !important; border-color: var(--au-border) !important; }
.studio-body .composer-column,
.studio-body .preview-column,
.studio-body .history-item,
.studio-body .shot-card,
.studio-body .modal-card {
  background: var(--au-glass) !important;
  border-color: var(--au-border) !important;
  border-radius: var(--au-radius-md) !important;
  box-shadow: var(--au-shadow-md) !important;
}
.studio-body .prompt-input,
.studio-body .prompt-composite,
.studio-body .select,
.studio-body .auth-form input {
  background: var(--au-bg-surface) !important;
  border-color: var(--au-border) !important;
  color: var(--au-text-primary) !important;
  border-radius: var(--au-radius-sm) !important;
}
.studio-body .upload-slot { background: rgb(10 20 40 / 70%) !important; border-color: var(--au-border) !important; }
.studio-body .preview-content { background: rgb(5 11 22 / 70%) !important; border-color: var(--au-border) !important; }
.studio-body .history-filters { background: rgb(8 18 39 / 70%) !important; }
.studio-body .history-filter.active { background: var(--au-primary-tint) !important; color: #fff !important; box-shadow: none !important; }
.studio-body .auth-screen { background: var(--au-bg-page) !important; }
.studio-body .auth-card {
  background: var(--au-glass) !important;
  border-color: var(--au-border) !important;
  border-radius: var(--au-radius-md) !important;
}

/* 项目编辑器 */
.editor-body .editor-shell,
.editor-body .editor-main { background: transparent !important; }
.editor-body .editor-sidebar,
.editor-body .editor-topbar,
.editor-body .editor-footer,
.editor-body .editor-fixed-header {
  background: rgb(6 13 31 / 95%) !important;
  border-color: var(--au-border) !important;
  box-shadow: none !important;
}
.editor-body .shot-list-item { background: var(--au-glass) !important; border-color: var(--au-border) !important; }
.editor-body .shot-list-item.active {
  background: var(--au-primary-tint) !important;
  border-color: var(--au-secondary) !important;
  color: #eaf5ff !important;
  box-shadow: inset 3px 0 0 var(--au-secondary) !important;
}
.editor-body .editor-tabs { background: rgb(8 18 39 / 70%) !important; }
.editor-body .editor-tabs .tab.active {
  background: var(--au-primary-tint) !important;
  color: var(--au-secondary) !important;
  box-shadow: none !important;
}
.editor-body .shot-card,
.editor-body .asset-card,
.editor-body .asset-empty,
.editor-body .modal {
  background: var(--au-glass) !important;
  border-color: var(--au-border) !important;
  border-radius: var(--au-radius-md) !important;
  box-shadow: var(--au-shadow-md) !important;
}
.editor-body .shot-prompt,
.editor-body .shot-controls select,
.editor-body select,
.editor-body .field input,
.editor-body .field textarea,
.editor-body .field select,
.editor-body .prompt-edit-text,
.editor-body .editor-footer input,
.editor-body .model-picker-trigger {
  background: var(--au-bg-surface) !important;
  border-color: var(--au-border) !important;
  color: var(--au-text-primary) !important;
  border-radius: var(--au-radius-sm) !important;
}
.editor-body .model-picker-menu,
.editor-body .mention-menu {
  background: rgb(8 18 39 / 98%) !important;
  border-color: var(--au-border) !important;
  box-shadow: var(--au-shadow-lg) !important;
}
.editor-body .model-picker-group-title { background: transparent !important; color: var(--au-secondary) !important; }
.editor-body .model-picker-option:hover,
.editor-body .model-picker-option.selected { background: var(--au-primary-tint) !important; }
.editor-body .asset-thumb,
.editor-body .asset-thumb-placeholder { background: #0d1930 !important; }
.editor-body .editor-admin-link {
  background: var(--au-primary-tint) !important;
  border-color: var(--au-border-strong) !important;
  color: var(--au-secondary) !important;
}

/* 后台 */
.admin-body .admin-shell,
.admin-body .main { background: transparent !important; }
.admin-body .sidebar {
  background: rgb(6 13 31 / 95%) !important;
  border-color: var(--au-border) !important;
  box-shadow: none !important;
}
.admin-body .side-nav a:hover { background: rgb(54 124 255 / 12%) !important; color: var(--au-text-primary) !important; }
.admin-body .side-nav a.active {
  background: linear-gradient(90deg, var(--au-primary-tint), rgb(177 120 255 / 12%)) !important;
  color: #eaf5ff !important;
  box-shadow: inset 3px 0 0 var(--au-secondary) !important;
}
.admin-body .panel,
.admin-body .stat-card,
.admin-body .model-toolbar,
.admin-body .pricing-stat,
.admin-body .pricing-batch-panel,
.admin-body .group-card {
  background: var(--au-glass) !important;
  border-color: var(--au-border) !important;
  border-radius: var(--au-radius-md) !important;
  box-shadow: var(--au-shadow-md) !important;
}
.admin-body .panel-head { border-color: var(--au-border) !important; }
.admin-body th,
.admin-body .model-table th,
.admin-body .pricing-table th {
  background: var(--au-primary-tint) !important;
  color: var(--au-secondary) !important;
}
.admin-body tbody tr:hover td,
.admin-body .pricing-table tbody tr:hover td { background: rgb(34 211 238 / 6%) !important; }
.admin-body .model-search,
.admin-body .model-filter-select,
.admin-body .task-filter-search,
.admin-body .task-filter-options select,
.admin-body .field input,
.admin-body .field textarea,
.admin-body .field select,
.admin-body .admin-filter-input,
.admin-body .admin-filter-select,
.admin-body .admin-inline-input,
.admin-body .admin-inline-select,
.admin-body .pricing-batch-value {
  background: var(--au-bg-surface) !important;
  border-color: var(--au-border) !important;
  color: var(--au-text-primary) !important;
}
.admin-body .model-search input,
.admin-body .model-billing-select,
.admin-body .model-billing-input,
.admin-body .pricing-edit-form select,
.admin-body .pricing-edit-form input { background: transparent !important; color: var(--au-text-primary) !important; }
.admin-body .task-filter-bar,
.admin-body .admin-inline-form {
  background: var(--au-glass) !important;
  border-color: var(--au-border) !important;
}
.admin-body .task-overview-item {
  background: var(--au-glass) !important;
  border-color: var(--au-border) !important;
  box-shadow: var(--au-shadow-md) !important;
}
.admin-body .task-overview-item:hover,
.admin-body .task-overview-item.is-active {
  background: var(--au-primary-tint) !important;
  border-color: var(--au-border-strong) !important;
}
.admin-body .task-item[open] > .task-summary { background: rgb(54 124 255 / 10%) !important; }
.admin-body .modal {
  background: rgb(8 18 39 / 98%) !important;
  border-color: var(--au-border) !important;
  border-radius: var(--au-radius-md) !important;
}
.admin-body .task-progress-track > span,
.admin-body .progress > span { background: linear-gradient(90deg, var(--au-primary), var(--au-secondary)) !important; }

/* ---------------------------------------------------- 14. 导航栏细节修正 */

.site-body .grad-text {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  color: var(--au-secondary) !important;
  -webkit-text-fill-color: var(--au-secondary) !important;
}

.site-body .nav-account-menu summary {
  background: rgb(10 20 40 / 80%) !important;
  border: 1px solid var(--au-border) !important;
  color: var(--au-text-secondary) !important;
}

.site-body .nav-admin-link {
  background: var(--au-primary-tint) !important;
  border-color: var(--au-border-strong) !important;
  color: var(--au-secondary) !important;
}

.site-body .nav-account-panel {
  background: rgb(8 18 39 / 98%) !important;
  border-color: var(--au-border) !important;
}

.site-body .nav-account-panel > button,
.site-body .nav-account-panel a {
  color: var(--au-text-secondary) !important;
}

.site-body .nav-account-panel > button:hover,
.site-body .nav-account-panel a:hover {
  background: rgb(54 124 255 / 12%) !important;
  color: var(--au-text-primary) !important;
}

.site-body .account-mode-btn {
  background: rgb(255 255 255 / 6%) !important;
  color: var(--au-text-secondary) !important;
}

.site-body .account-mode-btn.active {
  background: linear-gradient(135deg, var(--au-primary), var(--au-secondary)) !important;
  color: #fff !important;
}

/* ------------------------------------------ 15. 导航栏强制深色（覆盖浅色 !important） */

.site-body .nav,
body.site-body > header.nav {
  background: rgb(5 10 26 / 88%) !important;
  border-bottom: 1px solid var(--au-border) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
  backdrop-filter: blur(18px) saturate(150%) !important;
}

.site-body .nav-inner { background: transparent !important; }

.site-body .nav-links a {
  color: var(--au-text-secondary) !important;
}

.site-body .nav-links a:hover {
  color: #fff !important;
  background: rgb(54 124 255 / 14%) !important;
}

.site-body .nav-links a.active {
  color: #fff !important;
  background: var(--au-primary-tint) !important;
  box-shadow: inset 0 0 0 1px var(--au-border) !important;
}

.site-body .nav-user-main {
  background: rgb(255 255 255 / 4%) !important;
  border-color: var(--au-border) !important;
  color: var(--au-text-primary) !important;
}

.site-body .nav-account-menu summary {
  background: rgb(10 20 40 / 80%) !important;
  border-color: var(--au-border) !important;
  color: var(--au-text-secondary) !important;
}

.site-body .nav-dropdown {
  background: rgb(8 18 39 / 98%) !important;
  border-color: var(--au-border) !important;
}

.site-body .nav-dropdown a {
  color: var(--au-text-secondary) !important;
}

.site-body .nav-dropdown a:hover,
.site-body .nav-dropdown a.active {
  color: #fff !important;
  background: rgb(54 124 255 / 12%) !important;
}

/* ------------------------------------ 16. 覆盖被强制白底的一批卡片组件 */
/* product-ui.css 对以下组件写了 background:#fff !important，这里统一改回玻璃深色 */

.site-body .copy-box,
.site-body .tool-card,
.site-body .project-card,
.site-body .copy-item,
.site-body .empty,
.site-body .detail-player,
.site-body .prompt-box,
.site-body .auth-card,
.site-body .project-create-card,
.site-body .wallet-modal-card {
  background: var(--au-glass) !important;
  border-color: var(--au-border) !important;
  border-radius: var(--au-radius-md) !important;
  box-shadow: var(--au-shadow-md) !important;
}

.site-body .tool-card:hover,
.site-body .project-card:hover {
  border-color: var(--au-border-strong) !important;
}

.site-body .project-cover-empty { background: #0d1930 !important; }

.site-body .project-info h3,
.site-body .tool-card h3 { color: var(--au-text-primary) !important; }

.site-body .copy-item-head { background: rgb(54 124 255 / 10%) !important; }
.site-body .copy-box textarea,
.site-body .copy-model-select { background: var(--au-bg-surface) !important; }

/* ------------------------------------------ 17. 按钮强制覆盖（product-ui 用了 !important） */

.btn-primary,
.primary-btn,
.site-body .btn-primary,
.admin-body .btn-primary,
.studio-body .btn-primary,
.editor-body .btn-primary {
  border: 1px solid var(--au-primary-hover) !important;
  background: linear-gradient(135deg, var(--au-primary), var(--au-secondary)) !important;
  color: #f7fbff !important;
  box-shadow: 0 0 18px var(--au-primary-tint) !important;
  font-weight: 700;
}

.btn-primary:hover,
.primary-btn:hover,
.site-body .btn-primary:hover,
.admin-body .btn-primary:hover,
.studio-body .btn-primary:hover,
.editor-body .btn-primary:hover {
  border-color: var(--au-secondary) !important;
  background: linear-gradient(135deg, var(--au-primary-hover), var(--au-secondary)) !important;
  box-shadow: 0 0 28px var(--au-primary-tint) !important;
  opacity: 1 !important;
}

.btn-soft,
.btn-secondary,
.secondary-btn,
.site-body .btn-soft,
.site-body .btn-secondary,
.admin-body .btn-soft,
.studio-body .btn-soft,
.editor-body .btn-soft {
  border-color: var(--au-border) !important;
  background: rgb(54 124 255 / 10%) !important;
  color: var(--au-text-secondary) !important;
  box-shadow: none !important;
}

.btn-soft:hover,
.btn-secondary:hover,
.secondary-btn:hover,
.site-body .btn-soft:hover,
.admin-body .btn-soft:hover,
.studio-body .btn-soft:hover,
.editor-body .btn-soft:hover {
  border-color: var(--au-secondary) !important;
  background: var(--au-secondary-tint) !important;
  color: #fff !important;
}

.btn-ghost,
.ghost-btn {
  border-color: var(--au-border) !important;
  background: transparent !important;
  color: var(--au-text-secondary) !important;
}

.btn-ghost:hover,
.ghost-btn:hover {
  border-color: var(--au-border-strong) !important;
  background: rgb(54 124 255 / 12%) !important;
  color: #fff !important;
}

.btn-danger {
  border-color: rgb(255 95 122 / 42%) !important;
  background: rgb(255 95 122 / 12%) !important;
  color: #ff8a9b !important;
}