@waterwx/dsh-novel-forge 2.0.1-alpha → 2.1.0

package/src/client/panel/panel.module.css

@@ -1,4360 +0,0 @@
-/* dsh-novel-forge panel styles (CSS module — auto-injected by the client bundle).
- * Uses the real dsh theme alias variables (--dsw-alias-*) so both light and
- * dark mode render correctly. */
-
-/* ---------------------------------------------------------------- palette */
-
-/* Sidebar entry row (DOM-injected, mirroring family plugins). Lives outside
- * the panel root, so it defines its own minimal palette (inherits the shell's
- * theme via body[data-ds-dark-theme]). */
-.entry {
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-8, 8px);
-  width: 100%;
-  padding: var(--nf-space-8, 8px) var(--nf-space-12, 12px);
-  border: none;
-  background: transparent;
-  color: var(--dsw-alias-label-primary, #1f1f23);
-  cursor: pointer;
-  /* 入口行在 .view 外，令牌不可达，用字面值对齐统一档（主文本 14px） */
-  font-size: 14px;
-  text-align: left;
-  border-radius: var(--nf-radius-6, 6px);
-  transition: background 0.15s ease;
-}
-
-body[data-ds-dark-theme] .entry {
-  color: var(--dsw-alias-label-primary, #ececf1);
-}
-
-.entry:hover {
-  background: var(--dsw-alias-interactive-bg-hover, rgba(127, 127, 127, 0.12));
-}
-
-.entry[data-active] {
-  background: var(--dsw-alias-interactive-bg-active, rgba(127, 127, 127, 0.2));
-}
-
-.entryIcon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  width: 20px;
-  height: 20px;
-}
-
-.entryLabel {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-/* Center-column overlay shell (mirrors family plugins' view pattern). */
-[data-pane="conversation"],
-[class*="centerCol"] {
-  position: relative;
-}
-
-/* The panel root carries its own resolved palette so it never depends on
- * inherited alias variables (which live on body / body[data-ds-dark-theme]
- * and can be shadowed by the shell). We set local vars per theme here. */
-.view {
-  z-index: 60;
-  display: none;
-  position: absolute;
-  inset: 0;
-  overflow: auto;
-  color-scheme: light;
-  /* 统一 iOS 字体栈：SF Pro + 苹方/冬青黑体中文回退，Windows 回落微软雅黑 */
-  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
-  --nf-font: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
-  --nf-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  /* iOS light palette (Liquid-Glass green, frosted translucency) */
-  --nf-bg: rgba(242, 242, 247, 0.86);
-  --nf-bg-raise: rgba(255, 255, 255, 0.72);
-  --nf-bg-inset: rgba(118, 118, 128, 0.12);
-  --nf-border: rgba(60, 60, 67, 0.16);
-  --nf-border-strong: rgba(60, 60, 67, 0.32);
-  --nf-text: #1c1c1e;
-  --nf-text-2: #3c3c43;
-  --nf-text-2-alpha: rgba(60, 60, 67, 0.68);
-  --nf-text-3: #8e8e93;
-  --nf-accent: #00b85c;
-  --nf-accent-hover: #00a04e;
-  --nf-accent-soft: rgba(0, 184, 92, 0.12);
-  --nf-accent-fg: #ffffff;
-  --nf-hover: rgba(0, 0, 0, 0.05);
-  --nf-success: #34c759;
-  --nf-error: #ff3b30;
-  --nf-warn: #ff9500;
-  --nf-info: #00b85c;
-  --nf-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 12px 32px rgba(0, 0, 0, 0.08);
-  --nf-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.07), 0 20px 48px rgba(0, 0, 0, 0.12);
-  --nf-card-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 14px 38px rgba(0, 0, 0, 0.14);
-  --nf-card-shadow-hover: 0 4px 10px rgba(0, 0, 0, 0.08), 0 22px 52px rgba(0, 0, 0, 0.20);
-  /* Liquid Glass: 薄透玻璃面（透明度以文字清晰为先，保留壁纸透色但不干扰阅读）+ 顶部高光 + 淡描边 */
-  --nf-glass-face: linear-gradient(180deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.30) 26%, rgba(255, 255, 255, 0.24) 52%, rgba(255, 255, 255, 0.20) 78%, rgba(255, 255, 255, 0.18) 100%);
-  --nf-glass-core: radial-gradient(60% 40% at 30% 0%, rgba(255, 255, 255, 0.60) 0%, rgba(255, 255, 255, 0.20) 42%, rgba(255, 255, 255, 0) 78%);
-  --nf-glass-sheen: rgba(255, 255, 255, 0.55);
-  --nf-glass-border: rgba(255, 255, 255, 0.5);
-  --nf-glass-inset: rgba(255, 255, 255, 0.4);
-  --nf-glass-orb-a: rgba(0, 184, 92, 0.24);
-  --nf-glass-orb-b: rgba(120, 160, 255, 0.20);
-  --nf-glass-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
-  /* 容器形态（主题可覆盖，用于区分 液态玻璃/毛玻璃 等）：液态=适圆角+薄玻璃+彩色流光 */
-  --nf-card-radius: 20px;
-  --nf-card-blur: 26px;
-  --nf-card-saturate: 170%;
-  --nf-card-brightness: 1.04;
-  --nf-card-sheen: rgba(255, 255, 255, 0.5);
-  --nf-card-border: 1px solid rgba(255, 255, 255, 0.35);
-  /* 控件形态（液态：圆润 + 玻璃底 + 强内高光 + 绿色箭头） */
-  --nf-ctrl-radius: 14px;
-  --nf-ctrl-bg: var(--nf-bg-raise);
-  --nf-ctrl-border: 1px solid rgba(255, 255, 255, 0.7);
-  --nf-ctrl-sheen: rgba(255, 255, 255, 0.5);
-  --nf-ctrl-caret: var(--nf-accent);
-  /* 液态：绿→蓝 流光壁纸底 */
-  --nf-glass-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='1000'%3E%3Cdefs%3E%3Cfilter id='b' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeGaussianBlur stdDeviation='110'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23b)'%3E%3Ccircle cx='300' cy='180' r='420' fill='%2335d07a' fill-opacity='0.62'/%3E%3Ccircle cx='1240' cy='260' r='470' fill='%233aa7ff' fill-opacity='0.58'/%3E%3Ccircle cx='900' cy='860' r='470' fill='%2340cfc0' fill-opacity='0.5'/%3E%3Ccircle cx='1500' cy='820' r='330' fill='%23ff9fb0' fill-opacity='0.4'/%3E%3Ccircle cx='600' cy='620' r='260' fill='%23b06ef0' fill-opacity='0.42'/%3E%3Ccircle cx='180' cy='600' r='220' fill='%23ffd166' fill-opacity='0.36'/%3E%3C/g%3E%3C/svg%3E");
-  background: var(--nf-bg);
-  /* Frosted glass: blur whatever is behind the panel (the chat dialog),
-   * so translucency shows a soft blur instead of readable content. */
-  -webkit-backdrop-filter: blur(30px) saturate(170%) brightness(1.04);
-  backdrop-filter: blur(30px) saturate(170%) brightness(1.04);
-  color: var(--nf-text);
-  /* ------------------------------------------------------------------
-   * Unified size tokens (单一尺寸来源).
-   * 约定：主题(data-nf-theme/data-nf-mode)只改颜色/质感，永不覆盖这些
-   * 尺寸令牌；界面密度(data-nf-density)是唯一允许重定义尺寸的开关。
-   * ------------------------------------------------------------------ */
-  /* 字号档：12=次要文本 / 14=主文本 / 16+ = 标题与大数字 */
-  --nf-fs-10: 10px;
-  --nf-fs-12: 12px;
-  --nf-fs-14: 14px;
-  --nf-fs-16: 16px;
-  --nf-fs-18: 18px;
-  --nf-fs-20: 20px;
-  --nf-fs-22: 22px;
-  --nf-fs-24: 24px;
-  --nf-fs-34: 34px;
-  --nf-fs-42: 42px;
-  /* 图标尺寸档 */
-  --nf-icon-s: 14px;
-  --nf-icon-m: 16px;
-  --nf-icon-l: 18px;
-  --nf-icon-xl: 22px;
-  /* 间距档 */
-  --nf-space-2: 2px;
-  --nf-space-4: 4px;
-  --nf-space-6: 6px;
-  --nf-space-8: 8px;
-  --nf-space-10: 10px;
-  --nf-space-12: 12px;
-  --nf-space-14: 14px;
-  --nf-space-16: 16px;
-  --nf-space-18: 18px;
-  --nf-space-20: 20px;
-  --nf-space-24: 24px;
-  --nf-space-28: 28px;
-  --nf-space-32: 32px;
-  /* 圆角档 */
-  --nf-radius-2: 2px;
-  --nf-radius-4: 4px;
-  --nf-radius-6: 6px;
-  --nf-radius-8: 8px;
-  --nf-radius-10: 10px;
-  --nf-radius-12: 12px;
-  --nf-radius-14: 14px;
-  --nf-radius-16: 16px;
-  --nf-radius-20: 20px;
-  --nf-radius-22: 22px;
-  --nf-radius-999: 999px;
-  /* 控件高度档 */
-  --nf-ctrl-s: 28px;
-  --nf-ctrl-m: 32px;
-  --nf-ctrl-l: 38px;
-  /* 页面主容器（以设置页为基准）与卡片 */
-  --nf-container-pad: 20px 22px;
-  --nf-container-gap: var(--nf-space-14, 14px);
-  --nf-card-pad: 20px 22px;
-  --nf-nav-pad: 16px 12px 14px;
-}
-
-/* 深色基准：由面板显示模式驱动（强制 dark / system 跟随宿主深色）。
- * 注意 .view 是 .panel 的父容器，承载 background 与 color-scheme，必须同步设深色变量，
- * 否则 .panel 设了深色也无法回传给父级 .view → 面板背景永远浅色。
- * :has() 用于让 .view 跟随显式强制 dark/light（宿主深色时排除强制 light）。 */
-.panel[data-nf-mode='dark'],
-body[data-ds-dark-theme] .panel:not([data-nf-mode]),
-.view:has(> .panel[data-nf-mode='dark']),
-body[data-ds-dark-theme] .view:not(:has(> .panel[data-nf-mode='light'])) {
-  color-scheme: dark;
-  /* iOS dark palette — near-black canvas with green Liquid-Glass accents */
-  --nf-bg: rgba(10, 11, 13, 0.86);
-  --nf-bg-raise: rgba(28, 28, 30, 0.78);
-  --nf-bg-inset: rgba(118, 118, 128, 0.18);
-  --nf-border: rgba(255, 255, 255, 0.12);
-  --nf-border-strong: rgba(255, 255, 255, 0.28);
-  --nf-text: #f2f2f7;
-  --nf-text-2: #d1d1d6;
-  --nf-text-2-alpha: rgba(209, 209, 214, 0.72);
-  --nf-text-3: #8e8e93;
-  --nf-accent: #35d07a;
-  --nf-accent-hover: #5ce695;
-  --nf-accent-soft: rgba(53, 208, 122, 0.2);
-  --nf-accent-fg: #062b18;
-  --nf-hover: rgba(255, 255, 255, 0.09);
-  --nf-success: #30d158;
-  --nf-error: #ff453a;
-  --nf-warn: #ff9f0a;
-  --nf-info: #35d07a;
-  --nf-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 10px 30px rgba(0, 0, 0, 0.4);
-  --nf-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.4), 0 20px 48px rgba(0, 0, 0, 0.55);
-  --nf-card-shadow: 0 2px 6px rgba(0, 0, 0, 0.35), 0 14px 38px rgba(0, 0, 0, 0.45);
-  --nf-card-shadow-hover: 0 4px 10px rgba(0, 0, 0, 0.4), 0 22px 52px rgba(0, 0, 0, 0.55);
-  /* Liquid Glass (dark): 薄透玻璃面（透明度以文字清晰为先）+ 顶部高光 + 淡描边 */
-  --nf-glass-face: linear-gradient(180deg, rgba(62, 66, 74, 0.52) 0%, rgba(54, 58, 66, 0.46) 26%, rgba(48, 52, 60, 0.40) 52%, rgba(42, 46, 54, 0.36) 78%, rgba(38, 42, 50, 0.34) 100%);
-  --nf-glass-core: radial-gradient(60% 40% at 30% 0%, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.08) 42%, rgba(255, 255, 255, 0) 78%);
-  --nf-glass-sheen: rgba(255, 255, 255, 0.24);
-  --nf-glass-border: rgba(255, 255, 255, 0.14);
-  --nf-glass-inset: rgba(255, 255, 255, 0.08);
-  --nf-glass-orb-a: rgba(0, 202, 82, 0.36);
-  --nf-glass-orb-b: rgba(120, 160, 255, 0.28);
-  --nf-glass-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
-  /* 深色液态容器形态 */
-  --nf-card-radius: 20px;
-  --nf-card-blur: 28px;
-  --nf-card-saturate: 165%;
-  --nf-card-brightness: 1;
-  --nf-card-border: 1px solid rgba(255, 255, 255, 0.14);
-  --nf-card-sheen: rgba(255, 255, 255, 0.22);
-  /* 深色液态专用壁纸：压暗浓郁光斑（仅默认液态，macos/neumorph 在各自块覆盖） */
-  --nf-glass-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='1000'%3E%3Cdefs%3E%3Cfilter id='b' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeGaussianBlur stdDeviation='110'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23b)'%3E%3Ccircle cx='300' cy='180' r='420' fill='%231a9f4d' fill-opacity='0.44'/%3E%3Ccircle cx='1240' cy='260' r='470' fill='%23268bd6' fill-opacity='0.40'/%3E%3Ccircle cx='900' cy='860' r='470' fill='%232a9e94' fill-opacity='0.36'/%3E%3Ccircle cx='1500' cy='820' r='330' fill='%23e07a94' fill-opacity='0.30'/%3E%3Ccircle cx='600' cy='620' r='260' fill='%238c5bd6' fill-opacity='0.32'/%3E%3C/g%3E%3C/svg%3E");
-  /* 深色液态控件 */
-  --nf-ctrl-radius: 14px;
-  --nf-ctrl-bg: var(--nf-bg-raise);
-  --nf-ctrl-border: 1px solid rgba(255, 255, 255, 0.18);
-  --nf-ctrl-sheen: rgba(255, 255, 255, 0.2);
-  --nf-ctrl-caret: var(--nf-accent);
-}
-
-html[data-dsh-novelforge-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) .view {
-  display: block;
-}
-
-/* ------------------------------------------------------------ themes
- * 'liquid' (default): iOS Liquid Glass, green accent — set on .view above.
- * 'macos' / 'neumorph' / 'clay' / 'endfield' override below.
- */
-
-/* ------------------------------------------------------------
- * 'macos': macOS 玻璃（浅色默认 / 深色亮蓝），强调色随外观自动切换 #007aff / #0a84ff。
- * 第二个选择器：深色系统下强制「浅色」显示模式时也能覆盖宿主的深色规则。
- * ------------------------------------------------------------ */
-.panel[data-nf-theme='macos'],
-body[data-ds-dark-theme] .panel[data-nf-mode='light'][data-nf-theme='macos'] {
-  --nf-bg: rgba(245, 246, 248, 0.92);
-  --nf-bg-raise: rgba(255, 255, 255, 0.78);
-  --nf-bg-inset: rgba(118, 118, 128, 0.1);
-  --nf-border: rgba(60, 60, 67, 0.14);
-  --nf-border-strong: rgba(60, 60, 67, 0.3);
-  --nf-text: #1d1d1f;
-  --nf-text-2: #3a3a3c;
-  --nf-text-2-alpha: rgba(58, 58, 60, 0.7);
-  --nf-text-3: #86868b;
-  --nf-accent: #007aff;
-  --nf-accent-hover: #0071e3;
-  --nf-accent-soft: rgba(0, 122, 255, 0.12);
-  --nf-accent-fg: #ffffff;
-  --nf-hover: rgba(0, 0, 0, 0.04);
-  --nf-info: #5856d6;
-  --nf-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 10px 28px rgba(0, 0, 0, 0.07);
-  --nf-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.06), 0 18px 44px rgba(0, 0, 0, 0.11);
-  --nf-card-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 12px 34px rgba(0, 0, 0, 0.09);
-  --nf-card-shadow-hover: 0 4px 10px rgba(0, 0, 0, 0.07), 0 20px 48px rgba(0, 0, 0, 0.14);
-  --nf-glass-face: rgba(255, 255, 255, 0.7);
-  --nf-glass-core: transparent;
-  --nf-glass-sheen: rgba(255, 255, 255, 0.8);
-  --nf-glass-border: rgba(255, 255, 255, 0.9);
-  --nf-glass-inset: rgba(255, 255, 255, 0.6);
-  --nf-glass-orb-a: rgba(0, 122, 255, 0.08);
-  --nf-glass-orb-b: rgba(88, 86, 214, 0.07);
-  --nf-glass-noise: none;
-  /* macOS 容器：小圆角 + 高模糊低饱和 + 冷描边，玻璃面板质感 */
-  --nf-card-radius: 12px;
-  --nf-card-blur: 42px;
-  --nf-card-saturate: 150%;
-  --nf-card-border: 1px solid var(--nf-border);
-  --nf-card-sheen: rgba(255, 255, 255, 0.35);
-  /* macOS 控件：小圆角 + 玻璃底 + 冷描边 + 蓝色箭头（focus 蓝环见特写） */
-  --nf-ctrl-radius: 8px;
-  --nf-ctrl-bg: var(--nf-bg-raise);
-  --nf-ctrl-border: 1px solid var(--nf-border-strong);
-  --nf-ctrl-sheen: rgba(255, 255, 255, 0.35);
-  --nf-ctrl-caret: var(--nf-accent);
-}
-
-.panel[data-nf-mode='dark'][data-nf-theme='macos'],
-body[data-ds-dark-theme] .panel[data-nf-theme='macos']:not([data-nf-mode]) {
-  --nf-bg: rgba(28, 28, 30, 0.9);
-  --nf-bg-raise: rgba(44, 44, 46, 0.82);
-  --nf-bg-inset: rgba(118, 118, 128, 0.18);
-  --nf-border: rgba(255, 255, 255, 0.12);
-  --nf-border-strong: rgba(255, 255, 255, 0.26);
-  --nf-text: #f5f5f7;
-  --nf-text-2: #d1d1d6;
-  --nf-text-2-alpha: rgba(209, 209, 214, 0.7);
-  --nf-text-3: #98989d;
-  --nf-accent: #0a84ff;
-  --nf-accent-hover: #3a9bff;
-  --nf-accent-soft: rgba(10, 132, 255, 0.2);
-  --nf-accent-fg: #ffffff;
-  --nf-hover: rgba(255, 255, 255, 0.06);
-  --nf-info: #bf5af2;
-  --nf-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 10px 30px rgba(0, 0, 0, 0.45);
-  --nf-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.45), 0 18px 44px rgba(0, 0, 0, 0.6);
-  --nf-card-shadow: 0 2px 6px rgba(0, 0, 0, 0.4), 0 14px 38px rgba(0, 0, 0, 0.5);
-  --nf-card-shadow-hover: 0 4px 10px rgba(0, 0, 0, 0.45), 0 22px 52px rgba(0, 0, 0, 0.6);
-  --nf-glass-face: rgba(44, 44, 46, 0.85);
-  --nf-glass-core: transparent;
-  --nf-glass-sheen: rgba(255, 255, 255, 0.2);
-  --nf-glass-border: rgba(255, 255, 255, 0.18);
-  --nf-glass-inset: rgba(255, 255, 255, 0.06);
-  --nf-glass-orb-a: rgba(10, 132, 255, 0.16);
-  --nf-glass-orb-b: rgba(191, 90, 242, 0.08);
-  --nf-glass-noise: none;
-}
-
-/* macOS 按钮 / 输入框玻璃化（圆角由基础 .button/.input 引用 --nf-ctrl-radius 形态令牌提供） */
-.panel[data-nf-theme='macos'] .button {
-  border: 1px solid var(--nf-border-strong);
-  background: color-mix(in srgb, var(--nf-bg-raise) 82%, #fff);
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.6);
-}
-.panel[data-nf-theme='macos'] .buttonPrimary {
-  background: linear-gradient(180deg, color-mix(in srgb, var(--nf-accent) 90%, #fff), var(--nf-accent));
-  border-color: transparent;
-  color: var(--nf-accent-fg);
-  box-shadow: 0 1px 3px color-mix(in srgb, var(--nf-accent) 45%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.35);
-}
-.panel[data-nf-theme='macos'] .input,
-.panel[data-nf-theme='macos'] .textarea {
-  border: 1px solid var(--nf-border-strong);
-  background: var(--nf-bg-raise);
-}
-.panel[data-nf-theme='macos'] .input:focus,
-.panel[data-nf-theme='macos'] .textarea:focus {
-  border-color: var(--nf-accent);
-  box-shadow: 0 0 0 3px var(--nf-accent-soft);
-}
-
-/* ------------------------------------------------------------
- * 'neumorph': Neumorphism (dual-shadow soft UI).
- * Light variant in light mode; a dark dual-shadow variant in dark
- * mode so switching always has a visible effect.
- * ------------------------------------------------------------ */
-/* 新拟物容器：实色无模糊、较大圆角、无内高光（不依赖深浅，任何模式一致） */
-.panel[data-nf-theme='neumorph'] {
-  --nf-card-radius: 20px;
-  --nf-card-blur: 0px;
-  --nf-card-saturate: 100%;
-  --nf-card-border: none;
-  --nf-card-sheen: rgba(255, 255, 255, 0);
-  /* 新拟物控件：实色无模糊 + 较大圆角 + 无内高光（深浅一致） */
-  --nf-ctrl-radius: 10px;
-  --nf-ctrl-bg: var(--nf-bg-inset);
-  --nf-ctrl-border: none;
-  --nf-ctrl-sheen: rgba(255, 255, 255, 0);
-  --nf-ctrl-caret: var(--nf-text-3);
-  /* 新拟物：实色，无玻璃底图 */
-  --nf-glass-bg-image: none;
-}
-
-body:not([data-ds-dark-theme]) .panel[data-nf-theme='neumorph'] {
-  --nf-bg: #e4e9f2;
-  --nf-bg-raise: #e4e9f2;
-  --nf-bg-inset: #d9dfe8;
-  --nf-border: rgba(140, 155, 175, 0.35);
-  --nf-border-strong: rgba(120, 135, 158, 0.5);
-  --nf-text: #3a4250;
-  --nf-text-2: #5b6472;
-  --nf-text-2-alpha: rgba(70, 80, 96, 0.7);
-  --nf-text-3: #8b94a3;
-  --nf-hover: rgba(90, 105, 125, 0.08);
-  --nf-shadow: 4px 4px 10px rgba(163, 177, 198, 0.55), -4px -4px 10px rgba(255, 255, 255, 0.85);
-  --nf-shadow-lg: 6px 6px 14px rgba(163, 177, 198, 0.6), -6px -6px 14px rgba(255, 255, 255, 0.9);
-  --nf-card-shadow: 9px 9px 18px rgba(163, 177, 198, 0.55), -9px -9px 18px rgba(255, 255, 255, 0.85);
-  --nf-card-shadow-hover: 12px 12px 24px rgba(163, 177, 198, 0.65), -12px -12px 24px rgba(255, 255, 255, 0.95);
-  --nf-glass-face: #e4e9f2;
-  --nf-glass-core: transparent;
-  --nf-glass-sheen: rgba(255, 255, 255, 0);
-  --nf-glass-border: rgba(163, 177, 198, 0.4);
-  --nf-glass-inset: #d9dfe8;
-  --nf-glass-orb-a: transparent;
-  --nf-glass-orb-b: transparent;
-  --nf-glass-noise: none;
-}
-
-.panel[data-nf-mode='dark'][data-nf-theme='neumorph'],
-body[data-ds-dark-theme] .panel[data-nf-theme='neumorph']:not([data-nf-mode]) {
-  --nf-bg: #2b2f36;
-  --nf-bg-raise: #2b2f36;
-  --nf-bg-inset: #25292f;
-  --nf-border: rgba(10, 12, 16, 0.5);
-  --nf-border-strong: rgba(8, 10, 14, 0.6);
-  --nf-text: #d6dae1;
-  --nf-text-2: #a8aeb8;
-  --nf-text-2-alpha: rgba(168, 174, 184, 0.7);
-  --nf-text-3: #757c88;
-  --nf-hover: rgba(255, 255, 255, 0.05);
-  --nf-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5), -4px -4px 10px rgba(96, 104, 118, 0.24);
-  --nf-shadow-lg: 6px 6px 14px rgba(0, 0, 0, 0.55), -6px -6px 14px rgba(96, 104, 118, 0.26);
-  --nf-card-shadow: 9px 9px 18px rgba(0, 0, 0, 0.5), -9px -9px 18px rgba(96, 104, 118, 0.24);
-  --nf-card-shadow-hover: 12px 12px 24px rgba(0, 0, 0, 0.6), -12px -12px 24px rgba(96, 104, 118, 0.28);
-  --nf-glass-face: #2b2f36;
-  --nf-glass-core: transparent;
-  --nf-glass-sheen: rgba(255, 255, 255, 0);
-  --nf-glass-border: rgba(12, 14, 18, 0.45);
-  --nf-glass-inset: #25292f;
-  --nf-glass-orb-a: transparent;
-  --nf-glass-orb-b: transparent;
-  --nf-glass-noise: none;
-}
-/* ------------------------------------------------------------
- * 'clay': Claymorphism（粘土拟态）—— 柔软圆润、同色系软阴影、奶油底色。
- * 实心（无 backdrop 模糊）、大圆角、双阴影制造"黏土鼓起"感。
- * ------------------------------------------------------------ */
-/* 粘土形态（深浅一致）：大圆角、无模糊、奶油高光描边、软阴影 */
-.panel[data-nf-theme='clay'] {
-  /* 容器：大圆角 + 实心（关闭玻璃模糊）+ 顶部奶油高光 */
-  --nf-card-radius: 28px;
-  --nf-card-blur: 0px;
-  --nf-card-saturate: 100%;
-  --nf-card-brightness: 1;
-  --nf-card-border: 1px solid rgba(255, 255, 255, 0.6);
-  --nf-card-sheen: rgba(255, 255, 255, 0.85);
-  /* 控件：圆润 + 同色系软阴影 + 顶部高光 */
-  --nf-ctrl-radius: 16px;
-  --nf-ctrl-bg: var(--nf-bg-raise);
-  --nf-ctrl-border: 1px solid rgba(255, 255, 255, 0.55);
-  --nf-ctrl-sheen: rgba(255, 255, 255, 0.7);
-  --nf-ctrl-caret: var(--nf-accent);
-  /* 粘土为实心：无玻璃壁纸 */
-  --nf-glass-bg-image: none;
-}
-
-/* 浅色粘土（默认浅色系统 / 强制浅色） */
-body:not([data-ds-dark-theme]) .panel[data-nf-theme='clay'],
-.panel[data-nf-mode='light'][data-nf-theme='clay'] {
-  --nf-bg: #f2eae0;
-  --nf-bg-raise: #efe4d6;
-  --nf-bg-inset: #e6d8c6;
-  --nf-border: rgba(120, 96, 72, 0.16);
-  --nf-border-strong: rgba(120, 96, 72, 0.28);
-  --nf-text: #3a3330;
-  --nf-text-2: #5a4f48;
-  --nf-text-2-alpha: rgba(90, 79, 72, 0.7);
-  --nf-text-3: #9a8c80;
-  --nf-accent: #e08a5c;
-  --nf-accent-hover: #d67a4a;
-  --nf-accent-soft: rgba(224, 138, 92, 0.16);
-  --nf-accent-fg: #ffffff;
-  --nf-hover: rgba(120, 96, 72, 0.08);
-  --nf-success: #7fae6a;
-  --nf-error: #c96b63;
-  --nf-warn: #d9a660;
-  --nf-info: #e08a5c;
-  --nf-shadow: 0 8px 16px -6px rgba(90, 70, 50, 0.28), inset 0 6px 10px rgba(255, 255, 255, 0.55), inset 0 -6px 10px rgba(120, 96, 72, 0.12);
-  --nf-shadow-lg: 0 16px 28px -10px rgba(90, 70, 50, 0.34), inset 0 6px 10px rgba(255, 255, 255, 0.55), inset 0 -6px 10px rgba(120, 96, 72, 0.14);
-  --nf-card-shadow: 0 16px 28px -10px rgba(90, 70, 50, 0.34), inset 0 -8px 12px rgba(120, 96, 72, 0.14), inset 0 8px 12px rgba(255, 255, 255, 0.6);
-  --nf-card-shadow-hover: 0 22px 36px -12px rgba(90, 70, 50, 0.38), inset 0 -8px 12px rgba(120, 96, 72, 0.16), inset 0 8px 12px rgba(255, 255, 255, 0.7);
-  --nf-glass-face: #efe4d6;
-  --nf-glass-core: transparent;
-  --nf-glass-sheen: rgba(255, 255, 255, 0.85);
-  --nf-glass-border: rgba(255, 255, 255, 0.6);
-  --nf-glass-inset: #e6d8c6;
-  --nf-glass-orb-a: transparent;
-  --nf-glass-orb-b: transparent;
-  --nf-glass-noise: none;
-}
-
-/* 深色粘土（强制深色 / system 深色系统） */
-.panel[data-nf-mode='dark'][data-nf-theme='clay'],
-body[data-ds-dark-theme] .panel[data-nf-theme='clay']:not([data-nf-mode]) {
-  --nf-bg: #2a2522;
-  --nf-bg-raise: #37302b;
-  --nf-bg-inset: #2f2925;
-  --nf-border: rgba(255, 255, 255, 0.08);
-  --nf-border-strong: rgba(255, 255, 255, 0.18);
-  --nf-text: #efe9e3;
-  --nf-text-2: #c7beb5;
-  --nf-text-2-alpha: rgba(199, 190, 181, 0.7);
-  --nf-text-3: #8a8078;
-  --nf-accent: #e69a6c;
-  --nf-accent-hover: #f0ac82;
-  --nf-accent-soft: rgba(230, 154, 108, 0.2);
-  --nf-accent-fg: #241b16;
-  --nf-hover: rgba(255, 255, 255, 0.06);
-  --nf-success: #9cba82;
-  --nf-error: #d98f86;
-  --nf-warn: #d9a660;
-  --nf-info: #e69a6c;
-  --nf-shadow: 0 8px 16px -6px rgba(0, 0, 0, 0.55), inset 0 6px 10px rgba(255, 255, 255, 0.12), inset 0 -6px 10px rgba(0, 0, 0, 0.35);
-  --nf-shadow-lg: 0 16px 28px -10px rgba(0, 0, 0, 0.62), inset 0 6px 10px rgba(255, 255, 255, 0.12), inset 0 -6px 10px rgba(0, 0, 0, 0.4);
-  --nf-card-shadow: 0 16px 28px -10px rgba(0, 0, 0, 0.62), inset 0 -8px 12px rgba(0, 0, 0, 0.4), inset 0 8px 12px rgba(255, 255, 255, 0.14);
-  --nf-card-shadow-hover: 0 22px 36px -12px rgba(0, 0, 0, 0.68), inset 0 -8px 12px rgba(0, 0, 0, 0.44), inset 0 8px 12px rgba(255, 255, 255, 0.18);
-  --nf-glass-face: #37302b;
-  --nf-glass-core: transparent;
-  --nf-glass-sheen: rgba(255, 255, 255, 0.16);
-  --nf-glass-border: rgba(255, 255, 255, 0.16);
-  --nf-glass-inset: #2f2925;
-  --nf-glass-orb-a: transparent;
-  --nf-glass-orb-b: transparent;
-  --nf-glass-noise: none;
-}
-
-/* 粘土输入框：凹陷黏土内阴影（深浅一致，深色下另覆盖） */
-.panel[data-nf-theme='clay'] .input,
-.panel[data-nf-theme='clay'] .textarea {
-  background: var(--nf-bg-inset);
-  border-color: var(--nf-border-strong);
-  box-shadow: inset 3px 3px 7px rgba(120, 96, 72, 0.14), inset -3px -3px 7px rgba(255, 255, 255, 0.5);
-}
-
-/* 粘土按钮：柔和的"黏土凸起"——外围软投影 + 顶部奶油高光 + 底部厚影 */
-body:not([data-ds-dark-theme]) .panel[data-nf-theme='clay'] .button {
-  border-color: rgba(255, 255, 255, 0.6);
-  background: linear-gradient(180deg, #f6ecdf, #eee0cf);
-  box-shadow: 0 8px 16px -6px rgba(90, 70, 50, 0.35), inset 0 3px 4px rgba(255, 255, 255, 0.8), inset 0 -3px 5px rgba(120, 96, 72, 0.2);
-}
-
-body:not([data-ds-dark-theme]) .panel[data-nf-theme='clay'] .button:hover:not([disabled]) {
-  box-shadow: 0 12px 22px -8px rgba(90, 70, 50, 0.42), inset 0 3px 4px rgba(255, 255, 255, 0.85), inset 0 -3px 5px rgba(120, 96, 72, 0.22);
-}
-
-body:not([data-ds-dark-theme]) .panel[data-nf-theme='clay'] .buttonPrimary {
-  background: linear-gradient(180deg, #eda178, #e08a5c);
-  border-color: transparent;
-  color: var(--nf-accent-fg);
-  box-shadow: 0 8px 16px -6px rgba(224, 138, 92, 0.55), inset 0 3px 4px rgba(255, 255, 255, 0.5), inset 0 -3px 5px rgba(150, 70, 40, 0.3);
-}
-
-/* 深色粘土按钮 */
-.panel[data-nf-mode='dark'][data-nf-theme='clay'] .button,
-body[data-ds-dark-theme] .panel[data-nf-theme='clay']:not([data-nf-mode]) .button {
-  border-color: rgba(255, 255, 255, 0.16);
-  background: linear-gradient(180deg, #403731, #332c27);
-  box-shadow: 0 8px 16px -6px rgba(0, 0, 0, 0.55), inset 0 3px 4px rgba(255, 255, 255, 0.14), inset 0 -3px 5px rgba(0, 0, 0, 0.4);
-}
-
-.panel[data-nf-mode='dark'][data-nf-theme='clay'] .button:hover:not([disabled]),
-body[data-ds-dark-theme] .panel[data-nf-theme='clay']:not([data-nf-mode]) .button:hover:not([disabled]) {
-  box-shadow: 0 12px 22px -8px rgba(0, 0, 0, 0.6), inset 0 3px 4px rgba(255, 255, 255, 0.16), inset 0 -3px 5px rgba(0, 0, 0, 0.44);
-}
-
-.panel[data-nf-mode='dark'][data-nf-theme='clay'] .buttonPrimary,
-body[data-ds-dark-theme] .panel[data-nf-theme='clay']:not([data-nf-mode]) .buttonPrimary {
-  background: linear-gradient(180deg, #f0ac82, #d67a4a);
-  border-color: transparent;
-  color: var(--nf-accent-fg);
-  box-shadow: 0 8px 16px -6px rgba(230, 154, 108, 0.5), inset 0 3px 4px rgba(255, 255, 255, 0.4), inset 0 -3px 5px rgba(120, 50, 20, 0.3);
-}
-
-.panel[data-nf-mode='dark'][data-nf-theme='clay'] .input,
-.panel[data-nf-mode='dark'][data-nf-theme='clay'] .textarea,
-body[data-ds-dark-theme] .panel[data-nf-theme='clay']:not([data-nf-mode]) .input,
-body[data-ds-dark-theme] .panel[data-nf-theme='clay']:not([data-nf-mode]) .textarea {
-  box-shadow: inset 3px 3px 7px rgba(0, 0, 0, 0.45), inset -3px -3px 7px rgba(255, 255, 255, 0.08);
-}
-
-
-/* Neumorphic inset inputs (sunken). */
-body:not([data-ds-dark-theme]) .panel[data-nf-theme='neumorph'] .input,
-body:not([data-ds-dark-theme]) .panel[data-nf-theme='neumorph'] .textarea {
-  background: var(--nf-bg-inset);
-  border-color: transparent;
-  box-shadow: inset 3px 3px 7px rgba(163, 177, 198, 0.55), inset -3px -3px 7px rgba(255, 255, 255, 0.9);
-}
-
-body:not([data-ds-dark-theme]) .panel[data-nf-theme='neumorph'] .input:focus,
-body:not([data-ds-dark-theme]) .panel[data-nf-theme='neumorph'] .textarea:focus {
-  border-color: var(--nf-accent);
-  box-shadow: inset 2px 2px 6px rgba(163, 177, 198, 0.5), inset -2px -2px 6px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--nf-accent-soft);
-}
-
-body[data-ds-dark-theme] .panel[data-nf-theme='neumorph'] .input,
-body[data-ds-dark-theme] .panel[data-nf-theme='neumorph'] .textarea {
-  background: var(--nf-bg-inset);
-  border-color: transparent;
-  box-shadow: inset 3px 3px 7px rgba(0, 0, 0, 0.55), inset -3px -3px 7px rgba(96, 104, 118, 0.24);
-}
-
-body[data-ds-dark-theme] .panel[data-nf-theme='neumorph'] .input:focus,
-body[data-ds-dark-theme] .panel[data-nf-theme='neumorph'] .textarea:focus {
-  border-color: var(--nf-accent);
-  box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.5), inset -2px -2px 6px rgba(96, 104, 118, 0.22), 0 0 0 3px var(--nf-accent-soft);
-}
-
-/* Neumorphic raised buttons. */
-body:not([data-ds-dark-theme]) .panel[data-nf-theme='neumorph'] .button {
-  border-color: transparent;
-  background: var(--nf-bg-raise);
-  box-shadow: 5px 5px 10px rgba(163, 177, 198, 0.55), -5px -5px 10px rgba(255, 255, 255, 0.9);
-}
-
-body:not([data-ds-dark-theme]) .panel[data-nf-theme='neumorph'] .button:hover:not([disabled]) {
-  background: var(--nf-bg-raise);
-  border-color: transparent;
-  box-shadow: 7px 7px 14px rgba(163, 177, 198, 0.6), -7px -7px 14px rgba(255, 255, 255, 0.95);
-}
-
-body:not([data-ds-dark-theme]) .panel[data-nf-theme='neumorph'] .button:active:not([disabled]) {
-  box-shadow: inset 3px 3px 7px rgba(163, 177, 198, 0.55), inset -3px -3px 7px rgba(255, 255, 255, 0.9);
-}
-
-body:not([data-ds-dark-theme]) .panel[data-nf-theme='neumorph'] .buttonPrimary {
-  background: linear-gradient(180deg, #00c563, #00a952);
-  box-shadow: 5px 5px 10px rgba(163, 177, 198, 0.6), -5px -5px 10px rgba(255, 255, 255, 0.85);
-}
-
-body[data-ds-dark-theme] .panel[data-nf-theme='neumorph'] .button {
-  border-color: transparent;
-  background: var(--nf-bg-raise);
-  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5), -5px -5px 10px rgba(96, 104, 118, 0.24);
-}
-
-body[data-ds-dark-theme] .panel[data-nf-theme='neumorph'] .button:hover:not([disabled]) {
-  background: var(--nf-bg-raise);
-  border-color: transparent;
-  box-shadow: 7px 7px 14px rgba(0, 0, 0, 0.55), -7px -7px 14px rgba(96, 104, 118, 0.26);
-}
-
-body[data-ds-dark-theme] .panel[data-nf-theme='neumorph'] .button:active:not([disabled]) {
-  box-shadow: inset 3px 3px 7px rgba(0, 0, 0, 0.55), inset -3px -3px 7px rgba(96, 104, 118, 0.24);
-}
-
-body[data-ds-dark-theme] .panel[data-nf-theme='neumorph'] .buttonPrimary {
-  background: linear-gradient(180deg, #3ddc86, #27b96a);
-  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5), -5px -5px 10px rgba(96, 104, 118, 0.24);
-}
-
-/* ------------------------------------------------------------
- * 'endfield': 终末地 / Arknights: Endfield 官网风 —— 奶油纸底、
- * 墨黑文字、信号黄/武陵青强调色、全直角工业编辑风。
- * 对应 dsh-theme-endfield 插件的设计语言，适配小说工坊的 --nf-* 令牌。
- * 强调色由 data-nf-endfield-accent 切换（valley=谷地黄默认 / wuling=武陵青）。
- * ------------------------------------------------------------ */
-.panel[data-nf-theme='endfield'] {
-  /* 终末地强调色派生（默认谷地黄） */
-  --edge-accent: #fff500;
-  --edge-accent-rgb: 255, 245, 0;
-  --edge-accent-deep: #e8e000;
-  --edge-accent-onpaper: #d9c700;
-  --edge-status-light: #6b5d00;
-  --edge-status-dark: #fff500;
-  --edge-status-dark-mid: #a08a00;
-  /* 全直角工业编辑风 */
-  --nf-radius-2: 0px;
-  --nf-radius-4: 0px;
-  --nf-radius-6: 0px;
-  --nf-radius-8: 0px;
-  --nf-radius-10: 0px;
-  --nf-radius-12: 0px;
-  --nf-radius-14: 0px;
-  --nf-radius-16: 0px;
-  --nf-radius-20: 0px;
-  --nf-radius-22: 0px;
-  --nf-radius-999: 0px;
-  --nf-card-radius: 0px;
-  --nf-card-blur: 0px;
-  --nf-card-saturate: 100%;
-  --nf-card-brightness: 1;
-  --nf-card-sheen: rgba(0, 0, 0, 0);
-  --nf-card-border: 1px solid var(--nf-border);
-  --nf-ctrl-radius: 0px;
-  --nf-ctrl-sheen: rgba(0, 0, 0, 0);
-  --nf-ctrl-caret: var(--nf-accent);
-  --nf-glass-bg-image: none;
-  --nf-glass-noise: none;
-  --nf-glass-orb-a: transparent;
-  --nf-glass-orb-b: transparent;
-}
-
-.panel[data-nf-theme='endfield'][data-nf-endfield-accent='wuling'] {
-  --edge-accent: #14d0d0;
-  --edge-accent-rgb: 20, 208, 208;
-  --edge-accent-deep: #10b8b8;
-  --edge-accent-onpaper: #14d0d0;
-  --edge-status-light: #006a6a;
-  --edge-status-dark: #14d0d0;
-  --edge-status-dark-mid: #7ee7e7;
-}
-
-/* 浅色：奶油纸 + 墨黑 + 强调色深档（可读性达标） */
-body:not([data-ds-dark-theme]) .panel[data-nf-theme='endfield'],
-.panel[data-nf-mode='light'][data-nf-theme='endfield'] {
-  --nf-bg: #e8e8e2;
-  --nf-bg-raise: #f2f2ec;
-  --nf-bg-inset: #dcddd6;
-  --nf-border: #d8d9d5;
-  --nf-border-strong: #b6b8b3;
-  --nf-text: #101110;
-  --nf-text-2: #4a4c48;
-  --nf-text-2-alpha: rgba(74, 76, 72, 0.7);
-  --nf-text-3: #7a7d78;
-  --nf-accent: var(--edge-accent-onpaper);
-  --nf-accent-hover: var(--edge-accent-deep);
-  --nf-accent-soft: rgba(var(--edge-accent-rgb), 0.14);
-  --nf-accent-fg: #101110;
-  --nf-hover: rgba(var(--edge-accent-rgb), 0.10);
-  --nf-success: #2f9e44;
-  --nf-error: #ff3b30;
-  --nf-warn: #d9822b;
-  --nf-info: var(--edge-accent-onpaper);
-  --nf-shadow: 0 1px 3px rgba(0, 0, 0, 0.10), 0 10px 28px rgba(0, 0, 0, 0.08);
-  --nf-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.10), 0 18px 44px rgba(0, 0, 0, 0.12);
-  --nf-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.10), 0 12px 34px rgba(0, 0, 0, 0.08);
-  --nf-card-shadow-hover: 0 2px 6px rgba(0, 0, 0, 0.12), 0 20px 48px rgba(0, 0, 0, 0.12);
-  --nf-glass-face: var(--nf-bg-raise);
-  --nf-glass-core: transparent;
-  --nf-glass-sheen: rgba(0, 0, 0, 0);
-  --nf-glass-border: var(--nf-card-border);
-  --nf-glass-inset: var(--nf-bg-inset);
-}
-
-/* 深色：墨底 + 亮纸字 + 强调色直接使用信号色 */
-.panel[data-nf-mode='dark'][data-nf-theme='endfield'],
-body[data-ds-dark-theme] .panel[data-nf-theme='endfield']:not([data-nf-mode]) {
-  --nf-bg: #101110;
-  --nf-bg-raise: #181a18;
-  --nf-bg-inset: #1e201d;
-  --nf-border: #343633;
-  --nf-border-strong: #4a4d49;
-  --nf-text: #f5f5f0;
-  --nf-text-2: #898d89;
-  --nf-text-2-alpha: rgba(137, 141, 137, 0.7);
-  --nf-text-3: #6a6d68;
-  --nf-accent: var(--edge-accent);
-  --nf-accent-hover: var(--edge-accent-deep);
-  --nf-accent-soft: rgba(var(--edge-accent-rgb), 0.22);
-  --nf-accent-fg: #101110;
-  --nf-hover: rgba(var(--edge-accent-rgb), 0.16);
-  --nf-success: #4fbf5c;
-  --nf-error: #ff6b61;
-  --nf-warn: #ffb700;
-  --nf-info: var(--edge-accent);
-  --nf-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 10px 30px rgba(0, 0, 0, 0.45);
-  --nf-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.45), 0 18px 44px rgba(0, 0, 0, 0.6);
-  --nf-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 14px 38px rgba(0, 0, 0, 0.5);
-  --nf-card-shadow-hover: 0 2px 6px rgba(0, 0, 0, 0.45), 0 22px 52px rgba(0, 0, 0, 0.6);
-  --nf-glass-face: var(--nf-bg-raise);
-  --nf-glass-core: transparent;
-  --nf-glass-sheen: rgba(0, 0, 0, 0);
-  --nf-glass-border: var(--nf-card-border);
-  --nf-glass-inset: var(--nf-bg-inset);
-}
-
-/* 终末地输入/按钮：纸墨工业风，无玻璃高光（直角通过 --nf-radius-* 令牌实现） */
-.panel[data-nf-theme='endfield'] .button,
-.panel[data-nf-theme='endfield'] .input,
-.panel[data-nf-theme='endfield'] .textarea {
-  box-shadow: none;
-}
-
-.panel[data-nf-theme='endfield'] .buttonPrimary {
-  background: var(--nf-accent);
-  border-color: transparent;
-  color: var(--nf-accent-fg);
-  box-shadow: none;
-}
-
-.panel[data-nf-theme='endfield'] .buttonPrimary:hover:not([disabled]) {
-  background: var(--nf-accent-hover);
-  border-color: transparent;
-}
-
-.panel[data-nf-theme='endfield'] .input:focus,
-.panel[data-nf-theme='endfield'] .textarea:focus {
-  border-color: var(--nf-accent);
-  box-shadow: 0 0 0 2px var(--nf-accent-soft);
-}
-
-/* ------------------------------------------------------------ panel shell */
-
-.panel {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  min-width: 0;
-  font-size: var(--nf-fs-14, 14px);
-  line-height: 1.6;
-  position: relative;
-  overflow: hidden;
-}
-
-/* Liquid-Glass backdrop: themed abstract image + colored orbs + vignette behind the frosted cards. */
-.panel::before {
-  content: '';
-  position: absolute;
-  inset: 0;
-  z-index: 0;
-  pointer-events: none;
-  background:
-    linear-gradient(rgba(0, 0, 0, calc(var(--nf-glass-bg-dim, 0) / 100)), rgba(0, 0, 0, calc(var(--nf-glass-bg-dim, 0) / 100))),
-    var(--nf-glass-bg-image, none) center / cover no-repeat,
-    radial-gradient(46% 36% at 18% 12%, var(--nf-glass-orb-a), transparent 70%),
-    radial-gradient(52% 42% at 88% 22%, var(--nf-glass-orb-b), transparent 72%),
-    radial-gradient(120% 95% at 50% 42%, transparent 55%, rgba(2, 2, 3, 0.10) 100%);
-}
-
-/* --- 玻璃主题背后的「抽象壁纸」底图（每主题一种色调，供卡片 blur 出真实玻璃感） --- */
-.panel[data-nf-theme='macos'] {
-  --nf-glass-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='1000'%3E%3Cdefs%3E%3Cfilter id='b' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeGaussianBlur stdDeviation='140'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23b)'%3E%3Ccircle cx='320' cy='220' r='320' fill='%230a84ff' fill-opacity='0.34'/%3E%3Ccircle cx='1180' cy='320' r='360' fill='%237f5af0' fill-opacity='0.30'/%3E%3Ccircle cx='920' cy='820' r='380' fill='%2340cfc0' fill-opacity='0.26'/%3E%3Ccircle cx='1460' cy='820' r='260' fill='%23ff9fb0' fill-opacity='0.18'/%3E%3C/g%3E%3C/svg%3E");
-}
-
-.panelTitle {
-  margin: 0;
-  font-size: var(--nf-fs-16, 16px);
-  font-weight: 700;
-  letter-spacing: 0.2px;
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-8, 8px);
-}
-
-.panelTitle::before {
-  content: '';
-  width: 4px;
-  height: 16px;
-  border-radius: var(--nf-radius-2, 2px);
-  background: linear-gradient(180deg, var(--nf-accent), var(--nf-info));
-}
-
-.iconButton {
-  border: none;
-  background: transparent;
-  cursor: pointer;
-  font-size: var(--nf-fs-16, 16px);
-  color: var(--nf-text-2);
-  padding: var(--nf-space-4, 4px) var(--nf-space-10, 9px);
-  border-radius: var(--nf-radius-10, 9px);
-  transition: background 0.15s ease, color 0.15s ease, transform 0.1s ease;
-}
-
-.iconButton:hover {
-  background: var(--nf-hover);
-  color: var(--nf-text);
-  transform: translateY(-1px);
-}
-
-/* ------------------------------------------------------------ tab bar */
-
-.tabBar {
-  display: flex;
-  gap: var(--nf-space-2, 2px);
-  padding: var(--nf-space-8, 8px) var(--nf-space-14, 14px) 0;
-  border-bottom: 1px solid var(--nf-border);
-  flex-shrink: 0;
-  background: var(--nf-bg-raise);
-  position: sticky;
-  top: 45px;
-  z-index: 4;
-}
-
-.tab {
-  border: none;
-  background: transparent;
-  padding: var(--nf-space-8, 7px) var(--nf-space-14, 13px);
-  cursor: pointer;
-  border-radius: var(--nf-radius-8, 8px) var(--nf-radius-8, 8px) 0 0;
-  font-size: var(--nf-fs-14, 13.5px);
-  color: var(--nf-text-2);
-  transition: color 0.15s ease, background 0.15s ease;
-  position: relative;
-  font-weight: 500;
-}
-
-.tab:hover {
-  color: var(--nf-text);
-  background: var(--nf-hover);
-}
-
-.tab[data-active] {
-  color: var(--nf-accent);
-  font-weight: 600;
-}
-
-.tab[data-active]::after {
-  content: '';
-  position: absolute;
-  left: 10px;
-  right: 10px;
-  bottom: -1px;
-  height: 2.5px;
-  border-radius: var(--nf-radius-2, 2px) var(--nf-radius-2, 2px) 0 0;
-  background: var(--nf-accent);
-}
-
-.panelContent {
-  min-width: 0;
-  flex: 1;
-  overflow: auto;
-  padding: var(--nf-container-pad, 20px 22px);
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-container-gap, 14px);
-  position: relative;
-  z-index: 1;
-}
-
-/* ------------------------------------------- body: left nav + content */
-
-.panelBody {
-  flex: 1;
-  min-height: 0;
-  display: flex;
-  position: relative;
-  z-index: 1;
-}
-
-.panelNav {
-  flex: none;
-  align-self: stretch;
-  width: 216px;
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-6, 6px);
-  margin: 10px 0 10px 12px;
-  padding: var(--nf-nav-pad, 16px 12px 14px);
-  border: 1px solid var(--nf-glass-border);
-  border-radius: var(--nf-radius-16, 18px);
-  background: var(--nf-glass-face);
-  box-shadow: var(--nf-shadow), inset 0 1px 0 var(--nf-glass-sheen);
-  -webkit-backdrop-filter: blur(28px) saturate(175%);
-  backdrop-filter: blur(28px) saturate(175%);
-  overflow-y: auto;
-  transition: width 0.18s ease;
-}
-
-.panelNavCollapsed {
-  width: 52px;
-  padding: var(--nf-space-10, 10px) var(--nf-space-6, 6px);
-}
-
-.navGroup {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-6, 6px);
-}
-
-.navGroupLabel {
-  font-size: var(--nf-fs-12, 12px);
-  font-weight: 600;
-  letter-spacing: 0.8px;
-  text-transform: uppercase;
-  color: var(--nf-text-3);
-  padding: var(--nf-space-12, 12px) var(--nf-space-10, 10px) var(--nf-space-6, 6px);
-  user-select: none;
-}
-
-.navGroupSep {
-  height: 1px;
-  margin: 6px 8px 4px;
-  background: var(--nf-border);
-}
-
-.navSpacer {
-  flex: 1;
-  min-height: 8px;
-  /* 导航卡片不再拉满全高（align-self: flex-start），此占位仅保留最小间距 */
-}
-
-/* 导航底部：关于（版本 + GitHub + 更新） */
-.navAbout {
-  flex: none;
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-4, 4px);
-  padding: var(--nf-space-8, 8px) var(--nf-space-6, 6px) var(--nf-space-4, 4px);
-  border-top: 1px solid var(--nf-border);
-  margin-top: 4px;
-}
-
-.navAboutRow {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--nf-space-4, 4px);
-  border: none;
-  background: transparent;
-  cursor: pointer;
-  font-size: var(--nf-fs-12, 11px);
-  color: var(--nf-text-3);
-  padding: var(--nf-space-4, 4px) var(--nf-space-6, 6px);
-  border-radius: var(--nf-radius-8, 8px);
-  transition: color 0.15s ease, background 0.15s ease;
-  text-align: left;
-  white-space: nowrap;
-}
-
-.navAboutRow:hover {
-  color: var(--nf-text);
-  background: var(--nf-hover);
-}
-
-.navAboutUpdate {
-  border: none;
-  background: var(--nf-accent-soft);
-  color: var(--nf-accent);
-  cursor: pointer;
-  font-size: var(--nf-fs-12, 10.5px);
-  font-weight: 600;
-  padding: var(--nf-space-4, 4px) var(--nf-space-6, 6px);
-  border-radius: var(--nf-radius-8, 8px);
-  text-align: left;
-  white-space: nowrap;
-}
-
-.navAboutUpdate:hover {
-  color: var(--nf-accent-hover);
-}
-
-.panelNavCollapsed .navAbout {
-  padding: var(--nf-space-6, 6px) var(--nf-space-2, 2px) var(--nf-space-2, 2px);
-  align-items: center;
-}
-
-.panelNavCollapsed .navAboutRow {
-  justify-content: center;
-  padding: var(--nf-space-4, 4px) 0;
-  width: 100%;
-}
-
-.navTabBadge {
-  margin-left: auto;
-  flex: none;
-  min-width: 18px;
-  height: 18px;
-  padding: 0 var(--nf-space-6, 5px);
-  border-radius: var(--nf-radius-999, 999px);
-  background: var(--nf-accent);
-  color: #fff;
-  font-size: var(--nf-fs-12, 10.5px);
-  font-weight: 700;
-  line-height: 18px;
-  text-align: center;
-  display: inline-block;
-}
-
-.panelNavCollapsed .navTabBadge {
-  position: absolute;
-  top: 2px;
-  right: 2px;
-  /* 字号统一为 12px 后，徽标容器同步放大到 18px 避免溢出 */
-  min-width: 18px;
-  height: 18px;
-  line-height: 18px;
-  font-size: var(--nf-fs-12, 9px);
-  padding: 0 var(--nf-space-6, 5px);
-}
-
-.navTabBadgeDanger {
-  background: var(--nf-error);
-}
-
-.navTabBadgeWarn {
-  background: var(--nf-warn);
-}
-
-.navTabBadgeDone {
-  background: var(--nf-success);
-}
-
-/* 任务进行中：AI进度导航呼吸绿点（不自动弹窗，点击导航查看悬浮窗） */
-.navTabBadgeLive {
-  background: var(--nf-success);
-  animation: navBadgePulse 1.2s ease-in-out infinite;
-}
-.navTabDot {
-  display: inline-block;
-  width: 7px;
-  height: 7px;
-  margin-left: var(--nf-space-4, 4px);
-  border-radius: 50%;
-  background: var(--nf-success);
-  animation: navBadgePulse 1.2s ease-in-out infinite;
-}
-
-@keyframes navBadgePulse {
-  0%, 100% { opacity: 1; transform: scale(1); }
-  50% { opacity: 0.35; transform: scale(0.8); }
-}
-
-.navTab {
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-10, 10px);
-  width: 100%;
-  border: 1px solid transparent;
-  background: transparent;
-  cursor: pointer;
-  border-radius: var(--nf-radius-10, 10px);
-  padding: var(--nf-space-12, 11px) var(--nf-space-12, 12px);
-  font-size: var(--nf-fs-14, 14px);
-  color: var(--nf-text-2-alpha, var(--nf-text-2));
-  font-weight: 500;
-  transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-  position: relative;
-  text-align: left;
-  white-space: nowrap;
-}
-
-.panelNavCollapsed .navTab {
-  justify-content: center;
-  padding: var(--nf-space-8, 8px) 0;
-}
-
-.navTab:hover {
-  color: var(--nf-text);
-  background: var(--nf-hover);
-}
-
-.navTab[data-active] {
-  color: var(--nf-accent);
-  font-weight: 600;
-  background: color-mix(in srgb, var(--nf-text) 8%, transparent);
-  border-color: color-mix(in srgb, var(--nf-text) 16%, transparent);
-  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--nf-text) 6%, transparent);
-}
-
-.navTab[data-active] .navTabIcon {
-  color: var(--nf-accent);
-}
-
-.navTabIcon {
-  flex: none;
-  width: 22px;
-  height: 22px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  font-size: var(--nf-fs-16, 17px);
-  line-height: 1;
-}
-
-.navTabLabel {
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-/* demo 风格：侧栏标题区（Logo + 小说工坊 + 当前书名） */
-.navTitle {
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-10, 10px);
-  padding: var(--nf-space-2, 2px) var(--nf-space-6, 6px) var(--nf-space-12, 12px);
-  border-bottom: 1px solid var(--nf-border);
-  margin-bottom: 6px;
-  flex: none;
-  min-width: 0;
-}
-
-.navTitleLogo {
-  width: 34px;
-  height: 34px;
-  border-radius: var(--nf-radius-10, 10px);
-  background: linear-gradient(145deg, var(--nf-accent), var(--nf-accent-hover));
-  color: var(--nf-accent-fg);
-  font-weight: 800;
-  font-size: var(--nf-fs-14, 15px);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex: none;
-  box-shadow: 0 6px 16px var(--nf-accent-soft);
-}
-
-.navTitleName {
-  font-weight: 700;
-  font-size: var(--nf-fs-14, 15px);
-  letter-spacing: 0.2px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.navTitleBook {
-  font-size: var(--nf-fs-12, 11px);
-  color: var(--nf-text-3);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.panelNavCollapsed .navTitle {
-  justify-content: center;
-  padding: var(--nf-space-2, 2px) 0 var(--nf-space-10, 10px);
-}
-
-.panelNavCollapsed .navTitleLogo {
-  width: 32px;
-  height: var(--nf-ctrl-m, 32px);
-}
-
-/* 操作行：收起导航 / 关闭面板 */
-.navActions {
-  flex: none;
-  display: flex;
-  gap: var(--nf-space-6, 6px);
-  margin-top: 8px;
-  padding-top: var(--nf-space-8, 8px);
-  border-top: 1px solid var(--nf-border);
-}
-
-.navActionBtn {
-  flex: 1;
-  border: 1px solid var(--nf-border);
-  background: rgba(0, 0, 0, 0);
-  color: var(--nf-text-2);
-  cursor: pointer;
-  border-radius: var(--nf-radius-10, 10px);
-  height: var(--nf-ctrl-m, 32px);
-  font-size: var(--nf-fs-14, 14px);
-  line-height: 1;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
-}
-
-.navActionBtn:hover {
-  background: var(--nf-hover);
-  color: var(--nf-text);
-  border-color: var(--nf-border-strong);
-}
-
-.panelNavCollapsed .navActions {
-  flex-direction: column;
-  align-items: stretch;
-}
-
-/* demo 风格：底部当前书切换卡（封面首字 + 书名/进度 + 箭头） */
-.bookSwitch {
-  flex: none;
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-8, 8px);
-  margin-top: 4px;
-  padding: var(--nf-space-10, 9px);
-  border-radius: var(--nf-radius-12, 12px);
-  background: var(--nf-bg-inset);
-  border: 1px solid var(--nf-border);
-  cursor: pointer;
-  text-align: left;
-  font: inherit;
-  color: var(--nf-text);
-  min-width: 0;
-  transition: background 0.15s ease, border-color 0.15s ease;
-}
-
-.bookSwitch:hover {
-  background: var(--nf-hover);
-  border-color: var(--nf-border-strong);
-}
-
-.bookSwitchCover {
-  width: 26px;
-  height: 34px;
-  border-radius: var(--nf-radius-6, 5px);
-  background: linear-gradient(160deg, var(--nf-accent), color-mix(in srgb, var(--nf-accent) 45%, #000));
-  color: var(--nf-accent-fg);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: var(--nf-fs-12, 11px);
-  font-weight: 700;
-  flex: none;
-}
-
-.bookSwitchName {
-  font-size: var(--nf-fs-12, 12.5px);
-  font-weight: 600;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.bookSwitchMeta {
-  font-size: var(--nf-fs-12, 11px);
-  color: var(--nf-text-3);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.bookSwitchArrow {
-  margin-left: auto;
-  color: var(--nf-text-3);
-  font-size: var(--nf-fs-12, 12px);
-  flex: none;
-}
-
-/* demo 风格统计卡（今日待写 / 写作中 / 已通过 / 待审稿） */
-.statRowD { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--nf-space-12, 12px); }
-.statCardD { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--nf-space-10, 10px); padding: var(--nf-space-14, 14px) var(--nf-space-16, 16px); border-radius: var(--nf-radius-16, 16px); background: var(--nf-bg-inset); border: 1px solid var(--nf-border); min-width: 0; }
-.statCardDLabel { font-size: var(--nf-fs-12, 12px); color: var(--nf-text-3); }
-.statCardDValue { font-size: var(--nf-fs-22, 22px); font-weight: 700; margin-top: 2px; color: var(--nf-text); }
-.statCardDUnit { font-size: var(--nf-fs-12, 12px); color: var(--nf-text-3); font-weight: 400; }
-.statCardDDetail { font-size: var(--nf-fs-12, 11.5px); color: var(--nf-text-3); margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.statCardDDown { color: var(--nf-error); }
-.statCardDIcon { width: 38px; height: var(--nf-ctrl-l, 38px); border-radius: var(--nf-radius-12, 12px); display: flex; align-items: center; justify-content: center; font-size: var(--nf-fs-18, 18px); flex: none; background: var(--nf-accent-soft); }
-.statCardDIconRed { background: color-mix(in srgb, var(--nf-error) 13%, transparent); }
-
-/* demo 风格创作时间线（6 阶段分段条，点击跳转对应 tab） */
-.tlBar { display: flex; gap: var(--nf-space-6, 6px); margin-top: 8px; }
-.tlSeg { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--nf-space-4, 4px); border: none; background: transparent; padding: 0; cursor: pointer; font: inherit; }
-.tlSegTrack { height: 8px; border-radius: var(--nf-radius-999, 999px); background: var(--nf-hover); border: 1px solid var(--nf-border); overflow: hidden; }
-.tlSegFill { display: block; height: 100%; width: 100%; border-radius: var(--nf-radius-999, 999px); background: var(--nf-accent); }
-.tlSegTodo .tlSegFill { opacity: 0; }
-.tlSegTodo .tlSegTrack { background: transparent; }
-.tlSegCurrent .tlSegTrack { border-color: var(--nf-accent); box-shadow: 0 0 0 2px var(--nf-accent-soft); }
-.tlSegCurrent .tlSegFill { opacity: 0.45; }
-.tlSegLabel { font-size: var(--nf-fs-12, 10.5px); color: var(--nf-text-3); text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.tlSegDone .tlSegLabel { color: var(--nf-accent); font-weight: 600; }
-.tlSeg:hover .tlSegTrack { border-color: var(--nf-border-strong); }
-
-
-/* ------------------------------------------------------------ cards */
-
-.card {
-  position: relative;
-  border: var(--nf-card-border, 1px solid var(--nf-glass-border));
-  border-radius: var(--nf-card-radius, 22px);
-  padding: var(--nf-card-pad, 20px 22px);
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-10, 10px);
-  background: var(--nf-glass-face);
-  box-shadow:
-    var(--nf-card-shadow),
-    inset 0 1.5px 0 var(--nf-card-sheen, var(--nf-glass-sheen)),
-    inset 0 -1px 0 rgba(255, 255, 255, 0.10);
-  -webkit-backdrop-filter: blur(var(--nf-card-blur, 30px)) saturate(var(--nf-card-saturate, 180%)) brightness(var(--nf-card-brightness, 1.06));
-  backdrop-filter: blur(var(--nf-card-blur, 30px)) saturate(var(--nf-card-saturate, 180%)) brightness(var(--nf-card-brightness, 1.06));
-  transition: transform 0.22s ease, box-shadow 0.22s ease;
-}
-
-/* Liquid-Glass surface: bright core highlight + hairline sheen. */
-.card::before {
-  content: '';
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  pointer-events: none;
-  background:
-    var(--nf-glass-core),
-    linear-gradient(90deg, transparent, var(--nf-card-sheen, var(--nf-glass-sheen)), transparent) no-repeat 10% 0 / 80% 1px,
-    linear-gradient(156deg, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0) 55%);
-  z-index: 0;
-}
-
-/* Subtle grain, barely visible. */
-.card::after {
-  content: '';
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  pointer-events: none;
-  background: var(--nf-glass-noise);
-  opacity: 0.06;
-  z-index: 0;
-}
-
-.card:hover {
-  transform: translateY(-3px);
-  box-shadow:
-    var(--nf-card-shadow-hover),
-    inset 0 1.5px 0 var(--nf-card-sheen, var(--nf-glass-sheen)),
-    inset 0 -1px 0 rgba(255, 255, 255, 0.25);
-}
-
-.card > * {
-  position: relative;
-  z-index: 1;
-}
-
-.cardTitle {
-  margin: 0;
-  font-size: var(--nf-fs-14, 14px);
-  font-weight: 650;
-  color: var(--nf-text);
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-8, 8px);
-}
-
-/* ------------------------------------------------------------ buttons */
-
-.button {
-  /* 控件形态令牌：按钮与 input/textarea 一致，随主题（液态/粘土/macOS/新拟物）走形状 */
-  border: 1px solid var(--nf-ctrl-border, var(--nf-border-strong));
-  background: var(--nf-ctrl-bg, var(--nf-bg-inset));
-  color: var(--nf-text);
-  padding: var(--nf-space-8, 7px) var(--nf-space-16, 15px);
-  border-radius: var(--nf-ctrl-radius, 10px);
-  cursor: pointer;
-  font-size: var(--nf-fs-14, 13px);
-  font-weight: 500;
-  box-shadow: inset 0 1px 0 var(--nf-ctrl-sheen, rgba(255, 255, 255, 0.09));
-  transition: background 0.15s ease, border-color 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease;
-  white-space: nowrap;
-}
-
-.button:hover:not([disabled]) {
-  background: var(--nf-hover);
-  border-color: var(--nf-border-strong);
-  transform: translateY(-1px);
-}
-
-.button:active:not([disabled]) {
-  transform: translateY(0) scale(0.97);
-}
-
-.button[disabled] {
-  opacity: 0.45;
-  cursor: not-allowed;
-}
-
-.buttonPrimary {
-  border-color: transparent;
-  background: linear-gradient(180deg, color-mix(in srgb, var(--nf-accent) 88%, #ffffff), var(--nf-accent));
-  color: var(--nf-accent-fg);
-  border-radius: var(--nf-radius-10, 10px);
-  box-shadow: 0 2px 10px color-mix(in srgb, var(--nf-accent) 45%, transparent), 0 0 0 0.5px color-mix(in srgb, var(--nf-accent) 30%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.45);
-}
-
-.buttonPrimary:hover:not([disabled]) {
-  background: linear-gradient(180deg, var(--nf-accent-hover), color-mix(in srgb, var(--nf-accent-hover) 85%, #000000));
-  border-color: transparent;
-  transform: translateY(-1px);
-  box-shadow: 0 12px 30px color-mix(in srgb, var(--nf-accent) 50%, transparent), 0 0 0 0.5px color-mix(in srgb, var(--nf-accent) 30%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.45);
-}
-
-.buttonDanger {
-  border-color: var(--nf-error);
-  color: var(--nf-error);
-}
-
-.buttonDanger:hover:not([disabled]) {
-  background: rgba(255, 59, 48, 0.1);
-}
-
-.buttonSmall {
-  padding: var(--nf-space-4, 4px) var(--nf-space-10, 10px);
-  font-size: var(--nf-fs-12, 12px);
-  /* 与常规按钮同一控件形态令牌，保证主题一致 */
-  border-radius: var(--nf-ctrl-radius, 8px);
-}
-
-/* ------------------------------------------------------------ forms */
-
-.field {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-6, 5px);
-}
-
-.fieldLabel {
-  font-size: var(--nf-fs-12, 12px);
-  color: var(--nf-text-2);
-  font-weight: 500;
-}
-
-.input {
-  border: var(--nf-ctrl-border, 1px solid var(--nf-border-strong));
-  background: var(--nf-ctrl-bg, var(--nf-bg-inset));
-  color: var(--nf-text);
-  color-scheme: light;
-  border-radius: var(--nf-ctrl-radius, 12px);
-  padding: var(--nf-space-8, 7px) var(--nf-space-12, 11px);
-  font-size: var(--nf-fs-14, 13px);
-  width: 100%;
-  box-sizing: border-box;
-  box-shadow: inset 0 1px 0 var(--nf-ctrl-sheen, rgba(255, 255, 255, 0.09));
-  transition: border-color 0.15s ease, box-shadow 0.15s ease;
-}
-
-/* 原生下拉浮层配色跟随主题（防白底白字） */
-body[data-ds-dark-theme] .input {
-  color-scheme: dark;
-}
-.panel[data-nf-mode='dark'] .input {
-  color-scheme: dark;
-}
-.panel[data-nf-mode='light'] .input {
-  color-scheme: light;
-}
-body:not([data-ds-dark-theme]) .panel[data-nf-theme='neumorph'] .input {
-  color-scheme: light;
-}
-select.input {
-  cursor: pointer;
-  appearance: none;
-  -webkit-appearance: none;
-  /* 自绘下拉箭头（跟随主题色），去掉浏览器默认黑色 caret */
-  background-image:
-    linear-gradient(45deg, transparent 50%, var(--nf-ctrl-caret, var(--nf-text-3)) 50%),
-    linear-gradient(135deg, var(--nf-ctrl-caret, var(--nf-text-3)) 50%, transparent 50%);
-  background-position: calc(100% - 18px) 50%, calc(100% - 12px) 50%;
-  background-size: 6px 6px, 6px 6px;
-  background-repeat: no-repeat;
-  padding-right: 30px;
-}
-.input option {
-  color: var(--nf-text);
-  background: var(--nf-bg-raise);
-  font-size: var(--nf-fs-14, 15px);
-}
-
-.input:focus,
-.textarea:focus {
-  outline: none;
-  border-color: var(--nf-accent);
-  box-shadow: 0 0 0 3px var(--nf-accent-soft);
-}
-
-.input::placeholder,
-.textarea::placeholder {
-  color: var(--nf-text-3);
-}
-
-.textarea {
-  border: var(--nf-ctrl-border, 1px solid var(--nf-border-strong));
-  background: var(--nf-ctrl-bg, var(--nf-bg-inset));
-  color: var(--nf-text);
-  border-radius: var(--nf-ctrl-radius, 12px);
-  padding: var(--nf-space-10, 9px) var(--nf-space-12, 11px);
-  font-size: var(--nf-fs-14, 13px);
-  width: 100%;
-  box-sizing: border-box;
-  min-height: 200px;
-  font-family: inherit;
-  resize: vertical;
-  transition: border-color 0.15s ease, box-shadow 0.15s ease;
-  line-height: 1.7;
-}
-
-.row {
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-8, 8px);
-  flex-wrap: wrap;
-}
-
-.spaceBetween {
-  justify-content: space-between;
-}
-
-/* ------------------------------------------------------------ chapter list */
-
-.chapterList {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-8, 8px);
-}
-
-/* 章节按卷分组 */
-.volumeGroup {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-6, 6px);
-}
-
-.volumeGroupHeader {
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-8, 8px);
-  padding: var(--nf-space-6, 6px) var(--nf-space-10, 10px);
-  border-radius: var(--nf-radius-10, 10px);
-  background: var(--nf-bg-inset);
-  border: 1px solid var(--nf-border);
-  cursor: pointer;
-  user-select: none;
-  font-size: var(--nf-fs-14, 13px);
-  transition: border-color 0.15s ease;
-}
-
-.volumeGroupHeader:hover {
-  border-color: var(--nf-accent);
-}
-
-.volumeGroupToggle {
-  flex: none;
-  font-size: var(--nf-fs-12, 11px);
-  color: var(--nf-text-2);
-}
-
-.chapter {
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-10, 10px);
-  padding: var(--nf-space-10, 9px) var(--nf-space-12, 12px);
-  border: 1px solid var(--nf-border);
-  border-radius: var(--nf-radius-10, 10px);
-  background: var(--nf-bg);
-  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
-}
-
-.chapter:hover {
-  border-color: var(--nf-border-strong);
-  box-shadow: var(--nf-shadow);
-}
-
-/* 待办/主行动卡「定位章节」的目标章：短暂呼吸高亮（3 秒后由 JS 移除）。 */
-.chapterFocus {
-  animation: chapterFocusPulse 0.9s ease-in-out 3;
-  border-color: var(--nf-accent) !important;
-  box-shadow: 0 0 0 3px color-mix(in srgb, var(--nf-accent) 35%, transparent) !important;
-}
-
-@keyframes chapterFocusPulse {
-  0%, 100% { background: var(--nf-bg); }
-  50% { background: color-mix(in srgb, var(--nf-accent) 18%, var(--nf-bg)); }
-}
-
-.chapterNum {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 28px;
-  height: var(--nf-ctrl-s, 28px);
-  padding: 0 var(--nf-space-8, 8px);
-  border-radius: var(--nf-radius-8, 8px);
-  background: var(--nf-bg-inset);
-  border: 1px solid var(--nf-border);
-  font-size: var(--nf-fs-12, 12px);
-  font-weight: 700;
-  color: var(--nf-text-2);
-  flex-shrink: 0;
-}
-
-.chapterMain {
-  flex: 1;
-  min-width: 0;
-}
-
-.chapterTitle {
-  font-weight: 600;
-  font-size: var(--nf-fs-14, 13px);
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-8, 8px);
-  color: var(--nf-text);
-}
-
-.chapterBeats {
-  font-size: var(--nf-fs-12, 12px);
-  color: var(--nf-text-2);
-  opacity: 0.85;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.chapterActions {
-  display: flex;
-  gap: var(--nf-space-4, 4px);
-  flex-shrink: 0;
-  opacity: 0.85;
-  transition: opacity 0.15s ease;
-}
-
-.chapter:hover .chapterActions {
-  opacity: 1;
-}
-
-/* ------------------------------------------------------------ badges */
-
-.badge {
-  font-size: var(--nf-fs-12, 11px);
-  padding: var(--nf-space-2, 2px) var(--nf-space-10, 9px);
-  border-radius: var(--nf-radius-999, 999px);
-  border: 1px solid;
-  white-space: nowrap;
-  font-weight: 600;
-  letter-spacing: 0.2px;
-}
-
-.badgePending {
-  color: var(--nf-info);
-  border-color: var(--nf-info);
-  background: color-mix(in srgb, var(--nf-info) 10%, transparent);
-}
-
-.badgeGenerating {
-  color: var(--nf-accent);
-  border-color: var(--nf-accent);
-  background: color-mix(in srgb, var(--nf-accent) 12%, transparent);
-  animation: pulse 1.2s ease-in-out infinite;
-}
-
-.badgeWritten {
-  color: var(--nf-warn);
-  border-color: var(--nf-warn);
-  background: color-mix(in srgb, var(--nf-warn) 10%, transparent);
-}
-
-.badgeRejected {
-  color: var(--nf-error);
-  border-color: var(--nf-error);
-  background: color-mix(in srgb, var(--nf-error) 10%, transparent);
-}
-
-.badgeDone {
-  color: var(--nf-success);
-  border-color: var(--nf-success);
-  background: color-mix(in srgb, var(--nf-success) 10%, transparent);
-}
-
-.badgeError {
-  color: var(--nf-error);
-  border-color: var(--nf-error);
-  background: color-mix(in srgb, var(--nf-error) 10%, transparent);
-}
-
-/* ------------------------------------------------------------ review & preview */
-
-.reviewBox {
-  border: 1px solid var(--nf-border);
-  border-radius: var(--nf-radius-10, 10px);
-  padding: var(--nf-space-10, 10px) var(--nf-space-12, 12px);
-  background: var(--nf-bg-inset);
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-6, 6px);
-  font-size: var(--nf-fs-12, 12.5px);
-}
-
-.chapterPreview {
-  max-height: 320px;
-  overflow: auto;
-  white-space: pre-wrap;
-  word-break: break-all;
-  font-size: var(--nf-fs-12, 12.5px);
-  line-height: 1.8;
-  font-family: inherit;
-  color: var(--nf-text);
-  background: var(--nf-bg-inset);
-  border: 1px solid var(--nf-border);
-  border-radius: var(--nf-radius-10, 10px);
-  padding: var(--nf-space-10, 10px) var(--nf-space-12, 12px);
-  margin: 0;
-}
-
-/* ------------------------------------------------------------ assistant chat */
-
-.chatScroll {
-  flex: 1;
-  min-height: 240px;
-  max-height: 480px;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-10, 10px);
-  padding: var(--nf-space-14, 14px);
-  border: 1px solid var(--nf-border);
-  border-radius: var(--nf-radius-12, 12px);
-  background: var(--nf-bg-inset);
-}
-
-.chatBubbleUser {
-  align-self: flex-end;
-  max-width: 90%;
-  background: linear-gradient(180deg, var(--nf-accent), var(--nf-accent-hover));
-  color: var(--nf-accent-fg);
-  border-radius: var(--nf-radius-14, 14px) var(--nf-radius-14, 14px) var(--nf-radius-4, 4px) var(--nf-radius-14, 14px);
-  padding: var(--nf-space-10, 9px) var(--nf-space-14, 14px);
-  font-size: var(--nf-fs-14, 13px);
-  box-shadow: 0 2px 6px rgba(77, 107, 254, 0.2);
-}
-
-.chatBubbleAssistant {
-  align-self: flex-start;
-  max-width: 92%;
-  background: var(--nf-bg-raise);
-  color: var(--nf-text);
-  border: 1px solid var(--nf-border);
-  border-radius: var(--nf-radius-14, 14px) var(--nf-radius-14, 14px) var(--nf-radius-14, 14px) var(--nf-radius-4, 4px);
-  padding: var(--nf-space-10, 9px) var(--nf-space-14, 14px);
-  font-size: var(--nf-fs-14, 13px);
-  box-shadow: var(--nf-shadow);
-}
-
-.chatRole {
-  font-size: var(--nf-fs-12, 11px);
-  color: var(--nf-text-3);
-  margin-bottom: 3px;
-  font-weight: 600;
-}
-
-/* Live tool output (text streaming while a chapter is generated/rewritten). */
-.toolLive {
-  margin-top: 6px;
-  padding: var(--nf-space-8, 8px) var(--nf-space-10, 10px);
-  border-radius: var(--nf-radius-8, 8px);
-  background: var(--nf-bg-inset);
-  border: 1px dashed var(--nf-border-strong);
-  font-size: var(--nf-fs-12, 12px);
-  line-height: 1.7;
-  white-space: pre-wrap;
-  word-break: break-all;
-  color: var(--nf-text-2);
-  max-height: 180px;
-  overflow-y: auto;
-}
-
-/* 助手状态条：编辑老师正在做什么 */
-.assistantStatus {
-  flex: none;
-  margin-top: 6px;
-  padding: var(--nf-space-6, 6px) var(--nf-space-12, 12px);
-  border-radius: var(--nf-radius-999, 999px);
-  font-size: var(--nf-fs-12, 12px);
-  color: var(--nf-text-2);
-  background: var(--nf-bg-inset);
-  border: 1px solid var(--nf-border);
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-6, 6px);
-}
-
-.assistantStatusBusy {
-  color: var(--nf-accent);
-  border-color: var(--nf-accent);
-  background: var(--nf-accent-soft);
-  font-weight: 600;
-}
-
-/* 工具步骤卡片 */
-.toolSteps {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-4, 4px);
-  margin-top: 6px;
-}
-
-.toolStep {
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-8, 8px);
-  padding: var(--nf-space-6, 5px) var(--nf-space-10, 10px);
-  border-radius: var(--nf-radius-8, 8px);
-  font-size: var(--nf-fs-12, 12px);
-  background: var(--nf-bg-inset);
-  border: 1px solid var(--nf-border);
-}
-
-.toolStepActive {
-  border-color: var(--nf-accent);
-  background: var(--nf-accent-soft);
-}
-
-.toolStepError {
-  border-color: var(--nf-error);
-  background: color-mix(in srgb, var(--nf-error) 8%, transparent);
-}
-
-.toolStepIcon {
-  flex: none;
-  font-size: var(--nf-fs-14, 13px);
-}
-
-.toolStepName {
-  flex: 1;
-  min-width: 0;
-  font-weight: 600;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.toolStepStatus {
-  flex: none;
-  color: var(--nf-text-2);
-  font-size: var(--nf-fs-12, 11px);
-}
-
-.toolStepActive .toolStepStatus {
-  color: var(--nf-accent);
-}
-
-.toolStepError .toolStepStatus {
-  color: var(--nf-error);
-}
-
-.toolStepDetail {
-  width: 100%;
-  color: var(--nf-error);
-  font-size: var(--nf-fs-12, 11px);
-  word-break: break-all;
-}
-
-/* ------------------------------------------------------------ progress console */
-
-.progress {
-  border: 1px solid var(--nf-border);
-  border-radius: var(--nf-radius-10, 10px);
-  padding: var(--nf-space-10, 10px) var(--nf-space-14, 14px);
-  font-size: var(--nf-fs-12, 12px);
-  min-height: 60px;
-  max-height: 220px;
-  overflow: auto;
-  white-space: pre-wrap;
-  word-break: break-all;
-  color: var(--nf-text-2);
-  font-family: var(--nf-font-mono);
-  background: var(--nf-bg-inset);
-  line-height: 1.8;
-}
-
-.progressLine {
-  color: var(--nf-text-2);
-  opacity: 0.9;
-}
-
-.progressLineLive {
-  color: var(--nf-accent);
-  font-weight: 600;
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-8, 8px);
-}
-
-.progressBar {
-  display: inline-block;
-  flex: none;
-  width: 110px;
-  height: 6px;
-  border-radius: var(--nf-radius-999, 999px);
-  background: var(--nf-border);
-  overflow: hidden;
-}
-
-.progressBarFill {
-  display: block;
-  height: 100%;
-  border-radius: var(--nf-radius-4, 3px);
-  background: var(--nf-accent);
-  transition: width 0.3s ease;
-}
-
-/* Prominent top-of-panel generation progress (visible on every tab). */
-.busyRow {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--nf-space-12, 12px);
-  flex-wrap: wrap;
-}
-
-.liveText {
-  font-size: var(--nf-fs-12, 12px);
-  font-variant-numeric: tabular-nums;
-  color: var(--nf-text-2);
-}
-
-.bigProgressBar {
-  margin-top: 10px;
-  height: 8px;
-  border-radius: var(--nf-radius-999, 999px);
-  background: var(--nf-border);
-  overflow: hidden;
-}
-
-.bigProgressBarFill {
-  display: block;
-  height: 100%;
-  border-radius: var(--nf-radius-999, 999px);
-  background: linear-gradient(90deg, var(--nf-accent), var(--nf-accent-2, var(--nf-accent)));
-  transition: width 0.3s ease;
-}
-
-/* Draft-vs-original diff view (polish / rewrite comparison). */
-.diffLegend {
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-14, 14px);
-  flex-wrap: wrap;
-  margin: 6px 0 8px;
-  font-size: var(--nf-fs-12, 12px);
-}
-
-.legendOld {
-  color: var(--nf-error);
-  font-weight: 700;
-}
-
-.legendNew {
-  color: var(--nf-success);
-  font-weight: 700;
-}
-
-.onlyChanges {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--nf-space-4, 4px);
-  color: var(--nf-text-2);
-  cursor: pointer;
-  margin-left: auto;
-}
-
-.diffList {
-  flex: 1;
-  min-height: 0;
-  overflow-y: auto;
-  border: 1px solid var(--nf-border);
-  border-radius: var(--nf-radius-8, 8px);
-  background: var(--nf-bg-inset);
-  padding: var(--nf-space-10, 10px) var(--nf-space-12, 12px);
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-8, 8px);
-  font-size: var(--nf-fs-14, 13px);
-  line-height: 1.7;
-}
-
-.diffSame {
-  border: 1px dashed var(--nf-border);
-  border-radius: var(--nf-radius-6, 6px);
-  padding: var(--nf-space-6, 6px) var(--nf-space-10, 10px);
-  color: var(--nf-text-2);
-  opacity: 0.85;
-}
-
-.diffSame summary {
-  cursor: pointer;
-  font-size: var(--nf-fs-12, 12px);
-  user-select: none;
-}
-
-.diffSameBody {
-  margin-top: 6px;
-  white-space: pre-wrap;
-}
-
-/* change 块：左右两栏（左原稿 / 右新稿），带标签徽标 */
-.diffChange {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  border: 1px solid var(--nf-border);
-  border-radius: var(--nf-radius-8, 8px);
-  overflow: hidden;
-}
-
-.diffColumn {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-6, 6px);
-  min-width: 0;
-  padding: var(--nf-space-8, 8px) var(--nf-space-10, 10px);
-}
-
-.diffColumn:first-child {
-  border-right: 1px solid var(--nf-border);
-}
-
-.diffTagOld,
-.diffTagNew {
-  align-self: flex-start;
-  flex: none;
-  font-size: var(--nf-fs-12, 11px);
-  font-weight: 700;
-  border-radius: var(--nf-radius-4, 4px);
-  padding: var(--nf-space-2, 1px) var(--nf-space-8, 7px);
-  letter-spacing: 0.5px;
-}
-
-.diffTagOld {
-  color: var(--nf-error);
-  background: color-mix(in srgb, var(--nf-error) 16%, transparent);
-  border: 1px solid color-mix(in srgb, var(--nf-error) 45%, transparent);
-}
-
-.diffTagNew {
-  color: var(--nf-success);
-  background: color-mix(in srgb, var(--nf-success) 16%, transparent);
-  border: 1px solid color-mix(in srgb, var(--nf-success) 45%, transparent);
-}
-
-.diffOld {
-  color: var(--nf-error);
-  white-space: pre-wrap;
-  text-decoration: line-through;
-  text-decoration-color: color-mix(in srgb, var(--nf-error) 55%, transparent);
-}
-
-.diffNew {
-  color: var(--nf-success);
-  white-space: pre-wrap;
-  font-weight: 500;
-}
-
-.diffDel {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-4, 4px);
-  padding: var(--nf-space-6, 6px) var(--nf-space-10, 10px);
-  border-radius: var(--nf-radius-6, 6px);
-  border: 1px solid color-mix(in srgb, var(--nf-error) 35%, transparent);
-  background: color-mix(in srgb, var(--nf-error) 7%, transparent);
-}
-
-.diffAdd {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-4, 4px);
-  padding: var(--nf-space-6, 6px) var(--nf-space-10, 10px);
-  border-radius: var(--nf-radius-6, 6px);
-  border: 1px solid color-mix(in srgb, var(--nf-success) 35%, transparent);
-  background: color-mix(in srgb, var(--nf-success) 7%, transparent);
-}
-
-.diffText {
-  white-space: pre-wrap;
-}
-
-.diffDel .diffText {
-  color: var(--nf-error);
-  text-decoration: line-through;
-  text-decoration-color: color-mix(in srgb, var(--nf-error) 50%, transparent);
-}
-
-.diffAdd .diffText {
-  color: var(--nf-success);
-}
-
-/* Chapter editor page: full-bleed, flex-fills the content pane (no card box). */
-.wsPage {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  min-height: 0;
-  gap: var(--nf-space-10, 10px);
-}
-
-.wsPageHeader {
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-8, 8px);
-  flex: none;
-  flex-wrap: wrap;
-}
-
-/* 已采纳草稿的结论横幅（工作区顶部）。 */
-.wsAppliedBanner {
-  flex: none;
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-8, 8px);
-  flex-wrap: wrap;
-  padding: var(--nf-space-8, 8px) var(--nf-space-12, 12px);
-  border: 1px solid var(--nf-success);
-  border-radius: var(--nf-radius-10, 10px);
-  background: color-mix(in srgb, var(--nf-success) 8%, transparent);
-  font-size: var(--nf-fs-12, 12px);
-  font-weight: 600;
-}
-
-.wsColumns {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
-  gap: var(--nf-space-14, 14px);
-  flex: 1;
-  min-height: 0;
-}
-
-.wsColumn {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-8, 8px);
-  min-width: 0;
-  min-height: 0;
-}
-
-.wsEditor {
-  flex: 1;
-  min-height: 0;
-  resize: vertical;
-  font-family: var(--nf-font);
-  font-size: var(--nf-fs-14, 13px);
-  line-height: 1.75;
-  white-space: pre-wrap;
-}
-
-.wsSelected {
-  border: 1px solid var(--nf-accent);
-  border-radius: var(--nf-radius-6, 6px);
-  padding: var(--nf-space-6, 6px) var(--nf-space-10, 10px);
-  background: color-mix(in srgb, var(--nf-accent) 8%, transparent);
-  max-height: 120px;
-  overflow: auto;
-}
-
-.wsSelectedText {
-  margin-top: 4px;
-  font-size: var(--nf-fs-12, 12px);
-  color: var(--nf-text-2);
-  white-space: pre-wrap;
-}
-
-.wsPreview {
-  border: 1px solid var(--nf-border);
-  border-radius: var(--nf-radius-8, 8px);
-  padding: var(--nf-space-8, 8px) var(--nf-space-10, 10px);
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-8, 8px);
-  background: var(--nf-bg-inset);
-}
-
-.wsPreviewText {
-  margin: 0;
-  flex: 1;
-  min-height: 0;
-  overflow: auto;
-  font-size: var(--nf-fs-14, 13px);
-  line-height: 1.7;
-  white-space: pre-wrap;
-  color: var(--nf-text);
-}
-
-/* Assets overview status grid (AI-Novel-Writing-Assistant AssetLibraryStatusGrid). */
-.assetGrid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
-  gap: var(--nf-space-10, 10px);
-}
-
-/* 按分类分组的资产列表 */
-.assetGroups {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-14, 14px);
-}
-.assetGroup {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-10, 10px);
-}
-.assetGroupHeader {
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--nf-accent);
-  padding-bottom: 2px;
-  border-bottom: 1px solid var(--nf-glass-border);
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.assetStat {
-  border: 1px solid var(--nf-glass-border);
-  border-radius: var(--nf-radius-14, 14px);
-  padding: var(--nf-space-10, 10px) var(--nf-space-12, 12px);
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-4, 4px);
-  background: var(--nf-glass-face);
-  box-shadow: var(--nf-card-shadow), inset 0 1px 0 var(--nf-glass-sheen);
-  -webkit-backdrop-filter: blur(30px) saturate(180%);
-  backdrop-filter: blur(30px) saturate(180%);
-  transition: transform 0.22s ease, box-shadow 0.22s ease;
-}
-
-.assetStat:hover {
-  transform: translateY(-3px);
-  box-shadow: var(--nf-card-shadow-hover), inset 0 1px 0 var(--nf-glass-sheen);
-}
-
-.assetStatLabel {
-  font-size: var(--nf-fs-12, 11px);
-  color: var(--nf-text-2);
-  opacity: 0.9;
-}
-
-.assetStatValue {
-  font-size: var(--nf-fs-14, 15px);
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--nf-text);
-}
-
-.assetStatDetail {
-  font-size: var(--nf-fs-12, 11px);
-  color: var(--nf-text-2);
-  opacity: 0.85;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-/* ------------------------------------------------ dashboard (workflow tab) */
-
-.dashHero {
-  position: relative;
-  border: 1px solid var(--nf-glass-border);
-  border-radius: var(--nf-radius-22, 22px);
-  /* 主容器统一：与设置页卡片同一 --nf-card-pad */
-  padding: var(--nf-card-pad, 20px 22px);
-  background: var(--nf-glass-face);
-  box-shadow:
-    var(--nf-card-shadow),
-    inset 0 1.5px 0 var(--nf-glass-sheen),
-    inset 0 -1px 0 rgba(255, 255, 255, 0.25);
-  -webkit-backdrop-filter: blur(30px) saturate(180%);
-  backdrop-filter: blur(30px) saturate(180%);
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-14, 14px);
-  transition: transform 0.22s ease, box-shadow 0.22s ease;
-}
-
-/* Same Liquid-Glass surface as .card: bright core + hairline + green tint. */
-.dashHero::before {
-  content: '';
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  pointer-events: none;
-  background:
-    radial-gradient(46% 40% at 92% -10%, color-mix(in srgb, var(--nf-accent) 13%, transparent), transparent 62%),
-    var(--nf-glass-core),
-    linear-gradient(90deg, transparent, var(--nf-glass-sheen), transparent) no-repeat 10% 0 / 80% 1px,
-    linear-gradient(156deg, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0) 55%);
-  z-index: 0;
-}
-
-.dashHero::after {
-  content: '';
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  pointer-events: none;
-  background: var(--nf-glass-noise);
-  opacity: 0.06;
-  z-index: 0;
-}
-
-.dashHero:hover {
-  transform: translateY(-3px);
-  box-shadow:
-    var(--nf-card-shadow-hover),
-    inset 0 1.5px 0 var(--nf-glass-sheen),
-    inset 0 -1px 0 rgba(255, 255, 255, 0.25);
-}
-
-.dashHero > * {
-  position: relative;
-  z-index: 1;
-}
-
-.dashHeroEyebrow {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--nf-space-6, 6px);
-  font-size: var(--nf-fs-14, 13px);
-  font-weight: 600;
-  color: var(--nf-accent);
-}
-
-.dashHeroSparkle {
-  font-size: var(--nf-fs-14, 14px);
-}
-
-.dashHeroTitle {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-2, 2px);
-}
-
-.dashHeroBook {
-  margin: 0;
-  font-size: var(--nf-fs-24, 24px);
-  font-weight: 700;
-  letter-spacing: -0.3px;
-  line-height: 1.25;
-}
-
-.dashHeroAction {
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-12, 12px);
-  border: 1px solid var(--nf-glass-border);
-  border-radius: var(--nf-radius-14, 14px);
-  background: var(--nf-glass-inset);
-  box-shadow: inset 0 1px 0 var(--nf-glass-sheen);
-  padding: var(--nf-space-10, 10px) var(--nf-space-14, 14px);
-}
-
-.dashHeroArrow {
-  flex: none;
-  width: 28px;
-  height: var(--nf-ctrl-s, 28px);
-  border-radius: 50%;
-  background: var(--nf-accent);
-  color: #fff;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: var(--nf-fs-14, 14px);
-}
-
-.dashHeroActionBody {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-2, 2px);
-}
-
-.dashHeroActionTitle {
-  font-size: var(--nf-fs-14, 14px);
-  font-weight: 600;
-}
-
-.dashJourney {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-6, 6px);
-}
-
-.dashJourneyBar {
-  height: 6px;
-  border-radius: var(--nf-radius-999, 999px);
-  background: var(--nf-border);
-  overflow: hidden;
-}
-
-.dashJourneyFill {
-  display: block;
-  height: 100%;
-  border-radius: var(--nf-radius-999, 999px);
-  background: linear-gradient(90deg, var(--nf-info), var(--nf-accent));
-  transition: width 0.4s ease;
-}
-
-.dashJourneyStages {
-  display: grid;
-  grid-template-columns: repeat(6, minmax(0, 1fr));
-  gap: var(--nf-space-4, 4px);
-}
-
-.dashStage {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: var(--nf-space-4, 3px);
-  font-size: var(--nf-fs-12, 11px);
-  color: var(--nf-text-3);
-  text-align: center;
-  white-space: nowrap;
-}
-
-.dashStageDot {
-  width: 18px;
-  height: 18px;
-  border-radius: 50%;
-  border: 1px solid var(--nf-border-strong, var(--nf-text-3));
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: var(--nf-fs-12, 10px);
-  background: var(--nf-bg-base);
-}
-
-.dashStageDone {
-  color: var(--nf-text-2);
-}
-
-.dashStageDone .dashStageDot {
-  background: var(--nf-success);
-  border-color: var(--nf-success);
-  color: #fff;
-}
-
-.dashStageCurrent {
-  color: var(--nf-accent);
-  font-weight: 600;
-}
-
-.dashStageCurrent .dashStageDot {
-  border-color: var(--nf-accent);
-  color: var(--nf-accent);
-  box-shadow: 0 0 0 3px color-mix(in srgb, var(--nf-accent) 18%, transparent);
-}
-
-.dashFacts {
-  display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-  gap: var(--nf-space-8, 8px);
-  border-top: 1px solid var(--nf-border);
-  padding-top: var(--nf-space-12, 12px);
-}
-
-.dashFact {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-2, 2px);
-  min-width: 0;
-}
-
-.dashFact b {
-  font-size: var(--nf-fs-14, 13px);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.dashGrid {
-  display: grid;
-  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
-  gap: var(--nf-space-14, 14px);
-  align-items: start;
-}
-
-.todoItem {
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-10, 10px);
-  border-radius: var(--nf-radius-8, 8px);
-  padding: var(--nf-space-8, 8px) var(--nf-space-12, 12px);
-  font-size: var(--nf-fs-12, 12.5px);
-  border: 1px solid var(--nf-border);
-}
-
-.todoDanger {
-  border-color: color-mix(in srgb, var(--nf-error) 40%, transparent);
-  background: color-mix(in srgb, var(--nf-error) 8%, transparent);
-}
-
-.todoWarning {
-  border-color: color-mix(in srgb, var(--nf-warn) 40%, transparent);
-  background: color-mix(in srgb, var(--nf-warn) 8%, transparent);
-}
-
-.todoInfo {
-  border-color: color-mix(in srgb, var(--nf-info) 40%, transparent);
-  background: color-mix(in srgb, var(--nf-info) 7%, transparent);
-}
-
-.todoText {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-2, 2px);
-}
-
-/* 只读大纲（开书后的出生证明） */
-.outlineReadonly {
-  margin: 0;
-  padding: var(--nf-space-12, 12px) var(--nf-space-14, 14px);
-  border: 1px solid var(--nf-border);
-  border-radius: var(--nf-radius-12, 12px);
-  background: var(--nf-bg-inset);
-  font-size: var(--nf-fs-12, 12.5px);
-  line-height: 1.8;
-  white-space: pre-wrap;
-  max-height: 480px;
-  overflow: auto;
-  user-select: text;
-}
-
-/* 开书向导表单 */
-.bookCreateOutline {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-6, 6px);
-  align-items: flex-start;
-}
-
-/* AI 助手悬浮窗：可拖动移动 + 右下角拉大小 */
-.assistantFloat {
-  position: absolute;
-  z-index: 80;
-  display: flex;
-  flex-direction: column;
-  border: 1px solid var(--nf-border);
-  border-radius: var(--nf-radius-16, 16px);
-  background: var(--nf-bg-raise);
-  -webkit-backdrop-filter: blur(24px) saturate(180%);
-  backdrop-filter: blur(24px) saturate(180%);
-  box-shadow: var(--nf-shadow-lg);
-  overflow: hidden;
-  min-width: 320px;
-  min-height: 220px;
-}
-
-.assistantFloatHeader {
-  flex: none;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--nf-space-8, 8px);
-  padding: var(--nf-space-8, 8px) var(--nf-space-10, 10px) var(--nf-space-8, 8px) var(--nf-space-14, 14px);
-  cursor: grab;
-  user-select: none;
-  font-size: var(--nf-fs-14, 13px);
-  font-weight: 600;
-  border-bottom: 1px solid var(--nf-border);
-  background: var(--nf-bg-inset);
-}
-
-.assistantFloatHeader:active {
-  cursor: grabbing;
-}
-
-.assistantFloatBody {
-  flex: 1;
-  min-height: 0;
-  overflow: hidden;
-  display: flex;
-  padding: var(--nf-space-10, 10px);
-}
-
-.assistantFloatBody > * {
-  flex: 1;
-  min-width: 0;
-}
-
-.assistantResize {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  width: 20px;
-  height: 20px;
-  cursor: nwse-resize;
-  background:
-    linear-gradient(135deg, transparent 0 55%, var(--nf-border-strong) 55% 62%, transparent 62%) no-repeat 4px 4px / 12px 12px;
-}
-
-/* 封面预览：完整显示（contain），不裁剪 */
-.coverPreview {
-  flex: none;
-  width: 150px;
-  height: 200px;
-  border: 1px solid var(--nf-border);
-  border-radius: var(--nf-radius-12, 12px);
-  overflow: hidden;
-  background: var(--nf-bg-inset);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.coverPreview img {
-  width: 100%;
-  height: 100%;
-  object-fit: contain;
-  display: block;
-}
-
-.coverPlaceholder {
-  font-size: var(--nf-fs-12, 12px);
-  color: var(--nf-text-3);
-}
-
-/* ------------------------------------------------------------ shelf view */
-
-.shelfView {
-  flex: 1;
-  min-height: 0;
-  overflow: auto;
-  padding: var(--nf-container-pad, 20px 22px);
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-container-gap, 14px);
-}
-
-/* ---- 作者级首页（书架左侧导航 + 内容区） ---- */
-.authorHome {
-  display: flex;
-  flex: 1;
-  min-height: 0;
-  overflow: hidden;
-  position: relative;
-  z-index: 1;
-}
-.authorRail {
-  width: 180px;
-  flex-shrink: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  padding: 14px 10px;
-  border-right: 1px solid var(--nf-glass-border);
-  background: var(--nf-glass-face);
-}
-.authorRailTitle {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-weight: 600;
-  padding: 4px 8px 12px;
-  color: var(--nf-accent);
-}
-.authorRailBtn {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 8px 12px;
-  border-radius: 10px;
-  background: transparent;
-  border: 1px solid transparent;
-  color: var(--nf-text);
-  cursor: pointer;
-  text-align: left;
-  width: 100%;
-  font-size: 14px;
-}
-.authorRailBtn:hover { background: color-mix(in srgb, var(--nf-accent) 12%, transparent); color: var(--nf-text); }
-.authorRailBtnActive {
-  background: color-mix(in srgb, var(--nf-accent) 16%, var(--nf-glass-face));
-  border-color: var(--nf-accent);
-  color: var(--nf-accent);
-  font-weight: 600;
-  box-shadow: inset 0 0 0 1px var(--nf-accent);
-}
-.authorRailAbout { padding: 8px 12px; }
-.authorContent { flex: 1; min-width: 0; display: flex; flex-direction: column; overflow: hidden; }
-
-/* ---- 作者级页面通用 ---- */
-.authorPageBody {
-  display: flex;
-  flex-direction: column;
-  gap: 14px;
-  padding: var(--nf-container-pad, 20px 22px);
-  overflow: auto;
-  flex: 1;
-  min-height: 0;
-}
-.authorPageHeader {
-  display: flex;
-  align-items: flex-end;
-  justify-content: space-between;
-  gap: 14px;
-  flex-wrap: wrap;
-}
-.authorPageHero {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-12, 12px);
-  padding: var(--nf-card-pad, 20px 22px);
-  border: 1px solid var(--nf-glass-border);
-  border-radius: var(--nf-radius-22, 22px);
-  background: var(--nf-glass-face);
-  box-shadow: var(--nf-shadow), inset 0 1.5px 0 var(--nf-glass-sheen);
-  -webkit-backdrop-filter: blur(26px) saturate(175%);
-  backdrop-filter: blur(26px) saturate(175%);
-}
-.noticeError {
-  padding: 10px 14px;
-  border-radius: 10px;
-  background: color-mix(in srgb, var(--nf-error) 14%, transparent);
-  color: var(--nf-error);
-  border: 1px solid var(--nf-error);
-}
-.noticeSuccess {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  flex-wrap: wrap;
-  padding: 10px 14px;
-  border-radius: 10px;
-  background: color-mix(in srgb, var(--nf-accent) 14%, transparent);
-  color: var(--nf-accent);
-  border: 1px solid var(--nf-accent);
-}
-.rowEnd { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
-
-/* ---- 作者资产库 ---- */
-.assetFilterBar { display: flex; flex-wrap: wrap; gap: 8px; }
-.assetFilterChip {
-  padding: 4px 10px;
-  border-radius: 999px;
-  border: 1px solid var(--nf-glass-border);
-  background: transparent;
-  color: var(--nf-text);
-  cursor: pointer;
-}
-.assetFilterChipActive { background: var(--nf-accent); color: #fff; border-color: transparent; }
-.assetEditor {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  padding: 16px;
-  border: 1px solid var(--nf-glass-border);
-  border-radius: 14px;
-  background: var(--nf-glass-face);
-}
-.assetEditorRow { display: flex; gap: 12px; flex-wrap: wrap; }
-.assetLabel {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  font-size: 12px;
-  color: var(--nf-muted);
-  flex: 1;
-  min-width: 180px;
-}
-.assetTextarea { min-height: 160px; resize: vertical; font-family: inherit; }
-.assetGrid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-  gap: 14px;
-}
-.assetCard {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  padding: 14px;
-  border: 1px solid var(--nf-glass-border);
-  border-radius: 14px;
-  background: var(--nf-glass-face);
-  box-shadow: var(--nf-shadow), inset 0 1px 0 var(--nf-glass-sheen);
-}
-.assetCardTop { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
-.assetKind { font-size: 12px; font-weight: 600; }
-.assetCardName { font-weight: 600; }
-.assetCardContent { white-space: pre-wrap; font-size: 13px; color: var(--nf-text); max-height: 150px; overflow: auto; }
-.assetCardFooter { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
-.iconBtn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 4px;
-  border: 1px solid transparent;
-  background: transparent;
-  border-radius: 8px;
-  color: var(--nf-text);
-  cursor: pointer;
-}
-.iconBtn:hover { background: rgba(0,0,0,0.06); }
-
-/* ---- 改编模式 ---- */
-.adaptInputCard {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  padding: 16px;
-  border: 1px solid var(--nf-glass-border);
-  border-radius: 14px;
-  background: var(--nf-glass-face);
-}
-.adaptTextarea { min-height: 220px; resize: vertical; }
-.adaptResult { display: flex; flex-direction: column; gap: 14px; }
-.adaptOutline {
-  padding: 10px 14px;
-  border-radius: 12px;
-  background: var(--nf-glass-face);
-  border: 1px solid var(--nf-glass-border);
-}
-.adaptMatrix {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
-  gap: 12px;
-}
-.dimCard {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  padding: 14px;
-  border: 1px solid var(--nf-glass-border);
-  border-radius: 14px;
-  background: var(--nf-glass-face);
-}
-.dimCardHead { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
-.dimTitle { font-weight: 600; }
-.dimCurrent { font-size: 13px; white-space: pre-wrap; }
-.dimCardSelected { border-color: var(--nf-accent); box-shadow: 0 0 0 1px var(--nf-accent); }
-.dimEdit { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
-.adaptOutlinePre { white-space: pre-wrap; font-size: 13px; max-height: 260px; overflow: auto; margin: 0; font-family: inherit; }
-.adaptProposal {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  padding: 14px;
-  border: 1px solid var(--nf-glass-border);
-  border-radius: 14px;
-  background: var(--nf-glass-face);
-}
-.adaptTable { width: 100%; border-collapse: collapse; font-size: 13px; }
-.adaptTable th, .adaptTable td { border: 1px solid var(--nf-glass-border); padding: 6px 8px; text-align: left; }
-.adaptImpacts { display: flex; flex-direction: column; gap: 4px; }
-.adaptImpact { font-size: 13px; }
-.adaptTableScroll { overflow-x: auto; }
-.adaptCell { min-width: 90px; width: 100%; }
-.adaptRules { display: flex; flex-direction: column; gap: 10px; }
-.adaptRule { display: flex; flex-direction: column; gap: 6px; padding: 10px 12px; border: 1px solid var(--nf-glass-border); border-radius: 12px; background: var(--nf-glass-face); }
-.adaptRuleRow { display: flex; align-items: center; gap: 8px; }
-
-/* ---- 首页 AI 进度 ---- */
-.progressOverview {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
-  gap: 12px;
-}
-.progressOverviewCard {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  padding: 14px;
-  border: 1px solid var(--nf-glass-border);
-  border-radius: 14px;
-  background: var(--nf-glass-face);
-  box-shadow: var(--nf-shadow), inset 0 1px 0 var(--nf-glass-sheen);
-}
-.progressOverviewNum {
-  font-size: 24px;
-  font-weight: 700;
-  color: var(--nf-accent);
-}
-.progressTotalBar {
-  position: relative;
-  height: 14px;
-  border-radius: 999px;
-  background: var(--nf-glass-face);
-  border: 1px solid var(--nf-glass-border);
-  overflow: hidden;
-}
-.progressTotalFill {
-  position: absolute;
-  inset: 0 auto 0 0;
-  height: 100%;
-  background: linear-gradient(90deg, var(--nf-accent), var(--nf-info));
-  border-radius: 999px;
-}
-.progressTotalBar .meta {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 11px;
-  font-weight: 600;
-  color: var(--nf-text);
-}
-.progressBookList {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-.progressBook {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  padding: 14px;
-  border: 1px solid var(--nf-glass-border);
-  border-radius: 14px;
-  background: var(--nf-glass-face);
-}
-.progressBookActive { border-color: var(--nf-accent); box-shadow: 0 0 0 1px var(--nf-accent); }
-.progressBookHead { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
-.progressBookName { font-weight: 600; }
-.progressLive { color: var(--nf-accent); font-weight: 600; }
-.progressBookBar { height: 8px; border-radius: 999px; background: var(--nf-glass-face-hover, rgba(0,0,0,0.05)); overflow: hidden; }
-.progressBookFill { height: 100%; background: var(--nf-accent); border-radius: 999px; }
-
-.shelfHeader {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-10, 10px);
-}
-
-/* 书架顶部主容器：加高玻璃卡 */
-.shelfHero {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-14, 14px);
-  padding: var(--nf-card-pad, 20px 22px);
-  border: 1px solid var(--nf-glass-border);
-  border-radius: var(--nf-radius-22, 22px);
-  background: var(--nf-glass-face);
-  box-shadow: var(--nf-shadow), inset 0 1.5px 0 var(--nf-glass-sheen);
-}
-
-.shelfHero .panelTitle {
-  font-size: var(--nf-fs-22, 22px);
-  letter-spacing: 0.3px;
-}
-
-.shelfTitleRow {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--nf-space-10, 10px);
-  flex-wrap: wrap;
-}
-
-.shelfToolbar {
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-10, 10px);
-  flex-wrap: wrap;
-}
-
-.shelfSearch {
-  flex: 1;
-  min-width: 180px;
-  max-width: 320px;
-}
-
-.shelfStats {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
-  gap: var(--nf-space-10, 10px);
-}
-
-.shelfStat {
-  display: flex;
-  align-items: baseline;
-  justify-content: space-between;
-  gap: var(--nf-space-8, 8px);
-  padding: var(--nf-space-10, 10px) var(--nf-space-14, 14px);
-  border: 1px solid var(--nf-glass-border);
-  border-radius: var(--nf-radius-14, 14px);
-  background: var(--nf-glass-face);
-  box-shadow: var(--nf-shadow), inset 0 1px 0 var(--nf-glass-sheen);
-  cursor: pointer;
-  user-select: none;
-  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
-}
-
-.shelfStat:hover {
-  border-color: var(--nf-accent);
-  transform: translateY(-1px);
-}
-
-.shelfStatActive {
-  border-color: var(--nf-accent);
-  background: var(--nf-accent-soft);
-  box-shadow: 0 0 0 2px var(--nf-accent-soft), var(--nf-shadow);
-}
-
-.shelfStat b {
-  font-size: var(--nf-fs-20, 20px);
-  font-weight: 800;
-  color: var(--nf-accent);
-}
-
-.shelfStat span {
-  font-size: var(--nf-fs-12, 12px);
-  color: var(--nf-text-2);
-}
-
-/* 筛选：胶囊分段控件 */
-.shelfFilters {
-  display: inline-flex;
-  gap: var(--nf-space-2, 2px);
-  padding: var(--nf-space-4, 3px);
-  border: 1px solid var(--nf-border);
-  border-radius: var(--nf-radius-999, 999px);
-  background: var(--nf-bg-inset);
-}
-
-.shelfFilter {
-  border: none;
-  background: transparent;
-  color: var(--nf-text-2);
-  font-size: var(--nf-fs-12, 12.5px);
-  font-weight: 600;
-  padding: var(--nf-space-6, 5px) var(--nf-space-12, 12px);
-  border-radius: var(--nf-radius-999, 999px);
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  gap: var(--nf-space-6, 5px);
-  white-space: nowrap;
-  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
-}
-
-.shelfFilter:hover {
-  color: var(--nf-text);
-}
-
-.shelfFilterActive {
-  background: linear-gradient(135deg, var(--nf-accent), var(--nf-accent-hover));
-  color: var(--nf-accent-fg);
-  box-shadow: 0 3px 12px color-mix(in srgb, var(--nf-accent) 40%, transparent);
-}
-
-.shelfFilterCount {
-  font-size: var(--nf-fs-12, 10.5px);
-  opacity: 0.8;
-  background: color-mix(in srgb, currentColor 14%, transparent);
-  border-radius: var(--nf-radius-999, 999px);
-  padding: 0 var(--nf-space-6, 6px);
-}
-
-/* 书架空态 / 无结果引导卡 */
-.shelfEmpty {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: var(--nf-space-10, 10px);
-  padding: var(--nf-space-40, 40px) var(--nf-space-20, 20px);
-  border: 1px dashed var(--nf-border-strong);
-  border-radius: var(--nf-radius-16, 16px);
-  background: var(--nf-bg-raise);
-  -webkit-backdrop-filter: blur(24px) saturate(180%);
-  backdrop-filter: blur(24px) saturate(180%);
-  text-align: center;
-}
-
-.shelfEmptyIcon {
-  font-size: var(--nf-fs-42, 42px);
-}
-
-.shelfEmptyTitle {
-  font-size: var(--nf-fs-16, 16px);
-  font-weight: 700;
-}
-
-.shelfGrid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
-  gap: var(--nf-container-gap, 14px);
-  align-content: start;
-}
-
-/* ------------------------------------------------------------
- * 外观设置扩展：强制显示模式 + 界面密度 + 主题暗色覆盖
- * ------------------------------------------------------------ */
-/* 界面密度：唯一允许重定义尺寸的开关（主题永不触碰这些令牌）。
- * comfort = 设置页主容器基准；compact/spacious 只缩放令牌，不改组件。 */
-.panel {
-  --nf-container-pad: 20px 22px;
-  --nf-container-gap: var(--nf-space-14, 14px);
-  --nf-card-pad: 20px 22px;
-  --nf-nav-pad: 16px 12px 14px;
-}
-
-.panel[data-nf-density='compact'] {
-  --nf-container-pad: 12px 14px;
-  --nf-container-gap: var(--nf-space-8, 8px);
-  --nf-card-pad: 12px 14px;
-  --nf-nav-pad: 8px 8px;
-}
-
-.panel[data-nf-density='spacious'] {
-  --nf-container-pad: 24px 28px;
-  --nf-container-gap: var(--nf-space-18, 18px);
-  --nf-card-pad: 22px 26px;
-  --nf-nav-pad: 18px 14px;
-}
-
-/* 强制浅色（不跟随系统时覆盖 .view 的明暗变量） */
-.panel[data-nf-mode='light'] {
-  color-scheme: light;
-  --nf-bg: rgba(242, 242, 247, 0.86);
-  --nf-bg-raise: rgba(255, 255, 255, 0.72);
-  --nf-bg-inset: rgba(118, 118, 128, 0.12);
-  --nf-border: rgba(60, 60, 67, 0.16);
-  --nf-border-strong: rgba(60, 60, 67, 0.32);
-  --nf-text: #1c1c1e;
-  --nf-text-2: #3c3c43;
-  --nf-text-2-alpha: rgba(60, 60, 67, 0.68);
-  --nf-text-3: #8e8e93;
-  --nf-accent: #00b85c;
-  --nf-accent-hover: #00a04e;
-  --nf-accent-soft: rgba(0, 184, 92, 0.12);
-  --nf-accent-fg: #ffffff;
-  --nf-hover: rgba(0, 0, 0, 0.05);
-  --nf-success: #34c759;
-  --nf-error: #ff3b30;
-  --nf-warn: #ff9500;
-  --nf-info: #00b85c;
-  --nf-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 12px 32px rgba(0, 0, 0, 0.08);
-  --nf-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.07), 0 20px 48px rgba(0, 0, 0, 0.12);
-  --nf-card-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 14px 38px rgba(0, 0, 0, 0.14);
-  --nf-card-shadow-hover: 0 4px 10px rgba(0, 0, 0, 0.08), 0 22px 52px rgba(0, 0, 0, 0.20);
-  --nf-glass-face: linear-gradient(180deg, #f6f7f9 0%, #f0f2f5 26%, #e9ebef 52%, #e0e3e8 78%, #d6d9df 100%);
-  --nf-glass-core: radial-gradient(30% 24% at 36% 28%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.22) 45%, rgba(255, 255, 255, 0) 78%);
-  --nf-glass-sheen: rgba(255, 255, 255, 0.55);
-  --nf-glass-border: rgba(255, 255, 255, 0.65);
-  --nf-glass-inset: rgba(255, 255, 255, 0.55);
-  --nf-glass-orb-a: rgba(0, 184, 92, 0.18);
-  --nf-glass-orb-b: rgba(120, 160, 255, 0.13);
-}
-
-/* 强制深色 */
-.panel[data-nf-mode='dark'] {
-  color-scheme: dark;
-  --nf-bg: rgba(10, 11, 13, 0.86);
-  --nf-bg-raise: rgba(28, 28, 30, 0.78);
-  --nf-bg-inset: rgba(118, 118, 128, 0.18);
-  --nf-border: rgba(255, 255, 255, 0.12);
-  --nf-border-strong: rgba(255, 255, 255, 0.28);
-  --nf-text: #f2f2f7;
-  --nf-text-2: #d1d1d6;
-  --nf-text-2-alpha: rgba(209, 209, 214, 0.72);
-  --nf-text-3: #8e8e93;
-  --nf-accent: #35d07a;
-  --nf-accent-hover: #5ce695;
-  --nf-accent-soft: rgba(53, 208, 122, 0.2);
-  --nf-accent-fg: #062b18;
-  --nf-hover: rgba(255, 255, 255, 0.09);
-  --nf-success: #30d158;
-  --nf-error: #ff453a;
-  --nf-warn: #ff9f0a;
-  --nf-info: #35d07a;
-  --nf-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 10px 30px rgba(0, 0, 0, 0.4);
-  --nf-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.4), 0 20px 48px rgba(0, 0, 0, 0.55);
-  --nf-card-shadow: 0 2px 6px rgba(0, 0, 0, 0.35), 0 14px 38px rgba(0, 0, 0, 0.45);
-  --nf-card-shadow-hover: 0 4px 10px rgba(0, 0, 0, 0.4), 0 22px 52px rgba(0, 0, 0, 0.55);
-  --nf-glass-face: linear-gradient(180deg, rgba(112, 116, 122, 0.42) 0%, rgba(96, 100, 106, 0.42) 26%, rgba(82, 85, 90, 0.42) 52%, rgba(68, 71, 76, 0.42) 78%, rgba(56, 58, 63, 0.42) 100%);
-  --nf-glass-core: radial-gradient(30% 24% at 36% 28%, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0.10) 45%, rgba(255, 255, 255, 0) 78%);
-  --nf-glass-sheen: rgba(255, 255, 255, 0.26);
-  --nf-glass-border: rgba(255, 255, 255, 0.14);
-  --nf-glass-inset: rgba(255, 255, 255, 0.07);
-  --nf-glass-orb-a: rgba(0, 202, 82, 0.28);
-  --nf-glass-orb-b: rgba(190, 200, 215, 0.10);
-}
-
-/* 强制深色时：新拟物 的暗色变体 */
-
-.panel[data-nf-mode='dark'][data-nf-theme='macos'] {
-  --nf-bg: rgba(28, 28, 30, 0.9);
-  --nf-bg-raise: rgba(44, 44, 46, 0.82);
-  --nf-bg-inset: rgba(118, 118, 128, 0.18);
-  --nf-border: rgba(255, 255, 255, 0.12);
-  --nf-border-strong: rgba(255, 255, 255, 0.26);
-  --nf-text: #f5f5f7;
-  --nf-text-2: #d1d1d6;
-  --nf-text-2-alpha: rgba(209, 209, 214, 0.7);
-  --nf-text-3: #98989d;
-  --nf-accent: #0a84ff;
-  --nf-accent-hover: #3a9bff;
-  --nf-accent-soft: rgba(10, 132, 255, 0.2);
-  --nf-accent-fg: #ffffff;
-  --nf-hover: rgba(255, 255, 255, 0.06);
-  --nf-info: #bf5af2;
-  --nf-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 10px 30px rgba(0, 0, 0, 0.45);
-  --nf-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.45), 0 18px 44px rgba(0, 0, 0, 0.6);
-  --nf-card-shadow: 0 2px 6px rgba(0, 0, 0, 0.4), 0 14px 38px rgba(0, 0, 0, 0.5);
-  --nf-card-shadow-hover: 0 4px 10px rgba(0, 0, 0, 0.45), 0 22px 52px rgba(0, 0, 0, 0.6);
-  --nf-glass-face: rgba(44, 44, 46, 0.85);
-  --nf-glass-core: transparent;
-  --nf-glass-sheen: rgba(255, 255, 255, 0.2);
-  --nf-glass-border: rgba(255, 255, 255, 0.18);
-  --nf-glass-inset: rgba(255, 255, 255, 0.06);
-  --nf-glass-orb-a: rgba(10, 132, 255, 0.16);
-  --nf-glass-orb-b: rgba(191, 90, 242, 0.08);
-  --nf-glass-noise: none;
-}
-
-.panel[data-nf-mode='dark'][data-nf-theme='neumorph'] {
-  --nf-bg: #2b2f36;
-  --nf-bg-raise: #2b2f36;
-  --nf-bg-inset: #25292f;
-  --nf-border: rgba(10, 12, 16, 0.5);
-  --nf-border-strong: rgba(8, 10, 14, 0.6);
-  --nf-text: #d6dae1;
-  --nf-text-2: #a8aeb8;
-  --nf-text-2-alpha: rgba(168, 174, 184, 0.7);
-  --nf-text-3: #757c88;
-  --nf-hover: rgba(255, 255, 255, 0.05);
-  --nf-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5), -4px -4px 10px rgba(96, 104, 118, 0.24);
-  --nf-shadow-lg: 6px 6px 14px rgba(0, 0, 0, 0.55), -6px -6px 14px rgba(96, 104, 118, 0.26);
-  --nf-card-shadow: 9px 9px 18px rgba(0, 0, 0, 0.5), -9px -9px 18px rgba(96, 104, 118, 0.24);
-  --nf-card-shadow-hover: 12px 12px 24px rgba(0, 0, 0, 0.6), -12px -12px 24px rgba(96, 104, 118, 0.28);
-  --nf-glass-face: #2b2f36;
-  --nf-glass-core: transparent;
-  --nf-glass-sheen: rgba(255, 255, 255, 0);
-  --nf-glass-border: rgba(12, 14, 18, 0.45);
-  --nf-glass-inset: #25292f;
-  --nf-glass-orb-a: transparent;
-  --nf-glass-orb-b: transparent;
-  --nf-glass-noise: none;
-}
-
-/* 强制浅色时：新拟物 的浅色变体（深色系统下也能用） */
-.panel[data-nf-mode='light'][data-nf-theme='neumorph'] {
-  --nf-bg: #e4e9f2;
-  --nf-bg-raise: #e4e9f2;
-  --nf-bg-inset: #d9dfe8;
-  --nf-border: rgba(140, 155, 175, 0.35);
-  --nf-border-strong: rgba(120, 135, 158, 0.5);
-  --nf-text: #3a4250;
-  --nf-text-2: #5b6472;
-  --nf-text-2-alpha: rgba(70, 80, 96, 0.7);
-  --nf-text-3: #8b94a3;
-  --nf-hover: rgba(90, 105, 125, 0.08);
-  --nf-shadow: 4px 4px 10px rgba(163, 177, 198, 0.55), -4px -4px 10px rgba(255, 255, 255, 0.85);
-  --nf-shadow-lg: 6px 6px 14px rgba(163, 177, 198, 0.6), -6px -6px 14px rgba(255, 255, 255, 0.9);
-  --nf-card-shadow: 9px 9px 18px rgba(163, 177, 198, 0.55), -9px -9px 18px rgba(255, 255, 255, 0.85);
-  --nf-card-shadow-hover: 12px 12px 24px rgba(163, 177, 198, 0.65), -12px -12px 24px rgba(255, 255, 255, 0.95);
-  --nf-glass-face: #e4e9f2;
-  --nf-glass-core: transparent;
-  --nf-glass-sheen: rgba(255, 255, 255, 0);
-  --nf-glass-border: rgba(163, 177, 198, 0.4);
-  --nf-glass-inset: #d9dfe8;
-  --nf-glass-orb-a: transparent;
-  --nf-glass-orb-b: transparent;
-  --nf-glass-noise: none;
-}
-
-
-.bookCard {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-8, 8px);
-  border: 1px solid var(--nf-border);
-  border-radius: var(--nf-radius-16, 16px);
-  padding: var(--nf-space-12, 12px);
-  background: var(--nf-bg-raise);
-  -webkit-backdrop-filter: blur(24px) saturate(180%);
-  backdrop-filter: blur(24px) saturate(180%);
-  box-shadow: var(--nf-shadow);
-  cursor: pointer;
-  transition: border-color 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease;
-}
-
-.bookCard:hover {
-  border-color: var(--nf-accent);
-  transform: translateY(-2px);
-  box-shadow: var(--nf-shadow-lg);
-}
-
-.bookCardActive {
-  border-color: var(--nf-accent);
-  box-shadow: 0 0 0 3px var(--nf-accent-soft);
-}
-
-.bookCardCover {
-  flex: none;
-  aspect-ratio: 3 / 4;
-  border-radius: var(--nf-radius-12, 12px);
-  overflow: hidden;
-  background: var(--nf-bg-inset);
-  border: 1px solid var(--nf-border);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-}
-
-.bookCardCover img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  display: block;
-  transition: transform 0.35s ease;
-}
-
-.bookCard:hover .bookCardCover img {
-  transform: scale(1.06);
-}
-
-/* 封面底部渐暗（hover 出现，突出书名区） */
-.bookCardCover::after {
-  content: '';
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  pointer-events: none;
-  background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.28));
-  opacity: 0;
-  transition: opacity 0.25s ease;
-}
-
-.bookCard:hover .bookCardCover::after {
-  opacity: 1;
-}
-
-.bookCardCoverFallback {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: var(--nf-space-6, 6px);
-  width: 100%;
-  height: 100%;
-  background:
-    radial-gradient(400px 200px at 80% -20%, color-mix(in srgb, var(--nf-accent) 25%, transparent), transparent 70%),
-    linear-gradient(155deg, var(--nf-bg-inset), color-mix(in srgb, var(--nf-accent) 10%, var(--nf-bg-inset)));
-}
-
-.bookCardCoverTitle {
-  font-size: var(--nf-fs-22, 22px);
-  font-weight: 800;
-  color: var(--nf-accent);
-  letter-spacing: 2px;
-}
-
-.bookCardBody {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-6, 5px);
-  min-width: 0;
-  flex: 1;
-}
-
-.bookCardTitleRow {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--nf-space-6, 6px);
-}
-
-.bookCardName {
-  font-weight: 700;
-  font-size: var(--nf-fs-14, 13.5px);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.bookCardBlurb {
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  min-height: 34px;
-}
-
-.bookCardMetaRow {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--nf-space-6, 6px);
-  flex-wrap: wrap;
-}
-
-.bookCardProgressBar {
-  height: 6px;
-  border-radius: var(--nf-radius-999, 999px);
-  background: var(--nf-border);
-  overflow: hidden;
-  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
-}
-
-.bookCardProgressFill {
-  display: block;
-  height: 100%;
-  border-radius: var(--nf-radius-999, 999px);
-  background: linear-gradient(90deg, var(--nf-info), var(--nf-accent));
-  transition: width 0.3s ease;
-}
-
-.bookAddCard {
-  align-items: center;
-  justify-content: center;
-  gap: var(--nf-space-8, 8px);
-  text-align: center;
-  border-style: dashed;
-  color: var(--nf-text-2);
-  min-height: 260px;
-  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease, transform 0.15s ease;
-}
-
-.bookAddCard:hover {
-  border-color: var(--nf-accent);
-  background: var(--nf-accent-soft);
-  color: var(--nf-accent);
-  transform: translateY(-2px);
-}
-
-.bookAddIcon {
-  font-size: var(--nf-fs-34, 34px);
-  line-height: 1;
-  color: var(--nf-accent);
-  transition: transform 0.15s ease;
-}
-
-.bookAddCard:hover .bookAddIcon {
-  transform: scale(1.12);
-}
-
-.bookCreateCard {
-  min-height: 260px;
-  border-color: var(--nf-accent);
-}
-
-/* -------------------------------------------------------- create book view */
-
-.createBookView {
-  flex: 1;
-  min-height: 0;
-  overflow: auto;
-  /* 主容器统一：与工作台/书架/设置页同一令牌 */
-  padding: var(--nf-container-pad, 20px 22px);
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-container-gap, 14px);
-}
-
-.createBookTop {
-  display: flex;
-  align-items: center;
-}
-
-.createBookCard {
-  align-self: center;
-  width: min(520px, 100%);
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-12, 12px);
-  border: 1px solid var(--nf-border);
-  border-radius: var(--nf-radius-20, 20px);
-  /* 主容器统一：与设置页卡片同一 --nf-card-pad */
-  padding: var(--nf-card-pad, 20px 22px);
-  background: var(--nf-bg-raise);
-  -webkit-backdrop-filter: blur(24px) saturate(180%);
-  backdrop-filter: blur(24px) saturate(180%);
-  box-shadow: var(--nf-shadow-lg);
-}
-
-.createBookIcon {
-  font-size: var(--nf-fs-34, 34px);
-  line-height: 1;
-}
-
-.createBookTitle {
-  margin: 0;
-  font-size: var(--nf-fs-22, 22px);
-  font-weight: 800;
-  letter-spacing: -0.3px;
-}
-
-/* 想法 → AI 大纲区块 */
-.ideaCard {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-8, 8px);
-  border: 1px dashed var(--nf-border-strong);
-  border-radius: var(--nf-radius-14, 14px);
-  padding: var(--nf-space-10, 10px) var(--nf-space-12, 12px);
-  background: color-mix(in srgb, var(--nf-accent) 3%, transparent);
-}
-
-.ideaToggle {
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-6, 6px);
-  border: none;
-  background: none;
-  color: var(--nf-accent);
-  font-size: var(--nf-fs-14, 13px);
-  font-weight: 700;
-  cursor: pointer;
-  text-align: left;
-  padding: 0;
-}
-
-.ideaCandidate {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-6, 6px);
-  border: 1px solid var(--nf-border);
-  border-radius: var(--nf-radius-12, 12px);
-  padding: var(--nf-space-10, 10px) var(--nf-space-12, 12px);
-  background: var(--nf-bg);
-}
-
-.progressLineDone {
-  color: var(--nf-success);
-  font-weight: 600;
-}
-
-.progressLineError {
-  color: var(--nf-error);
-  font-weight: 600;
-}
-
-/* ------------------------------------------------------------ misc */
-
-.meta {
-  font-size: var(--nf-fs-12, 12px);
-  color: var(--nf-text-2);
-  opacity: 0.9;
-}
-
-/* 题材基底：描述两行截断（悬停 title 看全文），保持列表紧凑自然展开 */
-.genreDesc {
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  max-width: 560px;
-}
-
-.fileList {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-4, 3px);
-  font-size: var(--nf-fs-12, 12px);
-  color: var(--nf-text-2);
-  opacity: 0.9;
-  word-break: break-all;
-}
-
-/* Custom scrollbar (webkit) */
-.panelContent::-webkit-scrollbar,
-.chatScroll::-webkit-scrollbar,
-.chapterPreview::-webkit-scrollbar,
-.progress::-webkit-scrollbar,
-.toolLive::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-
-.panelContent::-webkit-scrollbar-thumb,
-.chatScroll::-webkit-scrollbar-thumb,
-.chapterPreview::-webkit-scrollbar-thumb,
-.progress::-webkit-scrollbar-thumb,
-.toolLive::-webkit-scrollbar-thumb {
-  background: var(--nf-border-strong);
-  border-radius: var(--nf-radius-4, 4px);
-}
-
-.panelContent::-webkit-scrollbar-thumb:hover,
-.chatScroll::-webkit-scrollbar-thumb:hover,
-.chapterPreview::-webkit-scrollbar-thumb:hover,
-.progress::-webkit-scrollbar-thumb:hover,
-.toolLive::-webkit-scrollbar-thumb:hover {
-  background: var(--nf-text-3);
-}
-
-/* Workflow timeline */
-.workflowList {
-  display: flex;
-  flex-direction: column;
-  gap: 0;
-}
-
-.workflowRow {
-  display: flex;
-  align-items: flex-start;
-  gap: var(--nf-space-12, 12px);
-  padding: var(--nf-space-8, 8px) var(--nf-space-4, 4px);
-  position: relative;
-}
-
-.workflowRow::before {
-  content: '';
-  position: absolute;
-  left: 13px;
-  top: 34px;
-  bottom: -8px;
-  width: 2px;
-  background: var(--nf-border);
-}
-
-.workflowRow:last-child::before {
-  display: none;
-}
-
-.workflowDot {
-  width: 28px;
-  height: var(--nf-ctrl-s, 28px);
-  border-radius: 50%;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: var(--nf-fs-12, 12px);
-  font-weight: 700;
-  flex-shrink: 0;
-  border: 2px solid var(--nf-border-strong);
-  background: var(--nf-bg-raise);
-  color: var(--nf-text-2);
-  z-index: 1;
-}
-
-.workflowDotDone {
-  border-color: var(--nf-success);
-  background: color-mix(in srgb, var(--nf-success) 15%, var(--nf-bg-raise));
-  color: var(--nf-success);
-}
-
-.workflowDotActive {
-  border-color: var(--nf-accent);
-  background: var(--nf-accent);
-  color: var(--nf-accent-fg);
-  box-shadow: 0 0 0 4px var(--nf-accent-soft);
-}
-
-.workflowBody {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-4, 4px);
-  padding-top: var(--nf-space-2, 2px);
-}
-
-.workflowLabel {
-  font-size: var(--nf-fs-14, 13px);
-  font-weight: 600;
-  color: var(--nf-text);
-}
-
-.workflowHint {
-  font-size: var(--nf-fs-12, 12px);
-  color: var(--nf-text-2);
-}
-
-@keyframes pulse {
-  0%, 100% { opacity: 1; }
-  50% { opacity: 0.45; }
-}
-
-@keyframes fadeIn {
-  from { opacity: 0; transform: translateY(4px); }
-  to { opacity: 1; transform: translateY(0); }
-}
-
-.card {
-  animation: fadeIn 0.2s ease;
-}
-
-/* ------------------------------------------------------------ bookshelf */
-
-.bookshelf {
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-10, 10px);
-  margin: 10px 12px 0;
-  padding: var(--nf-space-8, 8px) var(--nf-space-14, 14px);
-  border: 1px solid var(--nf-glass-border);
-  border-radius: var(--nf-radius-16, 16px);
-  background: var(--nf-glass-face);
-  box-shadow: var(--nf-shadow), inset 0 1px 0 var(--nf-glass-sheen);
-  -webkit-backdrop-filter: blur(26px) saturate(175%);
-  backdrop-filter: blur(26px) saturate(175%);
-  flex-shrink: 0;
-  flex-wrap: wrap;
-  position: relative;
-  z-index: 1;
-}
-
-.bookshelfLabel {
-  font-size: var(--nf-fs-12, 12px);
-  font-weight: 700;
-  color: var(--nf-text-3);
-  letter-spacing: 1px;
-  flex-shrink: 0;
-}
-
-.bookshelfList {
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-6, 6px);
-  flex-wrap: wrap;
-  flex: 1;
-  min-width: 0;
-}
-
-.bookChip {
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-6, 6px);
-  padding: var(--nf-space-4, 4px) var(--nf-space-8, 8px) var(--nf-space-4, 4px) var(--nf-space-10, 10px);
-  border: 1px solid var(--nf-border);
-  border-radius: var(--nf-radius-999, 999px);
-  background: var(--nf-bg-inset);
-  cursor: pointer;
-  font-size: var(--nf-fs-12, 12px);
-  transition: border-color 0.15s ease, background 0.15s ease;
-  max-width: 220px;
-}
-
-.bookChip:hover {
-  border-color: var(--nf-border-strong);
-}
-
-.bookChipActive {
-  border-color: var(--nf-accent);
-  background: var(--nf-accent-soft);
-  color: var(--nf-accent);
-}
-
-.bookChipName {
-  font-weight: 600;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.bookChipMeta {
-  font-size: var(--nf-fs-12, 11px);
-  opacity: 0.7;
-  white-space: nowrap;
-}
-
-.bookChipRemove {
-  border: none;
-  background: transparent;
-  color: var(--nf-text-3);
-  cursor: pointer;
-  font-size: var(--nf-fs-14, 13px);
-  line-height: 1;
-  padding: 0 var(--nf-space-2, 2px);
-  border-radius: var(--nf-radius-4, 4px);
-}
-
-.bookChipRemove:hover {
-  color: var(--nf-error);
-}
-
-.bookAdd {
-  border: 1px dashed var(--nf-border-strong);
-  background: transparent;
-  color: var(--nf-text-2);
-  cursor: pointer;
-  font-size: var(--nf-fs-12, 12px);
-  padding: var(--nf-space-4, 4px) var(--nf-space-12, 12px);
-  border-radius: var(--nf-radius-999, 999px);
-  transition: border-color 0.15s ease, color 0.15s ease;
-}
-
-.bookAdd:hover {
-  border-color: var(--nf-accent);
-  color: var(--nf-accent);
-}
-
-.bookCreateForm {
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-6, 6px);
-}
-
-/* ------------------------------------------------------------ dropzone */
-
-.dropzone {
-  border: 2px dashed var(--nf-border-strong);
-  border-radius: var(--nf-radius-10, 10px);
-  padding: var(--nf-space-18, 18px) var(--nf-space-14, 14px);
-  text-align: center;
-  font-size: var(--nf-fs-14, 13px);
-  color: var(--nf-text-2);
-  cursor: pointer;
-  transition: border-color 0.15s ease, background 0.15s ease;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: var(--nf-space-6, 6px);
-}
-
-.dropzone:hover,
-.dropzoneActive {
-  border-color: var(--nf-accent);
-  background: var(--nf-accent-soft);
-  color: var(--nf-accent);
-}
-
-.dropzoneIcon {
-  font-size: var(--nf-fs-22, 22px);
-  line-height: 1;
-}
-
-/* ================= 书架书卡操作行 ================= */
-
-.bookCardActions {
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-6, 6px);
-  margin-top: auto;
-  padding-top: var(--nf-space-8, 8px);
-}
-
-.bookCardActions .button {
-  flex: 1;
-  justify-content: center;
-}
-
-/* ================= 阅读页（沉浸式） ================= */
-
-.readerView {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  transition: background 0.2s ease, color 0.2s ease;
-}
-
-.readerHeader {
-  flex: none;
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-8, 8px);
-  padding: var(--nf-space-8, 8px) var(--nf-space-12, 12px);
-  border-bottom: 1px solid;
-  flex-wrap: wrap;
-}
-
-.readerTitle {
-  font-weight: 700;
-  font-size: var(--nf-fs-14, 14px);
-}
-
-.readerSeg {
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-2, 2px);
-  border-radius: var(--nf-radius-8, 8px);
-  overflow: hidden;
-}
-
-.readerSegBtn {
-  border: none;
-  background: transparent;
-  font-size: var(--nf-fs-12, 12px);
-  padding: var(--nf-space-4, 3px) var(--nf-space-8, 8px);
-  border-radius: var(--nf-radius-6, 6px);
-  cursor: pointer;
-  opacity: 0.75;
-}
-
-.readerSegBtn:hover {
-  opacity: 1;
-}
-
-.readerSegActive {
-  opacity: 1;
-}
-
-.readerBody {
-  flex: 1;
-  min-height: 0;
-  display: flex;
-  align-items: stretch;
-}
-
-.readerSidebar {
-  flex: none;
-  width: 220px;
-  min-width: 220px;
-  overflow-y: auto;
-  padding: var(--nf-space-8, 8px) var(--nf-space-6, 6px) var(--nf-space-24, 24px);
-  border-right: 1px solid;
-  scrollbar-width: thin;
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-10, 10px);
-}
-
-.readerGroup {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-2, 1px);
-}
-
-.readerGroupTitle {
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-6, 6px);
-  width: 100%;
-  border: none;
-  background: transparent;
-  font-size: var(--nf-fs-12, 12px);
-  font-weight: 700;
-  padding: var(--nf-space-6, 6px) var(--nf-space-8, 8px) var(--nf-space-4, 4px);
-  opacity: 0.9;
-  cursor: pointer;
-  text-align: left;
-  border-radius: var(--nf-radius-6, 6px);
-}
-
-.readerGroupTitle:hover {
-  opacity: 1;
-  background: rgba(128, 128, 128, 0.12);
-}
-
-.readerGroupArrow {
-  flex: none;
-  font-size: var(--nf-fs-12, 10px);
-  width: 12px;
-  text-align: center;
-}
-
-.readerGroupCount {
-  flex: none;
-  font-size: var(--nf-fs-12, 11px);
-  font-weight: 400;
-  opacity: 0.6;
-  margin-left: auto;
-  padding-right: var(--nf-space-2, 2px);
-}
-
-.readerItem {
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-6, 6px);
-  border: 1px solid;
-  border-radius: var(--nf-radius-8, 8px);
-  background: transparent;
-  font-size: var(--nf-fs-12, 12px);
-  text-align: left;
-  padding: var(--nf-space-4, 4px) var(--nf-space-8, 8px);
-  cursor: pointer;
-  opacity: 0.8;
-  transition: opacity 0.15s ease, background 0.15s ease;
-  min-width: 0;
-}
-
-.readerItem:hover {
-  opacity: 1;
-}
-
-.readerItemActive {
-  opacity: 1;
-  font-weight: 700;
-}
-
-.readerItemNo {
-  flex: none;
-  font-weight: 700;
-  min-width: 26px;
-  text-align: right;
-  opacity: 0.75;
-}
-
-.readerItemTitle {
-  flex: 1;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.readerItemBadge {
-  flex: none;
-  font-size: var(--nf-fs-12, 11px);
-}
-
-.readerMain {
-  flex: 1;
-  min-height: 0;
-  overflow-y: auto;
-  padding: var(--nf-space-20, 20px) var(--nf-space-16, 16px) var(--nf-space-48, 48px);
-  display: flex;
-  justify-content: center;
-  scrollbar-width: thin;
-}
-
-.readerArticle {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-12, 12px);
-}
-
-.readerChapterTitle {
-  margin: 0;
-  font-size: var(--nf-fs-24, 24px);
-  font-weight: 800;
-  letter-spacing: 1px;
-}
-
-.readerChapterMeta {
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-8, 8px);
-  font-size: var(--nf-fs-12, 12px);
-}
-
-.readerText {
-  text-align: justify;
-  letter-spacing: 0.02em;
-}
-
-.readerPara {
-  margin: 0 0 0.85em;
-  text-indent: 2em;
-}
-
-.readerFoot {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--nf-space-8, 8px);
-  margin-top: 12px;
-  padding-top: var(--nf-space-12, 12px);
-  border-top: 1px dashed;
-}
-
-.readerLoading,
-.readerError {
-  align-self: center;
-  padding: var(--nf-space-32, 32px) 0;
-  font-size: var(--nf-fs-14, 13px);
-  opacity: 0.7;
-}
-
-.readerError {
-  color: var(--nf-error);
-}
-
-/* ---------------------------------------------------------- import modal */
-
-.importModalOverlay {
-  position: fixed;
-  inset: 0;
-  z-index: 1000;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: rgba(0, 0, 0, 0.45);
-  -webkit-backdrop-filter: blur(4px);
-  backdrop-filter: blur(4px);
-  padding: var(--nf-space-24, 24px);
-}
-
-.importModal {
-  width: min(520px, 100%);
-  max-height: 85vh;
-  overflow: auto;
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-12, 12px);
-  border: 1px solid var(--nf-border-strong);
-  border-radius: var(--nf-radius-16, 16px);
-  /* 主容器统一：与设置页卡片同一 --nf-card-pad */
-  padding: var(--nf-card-pad, 20px 22px);
-  background: var(--nf-bg-raise);
-  -webkit-backdrop-filter: blur(28px) saturate(180%);
-  backdrop-filter: blur(28px) saturate(180%);
-  box-shadow: var(--nf-shadow-lg);
-}
-
-.importModalHead {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--nf-space-10, 10px);
-}
-
-.importModalTabs {
-  display: flex;
-  gap: var(--nf-space-8, 8px);
-}
-
-.importModalTabs .button {
-  flex: 1;
-}
-
-.importModalBody {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-10, 10px);
-}
-
-.importField {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-6, 5px);
-  font-size: var(--nf-fs-14, 13px);
-  color: var(--nf-text-2);
-}
-
-.importHint {
-  font-size: var(--nf-fs-12, 12px);
-  color: var(--nf-text-3);
-  line-height: 1.5;
-}
-
-.importError {
-  border: 1px solid color-mix(in srgb, var(--nf-danger, #e5484d) 55%, transparent);
-  border-radius: var(--nf-radius-10, 10px);
-  padding: var(--nf-space-8, 8px) var(--nf-space-10, 10px);
-  font-size: var(--nf-fs-12, 12.5px);
-  color: var(--nf-danger, #e5484d);
-  background: color-mix(in srgb, var(--nf-danger, #e5484d) 10%, transparent);
-  white-space: pre-wrap;
-  word-break: break-all;
-}
-
-.importResult {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-4, 4px);
-  border: 1px solid color-mix(in srgb, var(--nf-ok, #46a758) 45%, transparent);
-  border-radius: var(--nf-radius-10, 10px);
-  padding: var(--nf-space-10, 10px) var(--nf-space-12, 12px);
-  font-size: var(--nf-fs-14, 13px);
-  background: color-mix(in srgb, var(--nf-ok, #46a758) 9%, transparent);
-  word-break: break-all;
-}
-
-.importModalActions {
-  display: flex;
-  justify-content: flex-end;
-  gap: var(--nf-space-8, 8px);
-}
-
-.importFileInfo {
-  display: flex;
-  align-items: center;
-  gap: var(--nf-space-8, 8px);
-  font-size: var(--nf-fs-14, 13px);
-  color: var(--nf-text-1);
-  flex-wrap: wrap;
-}
-
-.importPreview {
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-4, 4px);
-  border: 1px solid var(--nf-border-strong);
-  border-radius: var(--nf-radius-10, 10px);
-  padding: var(--nf-space-10, 10px) var(--nf-space-12, 12px);
-  font-size: var(--nf-fs-14, 13px);
-  background: var(--nf-bg-inset);
-}
-
-.importPreviewList {
-  margin: 0;
-  padding-left: var(--nf-space-18, 18px);
-  display: flex;
-  flex-direction: column;
-  gap: var(--nf-space-2, 2px);
-  font-size: var(--nf-fs-12, 12.5px);
-  color: var(--nf-text-2);
-  max-height: 140px;
-  overflow: auto;
-}
-
-/* 设置页卡片：label 单行、行内顶部对齐，保证输入框水平对齐 */
-/* 设置页卡片：防止内层卡片/长内容在 flex 容器中撑破外层卡片 */
-.settingsCard {
-  min-width: 0;
-  max-width: 100%;
-}
-
-.settingsCard > * {
-  min-width: 0;
-}
-
-/* ModelManager 等组件会在设置卡片内再渲染 .card 子卡片，也必须允许收缩 */
-.settingsCard .card {
-  min-width: 0;
-  width: 100%;
-  max-width: 100%;
-}
-
-.settingsCard .fieldLabel {
-  min-height: 18px;
-  line-height: 18px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-}
-
-.settingsCard .row {
-  align-items: flex-start;
-}
-
-
-
-.helpTipText {
-  display: none;
-  position: absolute;
-  left: 50%;
-  bottom: calc(100% + 8px);
-  transform: translateX(-50%);
-  width: 280px;
-  max-width: 70vw;
-  padding: var(--nf-space-10, 10px) var(--nf-space-12, 12px);
-  border-radius: var(--nf-radius-10, 10px);
-  background: var(--nf-bg-raise);
-  border: 1px solid var(--nf-border-strong);
-  box-shadow: var(--nf-shadow-lg);
-  font-size: var(--nf-fs-12, 12px);
-  font-weight: 400;
-  line-height: 1.7;
-  color: var(--nf-text-2);
-  white-space: normal;
-  z-index: 20;
-  text-align: left;
-  pointer-events: none;
-}
-
-.helpTip:hover .helpTipText,
-.helpTip:focus .helpTipText,
-.helpTip:focus-within .helpTipText {
-  display: block;
-}
-
-/* 设置页：字号已统一为全局档（次要 12 / 主 14 / 标题 16+），不再放大；
- * 主容器由 .card 的 --nf-card-pad 统一提供（舒适 20px 22px）。 */
-.settingsCard + .settingsCard {
-  /* 不再强制拉伸/压缩：设置卡片按内容自适应高度，避免内层分类跑出容器 */
-  flex: 0 0 auto;
-  min-height: auto;
-}
-
-/* 设置页开关（滑块） */
-.switch {
-  position: relative;
-  width: 42px;
-  height: 24px;
-  border-radius: var(--nf-radius-999, 999px);
-  border: 1px solid var(--nf-border-strong);
-  background: var(--nf-bg-inset);
-  cursor: pointer;
-  padding: 0;
-  flex: none;
-  transition: background 0.18s ease, border-color 0.18s ease;
-}
-
-.switchKnob {
-  position: absolute;
-  top: 3px;
-  left: 3px;
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  background: #fff;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-  transition: transform 0.18s ease;
-}
-
-.switchOn {
-  background: var(--nf-accent);
-  border-color: var(--nf-accent);
-}
-
-.switchOn .switchKnob {
-  transform: translateX(18px);
-}
-
-/* ---- 玻璃透明度滑块：实色主题（新拟态/黏土）调低时变透，透出背景图 ---- */
-/* 默认 --nf-glass-opacity=100%，color-mix 透明 0% → 与主题原值一致，不改动现有效果。 */
-.panel[data-nf-theme='neumorph']:not([data-nf-mode='dark']),
-body:not([data-ds-dark-theme]) .panel[data-nf-theme='neumorph'][data-nf-mode='light'] {
-  --nf-glass-face: color-mix(in srgb, #e4e9f2, transparent calc(100% - var(--nf-glass-opacity, 100%)));
-  --nf-bg-raise: color-mix(in srgb, #e4e9f2, transparent calc(100% - var(--nf-glass-opacity, 100%)));
-}
-.panel[data-nf-mode='dark'][data-nf-theme='neumorph'],
-body[data-ds-dark-theme] .panel[data-nf-theme='neumorph']:not([data-nf-mode]) {
-  --nf-glass-face: color-mix(in srgb, #2b2f36, transparent calc(100% - var(--nf-glass-opacity, 100%)));
-  --nf-bg-raise: color-mix(in srgb, #2b2f36, transparent calc(100% - var(--nf-glass-opacity, 100%)));
-}
-.panel[data-nf-theme='clay']:not([data-nf-mode='dark']),
-body:not([data-ds-dark-theme]) .panel[data-nf-theme='clay'][data-nf-mode='light'] {
-  --nf-glass-face: color-mix(in srgb, #efe4d6, transparent calc(100% - var(--nf-glass-opacity, 100%)));
-  --nf-bg-raise: color-mix(in srgb, #efe4d6, transparent calc(100% - var(--nf-glass-opacity, 100%)));
-}
-.panel[data-nf-mode='dark'][data-nf-theme='clay'],
-body[data-ds-dark-theme] .panel[data-nf-theme='clay']:not([data-nf-mode]) {
-  --nf-glass-face: color-mix(in srgb, #37302b, transparent calc(100% - var(--nf-glass-opacity, 100%)));
-  --nf-bg-raise: color-mix(in srgb, #37302b, transparent calc(100% - var(--nf-glass-opacity, 100%)));
-}