/*
  theme-test.css — 多主题支持
  data-theme="dark"        → Catppuccin Mocha 深色
  data-theme="technoblast" → Technoblast 科技风
  恢复方法：删除 HTML 中的 <link rel="stylesheet" href="/theme-test.css"> 即可
*/


[data-theme="dark"] {
  --blue:       #1e1e2e;
  --blue-lt:    #89b4fa;
  --accent:     #cba6f7;
  --bg:         #11111b;
  --white:      #1e1e2e;
  --border:     #313244;
  --text:       #cdd6f4;
  --muted:      #6c7086;
  --bubble-user:#45475a;
  --bubble-bot: #181825;
  --radius:     14px;
}

[data-theme="dark"] body { background: #11111b; }

[data-theme="dark"] header {
  background: #1e1e2e;
  box-shadow: 0 2px 12px rgba(0,0,0,.5);
  color: #cdd6f4;
}

[data-theme="dark"] .notice {
  background: #1a1a2e;
  border-color: #313244;
  color: #89b4fa;
}

[data-theme="dark"] .input-wrapper {
  background: #1e1e2e;
  border-color: #313244;
}

[data-theme="dark"] #input {
  background: #11111b;
  color: #cdd6f4;
  border-color: #45475a;
}
[data-theme="dark"] #input::placeholder { color: #6c7086; }
[data-theme="dark"] #input:focus { border-color: #cba6f7; }

[data-theme="dark"] .msg-row.user .bubble {
  background: #45475a;
  color: #cdd6f4;
}

