/** Promised Land - themes.css | 主题色系统 · 月相选择器 */
/* ============================================
   主题变量覆盖
   主题一 · 默认 ultramarine（群青色遗梦）= variables.css :root 原值，无需覆盖。
   主题二 · pine（松林与野原 / 梦见原野与暴雨）
   主题三 · dawn（玫瑰朝露 / 卧室清晨的露水）
   主题四 · dusk（落日黄昏 / 落地窗外的黄昏）
   主题五 · sealed（密匣未启时）
   其余主题仅移色相/饱和度，alpha 阶梯与默认主题一一对应；
   删除/危险红、纯黑白、中性灰在所有主题中保持不变。
   ============================================ */

/* ==================================================
   主题二 · 松林与野原 · 梦见原野与暴雨（pine）
   ================================================== */
:root[data-theme="pine"] {
  /* —— 全局背景 —— */
  --color-body-bg: #F6F8F1;
  --color-body-scrollbar-thumb: rgba(120, 152, 118, 0.12);
  --color-body-scrollbar-thumb-hover: rgba(120, 152, 118, 0.25);
  --color-body-glow3: rgba(240, 245, 232, 0.18);
  --color-body-glow4: rgba(236, 243, 226, 0.26);
  --color-body-glow5: rgba(238, 244, 228, 0.38);
  --color-body-glow6: rgba(238, 244, 228, 0.14);
  --color-body-scrollbar-firefox: rgba(112, 146, 110, 0.15);

  /* —— 启动屏 —— */
  --color-splash-de: rgba(74, 117, 98, 0.15);
  --color-splash-de-shadow1: rgba(45, 70, 42, 0.2);
  --color-splash-de-shadow2: rgba(83, 117, 74, 0.10);
  --color-splash-de-shadow3: rgba(83, 117, 74, 0.06);
  --color-splash-zh: rgba(74, 117, 99, 0.45);
  --color-splash-zh-shadow1: rgba(45, 70, 42, 0.3);
  --color-splash-zh-shadow2: rgba(83, 117, 74, 0.18);
  --color-splash-zh-shadow3: rgba(83, 117, 74, 0.06);

  /* —— 面板一 · 松林深绿 —— */
  --color-panel1-bg: #0b6341;
  --color-panel1-tab: #bed1b4;
  --color-panel1-name: #E4EDDD;
  --color-panel1-conv-text: rgba(228, 240, 222, 0.75);
  --color-panel1-conv-empty: rgba(202, 219, 192, 0.35);
  --color-panel1-bottom-btn: rgba(215, 232, 205, 0.45);
  --color-panel1-search-icon: rgba(215, 232, 205, 0.45);
  --color-panel1-search-icon-open: rgba(215, 232, 205, 0.55);
  --color-panel1-search-input: #E4EDDD;
  --color-panel1-search-placeholder: rgba(215, 232, 205, 0.35);
  --color-panel1-expand-btn: rgba(215, 232, 205, 0.5);

  /* —— 面板二 · 原木褐色 —— */
  --color-panel2-bg: #F9F5F6;
  --color-panel2-bg-active: #FCF9F7;
  --color-panel2-grid: rgba(180, 170, 140, 0.025);
  --color-panel2-grid-90: rgba(180, 170, 140, 0.018);
  --color-panel2-border: rgba(180, 170, 150, 0.18);
  --color-panel2-tab: #8A8E98;
  --color-caramel: rgba(139, 111, 71, 0.20);
  --color-caramel-light: rgba(139, 111, 71, 0.38);
  --color-caramel-medium: rgba(139, 111, 71, 0.50);
  --color-caramel-strong: rgba(139, 111, 71, 0.55);
  --color-caramel-dark: rgba(100, 70, 35, 0.82);
  --color-caramel-text: rgba(110, 90, 70, 0.72);
  --color-caramel-text-dark: rgba(90, 70, 50, 0.85);
  --color-caramel-text-focus: rgba(110, 90, 70, 0.55);
  --color-caramel-memo: rgba(139, 111, 71, 0.38);
  --color-caramel-memo-placeholder: rgba(139, 111, 71, 0.20);
  --color-caramel-memo-focus: rgba(110, 90, 70, 0.55);
  --color-caramel-label: rgba(120, 100, 75, 0.42);
  --color-caramel-label-dark: rgba(120, 100, 75, 0.48);
  --color-caramel-value: rgba(100, 70, 35, 0.82);
  --color-caramel-handle: #8B6F47;
  --color-caramel-handle-disabled: rgba(139, 111, 71, 0.22);
  --color-caramel-track: rgba(139, 111, 71, 0.20);
  --color-caramel-fill: rgba(139, 111, 71, 0.50);
  --color-panel2-select-border: rgba(139, 111, 71, 0.20);
  --color-panel2-select-border-focus: rgba(139, 111, 71, 0.50);
  --color-panel2-select-text: rgba(100, 80, 55, 0.72);
  --color-panel2-avatar-border: rgba(160, 125, 80, 0.7);
  --color-panel2-avatar-bg: rgba(160, 125, 80, 0.65);
  --color-panel2-avatar-shadow: rgba(139, 111, 71, 0.30);
  --color-panel2-avatar-hover-border: rgba(139, 111, 71, 0.55);
  --color-panel2-avatar-hover-shadow: rgba(139, 111, 71, 0.40);
  --color-panel2-avatar-placeholder-bg: #ebe3d426;
  --color-seg-border-top: rgba(139, 111, 71, 0.75);
  --color-seg-border-mid: rgba(139, 111, 71, 0.38);
  --color-seg-option: rgba(139, 111, 71, 0.40);
  --color-seg-option-active: rgba(100, 70, 35, 0.99);
  --color-seg-divider: rgba(139, 111, 71, 0.2);
  --color-toggle-track-off: #dfd8d0;
  --color-toggle-track-on: rgb(200, 162, 144);
  --color-toggle-knob-on: rgb(200, 162, 144);
  --color-toggle-knob-off: #dfd8d0;
  --color-toggle-name: rgba(147, 132, 119, 0.65);
  --color-panel2-action-border: rgba(139, 111, 71, 0.25);
  --color-panel2-action-text: rgba(120, 100, 75, 0.55);
  --color-panel2-action-hover-bg: rgba(139, 111, 71, 0.06);
  --color-panel2-action-hover-border: rgba(139, 111, 71, 0.40);
  --color-panel2-action-hover-text: rgba(120, 100, 75, 0.72);
  --color-panel2-bg-thumb-border: rgba(139, 111, 71, 0.22);
  --color-panel2-bg-thumb-hover-border: rgba(139, 111, 71, 0.45);

  /* —— 面板三 · 陶土灰褐 —— */
  --color-panel3-bg: #847466;
  --color-panel3-tab: #DEE8DA;
  --color-panel3-section-title-glow: rgba(214, 232, 196, 0.5);
  --color-panel3-display: rgba(236, 245, 232, 0.72);
  --color-panel3-display-hover: rgba(236, 245, 232, 0.9);
  --color-panel3-display-hover-glow: rgba(215, 235, 208, 0.25);
  --color-panel3-display-hidden: rgba(236, 245, 232, 0.32);
  --color-panel3-display-revealed: rgba(236, 245, 232, 0.8);
  --color-panel3-entry-title: rgba(236, 245, 232, 0.85);
  --color-panel3-entry-dot: rgba(236, 245, 232, 0.55);
  --color-panel3-add-btn-glow: rgba(215, 235, 208, 0.3);

  /* —— 卡纸弹窗 / 燕尾标签 · 松绿 —— */
  --color-card-bg: #668F79;
  --color-card-title: #E4EDDD;
  --color-card-content: rgba(240, 248, 238, 0.95);
  --color-card-content-placeholder: rgba(225, 240, 220, 0.3);
  --color-card-reveal-btn: #668F79;
  --color-card-reveal-btn-hover: rgba(150, 180, 150, 0.99);
  --color-tag-bg: #668F79;
  --color-tag-text: rgba(238, 246, 236, 0.96);
  --color-tag-primary-bg: #7BA287;
  --color-tag-primary-text: rgba(240, 248, 238, 0.96);
  --color-tag-secondary-bg: rgba(102, 143, 121, 0.88);
  --color-tag-secondary-text: rgba(238, 246, 236, 0.88);
  --color-tag-secondary-hover-text: rgba(238, 246, 236, 0.96);
  --color-tag-role-bg: rgba(154, 176, 138, 0.88);
  --color-tag-role-hover-bg: rgba(154, 176, 138, 0.98);
  --color-tag-entry-dot: #D2E0CA;
  --color-tag-entry-title: #E4EDDD;
  --color-tag-entry-title-placeholder: rgba(225, 240, 220, 0.3);
  --color-kw-add-bg: #668F79;

  /* —— 聊天窗标题 —— */
  --color-chat-title: #5a8d75;
  --color-chat-title-line-start: #487457;
  --color-chat-title-line-mid: #659167;
  --color-chat-title-line-warm: #e8e4ba;
  --color-chat-title-line-end: #71906e;
  --color-chat-subtitle: #6b9676;
  --color-chat-empty: rgba(120, 152, 118, 0.25);

  /* —— 导航条 —— */
  --color-nav-block: rgba(216, 228, 200, 0.2);
  --color-nav-block-hover: rgba(198, 216, 178, 0.5);
  --color-nav-block-active: rgba(83, 117, 74, 0.18);
  --color-nav-block-active-shadow: rgba(238, 244, 230, 0.5);
  --color-nav-block-active-glow: rgba(110, 150, 105, 0.25);
  --color-nav-tooltip-bg: rgba(250, 252, 244, 0.75);
  --color-nav-highlight: rgba(170, 195, 140, 0.6);

  /* —— 消息 · 助手 —— */
  --color-msg-assistant-text: #2C3E2A;
  --color-msg-assistant-heading: #53754A;
  --color-msg-assistant-strong: #22331F;
  --color-msg-assistant-em: #508257;
  --color-msg-assistant-code: #4A7A50;
  --color-msg-assistant-code-bg: rgba(120, 152, 118, 0.08);
  --color-msg-assistant-blockquote-border: rgba(120, 152, 118, 0.3);
  --color-msg-assistant-blockquote: rgba(44, 62, 42, 0.7);
  --color-msg-assistant-hr: rgba(120, 152, 118, 0.2);
  --color-msg-assistant-th-bg: rgba(120, 152, 118, 0.06);
  --color-msg-assistant-th-text: #6E9070;
  --color-msg-assistant-th-border: rgba(95, 140, 98, 0.2);
  --color-msg-assistant-td-border: rgba(120, 152, 118, 0.08);
  --color-msg-assistant-tr-hover: rgba(120, 152, 118, 0.03);

  /* —— 消息 · 用户 —— */
  --color-msg-user-border: rgba(150, 175, 135, 0.15);
  --color-msg-user-text: #37402C;
  --color-msg-user-shadow-line: rgba(150, 175, 135, 0.10);
  --color-msg-user-code: #55663F;
  --color-msg-user-code-bg: rgba(155, 175, 135, 0.15);
  --color-msg-user-strong: #29331F;
  --color-msg-user-em: #5A7040;
  --color-msg-user-th-bg: rgba(155, 175, 135, 0.1);
  --color-msg-user-th-text: #55663F;
  --color-msg-user-th-border: rgba(155, 175, 135, 0.2);
  --color-msg-user-td-border: rgba(155, 175, 135, 0.1);
  --color-msg-user-tr-hover: rgba(155, 175, 135, 0.04);

  /* —— 消息 · 头像 —— */
  --color-msg-avatar-assistant-bg: #D8E4D4;
  --color-msg-avatar-user-bg: #E8EFE2;
  --color-msg-avatar-shadow: rgba(138, 160, 120, 0.4);
  --color-msg-avatar-shadow-line: rgba(175, 195, 162, 0.10);
  --color-msg-agent-name: rgba(70, 103, 62, 0.6);

  /* —— 助手玻璃气泡 —— */
  --color-msg-assistant-glass-bg: rgba(215, 232, 208, 0.15);
  --color-msg-assistant-glass-border: rgba(190, 214, 182, 0.25);
  --color-msg-assistant-glass-shadow-line: rgba(200, 222, 192, 0.15);
  --color-msg-assistant-glass-text: #2C3E2A;

  /* —— 思考链 —— */
  --color-thinking-bg: rgba(216, 230, 208, 0.12);
  --color-thinking-border: rgba(200, 222, 192, 0.35);
  --color-thinking-pulse-bg: rgba(83, 117, 74, 0.2);
  --color-thinking-pulse-fg: rgba(83, 117, 74, 0.5);
  --color-thinking-pulse-complete: rgba(70, 103, 62, 0.35);
  --color-thinking-pulse-complete-glow1: rgba(102, 143, 121, 0.12);
  --color-thinking-pulse-complete-glow2: rgba(102, 143, 121, 0.06);
  --color-thinking-time: rgba(70, 103, 62, 0.8);
  --color-thinking-content: rgba(52, 80, 46, 0.6);
  --color-thinking-content-line-start: #BCD4B2;
  --color-thinking-content-line-mid: #94BC8E;
  --color-thinking-content-line-end: #D2E4CC;
  --color-thinking-dot: rgba(120, 152, 118, 0.733);
  --color-thinking-dot-glow: rgba(120, 152, 118, 0.15);

  /* —— 代码框 —— */
  --code-bg: rgba(128, 158, 122, 0.06);
  --code-border: rgba(120, 152, 118, 0.18);
  --code-header-bg: rgba(120, 152, 118, 0.06);
  --code-text: #2C3E2A;
  --code-lang: rgba(120, 152, 118, 0.4);
  --code-btn: rgba(120, 152, 118, 0.3);
  --code-btn-hover: rgba(120, 152, 118, 0.55);
  --code-btn-hover-bg: rgba(120, 152, 118, 0.06);
  --code-scrollbar-thumb: rgba(120, 152, 118, 0.08);
  --code-scrollbar-track: rgba(120, 152, 118, 0.1);
  --code-bg-user: rgba(155, 175, 135, 0.06);
  --code-border-user: rgba(155, 175, 135, 0.12);
  --code-header-bg-user: rgba(155, 175, 135, 0.03);
  --code-text-user: #37402C;
  --code-lang-user: rgba(90, 110, 66, 0.4);
  --code-btn-user: rgba(90, 110, 66, 0.3);
  --code-btn-hover-user: rgba(90, 110, 66, 0.5);
  --code-btn-hover-bg-user: rgba(155, 175, 135, 0.08);
  --code-scrollbar-thumb-user: rgba(155, 175, 135, 0.1);

  /* —— 输入区 —— */
  --color-input-wrap-bg: rgba(244, 248, 238, 0.25);
  --color-input-wrap-border: rgba(155, 175, 145, 0.26);
  --color-input-wrap-focus-border: rgba(80, 130, 87, 0.3);
  --color-input-wrap-focus-shadow: rgba(90, 130, 92, 0.09);
  --color-input-textarea: rgba(60, 75, 50, 0.9);
  --color-input-tool-btn: rgba(73, 139, 116, 0.55);
  --color-input-tool-btn-hover-bg: rgba(92, 155, 128, 0.05);
  --color-input-tool-btn-hover: rgba(88, 141, 116, 0.75);
  --color-input-whale-hover-glow1: rgba(102, 143, 121, 0.45);
  --color-input-whale-hover-glow2: rgba(102, 143, 121, 0.15);
  --color-input-expand-hover: rgba(102, 143, 121, 0.45);
  --color-input-send: rgba(72, 132, 109, 0.7);
  --color-input-send-hover: rgba(93, 140, 108, 0.75);
  --color-input-send-hover-glow: rgba(83, 117, 74, 0.32);

  /* —— 右边栏 —— */
  --color-rs-bg: #FAFCF6;
  --color-rs-border: rgba(165, 182, 155, 0.16);
  --color-rs-shadow: rgba(105, 125, 90, 0.08);
  --color-rs-shadow-inner: rgba(140, 158, 132, 0.04);
  --color-rs-glow1: rgba(120, 150, 105, 0.08);
  --color-rs-glow2: rgba(105, 138, 92, 0.03);
  --color-rs-glow3: rgba(105, 138, 92, 0.05);
  --color-rs-text: rgba(40, 74, 62, 0.69);
  --color-rs-text-hover: rgba(44, 74, 40, 0.69);
  --color-rs-text-shadow1: rgba(44, 74, 40, 0.12);
  --color-rs-text-shadow2: rgba(44, 74, 40, 0.02);
  --color-rs-divider: #DDE7DA;
  --color-rs-input-border: rgba(44, 74, 40, 0.22);
  --color-rs-input-border-focus: rgba(120, 150, 105, 0.55);
  --color-rs-input-text: rgba(44, 74, 40, 0.49);
  --color-rs-input-caret: rgba(150, 180, 135, 0.6);
  --color-rs-input-placeholder: rgba(200, 220, 190, 0.35);
  --color-rs-eye: rgba(200, 220, 190, 0.65);
  --color-rs-eye-hover: rgba(200, 220, 190, 0.75);
  --color-rs-placeholder-text: rgba(44, 74, 40, 0.39);
  --color-rs-placeholder-icon: rgba(120, 150, 105, 0.45);
  --color-rs-avatar-border: rgba(102, 143, 121, 0.2);
  --color-rs-avatar-shadow: rgba(120, 150, 105, 0.06);
  --color-rs-avatar-hover-border: rgba(102, 143, 121, 0.3);
  --color-rs-avatar-hover-shadow: rgba(120, 150, 105, 0.1);
  --color-rs-icon: rgba(80, 130, 113, 0.59);
  --color-rs-icon-hover: rgb(170, 208, 189);
  --color-rs-restore-hover: rgba(80, 130, 87, 0.39);
  --color-rs-restore-hover-glow: rgba(80, 130, 87, 0.49);
  --color-rs-http-row-border: rgba(44, 74, 40, 0.12);
  --color-rs-http-row-hover: rgba(44, 74, 40, 0.04);
  --color-rs-http-main: rgba(44, 74, 40, 0.49);
  --color-rs-http-summary: rgba(44, 74, 40, 0.4);
  --color-rs-http-empty: rgba(44, 74, 40, 0.3);
  --color-rs-http-btn-border: rgba(44, 74, 40, 0.2);
  --color-rs-http-btn-hover-bg: rgba(44, 74, 40, 0.05);
  --color-rs-http-btn-hover-text: rgba(44, 74, 40, 0.59);
  --color-rs-section-dash: rgba(44, 74, 40, 0.22);

  /* —— 模型切换弹窗 / 通用设置组件 —— */
  --color-model-title: #6E9070;
  --color-model-option-name: #6E9070;
  --color-model-option-name-selected: #5A8455;
  --color-model-indicator: rgba(120, 152, 118, 0.32);
  --color-model-btn-confirm-text: rgba(90, 130, 85, 0.78);
  --color-model-btn-confirm-border: rgba(120, 152, 118, 0.22);
  --color-model-btn-confirm-hover-bg: rgba(120, 152, 118, 0.08);
  --color-model-btn-confirm-hover-border: rgba(120, 152, 118, 0.35);
  --color-model-btn-confirm-hover-text: #4A7A48;
  --color-model-input-border-focus: rgba(120, 152, 118, 0.35);
  --color-setting-input-border-focus: rgba(120, 152, 118, 0.35);
  --color-setting-eye-hover: rgba(120, 152, 118, 0.5);
  --color-setting-label: rgba(70, 115, 66, 0.65);
  --color-setting-select-border-focus: rgba(120, 152, 118, 0.35);

  /* —— 消息底栏 / 浮窗 / 版本 / 统计 —— */
  --color-msg-action: rgba(60, 100, 55, 0.35);
  --color-msg-action-hover: rgba(225, 240, 220, 0.9);
  --color-msg-action-hover-glow: rgba(190, 210, 175, 0.5);
  --color-msg-more-bg: #FAFCF6;
  --color-msg-more-border: rgba(215, 230, 190, 0.15);
  --color-msg-more-item: rgba(60, 100, 55, 0.35);
  --color-msg-more-item-hover: rgba(225, 240, 220, 0.9);
  --color-msg-version-text: #9CBF95;
  --color-msg-version-btn: rgba(60, 100, 55, 0.35);
  --color-msg-version-btn-hover: rgba(225, 240, 220, 0.9);
  --color-msg-version-indicator: rgba(156, 191, 149, 0.72);
  --color-msg-token-stats-text: rgba(70, 103, 62, 0.55);
  --color-msg-token-stats-icon: rgba(70, 103, 62, 0.5);
  --color-file-tag-bg: rgba(60, 100, 55, 0.06);
  --color-file-tag-border: rgba(60, 100, 55, 0.12);
  --color-file-tag-text: rgba(60, 100, 55, 0.7);
  --color-chat-title-btn: rgba(81, 155, 123, 0.4);
  --color-chat-title-btn-hover: rgba(120, 152, 118, 0.9);
  --color-chat-title-btn-hover-glow: rgba(102, 143, 121, 0.4);
  --color-chat-title-pinned: rgba(168, 150, 116, 0.4);
  --color-chat-title-pinned-hover: rgba(169, 142, 93, 0.4);
  --color-chat-title-pin-rest: rgba(168, 150, 116, 0.9);

  /* —— 注入管理 / HTTP 弹窗 / 显示设置标签 —— */
  --color-inject-title: #6E9070;
  --color-inject-entry-role: rgba(120, 150, 105, 0.55);
  --color-section-label-appearance: rgba(80, 125, 75, 0.65);
  --color-http-log-title: #6E9070;
  --color-http-log-back-btn: rgba(120, 152, 118, 0.6);
  --color-http-log-detail-text: rgba(60, 100, 55, 0.8);
  --color-http-log-block-bg: rgba(222, 236, 214, 0.12);
  --color-http-log-pre-bg: rgba(222, 236, 214, 0.08);
  --color-http-log-btn-border: rgba(120, 152, 118, 0.3);
  --color-http-log-btn-text: rgba(60, 100, 55, 0.55);
  --color-http-log-empty: rgba(120, 150, 105, 0.3);
  --color-http-log-row-text: rgba(60, 100, 55, 0.7);
  --color-http-log-row-summary: rgba(120, 150, 105, 0.45);
  --color-http-log-row-divider: rgba(102, 143, 121, 0.1);
  --color-inject-empty: rgba(214, 228, 206, 0.3);

  /* —— 右边栏 · 用户显示设置滑块/开关 —— */
  --color-rs-slider-label: rgba(44, 74, 40, 0.35);
  --color-rs-slider-value: rgba(44, 74, 40, 0.40);
  --color-rs-slider-track: rgba(44, 74, 40, 0.08);
  --color-rs-slider-fill: rgba(44, 74, 40, 0.25);
  --color-rs-slider-handle: rgba(44, 74, 40, 0.45);
  --color-rs-toggle-track-off: #dfd8d0;
  --color-rs-toggle-track-on: rgba(44, 74, 40, 0.55);
  --color-rs-toggle-knob-on: rgba(44, 74, 40, 0.55);
  --color-rs-toggle-knob-off: #dfd8d0;
  --color-rs-toggle-shadow: rgba(0, 0, 0, 0.08);
  --color-rs-toggle-name: rgba(147, 132, 119, 0.65);

  /* —— 昼夜切换 · 松绿色系 —— */
  --color-dn-icon: rgba(70, 115, 80, 0.38);
  --color-dn-icon-active: rgba(70, 115, 80, 0.72);
  --color-dn-icon-active-dark: rgba(210, 235, 218, 0.78);
  --color-dn-track-bg: #D3E2D0;
  --color-dn-track-bg-dark: #2d3d2a;
  --color-dn-knob: #7fa87a;
  --color-dn-knob-dark: #5a7d55;
  --color-dn-divider-line: rgba(70, 115, 80, 0.18);
  --color-dn-divider-line-dark: rgba(200, 230, 210, 0.15);
}

