/* ========== JR 杰瑞 · 应用区「暖纸本」主题（第 7 主题，设为默认） ==========
   作用域：只覆盖 body[data-theme="paper"]
   不影响：ocean / garden / cosmos / dream / glass / holo 六个深色主题
   品牌 L1：纸底 #F7F3EA ｜ 墨 #1C1A17 ｜ 文字 #2B2723 ｜ 次级 #7A736A
   品牌 L2：赭石 #B4532A ｜ 藤黄 #D99A2B ｜ 松绿 #2F5D50
   ========================================================================= */

/* ---- 0. 变量层：整体换到暖纸本 ---- */
body[data-theme="paper"] {
  color-scheme: light;
  --bg: #F7F3EA;
  --panel: rgba(255, 253, 248, 0.92);
  --panel-strong: #FFFDF8;
  --panel-grad: linear-gradient(155deg, rgba(255,253,248,0.94), rgba(247,243,234,0.90));
  --line: rgba(43, 39, 35, 0.12);
  --line-soft: rgba(43, 39, 35, 0.07);
  --text: #2B2723;
  --text-bright: #1C1A17;
  --muted: #7A736A;
  --primary: #B4532A;
  --primary-2: #9E6A15;
  --accent: #B4532A;
  --accent-2: #2F5D50;
  --accent-3: #D99A2B;
  --accent-glow: rgba(180, 83, 42, 0.20);
  --accent-glow-strong: rgba(180, 83, 42, 0.34);
  --accent-soft: rgba(180, 83, 42, 0.07);
  --danger: #B3261E;
  --success: #2F5D50;
  --shadow: 0 8px 32px rgba(43, 39, 35, 0.10);
  --shadow-card: 0 4px 16px rgba(43, 39, 35, 0.07);
  --shadow-card-hover: 0 12px 36px rgba(43, 39, 35, 0.13);
  --indicator: #B4532A;
  --bg-img: url("/assets/brand/banner-capability-v4.webp");
  --sidebar-grad: linear-gradient(180deg, rgba(252,250,244,0.95), rgba(247,243,234,0.90));
  --canvas-grid: rgba(43, 39, 35, 0.035);
}

/* ---- 1. 背景层：纸底 + 极淡暖纹；关掉品牌禁项（粒子 / 鼠标光晕） ---- */
body[data-theme="paper"] .bg-photo { opacity: .16; }
body[data-theme="paper"] .bg-overlay {
  background:
    radial-gradient(ellipse 800px 600px at 10% 8%, rgba(180,83,42,.05), transparent 55%),
    radial-gradient(ellipse 700px 500px at 90% 15%, rgba(217,154,43,.04), transparent 50%),
    linear-gradient(160deg, rgba(247,243,234,.55), rgba(247,243,234,.75) 50%, rgba(247,243,234,.55));
}
body[data-theme="paper"] #bgParticles { display: none; }
body[data-theme="paper"] .cursor-glow { display: none; }