[data-theme="dark"] .msg-row.bot .bubble {
  background: #181825;
  border-color: #313244;
  color: #cdd6f4;
}
[data-theme="dark"] .bubble strong { color: #cba6f7; }
[data-theme="dark"] .bubble em     { color: #89b4fa; }
[data-theme="dark"] .bubble h2     { color: #cba6f7; border-color: #313244; }
[data-theme="dark"] .bubble h3     { color: #89b4fa; }
[data-theme="dark"] .bubble code   { background: #313244; color: #cba6f7; border-color: #45475a; }
[data-theme="dark"] .bubble pre    { background: #11111b; border-color: #313244; }
[data-theme="dark"] .bubble blockquote { background: #1e1e2e; border-color: #cba6f7; color: #a6adc8; }
[data-theme="dark"] .bubble thead  { background: #313244; }
[data-theme="dark"] .bubble th     { color: #cba6f7; }
[data-theme="dark"] .bubble td,
[data-theme="dark"] .bubble th     { border-color: #45475a; }
[data-theme="dark"] .bubble tbody tr:nth-child(even) { background: #1e1e2e; }

[data-theme="dark"] .btn-send { background: #cba6f7; color: #1e1e2e; }
[data-theme="dark"] .btn-send:hover:not(:disabled) { background: #89b4fa; }
[data-theme="dark"] .btn-clear { border-color: #45475a; color: #6c7086; }
[data-theme="dark"] .btn-clear:hover { background: #45475a; border-color: #f38ba8; color: #f38ba8; }
[data-theme="dark"] .btn-style { border-color: #45475a; color: #6c7086; }
[data-theme="dark"] .btn-style:hover { background: #313244; border-color: #cba6f7; color: #cba6f7; }

[data-theme="dark"] .suggestion-btn {
  background: #1e1e2e;
  border-color: #45475a;
  color: #89b4fa;
}
[data-theme="dark"] .suggestion-btn:hover { background: #cba6f7; color: #1e1e2e; border-color: #cba6f7; }

[data-theme="dark"] .style-card { background: #1e1e2e; border-color: #45475a; }
[data-theme="dark"] .style-card strong { color: #cdd6f4; }
[data-theme="dark"] .style-card.active { border-color: #cba6f7; background: #2a2a3e; }

[data-theme="dark"] .followup-chip { background: #1e1e2e; border-color: #45475a; color: #89b4fa; }
[data-theme="dark"] .followup-chip:hover { background: #cba6f7; color: #1e1e2e; border-color: #cba6f7; }

[data-theme="dark"] .fb-btn { border-color: #45475a; color: #6c7086; }
[data-theme="dark"] .fb-btn:hover:not(:disabled) { border-color: #cba6f7; color: #cba6f7; }

[data-theme="dark"] .style-notice { background: #1e1e2e; border-color: #45475a; color: #6c7086; }

[data-theme="dark"] .welcome h2 { color: #cdd6f4; }

[data-theme="dark"] #chat::-webkit-scrollbar { width: 6px; }
[data-theme="dark"] #chat::-webkit-scrollbar-track { background: #11111b; }
[data-theme="dark"] #chat::-webkit-scrollbar-thumb { background: #45475a; border-radius: 3px; }

[data-theme="dark"] .msg-row.user .avatar { background: #45475a; }
[data-theme="dark"] .msg-row.bot  .avatar { background: #313244; }

[data-theme="dark"] .input-hint { color: #6c7086; }

/* ══════════════════════════════════════
   TECHNOBLAST 主题
   深色背景 + 青色/橙色 科技风
   ══════════════════════════════════════ */

[data-theme="technoblast"] {
  --blue:       #001a1a;
  --blue-lt:    #00e5ff;
  --accent:     #00e5ff;
  --bg:         #030d0d;
  --white:      #0a1a1a;
  --border:     #004d4d;
  --text:       #c8f0f0;
  --muted:      #4a8a8a;
  --bubble-user:#003333;
  --bubble-bot: #051212;
  --radius:     4px;
}

[data-theme="technoblast"] body {
  background: #030d0d;
}
[data-theme="technoblast"] #chat {
  background-color: #f0fafa;
  /* 马赛克背景（暂时禁用）
  background-image:
    linear-gradient(45deg, #c8e8f0 25%, transparent 25%),
    linear-gradient(-45deg, #c8e8f0 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #c8e8f0 75%),
    linear-gradient(-45deg, transparent 75%, #c8e8f0 75%);
  background-size: 16px 16px;
  background-position: 0 0, 0 8px, 8px -8px, -8px 0px;
  */
}

[data-theme="technoblast"] header {
  background: #001a1a;
  border-bottom: 1px solid #00e5ff;
  box-shadow: 0 0 16px rgba(0,229,255,.2);
}

[data-theme="technoblast"] .header-titles h1 {
  font-size: 15px;
  letter-spacing: 0.5px;
  color: #00e5ff;
}
[data-theme="technoblast"] .header-titles p { color: rgba(0,229,255,.6); }

[data-theme="technoblast"] .notice {
  background: #001a1a;
  border-color: #004d4d;
  color: #00e5ff;
  font-size: 11px;
  letter-spacing: 0.3px;
}

[data-theme="technoblast"] .input-wrapper {
  background: #e8f8f8;
  border-color: #b0dede;
}

[data-theme="technoblast"] #input {
  background: #ffffff;
  color: #1a2a2a;
  border-color: #a0d0d8;
  border-radius: 2px;
}
[data-theme="technoblast"] #input::placeholder { color: #7aacb8; }
[data-theme="technoblast"] #input:focus {
  border-color: #00aac8;
  box-shadow: 0 0 8px rgba(0,170,200,.2);
}

[data-theme="technoblast"] .msg-row.user .bubble {
  background: #003333;
  color: #c8f0f0;
  border: 1px solid #006666;
  border-radius: 4px 4px 2px 4px;
}

[data-theme="technoblast"] .msg-row.bot .bubble {
  background: #ffffff;
  color: #1a2a2a;
  border: 1px solid #b0dede;
  border-left: 3px solid #00e5ff;
  border-radius: 4px 4px 4px 2px;
  box-shadow: 0 1px 4px rgba(0,229,255,.1);
}

[data-theme="technoblast"] .bubble strong { color: #007a99; }
[data-theme="technoblast"] .bubble em     { color: #cc6600; font-style: normal; }
[data-theme="technoblast"] .bubble h2 {
  font-size: 14.5px;
  color: #006688;
  border-color: #b0dede;
}
[data-theme="technoblast"] .bubble h3 {
  color: #cc6600;
  font-size: 12.5px;
}
[data-theme="technoblast"] .bubble code {
  background: #e8f8f8;
  color: #006688;
  border-color: #b0dede;
}
[data-theme="technoblast"] .bubble pre {
  background: #f0fafa;
  border: 1px solid #b0dede;
  border-left: 3px solid #cc6600;
}
[data-theme="technoblast"] .bubble blockquote {
  background: #001a1a;
  border-left-color: #ff9500;
  color: #8acfcf;
}
[data-theme="technoblast"] .bubble ul li::before { background: #00e5ff; }
[data-theme="technoblast"] .bubble thead { background: #003333; }
[data-theme="technoblast"] .bubble th { color: #00e5ff; }
[data-theme="technoblast"] .bubble td,
[data-theme="technoblast"] .bubble th  { border-color: #004d4d; }
[data-theme="technoblast"] .bubble tbody tr:nth-child(even) { background: #001a1a; }

[data-theme="technoblast"] .btn-send {
  background: #00e5ff;
  color: #001a1a;
  border-radius: 2px;
  font-weight: 700;
}
[data-theme="technoblast"] .btn-send:hover:not(:disabled) {
  background: #ff9500;
  box-shadow: 0 0 10px rgba(255,149,0,.4);
}
[data-theme="technoblast"] .btn-clear { border-color: #004d4d; color: #4a8a8a; border-radius: 2px; }
[data-theme="technoblast"] .btn-clear:hover { background: #1a0000; border-color: #ff3333; color: #ff3333; }
[data-theme="technoblast"] .btn-style { border-color: #004d4d; color: #4a8a8a; border-radius: 2px; }
[data-theme="technoblast"] .btn-style:hover { background: #001a1a; border-color: #00e5ff; color: #00e5ff; }

[data-theme="technoblast"] .suggestion-btn {
  background: #001a1a;
  border-color: #004d4d;
  color: #00e5ff;
  border-radius: 2px;
}
[data-theme="technoblast"] .suggestion-btn:hover {
  background: #00e5ff;
  color: #001a1a;
  border-color: #00e5ff;
}

[data-theme="technoblast"] .style-card {
  background: #001a1a;
  border-color: #004d4d;
  border-radius: 4px;
}
[data-theme="technoblast"] .style-card strong { color: #c8f0f0; }
[data-theme="technoblast"] .style-card.active {
  border-color: #00e5ff;
  background: #003333;
  box-shadow: 0 0 8px rgba(0,229,255,.2);
}

[data-theme="technoblast"] .followup-chip {
  background: #001a1a;
  border-color: #004d4d;
  color: #00e5ff;
  border-radius: 2px;
  font-size: 11px;
}
[data-theme="technoblast"] .followup-chip:hover {
  background: #00e5ff;
  color: #001a1a;
  border-color: #00e5ff;
}

[data-theme="technoblast"] .fb-btn { border-color: #004d4d; color: #4a8a8a; }
[data-theme="technoblast"] .fb-btn:hover:not(:disabled) { border-color: #00e5ff; color: #00e5ff; }
[data-theme="technoblast"] .style-notice { background: #001a1a; border-color: #004d4d; color: #4a8a8a; }

[data-theme="technoblast"] .welcome h2 {
  color: #00e5ff;
}
[data-theme="technoblast"] .welcome p { color: #4a8a8a; }

[data-theme="technoblast"] #chat::-webkit-scrollbar { width: 4px; }
[data-theme="technoblast"] #chat::-webkit-scrollbar-track { background: #030d0d; }
[data-theme="technoblast"] #chat::-webkit-scrollbar-thumb {
  background: #00e5ff;
  border-radius: 0;
}

[data-theme="technoblast"] .msg-row.user .avatar { background: #003333; }
[data-theme="technoblast"] .msg-row.bot  .avatar { background: #001a1a; border: 1px solid #004d4d; }
[data-theme="technoblast"] .input-hint { color: #2a6060; }

/* ══════════════════════════════════════
   BLACK DIAMOND 主题
   深海军蓝 + 金色 + 紫色 · 奢华暗黑风
   ══════════════════════════════════════ */

[data-theme="blackdiamond"] {
  --blue:       #0b1926;
  --blue-lt:    #efd67a;
  --accent:     #efd67a;
  --bg:         #07101a;
  --white:      #0f2035;
  --border:     #1e3a55;
  --text:       #e9e9e9;
  --muted:      #7a8fa6;
  --bubble-user:#193855;
  --bubble-bot: #0d1e2e;
  --radius:     6px;
}

[data-theme="blackdiamond"] body { background: #07101a; }

[data-theme="blackdiamond"] header {
  background: linear-gradient(135deg, #0b1926 60%, #142640);
  border-bottom: 1px solid #2a4a6a;
  box-shadow: 0 2px 16px rgba(0,0,0,.6);
  color: #e9e9e9;
}
[data-theme="blackdiamond"] .header-titles h1 {
  color: #efd67a;
  letter-spacing: 0.5px;
}
[data-theme="blackdiamond"] .header-titles p { color: rgba(239,214,122,.55); }

[data-theme="blackdiamond"] .notice {
  background: #0b1926;
  border-color: #1e3a55;
  color: #b083de;
  font-size: 11px;
}

[data-theme="blackdiamond"] .input-wrapper {
  background: #0b1926;
  border-color: #1e3a55;
}
[data-theme="blackdiamond"] #input {
  background: #07101a;
  color: #e9e9e9;
  border-color: #1e3a55;
}
[data-theme="blackdiamond"] #input::placeholder { color: #3a5570; }
[data-theme="blackdiamond"] #input:focus {
  border-color: #efd67a;
  box-shadow: 0 0 8px rgba(239,214,122,.2);
}

[data-theme="blackdiamond"] .msg-row.user .bubble {
  background: linear-gradient(135deg, #193855, #1e4060);
  color: #e9e9e9;
  border: 1px solid #2a5070;
}
[data-theme="blackdiamond"] .msg-row.bot .bubble {
  background: #0d1e2e;
  color: #e9e9e9;
  border: 1px solid #1e3a55;
  border-left: 3px solid #efd67a;
}

[data-theme="blackdiamond"] .bubble strong { color: #efd67a; }
[data-theme="blackdiamond"] .bubble em     { color: #b083de; font-style: italic; }
[data-theme="blackdiamond"] .bubble h2 {
  color: #efd67a;
  border-color: #1e3a55;
  font-size: 14.5px;
}
[data-theme="blackdiamond"] .bubble h3 { color: #b083de; }
[data-theme="blackdiamond"] .bubble code {
  background: #0b1926;
  color: #efd67a;
  border-color: #1e3a55;
}
[data-theme="blackdiamond"] .bubble pre {
  background: #070f1a;
  border: 1px solid #1e3a55;
  border-left: 3px solid #b083de;
}
[data-theme="blackdiamond"] .bubble blockquote {
  background: #0b1926;
  border-left-color: #b083de;
  color: #9ab0c8;
  font-style: italic;
}
[data-theme="blackdiamond"] .bubble ul li::before { background: #efd67a; }
[data-theme="blackdiamond"] .bubble thead { background: #193855; }
[data-theme="blackdiamond"] .bubble th { color: #efd67a; }
[data-theme="blackdiamond"] .bubble td,
[data-theme="blackdiamond"] .bubble th  { border-color: #1e3a55; }
[data-theme="blackdiamond"] .bubble tbody tr:nth-child(even) { background: #0b1926; }
[data-theme="blackdiamond"] .bubble hr { border-color: #1e3a55; }

[data-theme="blackdiamond"] .btn-send {
  background: linear-gradient(135deg, #c9a84c, #efd67a);
  color: #0b1926;
  font-weight: 700;
}
[data-theme="blackdiamond"] .btn-send:hover:not(:disabled) {
  background: linear-gradient(135deg, #b083de, #c9a0f0);
  box-shadow: 0 0 10px rgba(176,131,222,.4);
}
[data-theme="blackdiamond"] .btn-clear { border-color: #1e3a55; color: #3a5570; }
[data-theme="blackdiamond"] .btn-clear:hover { background: #1a0a0a; border-color: #aa3333; color: #cc4444; }
[data-theme="blackdiamond"] .btn-style { border-color: #1e3a55; color: #3a5570; }
[data-theme="blackdiamond"] .btn-style:hover { background: #0b1926; border-color: #efd67a; color: #efd67a; }

[data-theme="blackdiamond"] .suggestion-btn {
  background: #0b1926;
  border-color: #1e3a55;
  color: #efd67a;
}
[data-theme="blackdiamond"] .suggestion-btn:hover {
  background: linear-gradient(135deg, #c9a84c, #efd67a);
  color: #0b1926;
  border-color: #efd67a;
}

[data-theme="blackdiamond"] .style-card { background: #0b1926; border-color: #1e3a55; }
[data-theme="blackdiamond"] .style-card strong { color: #e9e9e9; }
[data-theme="blackdiamond"] .style-card.active {
  border-color: #efd67a;
  background: #102030;
  box-shadow: 0 0 10px rgba(239,214,122,.15);
}

[data-theme="blackdiamond"] .followup-chip {
  background: #0b1926;
  border-color: #1e3a55;
  color: #b083de;
}
[data-theme="blackdiamond"] .followup-chip:hover {
  background: #b083de;
  color: #0b1926;
  border-color: #b083de;
}

[data-theme="blackdiamond"] .fb-btn { border-color: #1e3a55; color: #3a5570; }
[data-theme="blackdiamond"] .fb-btn:hover:not(:disabled) { border-color: #efd67a; color: #efd67a; }
[data-theme="blackdiamond"] .style-notice { background: #0b1926; border-color: #1e3a55; color: #3a5570; }

[data-theme="blackdiamond"] .welcome h2 { color: #efd67a; }
[data-theme="blackdiamond"] .welcome p  { color: #7a8fa6; }

[data-theme="blackdiamond"] #chat::-webkit-scrollbar { width: 5px; }
[data-theme="blackdiamond"] #chat::-webkit-scrollbar-track { background: #07101a; }
[data-theme="blackdiamond"] #chat::-webkit-scrollbar-thumb {
  background: linear-gradient(#efd67a, #b083de);
  border-radius: 3px;
}

[data-theme="blackdiamond"] .msg-row.user .avatar { background: #193855; }
[data-theme="blackdiamond"] .msg-row.bot  .avatar { background: #0b1926; border: 1px solid #1e3a55; }
[data-theme="blackdiamond"] .input-hint { color: #2a4060; }

[data-theme="blackdiamond"] .lang-toggle {
  background: rgba(239,214,122,.1);
}
[data-theme="blackdiamond"] .lang-toggle button.active {
  background: #efd67a;
  color: #0b1926;
}

/* ══════════════════════════════════════
   PASSAU 主题
   帕绍大学风格：橙色顶栏 + 偏白背景 + 浅灰底栏
   品牌橙 #ff8800（uni-passau.de）
   ══════════════════════════════════════ */

[data-theme="passau"] {
  --blue:       #cc6e00;
  --blue-lt:    #ff9f33;
  --accent:     #ff8800;
  --bg:         #f5f5f5;
  --white:      #ffffff;
  --border:     #ddd;
  --text:       #1a1a1a;
  --muted:      #888;
  --bubble-user:#ff8800;
  --bubble-bot: #ffffff;
  --radius:     8px;
}

[data-theme="passau"] body { background: #e8e8e8; }

[data-theme="passau"] header {
  background: #ff8800;
  border-bottom: 2px solid #e07500;
  box-shadow: 0 2px 10px rgba(204,110,0,.35);
  color: #ffffff;
}
[data-theme="passau"] .header-titles h1 { color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,.2); }
[data-theme="passau"] .header-titles p  { color: rgba(255,255,255,.85); }

[data-theme="passau"] .notice {
  background: #fff8f0;
  border-color: #f5c080;
  color: #884400;
}

[data-theme="passau"] #chat { background: #ffffff; }

[data-theme="passau"] .input-wrapper {
  background: #f0f0f0;
  border-color: #cccccc;
}
[data-theme="passau"] #input {
  background: #f8f8f8;
  color: #1a1a1a;
  border-color: #cccccc;
}
[data-theme="passau"] #input::placeholder { color: #aaaaaa; }
[data-theme="passau"] #input:focus { border-color: #ff8800; box-shadow: 0 0 6px rgba(255,136,0,.25); }

[data-theme="passau"] .msg-row.user .bubble {
  background: linear-gradient(135deg, #ff8800, #e07000);
  color: #ffffff;
}
[data-theme="passau"] .msg-row.bot .bubble {
  background: #ffffff;
  color: #1a1a1a;
  border: 1px solid #e0e0e0;
  border-left: 3px solid #ff8800;
  box-shadow: 0 1px 4px rgba(0,0,0,.06);
}

[data-theme="passau"] .bubble strong { color: #cc6e00; font-weight: 700; }
[data-theme="passau"] .bubble em     { color: #e07500; font-style: italic; }
[data-theme="passau"] .bubble h2     { color: #1a1a1a; border-color: #f5c080; font-size: 15px; }
[data-theme="passau"] .bubble h3     { color: #cc6e00; font-size: 13.5px; }
[data-theme="passau"] .bubble code   { background: #fff4e6; color: #c05a00; border-color: #f5c080; font-family: monospace; }
[data-theme="passau"] .bubble pre    { background: #fff4e6; border: 1px solid #f5c080; border-left: 3px solid #ff8800; }
[data-theme="passau"] .bubble blockquote { background: #fff8f0; border-left-color: #ff8800; color: #884400; font-style: italic; }
[data-theme="passau"] .bubble ul li::before { background: #ff8800; }
[data-theme="passau"] .bubble thead  { background: #fff4e6; }
[data-theme="passau"] .bubble th     { color: #1a1a1a; }
[data-theme="passau"] .bubble td,
[data-theme="passau"] .bubble th     { border-color: #e0e0e0; }
[data-theme="passau"] .bubble tbody tr:nth-child(even) { background: #fafafa; }
[data-theme="passau"] .bubble hr     { border-color: #e0e0e0; }

[data-theme="passau"] .btn-send { background: #ff8800; color: #ffffff; }
[data-theme="passau"] .btn-send:hover:not(:disabled) { background: #e07000; }
[data-theme="passau"] .btn-clear { border-color: #cccccc; color: #888888; }
[data-theme="passau"] .btn-clear:hover { background: #fee2e2; border-color: #c05050; color: #903030; }
[data-theme="passau"] .btn-style { border-color: #cccccc; color: #888888; }
[data-theme="passau"] .btn-style:hover { background: #fff4e6; border-color: #ff8800; color: #cc6e00; }

[data-theme="passau"] .suggestion-btn { background: #fff4e6; border-color: #f5c080; color: #cc6e00; }
[data-theme="passau"] .suggestion-btn:hover { background: #ff8800; color: #ffffff; border-color: #ff8800; }

[data-theme="passau"] .style-card { background: #fafafa; border-color: #e0e0e0; }
[data-theme="passau"] .style-card strong { color: #1a1a1a; }
[data-theme="passau"] .style-card.active { border-color: #ff8800; background: #fff4e6; }

[data-theme="passau"] .followup-chip { background: #fff4e6; border-color: #f5c080; color: #cc6e00; }
[data-theme="passau"] .followup-chip:hover { background: #ff8800; color: #ffffff; border-color: #ff8800; }

[data-theme="passau"] .fb-btn { border-color: #dddddd; color: #888888; }
[data-theme="passau"] .fb-btn:hover:not(:disabled) { border-color: #ff8800; color: #cc6e00; }
[data-theme="passau"] .style-notice { background: #fafafa; border-color: #e0e0e0; color: #888888; }

[data-theme="passau"] .welcome h2 { color: #cc6e00; }
[data-theme="passau"] .welcome p  { color: #888888; }

[data-theme="passau"] #chat::-webkit-scrollbar { width: 5px; }
[data-theme="passau"] #chat::-webkit-scrollbar-track { background: #f5f5f5; }
[data-theme="passau"] #chat::-webkit-scrollbar-thumb { background: #f5c080; border-radius: 3px; }

[data-theme="passau"] .msg-row.user .avatar { background: #ff8800; }
[data-theme="passau"] .msg-row.bot  .avatar { background: #f0f0f0; border: 1px solid #e0e0e0; }
[data-theme="passau"] .input-hint { color: #aaaaaa; font-size: 11px; }

[data-theme="passau"] .lang-toggle { background: rgba(255,255,255,.25); }
[data-theme="passau"] .lang-toggle button.active { background: #ffffff; color: #ff8800; }

/* ══════════════════════════════════════
   EASYEYE 护眼主题
   暖米黄背景 + 柔棕绿强调 + 低蓝光配色
   ══════════════════════════════════════ */

[data-theme="easyeye"] {
  --blue:       #5a7a4a;
  --blue-lt:    #7a9a6a;
  --accent:     #6b8c5a;
  --bg:         #f4f0e4;
  --white:      #f9f6ee;
  --border:     #d8d0b8;
  --text:       #3a3228;
  --muted:      #8a8070;
  --bubble-user:#6b8c5a;
  --bubble-bot: #fdfaf3;
  --radius:     8px;
}

[data-theme="easyeye"] body { background: #ece8dc; }

[data-theme="easyeye"] header {
  background: #6b8c5a;
  border-bottom: 2px solid #587548;
  box-shadow: 0 2px 8px rgba(80,100,60,.3);
  color: #f4f0e4;
}
[data-theme="easyeye"] .header-titles h1 { color: #f4f0e4; text-shadow: 0 1px 2px rgba(0,0,0,.15); }
[data-theme="easyeye"] .header-titles p  { color: rgba(244,240,228,.8); }

[data-theme="easyeye"] .notice {
  background: #f4f0e4;
  border-color: #c8c0a0;
  color: #5a5040;
}

[data-theme="easyeye"] #chat { background: #f9f6ee; }

[data-theme="easyeye"] .input-wrapper {
  background: #edeadf;
  border-color: #ccc8b8;
}
[data-theme="easyeye"] #input {
  background: #f4f0e4;
  color: #3a3228;
  border-color: #ccc8b8;
}
[data-theme="easyeye"] #input::placeholder { color: #b0a890; }
[data-theme="easyeye"] #input:focus { border-color: #6b8c5a; box-shadow: 0 0 6px rgba(107,140,90,.2); }

[data-theme="easyeye"] .msg-row.user .bubble {
  background: linear-gradient(135deg, #6b8c5a, #587548);
  color: #f4f0e4;
}
[data-theme="easyeye"] .msg-row.bot .bubble {
  background: #fdfaf3;
  color: #3a3228;
  border: 1px solid #d8d0b8;
  border-left: 3px solid #6b8c5a;
  box-shadow: 0 1px 4px rgba(0,0,0,.05);
}

[data-theme="easyeye"] .bubble strong { color: #4a6a38; font-weight: 700; }
[data-theme="easyeye"] .bubble em     { color: #7a6a50; font-style: italic; }
[data-theme="easyeye"] .bubble h2     { color: #3a3228; border-color: #c8c0a0; font-size: 15px; }
[data-theme="easyeye"] .bubble h3     { color: #4a6a38; font-size: 13.5px; }
[data-theme="easyeye"] .bubble code   { background: #eee8d8; color: #5a5040; border-color: #c8c0a0; font-family: monospace; }
[data-theme="easyeye"] .bubble pre    { background: #eee8d8; border: 1px solid #c8c0a0; border-left: 3px solid #6b8c5a; }
[data-theme="easyeye"] .bubble blockquote { background: #f0ece0; border-left-color: #6b8c5a; color: #5a5040; font-style: italic; }
[data-theme="easyeye"] .bubble ul li::before { background: #6b8c5a; }
[data-theme="easyeye"] .bubble thead  { background: #eee8d8; }
[data-theme="easyeye"] .bubble th     { color: #3a3228; }
[data-theme="easyeye"] .bubble td,
[data-theme="easyeye"] .bubble th     { border-color: #d0c8b0; }
[data-theme="easyeye"] .bubble tbody tr:nth-child(even) { background: #f4f0e6; }
[data-theme="easyeye"] .bubble hr     { border-color: #d8d0b8; }

[data-theme="easyeye"] .btn-send { background: #6b8c5a; color: #f4f0e4; }
[data-theme="easyeye"] .btn-send:hover:not(:disabled) { background: #4a6a38; }
[data-theme="easyeye"] .btn-clear { border-color: #ccc8b8; color: #8a8070; }
[data-theme="easyeye"] .btn-clear:hover { background: #f8e8e0; border-color: #c07060; color: #905050; }
[data-theme="easyeye"] .btn-style { border-color: #ccc8b8; color: #8a8070; }
[data-theme="easyeye"] .btn-style:hover { background: #eee8d8; border-color: #6b8c5a; color: #4a6a38; }

[data-theme="easyeye"] .suggestion-btn { background: #f0ece0; border-color: #c8c0a0; color: #5a7a4a; }
[data-theme="easyeye"] .suggestion-btn:hover { background: #6b8c5a; color: #f4f0e4; border-color: #6b8c5a; }

[data-theme="easyeye"] .style-card { background: #f4f0e4; border-color: #d8d0b8; }
[data-theme="easyeye"] .style-card strong { color: #3a3228; }
[data-theme="easyeye"] .style-card.active { border-color: #6b8c5a; background: #eee8d8; }

[data-theme="easyeye"] .followup-chip { background: #f0ece0; border-color: #c8c0a0; color: #5a7a4a; }
[data-theme="easyeye"] .followup-chip:hover { background: #6b8c5a; color: #f4f0e4; border-color: #6b8c5a; }

[data-theme="easyeye"] .fb-btn { border-color: #d8d0b8; color: #8a8070; }
[data-theme="easyeye"] .fb-btn:hover:not(:disabled) { border-color: #6b8c5a; color: #4a6a38; }
[data-theme="easyeye"] .style-notice { background: #f4f0e4; border-color: #d8d0b8; color: #8a8070; }

[data-theme="easyeye"] .welcome h2 { color: #4a6a38; }
[data-theme="easyeye"] .welcome p  { color: #8a8070; }

[data-theme="easyeye"] #chat::-webkit-scrollbar { width: 5px; }
[data-theme="easyeye"] #chat::-webkit-scrollbar-track { background: #f0ece0; }
[data-theme="easyeye"] #chat::-webkit-scrollbar-thumb { background: #b8b0a0; border-radius: 3px; }

[data-theme="easyeye"] .msg-row.user .avatar { background: #6b8c5a; }
[data-theme="easyeye"] .msg-row.bot  .avatar { background: #e8e4d8; border: 1px solid #d0c8b0; }
[data-theme="easyeye"] .input-hint { color: #b0a890; font-size: 11px; }

[data-theme="easyeye"] .lang-toggle { background: rgba(255,255,255,.2); }
[data-theme="easyeye"] .lang-toggle button.active { background: #f4f0e4; color: #4a6a38; }

/* ── 切换按钮样式 ── */
.btn-theme {
  background: transparent;
  border: none;
  color: rgba(255,255,255,.8);
  font-size: 18px;
  cursor: pointer;
  padding: 4px 6px;
  border-radius: 8px;
  transition: background .2s;
  line-height: 1;
  flex-shrink: 0;
}
.btn-theme:hover { background: rgba(255,255,255,.15); }