/* ==================================================
   主题三 · 玫瑰朝露 · 卧室清晨的露水（dawn）
   ================================================== */
:root[data-theme="dawn"] {
  /* —— 全局背景 —— */
  --color-body-bg: #FCF4EF;
  --color-body-scrollbar-thumb: rgba(192, 112, 96, 0.12);
  --color-body-scrollbar-thumb-hover: rgba(192, 112, 96, 0.25);
  --color-body-glow3: rgba(250, 235, 228, 0.18);
  --color-body-glow4: rgba(248, 230, 222, 0.26);
  --color-body-glow5: rgba(250, 232, 224, 0.38);
  --color-body-glow6: rgba(250, 232, 224, 0.14);
  --color-body-scrollbar-firefox: rgba(187, 105, 90, 0.15);

  /* —— 启动屏 —— */
  --color-splash-de: rgba(176, 88, 77, 0.15);
  --color-splash-de-shadow1: rgba(90, 45, 40, 0.2);
  --color-splash-de-shadow2: rgba(159, 84, 74, 0.10);
  --color-splash-de-shadow3: rgba(159, 84, 74, 0.06);
  --color-splash-zh: rgba(170, 99, 80, 0.45);
  --color-splash-zh-shadow1: rgba(90, 45, 40, 0.3);
  --color-splash-zh-shadow2: rgba(159, 84, 74, 0.18);
  --color-splash-zh-shadow3: rgba(159, 84, 74, 0.06);

  /* —— 面板一 · 玫瑰砖 —— */
  --color-panel1-bg: #8f4c43;
  --color-panel1-tab: #F0D3CC;
  --color-panel1-name: #F6E2DC;
  --color-panel1-conv-text: rgba(250, 228, 222, 0.75);
  --color-panel1-conv-empty: rgba(245, 215, 208, 0.35);
  --color-panel1-bottom-btn: rgba(245, 215, 208, 0.45);
  --color-panel1-search-icon: rgba(245, 215, 208, 0.45);
  --color-panel1-search-icon-open: rgba(245, 215, 208, 0.55);
  --color-panel1-search-input: #F6E2DC;
  --color-panel1-search-placeholder: rgba(245, 215, 208, 0.35);
  --color-panel1-expand-btn: rgba(245, 215, 208, 0.5);

  /* —— 面板二 · 露粉系（焦糖位） —— */
  --color-panel2-bg: #FAF3F1;
  --color-panel2-bg-active: #FCF7F5;
  --color-panel2-grid: rgba(195, 150, 140, 0.025);
  --color-panel2-grid-90: rgba(195, 150, 140, 0.018);
  --color-panel2-border: rgba(195, 150, 140, 0.18);
  --color-panel2-tab: #A99894;
  --color-caramel: rgba(196, 138, 124, 0.20);
  --color-caramel-light: rgba(196, 138, 124, 0.38);
  --color-caramel-medium: rgba(196, 138, 124, 0.50);
  --color-caramel-strong: rgba(196, 138, 124, 0.55);
  --color-caramel-dark: rgba(130, 80, 62, 0.82);
  --color-caramel-text: rgba(150, 100, 88, 0.72);
  --color-caramel-text-dark: rgba(122, 76, 64, 0.85);
  --color-caramel-text-focus: rgba(150, 100, 88, 0.55);
  --color-caramel-memo: rgba(196, 138, 124, 0.38);
  --color-caramel-memo-placeholder: rgba(196, 138, 124, 0.20);
  --color-caramel-memo-focus: rgba(150, 100, 88, 0.55);
  --color-caramel-label: rgba(152, 112, 100, 0.42);
  --color-caramel-label-dark: rgba(152, 112, 100, 0.48);
  --color-caramel-value: rgba(130, 80, 62, 0.82);
  --color-caramel-handle: #A86A55;
  --color-caramel-handle-disabled: rgba(196, 138, 124, 0.22);
  --color-caramel-track: rgba(196, 138, 124, 0.20);
  --color-caramel-fill: rgba(196, 138, 124, 0.50);
  --color-panel2-select-border: rgba(196, 138, 124, 0.20);
  --color-panel2-select-border-focus: rgba(196, 138, 124, 0.50);
  --color-panel2-select-text: rgba(135, 88, 72, 0.72);
  --color-panel2-avatar-border: rgba(205, 142, 125, 0.7);
  --color-panel2-avatar-bg: rgba(205, 142, 125, 0.65);
  --color-panel2-avatar-shadow: rgba(196, 138, 124, 0.30);
  --color-panel2-avatar-hover-border: rgba(196, 138, 124, 0.55);
  --color-panel2-avatar-hover-shadow: rgba(196, 138, 124, 0.40);
  --color-panel2-avatar-placeholder-bg: #f2dfd826;
  --color-seg-border-top: rgba(196, 138, 124, 0.75);
  --color-seg-border-mid: rgba(196, 138, 124, 0.38);
  --color-seg-option: rgba(196, 138, 124, 0.40);
  --color-seg-option-active: rgba(130, 80, 62, 0.99);
  --color-seg-divider: rgba(196, 138, 124, 0.2);
  --color-toggle-track-off: #EBDAD4;
  --color-toggle-track-on: rgb(222, 179, 169);
  --color-toggle-knob-on: rgb(222, 179, 169);
  --color-toggle-knob-off: #EBDAD4;
  --color-toggle-name: rgba(162, 132, 124, 0.65);
  --color-panel2-action-border: rgba(196, 138, 124, 0.25);
  --color-panel2-action-text: rgba(152, 112, 100, 0.55);
  --color-panel2-action-hover-bg: rgba(196, 138, 124, 0.06);
  --color-panel2-action-hover-border: rgba(196, 138, 124, 0.40);
  --color-panel2-action-hover-text: rgba(152, 112, 100, 0.72);
  --color-panel2-bg-thumb-border: rgba(196, 138, 124, 0.22);
  --color-panel2-bg-thumb-hover-border: rgba(196, 138, 124, 0.45);

  /* —— 面板三 · 雾玫瑰 —— */
  --color-panel3-bg: #705653;
  --color-panel3-tab: #F0DBD4;
  --color-panel3-section-title-glow: rgba(245, 205, 190, 0.5);
  --color-panel3-display: rgba(252, 236, 230, 0.72);
  --color-panel3-display-hover: rgba(252, 236, 230, 0.9);
  --color-panel3-display-hover-glow: rgba(250, 218, 208, 0.25);
  --color-panel3-display-hidden: rgba(252, 236, 230, 0.32);
  --color-panel3-display-revealed: rgba(252, 236, 230, 0.8);
  --color-panel3-entry-title: rgba(252, 236, 230, 0.85);
  --color-panel3-entry-dot: rgba(252, 236, 230, 0.55);
  --color-panel3-add-btn-glow: rgba(250, 218, 208, 0.3);

  /* —— 卡纸弹窗 / 燕尾标签 · 玫瑰 —— */
  --color-card-bg: #9c6b60;
  --color-card-title: #F6E2DC;
  --color-card-content: rgba(252, 242, 238, 0.95);
  --color-card-content-placeholder: rgba(250, 228, 222, 0.3);
  --color-card-reveal-btn: #AD6E5F;
  --color-card-reveal-btn-hover: rgba(215, 150, 138, 0.99);
  --color-tag-bg: #a7766c;
  --color-tag-text: rgba(252, 240, 236, 0.96);
  --color-tag-primary-bg: #CB9790;
  --color-tag-primary-text: rgba(233, 211, 203, 0.96);
  --color-tag-secondary-bg: rgba(174, 108, 94, 0.88);
  --color-tag-secondary-text: rgba(252, 240, 236, 0.88);
  --color-tag-secondary-hover-text: rgba(252, 240, 236, 0.96);
  --color-tag-role-bg: rgba(222, 179, 169, 0.88);
  --color-tag-role-hover-bg: rgba(222, 179, 169, 0.98);
  --color-tag-entry-dot: #F0D2CA;
  --color-tag-entry-title: #F6E2DC;
  --color-tag-entry-title-placeholder: rgba(250, 228, 222, 0.3);
  --color-kw-add-bg: #C07060;

  /* —— 聊天窗标题 —— */
  --color-chat-title: #966d64;
  --color-chat-title-line-start: #8E4A40;
  --color-chat-title-line-mid: #a46c65;
  --color-chat-title-line-warm: #f2d8b6;
  --color-chat-title-line-end: #BC7A6C;
  --color-chat-subtitle: #966d64;
  --color-chat-empty: rgba(192, 112, 96, 0.25);

  /* —— 导航条 —— */
  --color-nav-block: rgba(238, 210, 200, 0.2);
  --color-nav-block-hover: rgba(232, 192, 178, 0.5);
  --color-nav-block-active: rgba(159, 84, 74, 0.18);
  --color-nav-block-active-shadow: rgba(250, 234, 228, 0.5);
  --color-nav-block-active-glow: rgba(197, 110, 90, 0.25);
  --color-nav-tooltip-bg: rgba(255, 246, 242, 0.75);
  --color-nav-highlight: rgba(226, 165, 148, 0.6);

  /* —— 消息 · 助手 —— */
  --color-msg-assistant-text: #4E302B;
  --color-msg-assistant-heading: #9f584f;
  --color-msg-assistant-strong: #3F2620;
  --color-msg-assistant-em: #b87262;
  --color-msg-assistant-code: #a5685c;
  --color-msg-assistant-code-bg: rgba(192, 112, 96, 0.08);
  --color-msg-assistant-blockquote-border: rgba(192, 112, 96, 0.3);
  --color-msg-assistant-blockquote: rgba(78, 48, 43, 0.7);
  --color-msg-assistant-hr: rgba(192, 112, 96, 0.2);
  --color-msg-assistant-th-bg: rgba(192, 112, 96, 0.06);
  --color-msg-assistant-th-text: #bb7f73;
  --color-msg-assistant-th-border: rgba(175, 100, 85, 0.2);
  --color-msg-assistant-td-border: rgba(192, 112, 96, 0.08);
  --color-msg-assistant-tr-hover: rgba(192, 112, 96, 0.03);

  /* —— 消息 · 用户 —— */
  --color-msg-user-border: rgba(205, 145, 130, 0.15);
  --color-msg-user-text: #4C322B;
  --color-msg-user-shadow-line: rgba(205, 145, 130, 0.10);
  --color-msg-user-code: #7A5145;
  --color-msg-user-code-bg: rgba(205, 155, 138, 0.15);
  --color-msg-user-strong: #3A241E;
  --color-msg-user-em: #8A5548;
  --color-msg-user-th-bg: rgba(205, 155, 138, 0.1);
  --color-msg-user-th-text: #7A5145;
  --color-msg-user-th-border: rgba(205, 155, 138, 0.2);
  --color-msg-user-td-border: rgba(205, 155, 138, 0.1);
  --color-msg-user-tr-hover: rgba(205, 155, 138, 0.04);

  /* —— 消息 · 头像 —— */
  --color-msg-avatar-assistant-bg: #EFD6CE;
  --color-msg-avatar-user-bg: #FDE8E0;
  --color-msg-avatar-shadow: rgba(196, 138, 124, 0.4);
  --color-msg-avatar-shadow-line: rgba(218, 178, 165, 0.10);
  --color-msg-agent-name: rgba(143, 66, 56, 0.6);

  /* —— 助手玻璃气泡 —— */
  --color-msg-assistant-glass-bg: rgba(248, 222, 212, 0.15);
  --color-msg-assistant-glass-border: rgba(238, 195, 182, 0.25);
  --color-msg-assistant-glass-shadow-line: rgba(242, 205, 192, 0.15);
  --color-msg-assistant-glass-text: #4E302B;

  /* —— 思考链 —— */
  --color-thinking-bg: rgba(245, 222, 214, 0.12);
  --color-thinking-border: rgba(240, 205, 194, 0.35);
  --color-thinking-pulse-bg: rgba(159, 84, 74, 0.2);
  --color-thinking-pulse-fg: rgba(159, 84, 74, 0.5);
  --color-thinking-pulse-complete: rgba(143, 66, 56, 0.35);
  --color-thinking-pulse-complete-glow1: rgba(192, 112, 96, 0.12);
  --color-thinking-pulse-complete-glow2: rgba(192, 112, 96, 0.06);
  --color-thinking-time: rgba(143, 66, 56, 0.8);
  --color-thinking-content: rgba(112, 52, 44, 0.6);
  --color-thinking-content-line-start: #cca79c;
  --color-thinking-content-line-mid: #b57f73;
  --color-thinking-content-line-end: #F2D2C8;
  --color-thinking-dot: rgba(192, 112, 96, 0.733);
  --color-thinking-dot-glow: rgba(192, 112, 96, 0.15);

  /* —— 代码框 —— */
  --code-bg: rgba(200, 125, 110, 0.06);
  --code-border: rgba(192, 112, 96, 0.18);
  --code-header-bg: rgba(192, 112, 96, 0.06);
  --code-text: #4E302B;
  --code-lang: rgba(192, 112, 96, 0.4);
  --code-btn: rgba(192, 112, 96, 0.3);
  --code-btn-hover: rgba(192, 112, 96, 0.55);
  --code-btn-hover-bg: rgba(192, 112, 96, 0.06);
  --code-scrollbar-thumb: rgba(192, 112, 96, 0.08);
  --code-scrollbar-track: rgba(192, 112, 96, 0.1);
  --code-bg-user: rgba(205, 155, 138, 0.06);
  --code-border-user: rgba(205, 155, 138, 0.12);
  --code-header-bg-user: rgba(205, 155, 138, 0.03);
  --code-text-user: #4C322B;
  --code-lang-user: rgba(145, 95, 80, 0.4);
  --code-btn-user: rgba(145, 95, 80, 0.3);
  --code-btn-hover-user: rgba(145, 95, 80, 0.5);
  --code-btn-hover-bg-user: rgba(205, 155, 138, 0.08);
  --code-scrollbar-thumb-user: rgba(205, 155, 138, 0.1);

  /* —— 输入区 —— */
  --color-input-wrap-bg: rgba(252, 242, 236, 0.25);
  --color-input-wrap-border: rgba(205, 165, 150, 0.26);
  --color-input-wrap-focus-border: rgba(197, 110, 90, 0.3);
  --color-input-wrap-focus-shadow: rgba(190, 105, 88, 0.09);
  --color-input-textarea: rgba(92, 58, 48, 0.9);
  --color-input-tool-btn: rgba(173, 112, 98, 0.55);
  --color-input-tool-btn-hover-bg: rgba(197, 110, 90, 0.05);
  --color-input-tool-btn-hover: rgba(185, 123, 105, 0.75);
  --color-input-whale-hover-glow1: rgba(192, 112, 96, 0.45);
  --color-input-whale-hover-glow2: rgba(192, 112, 96, 0.15);
  --color-input-expand-hover: rgba(192, 112, 96, 0.45);
  --color-input-send: rgba(166, 106, 93, 0.55);
  --color-input-send-hover: rgba(202, 132, 116, 0.75);
  --color-input-send-hover-glow: rgba(159, 84, 74, 0.32);

  /* —— 右边栏 —— */
  --color-rs-bg: #FDF8F5;
  --color-rs-border: rgba(195, 165, 155, 0.16);
  --color-rs-shadow: rgba(135, 100, 90, 0.08);
  --color-rs-shadow-inner: rgba(165, 140, 132, 0.04);
  --color-rs-glow1: rgba(200, 140, 125, 0.08);
  --color-rs-glow2: rgba(185, 120, 108, 0.03);
  --color-rs-glow3: rgba(185, 120, 108, 0.05);
  --color-rs-text: rgba(122, 58, 48, 0.49);
  --color-rs-text-hover: rgba(122, 58, 48, 0.59);
  --color-rs-text-shadow1: rgba(122, 58, 48, 0.12);
  --color-rs-text-shadow2: rgba(122, 58, 48, 0.02);
  --color-rs-divider: #F0DEDA;
  --color-rs-input-border: rgba(122, 58, 48, 0.22);
  --color-rs-input-border-focus: rgba(200, 140, 125, 0.55);
  --color-rs-input-text: rgba(122, 58, 48, 0.49);
  --color-rs-input-caret: rgba(222, 175, 160, 0.6);
  --color-rs-input-placeholder: rgba(235, 200, 190, 0.35);
  --color-rs-eye: rgba(235, 200, 190, 0.65);
  --color-rs-eye-hover: rgba(235, 200, 190, 0.75);
  --color-rs-placeholder-text: rgba(122, 58, 48, 0.39);
  --color-rs-placeholder-icon: rgba(200, 140, 125, 0.45);
  --color-rs-avatar-border: rgba(192, 112, 96, 0.2);
  --color-rs-avatar-shadow: rgba(200, 140, 125, 0.06);
  --color-rs-avatar-hover-border: rgba(192, 112, 96, 0.3);
  --color-rs-avatar-hover-shadow: rgba(200, 140, 125, 0.1);
  --color-rs-icon: rgba(192, 112, 96, 0.59);
  --color-rs-icon-hover: rgb(250, 230, 224);
  --color-rs-restore-hover: rgba(192, 112, 96, 0.39);
  --color-rs-restore-hover-glow: rgba(192, 112, 96, 0.49);
  --color-rs-http-row-border: rgba(122, 58, 48, 0.12);
  --color-rs-http-row-hover: rgba(122, 58, 48, 0.04);
  --color-rs-http-main: rgba(122, 58, 48, 0.49);
  --color-rs-http-summary: rgba(122, 58, 48, 0.4);
  --color-rs-http-empty: rgba(122, 58, 48, 0.3);
  --color-rs-http-btn-border: rgba(122, 58, 48, 0.2);
  --color-rs-http-btn-hover-bg: rgba(122, 58, 48, 0.05);
  --color-rs-http-btn-hover-text: rgba(122, 58, 48, 0.59);
  --color-rs-section-dash: rgba(122, 58, 48, 0.22);

  /* —— 模型切换弹窗 / 通用设置组件 —— */
  --color-model-title: #BC7A6C;
  --color-model-option-name: #BC7A6C;
  --color-model-option-name-selected: #A85A4C;
  --color-model-indicator: rgba(192, 112, 96, 0.32);
  --color-model-btn-confirm-text: rgba(185, 100, 82, 0.78);
  --color-model-btn-confirm-border: rgba(192, 112, 96, 0.22);
  --color-model-btn-confirm-hover-bg: rgba(192, 112, 96, 0.08);
  --color-model-btn-confirm-hover-border: rgba(192, 112, 96, 0.35);
  --color-model-btn-confirm-hover-text: #9F544A;
  --color-model-input-border-focus: rgba(192, 112, 96, 0.35);
  --color-setting-input-border-focus: rgba(192, 112, 96, 0.35);
  --color-setting-eye-hover: rgba(192, 112, 96, 0.5);
  --color-setting-label: rgba(175, 82, 68, 0.65);
  --color-setting-select-border-focus: rgba(192, 112, 96, 0.35);

  /* —— 消息底栏 / 浮窗 / 版本 / 统计 —— */
  --color-msg-action: rgba(150, 70, 58, 0.35);
  --color-msg-action-hover: rgba(250, 228, 220, 0.9);
  --color-msg-action-hover-glow: rgba(228, 190, 178, 0.5);
  --color-msg-more-bg: #FDF8F5;
  --color-msg-more-border: rgba(250, 218, 205, 0.15);
  --color-msg-more-item: rgba(150, 70, 58, 0.35);
  --color-msg-more-item-hover: rgba(250, 228, 220, 0.9);
  --color-msg-version-text: #D8A294;
  --color-msg-version-btn: rgba(123, 70, 56, 0.75);
  --color-msg-version-btn-hover: rgba(238, 218, 220, 0.8);
  --color-msg-version-indicator: rgba(216, 162, 148, 0.72);
  --color-msg-token-stats-text: rgba(123, 70, 56, 0.75);
  --color-msg-token-stats-icon: rgba(123, 70, 56, 0.7);
  --color-file-tag-bg: rgba(150, 70, 58, 0.06);
  --color-file-tag-border: rgba(150, 70, 58, 0.12);
  --color-file-tag-text: rgba(150, 70, 58, 0.7);
  --color-chat-title-btn: rgba(192, 112, 96, 0.4);
  --color-chat-title-btn-hover: rgba(182, 112, 96, 0.9);
  --color-chat-title-btn-hover-glow: rgba(192, 112, 96, 0.4);
  --color-chat-title-pinned: rgba(248, 228, 218, 0.764);
  --color-chat-title-pinned-hover: rgba(248, 220, 205, 0.92);
  --color-chat-title-pin-rest: rgba(248, 228, 218, 0.764);

  /* —— 注入管理 / HTTP 弹窗 / 显示设置标签 —— */
  --color-inject-title: #BC7A6C;
  --color-inject-entry-role: rgba(200, 140, 125, 0.55);
  --color-section-label-appearance: rgba(185, 95, 78, 0.65);
  --color-http-log-title: #BC7A6C;
  --color-http-log-back-btn: rgba(192, 112, 96, 0.6);
  --color-http-log-detail-text: rgba(150, 70, 58, 0.8);
  --color-http-log-block-bg: rgba(248, 222, 212, 0.12);
  --color-http-log-pre-bg: rgba(248, 222, 212, 0.08);
  --color-http-log-btn-border: rgba(192, 112, 96, 0.3);
  --color-http-log-btn-text: rgba(150, 70, 58, 0.55);
  --color-http-log-empty: rgba(200, 140, 125, 0.3);
  --color-http-log-row-text: rgba(150, 70, 58, 0.7);
  --color-http-log-row-summary: rgba(200, 140, 125, 0.45);
  --color-http-log-row-divider: rgba(192, 112, 96, 0.1);
  --color-inject-empty: rgba(245, 220, 210, 0.3);

  /* —— 右边栏 · 用户显示设置滑块/开关 —— */
  --color-rs-slider-label: rgba(122, 58, 48, 0.35);
  --color-rs-slider-value: rgba(122, 58, 48, 0.40);
  --color-rs-slider-track: rgba(122, 58, 48, 0.08);
  --color-rs-slider-fill: rgba(122, 58, 48, 0.25);
  --color-rs-slider-handle: rgba(122, 58, 48, 0.45);
  --color-rs-toggle-track-off: #EBDAD4;
  --color-rs-toggle-track-on: rgba(122, 58, 48, 0.55);
  --color-rs-toggle-knob-on: rgba(122, 58, 48, 0.55);
  --color-rs-toggle-knob-off: #EBDAD4;
  --color-rs-toggle-shadow: rgba(0, 0, 0, 0.08);
  --color-rs-toggle-name: rgba(147, 132, 119, 0.65);

  /* —— 昼夜切换 · 玫瑰色系 —— */
  --color-dn-icon: rgba(185, 95, 80, 0.38);
  --color-dn-icon-active: rgba(185, 95, 80, 0.72);
  --color-dn-icon-active-dark: rgba(245, 210, 200, 0.78);
  --color-dn-track-bg: #ECD5CE;
  --color-dn-track-bg-dark: #3d2520;
  --color-dn-knob: #c08478;
  --color-dn-knob-dark: #8b5a4e;
  --color-dn-divider-line: rgba(185, 95, 80, 0.18);
  --color-dn-divider-line-dark: rgba(240, 210, 200, 0.15);
}

