/* ==========================================================
   JR杰瑞 · 应用层去霓虹（暖墨化）theme-mineral.181000.css
   ------------------------------------------------------------
   自动生成：从 styles.css 抽取含霓虹色的单行规则并替换为暖墨色
   - cyan/青  #00e0f0 #06b6d4 #67e8f9 → 赭石 #B4532A / #D98A4E
   - 绿       #8cf06a              → 松绿 #5A9A88
   - 紫       #b480ff              → 赭石
   - 粉       #f0a0c0              → 藤黄 #D99A2B
   - 青绿     #00ffc8              → 松绿 #2F5D50
   规则数：40
   不覆盖多行规则（那些在下方手工补）
   ========================================================== */

/* ============ 1. 自动抽取的单行规则（40 条） ============ */
.auth-screen { position: fixed; inset: 0; z-index: 20; display: grid; place-items: center; padding: 28px; background: radial-gradient(circle at 25% 20%, rgba(217, 154, 43,0.32), transparent 30%), radial-gradient(circle at 78% 24%, rgba(180,83,42,0.22), transparent 28%), linear-gradient(135deg, #080a10, #111827); }
.package-card:hover { border-color: rgba(180,83,42,0.45); background: rgba(180,83,42,0.1); }
.payment-method.active { border-color: rgba(180,83,42,0.55); background: rgba(180,83,42,0.14); box-shadow: inset 0 0 0 1px rgba(180,83,42,0.16); }
.profile-redeem-box { display: grid; gap: 12px; margin-top: 22px; padding: 16px; border: 1px solid rgba(255,255,255,0.075); border-radius: 20px; background: linear-gradient(145deg, rgba(34,197,94,0.09), rgba(180,83,42,0.04)); }
.toolbar-upload { background: rgba(180,83,42,0.14); border: 1px solid rgba(180,83,42,0.3); }
.canvas-node.selected { outline: 2px solid var(--primary-2); box-shadow: 0 0 0 4px rgba(180,83,42,0.18), 0 12px 48px rgba(0,0,0,0.5); }
.generating-node-area { background: radial-gradient(circle at center, rgba(217, 154, 43,0.18), rgba(180,83,42,0.08)), rgba(255,255,255,0.035); }
.asset-scope-tab.active { color: white; background: rgba(180,83,42,0.18); box-shadow: inset 0 0 0 1px rgba(180,83,42,0.28); }
.task-status.running, .task-status.queued { background: rgba(180,83,42,0.16); color: #D98A4E; }
.ecommerce-reference-card:focus-within, .ecommerce-reference-card:hover { outline: 1px solid rgba(180,83,42,0.25); }
.ecommerce-name-input { height: 46px; border-radius: 16px; border-color: rgba(180,83,42,0.26); background: linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.045)); box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 10px 28px rgba(180,83,42,0.08); font-weight: 700; }
.ecommerce-template-card.active { border-color: rgba(180,83,42,0.75); background: rgba(180,83,42,0.12); box-shadow: 0 0 0 3px rgba(180,83,42,0.08); }
.spec-reference-picker { grid-column: 1 / -1; display: grid; gap: 8px; padding: 10px; border: 1px solid rgba(255,255,255,0.07); border-radius: 14px; background: rgba(180,83,42,0.055); }
.spec-number { width: 30px; height: 40px; display: grid; place-items: center; border-radius: 12px; color: #dbeafe; background: rgba(180,83,42,0.16); border: 1px solid rgba(180,83,42,0.28); font-weight: 800; }
.reference-upload-card:hover { border-color: var(--primary-2); color: var(--text); background: rgba(180,83,42,0.1); }
.param-tab.active { color: var(--text); border-color: rgba(180,83,42,0.55); background: rgba(180,83,42,0.12); }
.quality-option:hover, .quality-option.selected { border-color: rgba(180,83,42,0.68); background: rgba(180,83,42,0.12); }
.quality-dot { width: 9px; height: 9px; border-radius: 999px; background: var(--primary-2); box-shadow: 0 0 12px rgba(180,83,42,0.75); }
.quality-option:nth-child(2) .quality-dot { background: #06b6d4; box-shadow: 0 0 12px rgba(180,83,42,0.7); }
.generation-status.loading { color: #bae6fd; border-color: rgba(180,83,42,0.34); background: rgba(180,83,42,0.1); }
.canvas-create-card { display: grid; place-items: center; align-content: center; gap: 12px; border-style: dashed; background: rgba(180,83,42,0.08); text-align: center; }
.canvas-create-card span { width: 70px; height: 70px; display: grid; place-items: center; border-radius: 24px; font-size: 44px; background: linear-gradient(135deg, var(--primary), var(--primary-2)); box-shadow: 0 18px 42px rgba(180,83,42,0.24); }
.canvas-project-card:hover, .canvas-create-card:hover { border-color: rgba(180,83,42,0.6); transform: translateY(-2px); transition: transform 0.16s, border-color 0.16s; }
.canvas-content-item:hover { border-color: rgba(180,83,42,0.55); background: rgba(180,83,42,0.09); }
.canvas-node .node-port:hover { background: rgba(180,83,42,0.55); transform: translateY(-50%) scale(1.2); }
#videoPromptInput:focus { border-color: rgba(180,83,42,0.55); outline: none; }
.batch-storyboard-modal textarea:focus { border-color: rgba(180,83,42,0.55); outline: none; }
.canvas-group-item:hover { background: rgba(180,83,42,0.1); }
.canvas-group-item.active { background: rgba(180,83,42,0.18); }
.canvas-group-create input:focus { outline: none; border-color: rgba(180,83,42,0.65); }
.canvas-group-item:hover { border-color: rgba(180,83,42,0.35); }
.canvas-group-item .group-assign { border: 1px solid rgba(180,83,42,0.28); border-radius: 999px; padding: 3px 7px; color: #D98A4E; background: rgba(180,83,42,0.1); font-size: 11px; cursor: pointer; }
.canvas-group-item .group-assign:hover { background: rgba(180,83,42,0.18); }
.group-node-item:hover { background: rgba(180,83,42,0.08); }
.canvas-group-item.collapsed .group-toggle-icon { color: #D98A4E; }
.task-status.running, .task-status.queued { background: rgba(180,83,42,0.12); color: #D98A4E; border: 1px solid rgba(180,83,42,0.2); }
.task-status.running::before, .task-status.queued::before { background: #D98A4E; box-shadow: 0 0 6px rgba(103,232,249,0.5); animation: dotBounce 1.2s ease-in-out infinite; }
.episode-storyboard-kicker { color: #D98A4E; font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.director-review-button { padding: 4px 8px; color: #D98A4E; font-size: 10px; border: 1px solid rgba(180, 83, 42,.34); border-radius: 6px; background: rgba(180, 83, 42,.07); }
.generated-storyboard-criteria-title { margin-bottom: 5px; color: #D98A4E; font-weight: 700; }

/* ============ 2. 六套主题主色 → 暖墨 ============ */
body[data-theme="ocean"] {
  --primary: #D98A4E !important; --primary-2: #B4532A !important;
  --accent: #D98A4E !important;  --accent-2: #B4532A !important;
  --accent-3: #E0A83C !important; --indicator: #D98A4E !important;
}
body[data-theme="garden"] {
  --primary: #5A9A88 !important; --primary-2: #2F5D50 !important;
  --accent: #5A9A88 !important;  --accent-2: #2F5D50 !important;
  --accent-3: #7FB8A6 !important; --indicator: #5A9A88 !important;
}
body[data-theme="cosmos"] {
  --primary: #B4532A !important; --primary-2: #8C4A2A !important;
  --accent: #B4532A !important;  --accent-2: #8C4A2A !important;
  --accent-3: #D98A4E !important; --indicator: #B4532A !important;
}
body[data-theme="dream"] {
  --primary: #E0A83C !important; --primary-2: #D99A2B !important;
  --accent: #E0A83C !important;  --accent-2: #D99A2B !important;
  --accent-3: #F0C86A !important; --indicator: #E0A83C !important;
}
body[data-theme="glass"] {
  --primary: #D99A2B !important; --primary-2: #B4532A !important;
  --accent: #D99A2B !important;  --accent-2: #B4532A !important;
  --accent-3: #D99A2B !important; --indicator: #D99A2B !important;
}
body[data-theme="holo"] {
  --primary: #2F5D50 !important; --primary-2: #5A9A88 !important;
  --accent: #2F5D50 !important;  --accent-2: #5A9A88 !important;
  --accent-3: #7FB8A6 !important; --indicator: #2F5D50 !important;
}
/* :root 默认（未切主题时） */
:root { --primary: #D98A4E !important; --primary-2: #B4532A !important; --accent: #D98A4E !important; }

/* ============ 3. 主题切换器圆点 → 暖墨 ============ */
.theme-btn[data-set="ocean"]  .theme-dot { background: #D98A4E !important; }
.theme-btn[data-set="garden"] .theme-dot { background: #5A9A88 !important; }
.theme-btn[data-set="cosmos"] .theme-dot { background: #B4532A !important; }
.theme-btn[data-set="dream"]  .theme-dot { background: #E0A83C !important; }
.theme-btn[data-set="glass"]  .theme-dot { background: #D99A2B !important; }
.theme-btn[data-set="holo"]   .theme-dot { background: #2F5D50 !important; }

/* ============ 4. 多行规则的手工补充（抽取时漏掉的） ============ */
.auth-screen {
  background:
    radial-gradient(circle at 25% 20%, rgba(217,154,43,.32), transparent 30%),
    radial-gradient(circle at 78% 24%, rgba(180,83,42,.22), transparent 28%),
    linear-gradient(135deg, #080a10, #111827) !important;
}
.generating-node-area {
  background: radial-gradient(circle at center, rgba(217,154,43,.18), rgba(180,83,42,.08)), rgba(255,255,255,.035) !important;
}
.profile-redeem-box {
  background: linear-gradient(145deg, rgba(180,83,42,.09), rgba(47,93,80,.04)) !important;
}
.task-status.running, .task-status.queued { color: #D98A4E !important; }