/* ---- 2. 浮层 / 弹窗：硬编码深底 → 纸面 ---- */
body[data-theme="paper"] .modal-overlay,
body[data-theme="paper"] .account-modal,
body[data-theme="paper"] .image-lightbox,
body[data-theme="paper"] .confirm-overlay,
body[data-theme="paper"] .payment-modal,
body[data-theme="paper"] .quota-modal,
body[data-theme="paper"] .settings-overlay {
  background: rgba(43, 39, 35, 0.34);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
body[data-theme="paper"] .modal-card,
body[data-theme="paper"] .confirm-card,
body[data-theme="paper"] .payment-card,
body[data-theme="paper"] .quota-modal-card,
body[data-theme="paper"] .settings-panel,
body[data-theme="paper"] .account-card,
body[data-theme="paper"] .auth-card {
  background: #FFFDF8;
  border-color: rgba(43, 39, 35, 0.14);
  box-shadow: 0 24px 70px rgba(43, 39, 35, 0.18);
}

/* ---- 3. 下拉 / 右键菜单 / 浮动面板 ---- */
body[data-theme="paper"] .context-menu,
body[data-theme="paper"] .user-dropdown-menu,
body[data-theme="paper"] .video-mention-picker,
body[data-theme="paper"] .node-fill-panel,
body[data-theme="paper"] .canvas-group-panel,
body[data-theme="paper"] .canvas-editor-topbar,
body[data-theme="paper"] .canvas-zoom-bar {
  background: #FFFDF8;
  border-color: rgba(43, 39, 35, 0.14);
  box-shadow: 0 16px 44px rgba(43, 39, 35, 0.16);
}

/* ---- 4. tooltip：深底白字保留（浮在纸上仍是深色可读最好） ---- */
body[data-theme="paper"] [data-tooltip]::after {
  background: #1C1A17;
  color: #F7F3EA;
  border-color: rgba(43, 39, 35, 0.2);
}

/* ---- 5. 滚动条：白 → 墨 ---- */
body[data-theme="paper"] .sidebar-inner::-webkit-scrollbar-thumb { background: rgba(43,39,35,.16); }
body[data-theme="paper"] .sidebar-inner::-webkit-scrollbar-thumb:hover { background: rgba(43,39,35,.28); }
body[data-theme="paper"] ::-webkit-scrollbar-thumb { background: rgba(43,39,35,.16); }
body[data-theme="paper"] ::-webkit-scrollbar-track { background: transparent; }

/* ---- 6. 侧栏 hover / 激活：白雾 → 墨雾 ---- */
body[data-theme="paper"] .nav-tab:hover:not(:disabled) { background: rgba(43,39,35,.04); }
body[data-theme="paper"] .nav-tab.active { box-shadow: inset 0 0 12px rgba(180,83,42,.07); }
body[data-theme="paper"] .nav-tab:hover:not(:disabled).active {
  box-shadow: inset 0 0 20px rgba(180,83,42,.09), 0 0 12px rgba(180,83,42,.12);
}

/* ---- 7. 面板投影：黑影 → 墨影（浅底上黑影会脏） ---- */
body[data-theme="paper"] .panel { box-shadow: 0 8px 32px rgba(43,39,35,.08); }
body[data-theme="paper"] .account-main .panel { border-color: rgba(43,39,35,.10); }
body[data-theme="paper"] .sidebar { border-right-color: rgba(43,39,35,.12); }

/* ---- 8. 生成中的占位骨架：深蓝 → 暖灰 ---- */
body[data-theme="paper"] .ecommerce-result-image.is-generating {
  background: linear-gradient(135deg, #F2EDE3, #E9E2D4);
}
body[data-theme="paper"] .batch-storyboard-modal .modal-actions {
  background: linear-gradient(180deg, rgba(255,253,248,0), #FFFDF8 42%);
}

/* ---- 9. 补充：外壳容器（v2） ---- */
body[data-theme="paper"] .auth-screen { background: linear-gradient(150deg, #F7F3EA, #EFE9DC); }
body[data-theme="paper"] .auth-screen::before { background: radial-gradient(ellipse 700px 500px at 20% 20%, rgba(180,83,42,.07), transparent 60%); }
body[data-theme="paper"] .admin-shell,
body[data-theme="paper"] .account-shell-page { background: var(--bg); }
body[data-theme="paper"] .admin-sidebar,
body[data-theme="paper"] .account-sidebar { background: rgba(252,250,244,.92); border-color: rgba(43,39,35,.12); }
body[data-theme="paper"] .drama-empty-state-pro { background: rgba(255,253,248,.94); border-color: rgba(43,39,35,.12); }
body[data-theme="paper"] .episode-storyboard-modal { background: #FFFDF8; }
body[data-theme="paper"] .episode-storyboard-select { background: #FFFDF8; color: var(--text); border-color: rgba(43,39,35,.14); }
body[data-theme="paper"] .param-workbench { background: rgba(255,253,248,.96); border-color: rgba(43,39,35,.14); }
body[data-theme="paper"] .user-dropdown-trigger { background: rgba(252,250,244,.92); border-color: rgba(43,39,35,.12); }
body[data-theme="paper"] .storyboard-mode-option { background: rgba(255,255,255,.66); border-color: rgba(43,39,35,.10); }
body[data-theme="paper"] .generated-storyboard-region { background: rgba(253,251,246,.92); border-color: rgba(43,39,35,.12); }
body[data-theme="paper"] .alipay-qr-box code { background: rgba(43,39,35,.06); color: var(--text); }
body[data-theme="paper"] .pay-icon.card { background: #EDE7DA; border-color: rgba(43,39,35,.12); }

/* ---- 10. 输入控件统一纸面 ---- */
body[data-theme="paper"] input,
body[data-theme="paper"] textarea,
body[data-theme="paper"] select {
  background: #FFFDF8;
  color: var(--text);
  border-color: rgba(43, 39, 35, 0.14);
}
body[data-theme="paper"] input::placeholder,
body[data-theme="paper"] textarea::placeholder { color: rgba(122,115,106,.72); }
body[data-theme="paper"] select option { background: #FFFDF8; color: var(--text); }
body[data-theme="paper"] .canvas-group-create input,
body[data-theme="paper"] #videoPromptInput,
body[data-theme="paper"] .batch-storyboard-modal textarea,
body[data-theme="paper"] .batch-storyboard-options input,
body[data-theme="paper"] .auth-question-select option { background: #FFFDF8; color: var(--text); }
body[data-theme="paper"] input:focus,
body[data-theme="paper"] textarea:focus,
body[data-theme="paper"] select:focus { border-color: rgba(180,83,42,.45); }

/* ---- 11. 保留深色（刻意）：图片/媒体上层的浮层与角标，浅底会看不清 ----
   .infinite-viewport / .director-shot-card / .director-shot-media /
   .generated-storyboard-image / .image-download-btn / .reference-preview-actions button /
   .image-node-toolbar button / .canvas-node-group-badge / .record-delete-btn  均不动
   —— 这些是「内容层」，深色底是衬托图片用的，换成纸色反而糊 ---- */