/* ==================================================
   主题四 · 落日黄昏 · 落地窗外的黄昏（dusk）
   ================================================== */
:root[data-theme="dusk"] {
  /* —— 全局背景 —— */
  --color-body-bg: #FBF4EC;
  --color-body-scrollbar-thumb: rgba(198, 118, 84, 0.12);
  --color-body-scrollbar-thumb-hover: rgba(198, 118, 84, 0.25);
  --color-body-glow3: rgba(250, 238, 226, 0.18);
  --color-body-glow4: rgba(248, 234, 220, 0.26);
  --color-body-glow5: rgba(250, 236, 222, 0.38);
  --color-body-glow6: rgba(250, 236, 222, 0.14);
  --color-body-scrollbar-firefox: rgba(192, 112, 78, 0.15);

  /* —— 启动屏 · 落日沉绯 —— */
  --color-splash-de: rgba(155, 38, 22, 0.15);
  --color-splash-de-shadow1: rgba(65, 18, 14, 0.22);
  --color-splash-de-shadow2: rgba(155, 38, 22, 0.10);
  --color-splash-de-shadow3: rgba(155, 38, 22, 0.06);
  --color-splash-zh: rgba(155, 38, 22, 0.45);
  --color-splash-zh-shadow1: rgba(65, 18, 14, 0.32);
  --color-splash-zh-shadow2: rgba(155, 38, 22, 0.18);
  --color-splash-zh-shadow3: rgba(155, 38, 22, 0.06);

  /* —— 面板一 · 砖红 —— */
  --color-panel1-bg: #99270C;
  /* 面板一叠加了SVG噪点，所以选择浓郁的颜色会正好被减淡、做旧，达到理想效果 */
  --color-panel1-tab: #F0D4BA;
  --color-panel1-name: #F5E1CE;
  --color-panel1-conv-text: rgba(250, 234, 212, 0.78);
  --color-panel1-conv-empty: rgba(242, 218, 190, 0.38);
  --color-panel1-bottom-btn: rgba(242, 218, 190, 0.48);
  --color-panel1-search-icon: rgba(242, 218, 190, 0.48);
  --color-panel1-search-icon-open: rgba(242, 218, 190, 0.58);
  --color-panel1-search-input: #F5E1CE;
  --color-panel1-search-placeholder: rgba(242, 218, 190, 0.38);
  --color-panel1-expand-btn: rgba(242, 218, 190, 0.52);

  /* —— 面板二 · 落日 —— */
  --color-panel2-bg: #F2E0D5;
  --color-panel2-bg-active: #FBF4EC;
  --color-panel2-grid: rgba(190, 160, 135, 0.025);
  --color-panel2-grid-90: rgba(190, 160, 135, 0.018);
  --color-panel2-border: rgba(190, 160, 135, 0.18);
  --color-panel2-tab: #A89A92;
  --color-caramel: rgba(188, 134, 96, 0.20);
  --color-caramel-light: rgba(188, 134, 96, 0.38);
  --color-caramel-medium: rgba(188, 134, 96, 0.50);
  --color-caramel-strong: rgba(188, 134, 96, 0.55);
  --color-caramel-dark: rgba(130, 80, 45, 0.82);
  --color-caramel-text: rgba(150, 100, 70, 0.72);
  --color-caramel-text-dark: rgba(120, 75, 48, 0.85);
  --color-caramel-text-focus: rgba(150, 100, 70, 0.55);
  --color-caramel-memo: rgba(188, 134, 96, 0.38);
  --color-caramel-memo-placeholder: rgba(188, 134, 96, 0.20);
  --color-caramel-memo-focus: rgba(150, 100, 70, 0.55);
  --color-caramel-label: rgba(150, 110, 80, 0.42);
  --color-caramel-label-dark: rgba(150, 110, 80, 0.48);
  --color-caramel-value: rgba(130, 80, 45, 0.82);
  --color-caramel-handle: #A86F42;
  --color-caramel-handle-disabled: rgba(188, 134, 96, 0.22);
  --color-caramel-track: rgba(188, 134, 96, 0.20);
  --color-caramel-fill: rgba(188, 134, 96, 0.50);
  --color-panel2-select-border: rgba(188, 134, 96, 0.20);
  --color-panel2-select-border-focus: rgba(188, 134, 96, 0.50);
  --color-panel2-select-text: rgba(130, 85, 55, 0.72);
  --color-panel2-avatar-border: rgba(200, 140, 100, 0.7);
  --color-panel2-avatar-bg: rgba(200, 140, 100, 0.65);
  --color-panel2-avatar-shadow: rgba(188, 134, 96, 0.30);
  --color-panel2-avatar-hover-border: rgba(188, 134, 96, 0.55);
  --color-panel2-avatar-hover-shadow: rgba(188, 134, 96, 0.40);
  --color-panel2-avatar-placeholder-bg: #f2e2d226;
  --color-seg-border-top: rgba(188, 134, 96, 0.75);
  --color-seg-border-mid: rgba(188, 134, 96, 0.38);
  --color-seg-option: rgba(188, 134, 96, 0.40);
  --color-seg-option-active: rgba(130, 80, 45, 0.99);
  --color-seg-divider: rgba(188, 134, 96, 0.2);
  --color-toggle-track-off: #E8DAD0;
  --color-toggle-track-on: rgb(216, 168, 137);
  --color-toggle-knob-on: rgb(216, 168, 137);
  --color-toggle-knob-off: #E8DAD0;
  --color-toggle-name: rgba(160, 130, 110, 0.65);
  --color-panel2-action-border: rgba(188, 134, 96, 0.25);
  --color-panel2-action-text: rgba(150, 110, 80, 0.55);
  --color-panel2-action-hover-bg: rgba(188, 134, 96, 0.06);
  --color-panel2-action-hover-border: rgba(188, 134, 96, 0.40);
  --color-panel2-action-hover-text: rgba(150, 110, 80, 0.72);
  --color-panel2-bg-thumb-border: rgba(188, 134, 96, 0.22);
  --color-panel2-bg-thumb-hover-border: rgba(188, 134, 96, 0.45);

  /* —— 面板三 · 赭砖 —— */
  --color-panel3-bg: #874C3D;
  --color-panel3-tab: #F2DDD2;
  --color-panel3-section-title-glow: rgba(240, 205, 175, 0.5);
  --color-panel3-display: rgba(252, 235, 222, 0.72);
  --color-panel3-display-hover: rgba(252, 235, 222, 0.9);
  --color-panel3-display-hover-glow: rgba(250, 215, 190, 0.25);
  --color-panel3-display-hidden: rgba(252, 235, 222, 0.32);
  --color-panel3-display-revealed: rgba(252, 235, 222, 0.8);
  --color-panel3-entry-title: rgba(252, 235, 222, 0.85);
  --color-panel3-entry-dot: rgba(252, 235, 222, 0.55);
  --color-panel3-add-btn-glow: rgba(250, 215, 190, 0.3);

  /* —— 卡纸弹窗 / 燕尾标签 · 落日余烬 —— */
  --color-card-bg: #9C5135;
  --color-card-title: #F0D4BA;
  --color-card-content: rgba(248, 236, 225, 0.92);
  --color-card-content-placeholder: rgba(240, 218, 198, 0.3);
  --color-card-reveal-btn: #8E4428;
  --color-card-reveal-btn-hover: rgba(178, 110, 75, 0.9);
  --color-tag-bg: #683318;
  --color-tag-text: rgba(245, 226, 212, 0.90);
  --color-tag-primary-bg: #864428;
  --color-tag-primary-text: rgba(248, 236, 225, 0.92);
  --color-tag-secondary-bg: rgba(104, 51, 24, 0.88);
  --color-tag-secondary-text: rgba(245, 226, 212, 0.84);
  --color-tag-secondary-hover-text: rgba(245, 226, 212, 0.94);
  --color-tag-role-bg: rgba(160, 108, 82, 0.65);
  --color-tag-role-hover-bg: rgba(160, 108, 82, 0.78);
  --color-tag-entry-dot: #DDBEAA;
  --color-tag-entry-title: #F0D4BA;
  --color-tag-entry-title-placeholder: rgba(240, 218, 198, 0.3);
  --color-kw-add-bg: #683318;

  /* —— 聊天窗标题 —— */
  --color-chat-title: #9E6045;
  --color-chat-title-line-start: #9C5135;
  --color-chat-title-line-mid: #BE6241;
  --color-chat-title-line-warm: #f2dbb6;
  --color-chat-title-line-end: #9E6045;
  --color-chat-subtitle: #A06E55;
  --color-chat-empty: rgba(116, 68, 48, 0.25);

  /* —— 导航条 · 烬暖余晖 —— */
  --color-nav-block: rgba(210, 145, 105, 0.35);
  --color-nav-block-hover: rgba(210, 145, 100, 0.68);
  --color-nav-block-active: rgba(190, 90, 40, 0.42);
  --color-nav-block-active-shadow: rgba(246, 228, 210, 0.45);
  --color-nav-block-active-glow: rgba(210, 115, 55, 0.35);
  --color-nav-tooltip-bg: rgba(252, 242, 230, 0.8);
  --color-nav-highlight: rgba(200, 132, 80, 0.62);

  /* —— 消息 · 助手 —— */
  --color-msg-assistant-text: #4A2C1C;
  --color-msg-assistant-heading: #BA4B1D;
  --color-msg-assistant-strong: #3E2416;
  --color-msg-assistant-em: #C76938;
  --color-msg-assistant-code: #B85A28;
  --color-msg-assistant-code-bg: rgba(198, 118, 84, 0.08);
  --color-msg-assistant-blockquote-border: rgba(198, 118, 84, 0.3);
  --color-msg-assistant-blockquote: rgba(74, 44, 28, 0.7);
  --color-msg-assistant-hr: rgba(198, 118, 84, 0.2);
  --color-msg-assistant-th-bg: rgba(198, 118, 84, 0.06);
  --color-msg-assistant-th-text: #C07A52;
  --color-msg-assistant-th-border: rgba(180, 100, 60, 0.2);
  --color-msg-assistant-td-border: rgba(198, 118, 84, 0.08);
  --color-msg-assistant-tr-hover: rgba(198, 118, 84, 0.03);

  /* —— 消息 · 用户 —— */
  --color-msg-user-border: rgba(202, 140, 100, 0.15);
  --color-msg-user-text: #4A2E1C;
  --color-msg-user-shadow-line: rgba(202, 140, 100, 0.10);
  --color-msg-user-code: #7A4A2E;
  --color-msg-user-code-bg: rgba(200, 150, 115, 0.15);
  --color-msg-user-strong: #38200F;
  --color-msg-user-em: #8A4A24;
  --color-msg-user-th-bg: rgba(200, 150, 115, 0.1);
  --color-msg-user-th-text: #7A4A2E;
  --color-msg-user-th-border: rgba(200, 150, 115, 0.2);
  --color-msg-user-td-border: rgba(200, 150, 115, 0.1);
  --color-msg-user-tr-hover: rgba(200, 150, 115, 0.04);

  /* —— 消息 · 头像 —— */
  --color-msg-avatar-assistant-bg: #EBD5C8;
  --color-msg-avatar-user-bg: #F4E2D2;
  --color-msg-avatar-shadow: rgba(188, 134, 96, 0.4);
  --color-msg-avatar-shadow-line: rgba(215, 175, 150, 0.10);
  --color-msg-agent-name: rgba(106, 60, 50, 0.6);

  /* —— 助手玻璃气泡 —— */
  --color-msg-assistant-glass-bg: rgba(245, 215, 195, 0.15);
  --color-msg-assistant-glass-border: rgba(230, 190, 165, 0.25);
  --color-msg-assistant-glass-shadow-line: rgba(235, 198, 172, 0.15);
  --color-msg-assistant-glass-text: #4A2C1C;

  /* —— 思考链 · 暗烬余温 —— */
  --color-thinking-bg: rgba(175, 115, 80, 0.10);
  --color-thinking-border: rgba(175, 115, 80, 0.30);
  --color-thinking-pulse-bg: rgba(130, 55, 25, 0.22);
  --color-thinking-pulse-fg: rgba(155, 65, 28, 0.50);
  --color-thinking-pulse-complete: rgba(120, 48, 20, 0.38);
  --color-thinking-pulse-complete-glow1: rgba(155, 80, 42, 0.10);
  --color-thinking-pulse-complete-glow2: rgba(155, 80, 42, 0.05);
  --color-thinking-time: rgba(120, 45, 18, 0.82);
  --color-thinking-content: rgba(85, 38, 18, 0.58);
  --color-thinking-content-line-start: #7A4A2E;
  --color-thinking-content-line-mid: #A87555;
  --color-thinking-content-line-end: #E3BCA0;
  --color-thinking-dot: rgba(155, 80, 42, 0.70);
  --color-thinking-dot-glow: rgba(155, 80, 42, 0.12);

  /* —— 代码框 —— */
  --code-bg: rgba(202, 130, 95, 0.06);
  --code-border: rgba(198, 118, 84, 0.18);
  --code-header-bg: rgba(198, 118, 84, 0.06);
  --code-text: #4A2C1C;
  --code-lang: rgba(198, 118, 84, 0.4);
  --code-btn: rgba(198, 118, 84, 0.3);
  --code-btn-hover: rgba(198, 118, 84, 0.55);
  --code-btn-hover-bg: rgba(198, 118, 84, 0.06);
  --code-scrollbar-thumb: rgba(198, 118, 84, 0.08);
  --code-scrollbar-track: rgba(198, 118, 84, 0.1);
  --code-bg-user: rgba(200, 150, 115, 0.06);
  --code-border-user: rgba(200, 150, 115, 0.12);
  --code-header-bg-user: rgba(200, 150, 115, 0.03);
  --code-text-user: #4A2E1C;
  --code-lang-user: rgba(140, 85, 50, 0.4);
  --code-btn-user: rgba(140, 85, 50, 0.3);
  --code-btn-hover-user: rgba(140, 85, 50, 0.5);
  --code-btn-hover-bg-user: rgba(200, 150, 115, 0.08);
  --code-scrollbar-thumb-user: rgba(200, 150, 115, 0.1);

  /* —— 输入区 · 余烬绯暖 —— */
  --color-input-wrap-bg: rgba(248, 228, 218, 0.22);
  --color-input-wrap-border: rgba(185, 130, 115, 0.26);
  --color-input-wrap-focus-border: rgba(155, 60, 35, 0.32);
  --color-input-wrap-focus-shadow: rgba(150, 55, 30, 0.08);
  --color-input-textarea: rgba(65, 28, 18, 0.9);
  --color-input-tool-btn: rgba(155, 60, 30, 0.52);
  --color-input-tool-btn-hover-bg: rgba(155, 60, 30, 0.05);
  --color-input-tool-btn-hover: rgba(175, 70, 35, 0.72);
  --color-input-whale-hover-glow1: rgba(175, 70, 35, 0.42);
  --color-input-whale-hover-glow2: rgba(175, 70, 35, 0.12);
  --color-input-expand-hover: rgba(165, 68, 38, 0.42);
  --color-input-send: rgba(155, 55, 28, 0.55);
  --color-input-send-hover: rgba(175, 65, 32, 0.72);
  --color-input-send-hover-glow: rgba(155, 38, 22, 0.32);

  /* —— 右边栏  —— */
  --color-rs-bg: #FBF5F0;
  --color-rs-border: rgba(175, 140, 125, 0.16);
  --color-rs-shadow: rgba(115, 70, 52, 0.08);
  --color-rs-shadow-inner: rgba(145, 110, 95, 0.04);
  --color-rs-glow1: rgba(155, 70, 45, 0.08);
  --color-rs-glow2: rgba(140, 60, 38, 0.03);
  --color-rs-glow3: rgba(140, 60, 38, 0.05);
  --color-rs-text: rgba(120, 42, 24, 0.49);
  --color-rs-text-hover: rgba(120, 42, 24, 0.62);
  --color-rs-text-shadow1: rgba(120, 42, 24, 0.10);
  --color-rs-text-shadow2: rgba(120, 42, 24, 0.02);
  --color-rs-divider: #E8D5CB;
  --color-rs-input-border: rgba(120, 42, 24, 0.24);
  --color-rs-input-border-focus: rgba(155, 68, 38, 0.50);
  --color-rs-input-text: rgba(120, 42, 24, 0.52);
  --color-rs-input-caret: rgba(178, 108, 78, 0.55);
  --color-rs-input-placeholder: rgba(195, 150, 130, 0.32);
  --color-rs-eye: rgba(195, 150, 130, 0.58);
  --color-rs-eye-hover: rgba(195, 150, 130, 0.70);
  --color-rs-placeholder-text: rgba(120, 42, 24, 0.42);
  --color-rs-placeholder-icon: rgba(155, 68, 38, 0.42);
  --color-rs-avatar-border: rgba(145, 52, 30, 0.22);
  --color-rs-avatar-shadow: rgba(145, 52, 30, 0.06);
  --color-rs-avatar-hover-border: rgba(145, 52, 30, 0.32);
  --color-rs-avatar-hover-shadow: rgba(145, 52, 30, 0.10);
  --color-rs-icon: rgba(150, 55, 32, 0.52);
  --color-rs-icon-hover: rgba(210, 160, 140, 0.88);
  --color-rs-restore-hover: rgba(150, 55, 32, 0.42);
  --color-rs-restore-hover-glow: rgba(150, 55, 32, 0.48);
  --color-rs-http-row-border: rgba(120, 42, 24, 0.12);
  --color-rs-http-row-hover: rgba(120, 42, 24, 0.04);
  --color-rs-http-main: rgba(120, 42, 24, 0.52);
  --color-rs-http-summary: rgba(120, 42, 24, 0.42);
  --color-rs-http-empty: rgba(120, 42, 24, 0.32);
  --color-rs-http-btn-border: rgba(120, 42, 24, 0.22);
  --color-rs-http-btn-hover-bg: rgba(120, 42, 24, 0.05);
  --color-rs-http-btn-hover-text: rgba(120, 42, 24, 0.62);
  --color-rs-section-dash: rgba(120, 42, 24, 0.22);

  /* —— 模型切换弹窗 / 通用设置组件 · 灰烬余绯 —— */
  --color-model-title: #8E5540;
  --color-model-option-name: #8E5540;
  --color-model-option-name-selected: #6E3020;
  --color-model-indicator: rgba(140, 72, 50, 0.32);
  --color-model-btn-confirm-text: rgba(155, 68, 38, 0.72);
  --color-model-btn-confirm-border: rgba(140, 72, 50, 0.24);
  --color-model-btn-confirm-hover-bg: rgba(140, 72, 50, 0.10);
  --color-model-btn-confirm-hover-border: rgba(140, 72, 50, 0.40);
  --color-model-btn-confirm-hover-text: #752A18;
  --color-model-input-border-focus: rgba(140, 72, 50, 0.38);
  --color-setting-input-border-focus: rgba(140, 72, 50, 0.38);
  --color-setting-eye-hover: rgba(140, 72, 50, 0.50);
  --color-setting-label: rgba(145, 58, 32, 0.60);
  --color-setting-select-border-focus: rgba(140, 72, 50, 0.38);

  /* —— 消息底栏 / 浮窗 / 版本 / 统计 · 余烬暗绯 —— */
  --color-msg-action: rgba(145, 52, 28, 0.38);
  --color-msg-action-hover: rgba(242, 218, 208, 0.88);
  --color-msg-action-hover-glow: rgba(155, 60, 32, 0.48);
  --color-msg-more-bg: #FBF5EF;
  --color-msg-more-border: rgba(155, 72, 40, 0.14);
  --color-msg-more-item: rgba(145, 52, 28, 0.38);
  --color-msg-more-item-hover: rgba(242, 218, 208, 0.88);
  --color-msg-version-text: #A26E58;
  --color-msg-version-btn: rgba(145, 52, 28, 0.38);
  --color-msg-version-btn-hover: rgba(242, 218, 208, 0.88);
  --color-msg-version-indicator: rgba(162, 110, 88, 0.68);
  --color-msg-token-stats-text: rgba(125, 35, 15, 0.70);
  --color-msg-token-stats-icon: rgba(125, 35, 15, 0.62);
  --color-file-tag-bg: rgba(145, 52, 28, 0.07);
  --color-file-tag-border: rgba(145, 52, 28, 0.14);
  --color-file-tag-text: rgba(145, 52, 28, 0.62);
  --color-chat-title-btn: rgba(150, 62, 35, 0.42);
  --color-chat-title-btn-hover: rgba(150, 62, 35, 0.88);
  --color-chat-title-btn-hover-glow: rgba(145, 52, 28, 0.38);
  --color-chat-title-pinned: rgba(242, 219, 182, 0.65);
  --color-chat-title-pinned-hover: rgba(242, 219, 182, 0.85);
  --color-chat-title-pin-rest: rgba(242, 219, 182, 0.45);

  /* —— 注入管理 / HTTP 弹窗 / 显示设置标签 · 灰烬余绯 —— */
  --color-inject-title: #8E5540;
  --color-inject-entry-role: rgba(140, 72, 50, 0.52);
  --color-section-label-appearance: rgba(148, 68, 42, 0.58);
  --color-http-log-title: #8E5540;
  --color-http-log-back-btn: rgba(140, 72, 50, 0.55);
  --color-http-log-detail-text: rgba(120, 48, 28, 0.75);
  --color-http-log-block-bg: rgba(165, 90, 55, 0.10);
  --color-http-log-pre-bg: rgba(165, 90, 55, 0.06);
  --color-http-log-btn-border: rgba(140, 72, 50, 0.30);
  --color-http-log-btn-text: rgba(120, 48, 28, 0.52);
  --color-http-log-empty: rgba(140, 72, 50, 0.28);
  --color-http-log-row-text: rgba(120, 48, 28, 0.66);
  --color-http-log-row-summary: rgba(140, 72, 50, 0.42);
  --color-http-log-row-divider: rgba(140, 72, 50, 0.10);
  --color-inject-empty: rgba(178, 108, 78, 0.28);

  /* —— 右边栏 · 用户显示设置滑块/开关 —— */
  --color-rs-slider-label: rgba(120, 42, 24, 0.35);
  --color-rs-slider-value: rgba(120, 42, 24, 0.40);
  --color-rs-slider-track: rgba(120, 42, 24, 0.08);
  --color-rs-slider-fill: rgba(120, 42, 24, 0.25);
  --color-rs-slider-handle: rgba(120, 42, 24, 0.45);
  --color-rs-toggle-track-off: #E8DAD0;
  --color-rs-toggle-track-on: rgba(120, 42, 24, 0.55);
  --color-rs-toggle-knob-on: rgba(120, 42, 24, 0.55);
  --color-rs-toggle-knob-off: #E8DAD0;
  --color-rs-toggle-shadow: rgba(0, 0, 0, 0.08);
  --color-rs-toggle-name: rgba(147, 132, 119, 0.65);

  /* —— 昼夜切换 · 落日赭色系 —— */
  --color-dn-icon: rgba(165, 85, 50, 0.38);
  --color-dn-icon-active: rgba(165, 85, 50, 0.72);
  --color-dn-icon-active-dark: rgba(240, 210, 185, 0.78);
  --color-dn-track-bg: #E6D0C0;
  --color-dn-track-bg-dark: #3d2820;
  --color-dn-knob: #b87855;
  --color-dn-knob-dark: #8b5a3a;
  --color-dn-divider-line: rgba(165, 85, 50, 0.18);
  --color-dn-divider-line-dark: rgba(235, 205, 180, 0.15);
}

/* ==================================================
   主题五 · 密匣未启时（sealed）
   ================================================== */
:root[data-theme="sealed"] {
  /* —— 全局背景 · 深灰暖黑 —— */
  --color-body-bg: #2C2222;
  --color-body-scrollbar-thumb: rgba(191, 44, 44, 0.12);
  --color-body-scrollbar-thumb-hover: rgba(191, 44, 44, 0.25);
  --color-body-glow1: rgba(0, 0, 0, 0.45);
  --color-body-glow2: rgba(0, 0, 0, 0.30);
  --color-body-glow3: rgba(50, 34, 34, 0.08);
  --color-body-glow4: rgba(48, 32, 32, 0.06);
  --color-body-glow5: rgba(52, 35, 35, 0.08);
  --color-body-glow6: rgba(52, 35, 35, 0.04);
  --color-body-scrollbar-firefox: rgba(180, 40, 40, 0.15);

  /* —— 启动屏 · 暗绯星火 —— */
  --color-splash-de: rgba(210, 70, 55, 0.52);
  --color-splash-de-shadow1: rgba(20, 5, 5, 0.30);
  --color-splash-de-shadow2: rgba(210, 70, 55, 0.10);
  --color-splash-de-shadow3: rgba(210, 70, 55, 0.04);
  --color-splash-zh: rgba(210, 70, 55, 0.68);
  --color-splash-zh-shadow1: rgba(20, 5, 5, 0.35);
  --color-splash-zh-shadow2: rgba(210, 70, 55, 0.12);
  --color-splash-zh-shadow3: rgba(210, 70, 55, 0.04);

  /* —— 面板一 · 幽邃极暗（叠加SVG噪点 → 卡纸做旧感）—— */
  --color-panel1-bg: #120707;
  --color-panel1-tab: #C8A0A0;
  --color-panel1-name: #E0C8C8;
  --color-panel1-conv-text: rgba(230, 205, 205, 0.75);
  --color-panel1-conv-empty: rgba(200, 160, 160, 0.35);
  --color-panel1-bottom-btn: rgba(200, 160, 160, 0.45);
  --color-panel1-search-icon: rgba(200, 160, 160, 0.45);
  --color-panel1-search-icon-open: rgba(200, 160, 160, 0.55);
  --color-panel1-search-input: #E0C8C8;
  --color-panel1-search-placeholder: rgba(200, 160, 160, 0.35);
  --color-panel1-expand-btn: rgba(200, 160, 160, 0.50);
  /* 面板一缺省不变项（border/shadow/avatar等）从 variables.css 继承深底色一致 */

  /* —— 面板二 · 暖黑灰（焦糖位 → 暗绯褐）—— */
  --color-panel2-bg: #4D3D3A;
  --color-panel2-bg-active: #2E2424;
  --color-panel2-grid: rgba(140, 60, 60, 0.025);
  --color-panel2-grid-90: rgba(140, 60, 60, 0.018);
  --color-panel2-border: rgba(140, 60, 60, 0.18);
  --color-panel2-tab: #8A7A7A;
  --color-caramel: rgba(160, 50, 45, 0.22);
  --color-caramel-light: rgba(160, 50, 45, 0.40);
  --color-caramel-medium: rgba(160, 50, 45, 0.52);
  --color-caramel-strong: rgba(160, 50, 45, 0.58);
  --color-caramel-dark: rgba(130, 35, 30, 0.82);
  --color-caramel-text: rgba(190, 160, 155, 0.72);
  --color-caramel-text-dark: rgba(180, 145, 140, 0.85);
  --color-caramel-text-focus: rgba(190, 160, 155, 0.55);
  --color-caramel-memo: rgba(160, 50, 45, 0.38);
  --color-caramel-memo-placeholder: rgba(160, 50, 45, 0.20);
  --color-caramel-memo-focus: rgba(190, 160, 155, 0.55);
  --color-caramel-label: rgba(175, 145, 140, 0.42);
  --color-caramel-label-dark: rgba(175, 145, 140, 0.48);
  --color-caramel-value: rgba(130, 35, 30, 0.82);
  --color-caramel-handle: #8B4038;
  --color-caramel-handle-disabled: rgba(160, 50, 45, 0.24);
  --color-caramel-track: rgba(160, 50, 45, 0.22);
  --color-caramel-fill: rgba(160, 50, 45, 0.52);
  --color-panel2-select-bg: rgba(40, 20, 20, 0.45);
  --color-panel2-select-border: rgba(160, 50, 45, 0.22);
  --color-panel2-select-border-focus: rgba(160, 50, 45, 0.52);
  --color-panel2-select-text: rgba(185, 155, 150, 0.72);
  --color-panel2-avatar-border: rgba(180, 60, 50, 0.70);
  --color-panel2-avatar-bg: rgba(180, 60, 50, 0.65);
  --color-panel2-avatar-shadow: rgba(160, 50, 45, 0.30);
  --color-panel2-avatar-hover-border: rgba(160, 50, 45, 0.55);
  --color-panel2-avatar-hover-shadow: rgba(160, 50, 45, 0.40);
  --color-panel2-avatar-placeholder-bg: #38282826;
  --color-seg-border-top: rgba(160, 50, 45, 0.75);
  --color-seg-border-mid: rgba(160, 50, 45, 0.38);
  --color-seg-knob-bg: rgba(60, 25, 25, 0.55);
  --color-seg-knob-border: rgba(130, 35, 30, 0.70);
  --color-seg-knob-shadow: rgba(0, 0, 0, 0.25);
  --color-seg-option: rgba(160, 50, 45, 0.42);
  --color-seg-option-active: rgba(130, 35, 30, 0.99);
  --color-seg-divider: rgba(160, 50, 45, 0.20);
  --color-toggle-track-off: #3A2E2E;
  --color-toggle-track-on: rgb(200, 80, 70);
  --color-toggle-knob-on: rgb(200, 80, 70);
  --color-toggle-knob-off: #3A2E2E;
  --color-toggle-name: rgba(165, 140, 135, 0.65);
  --color-panel2-action-border: rgba(160, 50, 45, 0.28);
  --color-panel2-action-text: rgba(175, 145, 140, 0.55);
  --color-panel2-action-hover-bg: rgba(160, 50, 45, 0.08);
  --color-panel2-action-hover-border: rgba(160, 50, 45, 0.42);
  --color-panel2-action-hover-text: rgba(175, 145, 140, 0.72);
  --color-panel2-bg-thumb-border: rgba(160, 50, 45, 0.24);
  --color-panel2-bg-thumb-hover-border: rgba(160, 50, 45, 0.48);

  /* —— 面板三 · 暗绯红 —— */
  --color-panel3-bg: #3D1515;
  --color-panel3-tab: #D8BFBF;
  --color-panel3-section-title-glow: rgba(200, 100, 90, 0.48);
  --color-panel3-display: rgba(240, 210, 210, 0.72);
  --color-panel3-display-hover: rgba(240, 210, 210, 0.88);
  --color-panel3-display-hover-glow: rgba(191, 44, 44, 0.25);
  --color-panel3-display-hidden: rgba(240, 210, 210, 0.32);
  --color-panel3-display-revealed: rgba(240, 210, 210, 0.78);
  --color-panel3-entry-title: rgba(210, 170, 175, 0.82);
  --color-panel3-entry-dot: rgba(210, 170, 175, 0.50);
  --color-panel3-add-btn-glow: rgba(191, 44, 44, 0.30);

  /* —— 卡纸弹窗 / 燕尾标签 · 幽绯 —— */
  --color-card-bg: #2A1010;
  --color-card-title: #E0C8C8;
  --color-card-content: rgba(235, 215, 215, 0.92);
  --color-card-content-placeholder: rgba(210, 175, 175, 0.28);
  --color-card-reveal-btn: #722020;
  --color-card-reveal-btn-hover: rgba(191, 44, 44, 0.78);
  --color-tag-bg: #4A1414;
  --color-tag-text: rgba(235, 210, 210, 0.90);
  --color-tag-primary-bg: #6B1C1C;
  --color-tag-primary-text: rgba(240, 218, 218, 0.92);
  --color-tag-secondary-bg: rgba(74, 20, 20, 0.88);
  --color-tag-secondary-text: rgba(235, 210, 210, 0.84);
  --color-tag-secondary-hover-text: rgba(235, 210, 210, 0.94);
  --color-tag-role-bg: rgba(130, 45, 40, 0.55);
  --color-tag-role-hover-bg: rgba(130, 45, 40, 0.68);
  --color-tag-entry-dot: #D4B8B8;
  --color-tag-entry-title: #E0C8C8;
  --color-tag-entry-title-placeholder: rgba(210, 175, 175, 0.28);
  --color-kw-add-bg: #4A1414;

  /* —— 聊天窗标题 · 多巴胺 —— */
  --color-chat-title: #852a2a;
  --color-chat-title-line-start: #852A2A;
  --color-chat-title-line-mid: #6B1E1E;
  --color-chat-title-line-warm: #C09098;
  --color-chat-title-line-end: #6B1E1E;
  --color-chat-subtitle: #A84240;
  --color-chat-empty: rgba(191, 44, 44, 0.22);

  /* —— 导航条 · 暗绯微光 —— */
  --color-nav-block: rgba(180, 80, 70, 0.22);
  --color-nav-block-hover: rgba(191, 44, 44, 0.52);
  --color-nav-block-active: rgba(191, 44, 44, 0.38);
  --color-nav-block-active-shadow: rgba(60, 20, 20, 0.40);
  --color-nav-block-active-glow: rgba(191, 44, 44, 0.32);
  --color-nav-tooltip-bg: rgba(50, 35, 35, 0.85);
  --color-nav-tooltip-text: rgba(220, 200, 195, 0.80);
  --color-nav-tooltip-shadow: rgba(0, 0, 0, 0.30);
  --color-nav-tooltip-border: rgba(160, 60, 50, 0.28);
  --color-nav-highlight: rgba(191, 44, 44, 0.55);

  /* —— 消息 · 助手 —— */
  --color-msg-assistant-text: #D4BCBC;
  --color-msg-assistant-heading: #852a2a;
  --color-msg-assistant-strong: #E5D8D5;
  --color-msg-assistant-em: #BF2C2C;
  --color-msg-assistant-code: #C05048;
  --color-msg-assistant-code-bg: rgba(191, 44, 44, 0.10);
  --color-msg-assistant-blockquote-border: rgba(191, 44, 44, 0.32);
  --color-msg-assistant-blockquote: rgba(216, 200, 197, 0.70);
  --color-msg-assistant-hr: rgba(180, 80, 70, 0.22);
  --color-msg-assistant-th-bg: rgba(191, 44, 44, 0.08);
  --color-msg-assistant-th-text: #BF2C2C;
  --color-msg-assistant-th-border: rgba(191, 44, 44, 0.22);
  --color-msg-assistant-td-border: rgba(180, 80, 70, 0.10);
  --color-msg-assistant-tr-hover: rgba(191, 44, 44, 0.04);

  /* —— 消息 · 用户 —— */
  --color-msg-user-border: rgba(180, 60, 50, 0.08);
  --color-msg-user-text: #F0E6E6;
  --color-msg-user-shadow-line: rgba(180, 60, 50, 0.12);
  --color-msg-user-code: #C88078;
  --color-msg-user-code-bg: rgba(180, 60, 50, 0.15);
  --color-msg-user-strong: #E5D8D5;
  --color-msg-user-em: #C93434;
  --color-msg-user-th-bg: rgba(150, 60, 50, 0.01);
  --color-msg-user-th-text: #C88078;
  --color-msg-user-th-border: rgba(180, 60, 50, 0.20);
  --color-msg-user-td-border: rgba(180, 60, 50, 0.10);
  --color-msg-user-tr-hover: rgba(180, 60, 50, 0.05);

  /* —— 消息 · 头像 —— */
  --color-msg-avatar-assistant-bg: #3A2020;
  --color-msg-avatar-user-bg: #4A2525;
  --color-msg-avatar-shadow: rgba(160, 50, 45, 0.35);
  --color-msg-avatar-shadow-line: rgba(180, 60, 50, 0.12);
  --color-msg-agent-name: rgba(191, 44, 44, 0.72);
  --color-msg-agent-name-shadow: rgba(0, 0, 0, 0.50);

  /* —— 助手玻璃气泡 —— */
  --color-msg-assistant-glass-bg: rgba(60, 28, 28, 0.15);
  --color-msg-assistant-glass-border: rgba(180, 60, 50, 0.22);
  --color-msg-assistant-glass-shadow-line: rgba(180, 60, 50, 0.12);
  --color-msg-assistant-glass-text: #D8C8C5;

  /* —— 思考链 · 绯脉暗流 —— */
  --color-thinking-bg: rgba(80, 30, 30, 0.12);
  --color-thinking-border: rgba(191, 44, 44, 0.30);
  --color-thinking-shadow: rgba(0, 0, 0, 0.18);
  --color-thinking-shadow-inner: rgba(0, 0, 0, 0.25);
  --color-thinking-pulse-bg: rgba(191, 44, 44, 0.22);
  --color-thinking-pulse-fg: rgba(191, 44, 44, 0.55);
  --color-thinking-pulse-complete: rgba(191, 44, 44, 0.38);
  --color-thinking-pulse-complete-glow1: rgba(191, 44, 44, 0.10);
  --color-thinking-pulse-complete-glow2: rgba(191, 44, 44, 0.05);
  --color-thinking-time: rgba(191, 44, 44, 0.82);
  --color-thinking-content: rgba(200, 170, 165, 0.58);
  --color-thinking-content-line-start: #6B1E1E;
  --color-thinking-content-line-mid: #6B1E1E;
  --color-thinking-content-line-end: #551818;
  --color-thinking-dot: rgba(191, 44, 44, 0.70);
  --color-thinking-dot-glow: rgba(191, 44, 44, 0.14);

  /* —— 代码框 —— */
  --code-bg: rgba(60, 28, 28, 0.08);
  --code-border: rgba(180, 60, 50, 0.18);
  --code-header-bg: rgba(60, 28, 28, 0.06);
  --code-text: #D8C8C5;
  --code-lang: rgba(191, 44, 44, 0.40);
  --code-btn: rgba(191, 44, 44, 0.32);
  --code-btn-hover: rgba(191, 44, 44, 0.58);
  --code-btn-hover-bg: rgba(191, 44, 44, 0.08);
  --code-scrollbar-thumb: rgba(191, 44, 44, 0.10);
  --code-scrollbar-track: rgba(191, 44, 44, 0.12);
  --code-bg-user: rgba(180, 60, 50, 0.08);
  --code-border-user: rgba(180, 60, 50, 0.14);
  --code-header-bg-user: rgba(180, 60, 50, 0.04);
  --code-text-user: #D8C8C5;
  --code-lang-user: rgba(191, 44, 44, 0.40);
  --code-btn-user: rgba(191, 44, 44, 0.30);
  --code-btn-hover-user: rgba(191, 44, 44, 0.52);
  --code-btn-hover-bg-user: rgba(180, 60, 50, 0.10);
  --code-scrollbar-thumb-user: rgba(180, 60, 50, 0.10);

  /* —— 输入区 · 暗域绯光 —— */
  --color-input-wrap-bg: rgba(60, 30, 30, 0.25);
  --color-input-wrap-border: rgba(180, 60, 50, 0.28);
  --color-input-wrap-shadow: rgba(0, 0, 0, 0.04);
  --color-input-wrap-shadow-inner: rgba(0, 0, 0, 0.15);
  --color-input-wrap-focus-inner: rgba(0, 0, 0, 0.15);
  --color-input-wrap-focus-border: rgba(191, 44, 44, 0.38);
  --color-input-wrap-focus-shadow: rgba(191, 44, 44, 0.1);
  --color-input-textarea: rgba(225, 210, 210, 0.90);
  --color-input-textarea-shadow: rgba(0, 0, 0, 0.15);
  --color-input-textarea-placeholder: rgba(180, 160, 160, 0.38);
  --color-input-tool-btn: rgba(180, 55, 45, 0.52);
  --color-input-tool-btn-hover-bg: rgba(191, 44, 44, 0.06);
  --color-input-tool-btn-hover: rgba(191, 44, 44, 0.78);
  --color-input-whale-hover-glow1: rgba(191, 44, 44, 0.42);
  --color-input-whale-hover-glow2: rgba(191, 44, 44, 0.12);
  --color-input-expand: rgba(60, 40, 40, 0.02);
  --color-input-expand-hover: rgba(191, 44, 44, 0.42);
  --color-input-send: rgba(133, 42, 42, 0.60);
  --color-input-send-hover: rgba(220, 70, 55, 0.82);
  --color-input-send-hover-glow: rgba(191, 44, 44, 0.38);

  /* —— 右边栏 · 暗域暖绯 —— */
  --color-rs-bg: #2E2424;
  --color-rs-border: rgba(140, 60, 60, 0.18);
  --color-rs-shadow: rgba(30, 12, 12, 0.10);
  --color-rs-shadow-inner: rgba(60, 28, 28, 0.05);
  --color-rs-glow1: rgba(191, 44, 44, 0.06);
  --color-rs-glow2: rgba(191, 44, 44, 0.03);
  --color-rs-glow3: rgba(140, 60, 60, 0.04);
  --color-rs-text: rgba(200, 160, 160, 0.52);
  --color-rs-text-hover: rgba(200, 160, 160, 0.68);
  --color-rs-text-shadow1: rgba(191, 44, 44, 0.10);
  --color-rs-text-shadow2: rgba(191, 44, 44, 0.04);
  --color-rs-divider: #3A2828;
  --color-rs-input-border: rgba(180, 60, 50, 0.24);
  --color-rs-input-border-focus: rgba(191, 44, 44, 0.48);
  --color-rs-input-text: rgba(200, 160, 160, 0.55);
  --color-rs-input-caret: rgba(191, 44, 44, 0.55);
  --color-rs-input-placeholder: rgba(160, 100, 100, 0.30);
  --color-rs-eye: rgba(160, 100, 100, 0.55);
  --color-rs-eye-hover: rgba(160, 100, 100, 0.68);
  --color-rs-placeholder-text: rgba(200, 160, 160, 0.42);
  --color-rs-placeholder-icon: rgba(191, 44, 44, 0.42);
  --color-rs-avatar-border: rgba(191, 44, 44, 0.22);
  --color-rs-avatar-shadow: rgba(191, 44, 44, 0.08);
  --color-rs-avatar-hover-border: rgba(191, 44, 44, 0.35);
  --color-rs-avatar-hover-shadow: rgba(191, 44, 44, 0.12);
  --color-rs-icon: rgba(191, 44, 44, 0.55);
  --color-rs-icon-hover: rgba(210, 110, 100, 0.88);
  --color-rs-restore-hover: rgba(191, 44, 44, 0.42);
  --color-rs-restore-hover-glow: rgba(191, 44, 44, 0.48);
  --color-rs-http-row-border: rgba(180, 60, 50, 0.14);
  --color-rs-http-row-hover: rgba(180, 60, 50, 0.05);
  --color-rs-http-main: rgba(200, 160, 160, 0.52);
  --color-rs-http-summary: rgba(200, 160, 160, 0.42);
  --color-rs-http-empty: rgba(200, 160, 160, 0.32);
  --color-rs-http-btn-border: rgba(180, 60, 50, 0.24);
  --color-rs-http-btn-hover-bg: rgba(180, 60, 50, 0.06);
  --color-rs-http-btn-hover-text: rgba(200, 160, 160, 0.62);
  --color-rs-section-dash: rgba(180, 60, 50, 0.22);

  /* —— 模型切换弹窗 · 暗绯玻璃 —— */
  --color-model-title: #BF2C2C;
  --color-model-option-name: #BF2C2C;
  --color-model-option-name-selected: #C93434;
  --color-model-indicator: rgba(191, 44, 44, 0.35);
  --color-model-btn-confirm-text: rgba(191, 44, 44, 0.75);
  --color-model-btn-confirm-border: rgba(191, 44, 44, 0.28);
  --color-model-btn-confirm-hover-bg: rgba(191, 44, 44, 0.10);
  --color-model-btn-confirm-hover-border: rgba(191, 44, 44, 0.42);
  --color-model-btn-confirm-hover-text: #C93434;
  --color-model-input-border-focus: rgba(191, 44, 44, 0.40);
  --color-setting-input-border-focus: rgba(191, 44, 44, 0.40);
  --color-setting-eye-hover: rgba(191, 44, 44, 0.52);
  --color-setting-label: rgba(191, 44, 44, 0.62);
  --color-setting-select-border-focus: rgba(191, 44, 44, 0.40);

  /* —— 消息底栏 / 浮窗 / 版本 / 统计 · 暗绯星屑 —— */
  --color-msg-action: rgba(191, 44, 44, 0.38);
  --color-msg-action-hover: rgba(210, 110, 100, 0.85);
  --color-msg-action-hover-glow: rgba(191, 44, 44, 0.45);
  --color-msg-more-bg: #352828;
  --color-msg-more-border: rgba(191, 44, 44, 0.15);
  --color-msg-more-item: rgba(191, 44, 44, 0.40);
  --color-msg-more-item-hover: rgba(210, 110, 100, 0.85);
  --color-msg-version-text: #B87068;
  --color-msg-version-btn: rgba(191, 44, 44, 0.40);
  --color-msg-version-btn-hover: rgba(210, 110, 100, 0.85);
  --color-msg-version-indicator: rgba(184, 112, 104, 0.68);
  --color-msg-token-stats-text: rgba(191, 44, 44, 0.72);
  --color-msg-token-stats-icon: rgba(191, 44, 44, 0.62);
  --color-file-tag-bg: rgba(191, 44, 44, 0.08);
  --color-file-tag-border: rgba(191, 44, 44, 0.15);
  --color-file-tag-text: rgba(191, 44, 44, 0.68);
  --color-chat-title-btn: rgba(191, 44, 44, 0.42);
  --color-chat-title-btn-hover: rgba(191, 44, 44, 0.88);
  --color-chat-title-btn-hover-glow: rgba(191, 44, 44, 0.35);
  --color-chat-title-pinned: rgba(191, 44, 44, 0.38);
  --color-chat-title-pinned-hover: rgba(191, 44, 44, 0.62);
  --color-chat-title-pin-rest: rgba(191, 44, 44, 0.28);

  /* —— 注入管理 / HTTP 弹窗 · 暗绯 —— */
  --color-inject-title: #BF2C2C;
  --color-inject-entry-role: rgba(191, 44, 44, 0.52);
  --color-section-label-appearance: rgba(191, 44, 44, 0.58);
  --color-http-log-title: #BF2C2C;
  --color-http-log-back-btn: rgba(191, 44, 44, 0.55);
  --color-http-log-detail-text: rgba(191, 44, 44, 0.75);
  --color-http-log-block-bg: rgba(60, 28, 28, 0.12);
  --color-http-log-pre-bg: rgba(60, 28, 28, 0.08);
  --color-http-log-btn-border: rgba(191, 44, 44, 0.30);
  --color-http-log-btn-text: rgba(191, 44, 44, 0.52);
  --color-http-log-empty: rgba(191, 44, 44, 0.28);
  --color-http-log-row-text: rgba(191, 44, 44, 0.66);
  --color-http-log-row-summary: rgba(191, 44, 44, 0.42);
  --color-http-log-row-divider: rgba(191, 44, 44, 0.10);
  --color-inject-empty: rgba(191, 44, 44, 0.22);

  /* —— 右边栏 · 用户显示设置滑块/开关 —— */
  --color-rs-slider-label: rgba(200, 160, 160, 0.35);
  --color-rs-slider-value: rgba(200, 160, 160, 0.40);
  --color-rs-slider-track: rgba(200, 160, 160, 0.08);
  --color-rs-slider-fill: rgba(200, 160, 160, 0.25);
  --color-rs-slider-handle: rgba(200, 160, 160, 0.45);
  --color-rs-toggle-track-off: #3A2E2E;
  --color-rs-toggle-track-on: rgba(191, 44, 44, 0.55);
  --color-rs-toggle-knob-on: rgba(191, 44, 44, 0.55);
  --color-rs-toggle-knob-off: #3A2E2E;
  --color-rs-toggle-shadow: rgba(0, 0, 0, 0.12);
  --color-rs-toggle-name: rgba(180, 155, 155, 0.60);

  /* —— 昼夜切换 · 暗绯色系 —— */
  --color-dn-icon: rgba(191, 44, 44, 0.38);
  --color-dn-icon-active: rgba(191, 44, 44, 0.72);
  --color-dn-icon-active-dark: rgba(235, 190, 185, 0.78);
  --color-dn-track-bg: #4A2828;
  --color-dn-track-bg-dark: #2a1818;
  --color-dn-knob: #a04840;
  --color-dn-knob-dark: #782828;
  --color-dn-divider-line: rgba(191, 44, 44, 0.18);
  --color-dn-divider-line-dark: rgba(210, 140, 140, 0.15);
}

/* ==================================================
   陈设 · 月相选择器组件
   五个圆从左到右相叠，左遮右 → 天然月牙；
   当前主题为满月：完整、放大、带微光；hover 月牙浮起。
   ================================================== */
.theme-moon-row {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 58px;
  margin-top: 4px;
}

.moon-dot {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: none;
  background-color: var(--moon-c);
  background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.18'/%3E%3C/svg%3E");
  background-size: cover;
  margin-left: -3px;
  padding: 0;
  cursor: pointer;
  position: relative;
  opacity: 1;
  filter: saturate(0.92);
  box-shadow:
    inset 8px 0 12px -6px rgba(0, 0, 0, 0.30),
    0 2px 6px rgba(0, 0, 0, 0.10);
  transition: transform 0.45s var(--ease-out-expo), filter 0.45s var(--ease-out-expo), box-shadow 0.45s var(--ease-out-expo);
}

/* 磨砂玻璃外环 ::after 伪元素 */
.moon-dot::after {
  content: '';
  position: absolute;
  inset: -3.5px;
  border-radius: 50%;
  border: 3.5px solid rgba(255, 255, 255, 0.75);
  background: transparent;
  backdrop-filter: blur(48px);
  -webkit-backdrop-filter: blur(48px);
  pointer-events: none;
  z-index: 0;
}

.moon-dot:first-child {
  margin-left: 0;
}

/* hover → 月牙浮现 */
.moon-dot:hover {
  filter: saturate(1);
  transform: translateY(-5px) scale(1.08);
  z-index: 21 !important;
  box-shadow: inset 6px 0 12px -6px rgba(0, 0, 0, 0.22), 0 6px 14px rgba(0, 0, 0, 0.14);
}

/* 选中 → 满月 */
.moon-dot.active {
  filter: saturate(1.05);
  transform: scale(1.14);
  z-index: 20 !important;
  box-shadow:
    inset -3px -3px 8px rgba(255, 255, 255, 0.22),
    inset 3px 3px 8px rgba(0, 0, 0, 0.10),
    0 0 14px var(--moon-glow, rgba(0, 0, 0, 0.2));
}

/* 满月 hover 保持满态，不再上浮 */
.moon-dot.active:hover {
  transform: scale(1.17);
  box-shadow:
    inset -3px -3px 8px rgba(255, 255, 255, 0.22),
    inset 3px 3px 8px rgba(0, 0, 0, 0.10),
    0 0 18px var(--moon-glow, rgba(0, 0, 0, 0.25));
}

/* —— 主题信息：标题圆 + 主题名 + 诗 —— */
.theme-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 20px;
}

/* title 小圆，缀在主题名左侧 */
.theme-title-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  flex-shrink: 0;
  background-color: var(--moon-c);
  background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.16'/%3E%3C/svg%3E");
  background-size: cover;
  box-shadow: 0 0 8px var(--orb-glow, rgba(50, 64, 189, 0.25)), inset -2px -2px 4px rgba(0, 0, 0, 0.08);
  margin-right: 10px;
}

/* 标题行：圆 + 主题名 同行 */
.theme-name-row {
  display: flex;
  align-items: center;
}

.theme-name {
  font-family: 'Times New Roman', 'Cormorant Garamond', serif;
  font-size: 0.9rem;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 1.5px;
  color: var(--color-rs-text);
  text-shadow: 0 0 10px var(--color-rs-text-shadow1), 0 2px 0 var(--color-rs-text-shadow2);
}

.theme-poetry {
  margin-top: 16px;
  text-align: left;
  min-height: 3.5em;
}

.theme-poetry-line {
  display: block;
  font-family: 'Times New Roman', 'Cormorant Garamond', serif;
  font-size: 0.85rem;
  font-weight: 320;
  font-style: italic;
  letter-spacing: 0.8px;
  line-height: 2.2;
  color: var(--color-rs-text);
  opacity: 0;
  white-space: pre-wrap;
  animation: poemLineIn 0.8s var(--ease-out-expo) forwards;
}

.theme-poetry-break {
  display: block;
  height: 0.8em;
}

@keyframes poemLineIn {
  from {
    opacity: 0;
    transform: translateY(8px);
    filter: blur(2px);
  }

  to {
    opacity: 0.62;
    transform: translateY(0);
    filter: blur(0);
  }
}

/* ==================================================
   一键换色 · 闪光遮罩（参考启动屏消散效果）
   淡入：80ms 快速罩下，带中度模糊；
   淡出：opacity 与 blur 同时过渡，模糊从 20px 降至 0，
   产生"新主题从柔光中渐渐聚焦显形"的自然消散感。
   ================================================== */
.theme-flash-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  background: rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  transition: opacity 0.08s ease-out, backdrop-filter 0s;
}

.theme-flash-overlay.flash-in {
  opacity: 1;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  transition: opacity 0.08s ease-out, backdrop-filter 0s;
}

.theme-flash-overlay.flash-out {
  opacity: 0;
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
  transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    backdrop-filter 1s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    -webkit-backdrop-filter 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ==================================================
   昼夜切换 · 一行式轻按钮
   SVG + 文案，点击切换日／夜，与 section 标题风格统一
   ================================================== */
.daynight-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 0 12px 0;
  margin: -36px 0 -64px 0;
  border: none;
  background: none;
  cursor: pointer;
  font-family: 'Cormorant Garamond', serif;
  font-size: 0.9em;
  font-weight: 500;
  letter-spacing: 2px;
  color: var(--color-rs-text);
  text-shadow: 0 0 10px var(--color-rs-text-shadow1), 0 2px 0 var(--color-rs-text-shadow2);
  transition: color 0.35s var(--ease-out-expo), text-shadow 0.35s var(--ease-out-expo);
  user-select: none;
}

.daynight-toggle:active {
  transform: scale(0.97);
}

.dn-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  color: inherit;
  transition: opacity 0.35s var(--ease-out-expo), transform 0.35s var(--ease-out-expo);
}

.dn-label {
  transition: opacity 0.35s var(--ease-out-expo), transform 0.35s var(--ease-out-expo);
}

/* 日间：显示太阳，隐藏月亮 */
:root:not([data-mode="dark"]) .dn-sun {
  opacity: 1;
  transform: translateY(0);
}
:root:not([data-mode="dark"]) .dn-moon {
  display: none;
}

/* 夜间：显示月亮，隐藏太阳 */
:root[data-mode="dark"] .dn-sun {
  display: none;
}
:root[data-mode="dark"] .dn-moon {
  opacity: 1;
  transform: translateY(0);
}

/* 切换动效：SVG 与文案同步上浮淡入 */
.dn-icon.dn-switching-out,
.dn-label.dn-label-switching-out {
  opacity: 0;
  transform: translateY(-8px);
}

.dn-icon.dn-switching-in,
.dn-label.dn-label-switching-in {
  animation: dnFadeUp 0.4s var(--ease-out-expo) forwards;
}

@keyframes dnFadeUp {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ==================================================
   昼夜暗色滤镜 · 叠加于 <html>
   通用方案：一个 CSS filter 覆盖所有元素，无需逐变量覆盖。
   所有主题共用。sealed 本身已暗，brightness 不变。
   图片/画布色彩略有衰减为正常观感，不影响可读性。
   ================================================== */
html[data-mode="dark"] {
  filter: brightness(0.62) contrast(1.05) saturate(0.7);
  transition: filter 0.8s var(--ease-out-expo);
}

/* sealed 本就深沉，只微调氛围感即可 */
html[data-theme="sealed"][data-mode="dark"] {
  filter: brightness(0.82) contrast(1.05) saturate(0.6);
}