/* ========================================
   小彡AI v2 - 主题样式表
   ======================================== */

/* ========================================
   粉白主题 - 清新温柔
   ======================================== */
body.light-theme {
    background-color: #ffe0ec;
    --page-bg: #ffe0ec;
    --text-primary: #3f2a34;
    --text-secondary: #8b6b7a;
    --text-tertiary: #b89aa8;
    --text-gradient: linear-gradient(135deg, #c96b8a, #a14a6b);

    --nav-bg: rgba(255, 240, 245, 0.85);
    --border-light: rgba(230, 180, 200, 0.4);

    --btn-ghost: rgba(200, 150, 170, 0.15);
    --btn-ghost-hover: rgba(200, 150, 170, 0.25);

    --emotion-bar-bg: rgba(255, 245, 250, 0.9);
    --emotion-tag-bg: rgba(230, 140, 170, 0.12);
    --emotion-tag-border: rgba(230, 140, 170, 0.3);
    --emotion-tag-text: #8b4a63;
    --emotion-tag-hover-bg: rgba(230, 140, 170, 0.25);
    --emotion-tag-hover-border: rgba(220, 130, 160, 0.5);
    --emotion-tag-hover-text: #6a3a4c;
    --emotion-tag-active-bg: rgba(230, 140, 170, 0.35);
    --emotion-tag-active-border: rgba(210, 120, 150, 0.7);
    --emotion-tag-active-text: #5a2e40;
    --emotion-glow: rgba(230, 140, 170, 0.3);

    --questions-bg: rgba(255, 245, 250, 0.9);
    --chip-bg: rgba(255, 255, 255, 0.8);
    --chip-border: rgba(230, 180, 200, 0.5);
    --chip-text: #7a4a5e;
    --chip-hover-bg: rgba(255, 230, 240, 0.9);
    --chip-hover-border: rgba(210, 150, 180, 0.7);
    --chip-hover-text: #5a3a4a;

    --messages-bg: rgba(255, 248, 252, 0.95);
    --user-bubble-bg: linear-gradient(135deg, #ffeef4, #fde0e9);
    --user-bubble-border: rgba(228, 170, 190, 0.6);
    --user-bubble-text: #462f3a;
    --assistant-bubble-bg: rgba(255, 255, 255, 0.9);
    --assistant-bubble-border: rgba(240, 200, 220, 0.5);
    --assistant-bubble-text: #3e2c33;

    --accent-color: #e68caa;
    --shadow-color: rgba(200, 150, 170, 0.2);
    --welcome-bg: #1a0f14;
    --welcome-text: #fde0e9;
    --welcome-sub: #c9899e;

    --input-area-bg: rgba(255, 245, 250, 0.95);
    --input-bg: rgba(255, 255, 255, 0.9);
    --input-border: rgba(228, 170, 190, 0.5);
    --input-text: #3f2a34;
    --input-placeholder: #cfa3b3;
    --input-focus-border: #e09db2;
    --input-focus-shadow: rgba(224, 157, 178, 0.2);

    --btn-bg: linear-gradient(135deg, #fbdbe6, #f5cad9);
    --btn-border: rgba(217, 158, 178, 0.5);
    --btn-text: #793a51;
    --btn-hover-bg: linear-gradient(135deg, #ffd9e8, #fec7da);
    --btn-hover-border: rgba(212, 126, 154, 0.7);

    --send-btn-bg: linear-gradient(135deg, #e68caa, #d67da0);
    --send-btn-text: #ffffff;

    --menu-bg: rgba(255, 245, 250, 0.95);
    --menu-border: rgba(230, 140, 170, 0.4);
    --menu-item-hover: rgba(230, 140, 170, 0.15);
    --menu-icon-bg: rgba(230, 140, 170, 0.12);

    --section-bg: rgba(255, 255, 255, 0.8);
    --toggle-bg: rgba(200, 180, 190, 0.2);

    --modal-bg: rgba(255, 248, 252, 0.98);

    --toast-bg: rgba(255, 245, 250, 0.95);
    --toast-border: rgba(230, 140, 170, 0.5);
    --toast-text: #6a3a4c;


    --scrollbar-thumb: rgba(200, 150, 170, 0.4);
    --scrollbar-thumb-hover: rgba(200, 150, 170, 0.6);
    --sidebar-bg: rgba(255, 248, 252, 0.95);
}

/* ========================================
   海蓝主题 - 清新宁静
   ======================================== */
body.blue-theme {
    background-color: #d0e6f8;
    --page-bg: #d0e6f8;
    --text-primary: #1f4868;
    --text-secondary: #5d7e9a;
    --text-tertiary: #8dafc9;
    --text-gradient: linear-gradient(135deg, #4885b0, #2c6e9e);

    --nav-bg: rgba(230, 240, 250, 0.85);
    --border-light: rgba(140, 190, 230, 0.4);

    --btn-ghost: rgba(120, 170, 210, 0.15);
    --btn-ghost-hover: rgba(120, 170, 210, 0.25);

    --emotion-bar-bg: rgba(240, 248, 255, 0.9);
    --emotion-tag-bg: rgba(100, 150, 210, 0.12);
    --emotion-tag-border: rgba(100, 150, 210, 0.3);
    --emotion-tag-text: #3a6088;
    --emotion-tag-hover-bg: rgba(100, 150, 210, 0.25);
    --emotion-tag-hover-border: rgba(90, 140, 200, 0.5);
    --emotion-tag-hover-text: #1e4060;
    --emotion-tag-active-bg: rgba(100, 150, 210, 0.35);
    --emotion-tag-active-border: rgba(80, 130, 190, 0.7);
    --emotion-tag-active-text: #1a3a55;
    --emotion-glow: rgba(100, 150, 210, 0.3);

    --questions-bg: rgba(240, 248, 255, 0.9);
    --chip-bg: rgba(255, 255, 255, 0.8);
    --chip-border: rgba(140, 190, 230, 0.5);
    --chip-text: #2c577c;
    --chip-hover-bg: rgba(225, 240, 252, 0.9);
    --chip-hover-border: rgba(100, 170, 220, 0.7);
    --chip-hover-text: #1f4a6e;

    --messages-bg: rgba(245, 250, 253, 0.95);
    --user-bubble-bg: linear-gradient(135deg, #eaf4fc, #e0edf8);
    --user-bubble-border: rgba(154, 191, 218, 0.6);
    --user-bubble-text: #1f4a6e;
    --assistant-bubble-bg: rgba(255, 255, 255, 0.9);
    --assistant-bubble-border: rgba(202, 224, 240, 0.5);
    --assistant-bubble-text: #1f4868;

    --accent-color: #6ea2c9;
    --welcome-bg: #0c1520;
    --welcome-text: #d0e8f5;
    --welcome-sub: #7ea8c5;
    --shadow-color: rgba(100, 160, 210, 0.2);

    --input-area-bg: rgba(243, 249, 255, 0.95);
    --input-bg: rgba(255, 255, 255, 0.9);
    --input-border: rgba(188, 211, 232, 0.5);
    --input-text: #1f4868;
    --input-placeholder: #8dafc9;
    --input-focus-border: #6ea2c9;
    --input-focus-shadow: rgba(110, 162, 201, 0.2);

    --btn-bg: linear-gradient(135deg, #e1eff9, #d3e6f5);
    --btn-border: rgba(133, 177, 208, 0.5);
    --btn-text: #2c5e84;
    --btn-hover-bg: linear-gradient(135deg, #d4e8f7, #c5def0);
    --btn-hover-border: rgba(95, 151, 188, 0.7);

    --send-btn-bg: linear-gradient(135deg, #6ea2c9, #5f97bc);
    --send-btn-text: #ffffff;

    --menu-bg: rgba(240, 248, 255, 0.95);
    --menu-border: rgba(100, 150, 210, 0.4);
    --menu-item-hover: rgba(100, 150, 210, 0.15);
    --menu-icon-bg: rgba(100, 150, 210, 0.12);

    --section-bg: rgba(255, 255, 255, 0.8);
    --toggle-bg: rgba(140, 180, 210, 0.2);

    --modal-bg: rgba(245, 250, 253, 0.98);

    --toast-bg: rgba(240, 250, 255, 0.95);
    --toast-border: rgba(100, 150, 210, 0.5);
    --toast-text: #2c5e7a;


    --scrollbar-thumb: rgba(100, 160, 210, 0.4);
    --scrollbar-thumb-hover: rgba(100, 160, 210, 0.6);
    --sidebar-bg: rgba(240, 248, 255, 0.95);
}

/* ========================================
   嫩绿主题 - 清新自然
   ======================================== */
body.green-theme {
    background-color: #c8edd8;
    --page-bg: #c8edd8;
    --text-primary: #1a5234;
    --text-secondary: #3e7a5c;
    --text-tertiary: #6eae8a;
    --text-gradient: linear-gradient(135deg, #369a66, #1a6e44);

    --nav-bg: rgba(212, 236, 223, 0.85);
    --border-light: rgba(80, 160, 120, 0.4);

    --btn-ghost: rgba(60, 140, 100, 0.15);
    --btn-ghost-hover: rgba(60, 140, 100, 0.25);

    --emotion-bar-bg: rgba(235, 248, 238, 0.9);
    --emotion-tag-bg: rgba(80, 160, 120, 0.12);
    --emotion-tag-border: rgba(80, 160, 120, 0.3);
    --emotion-tag-text: #2a6a44;
    --emotion-tag-hover-bg: rgba(80, 160, 120, 0.25);
    --emotion-tag-hover-border: rgba(70, 150, 110, 0.5);
    --emotion-tag-hover-text: #164528;
    --emotion-tag-active-bg: rgba(80, 160, 120, 0.35);
    --emotion-tag-active-border: rgba(60, 140, 100, 0.7);
    --emotion-tag-active-text: #0f3a1f;
    --emotion-glow: rgba(80, 160, 120, 0.3);

    --questions-bg: rgba(235, 248, 238, 0.9);
    --chip-bg: rgba(255, 255, 255, 0.8);
    --chip-border: rgba(80, 160, 120, 0.5);
    --chip-text: #1a5a36;
    --chip-hover-bg: rgba(200, 236, 216, 0.9);
    --chip-hover-border: rgba(60, 150, 110, 0.7);
    --chip-hover-text: #1a5234;

    --messages-bg: rgba(240, 252, 244, 0.95);
    --user-bubble-bg: linear-gradient(135deg, #d9efde, #c9e5d3);
    --user-bubble-border: rgba(126, 192, 154, 0.6);
    --user-bubble-text: #1a5234;
    --assistant-bubble-bg: rgba(255, 255, 255, 0.9);
    --assistant-bubble-border: rgba(172, 219, 192, 0.5);
    --assistant-bubble-text: #164a2c;

    --accent-color: #4eae78;
    --welcome-bg: #0c1a12;
    --welcome-text: #d0f0dc;
    --welcome-sub: #7eb898;
    --shadow-color: rgba(60, 140, 100, 0.2);

    --input-area-bg: rgba(232, 247, 239, 0.95);
    --input-bg: rgba(255, 255, 255, 0.9);
    --input-border: rgba(158, 208, 178, 0.5);
    --input-text: #1a5234;
    --input-placeholder: #6eae8a;
    --input-focus-border: #4eae78;
    --input-focus-shadow: rgba(78, 174, 120, 0.2);

    --btn-bg: linear-gradient(135deg, #ceecda, #bde2cc);
    --btn-border: rgba(110, 190, 144, 0.5);
    --btn-text: #1a5a36;
    --btn-hover-bg: linear-gradient(135deg, #bae4ce, #a8d8be);
    --btn-hover-border: rgba(62, 158, 102, 0.7);

    --send-btn-bg: linear-gradient(135deg, #4eae78, #3e9e66);
    --send-btn-text: #ffffff;

    --menu-bg: rgba(235, 248, 238, 0.95);
    --menu-border: rgba(80, 160, 120, 0.4);
    --menu-item-hover: rgba(80, 160, 120, 0.15);
    --menu-icon-bg: rgba(80, 160, 120, 0.12);

    --section-bg: rgba(255, 255, 255, 0.8);
    --toggle-bg: rgba(80, 160, 120, 0.2);

    --modal-bg: rgba(240, 252, 244, 0.98);

    --toast-bg: rgba(235, 255, 240, 0.95);
    --toast-border: rgba(80, 160, 120, 0.5);
    --toast-text: #1a5a36;


    --scrollbar-thumb: rgba(80, 160, 120, 0.4);
    --scrollbar-thumb-hover: rgba(80, 160, 120, 0.6);
    --sidebar-bg: rgba(235, 248, 238, 0.95);
}

/* ========================================
   麦黄主题 - 清新温暖
   ======================================== */
body.wheat-theme {
    background-color: #ffe8c0;
    --page-bg: #ffe8c0;
    --text-primary: #5a3c18;
    --text-secondary: #8b6840;
    --text-tertiary: #b89860;
    --text-gradient: linear-gradient(135deg, #c28541, #8b5a2b);

    --nav-bg: rgba(247, 234, 206, 0.85);
    --border-light: rgba(210, 170, 100, 0.4);

    --btn-ghost: rgba(180, 140, 80, 0.15);
    --btn-ghost-hover: rgba(180, 140, 80, 0.25);

    --emotion-bar-bg: rgba(255, 248, 235, 0.9);
    --emotion-tag-bg: rgba(200, 160, 80, 0.12);
    --emotion-tag-border: rgba(200, 160, 80, 0.3);
    --emotion-tag-text: #7a5a28;
    --emotion-tag-hover-bg: rgba(200, 160, 80, 0.25);
    --emotion-tag-hover-border: rgba(190, 150, 70, 0.5);
    --emotion-tag-hover-text: #4a3210;
    --emotion-tag-active-bg: rgba(200, 160, 80, 0.35);
    --emotion-tag-active-border: rgba(180, 140, 60, 0.7);
    --emotion-tag-active-text: #3a2508;
    --emotion-glow: rgba(200, 160, 80, 0.3);

    --questions-bg: rgba(255, 248, 235, 0.9);
    --chip-bg: rgba(255, 255, 255, 0.8);
    --chip-border: rgba(210, 170, 100, 0.5);
    --chip-text: #7a581f;
    --chip-hover-bg: rgba(255, 239, 207, 0.9);
    --chip-hover-border: rgba(212, 162, 78, 0.7);
    --chip-hover-text: #6b481d;

    --messages-bg: rgba(255, 252, 242, 0.95);
    --user-bubble-bg: linear-gradient(135deg, #fff0db, #feeacb);
    --user-bubble-border: rgba(226, 190, 132, 0.6);
    --user-bubble-text: #6b481d;
    --assistant-bubble-bg: rgba(255, 255, 255, 0.9);
    --assistant-bubble-border: rgba(236, 215, 171, 0.5);
    --assistant-bubble-text: #5a3c18;

    --accent-color: #c99950;
    --welcome-bg: #1a150c;
    --welcome-text: #f5ead0;
    --welcome-sub: #c5a878;
    --shadow-color: rgba(180, 140, 80, 0.2);

    --input-area-bg: rgba(255, 247, 234, 0.95);
    --input-bg: rgba(255, 255, 255, 0.9);
    --input-border: rgba(229, 206, 158, 0.5);
    --input-text: #5a3c18;
    --input-placeholder: #c2a36b;
    --input-focus-border: #c99950;
    --input-focus-shadow: rgba(201, 153, 80, 0.2);

    --btn-bg: linear-gradient(135deg, #f3e3ca, #ecd7b3);
    --btn-border: rgba(217, 174, 106, 0.5);
    --btn-text: #7a4e1f;
    --btn-hover-bg: linear-gradient(135deg, #fbebcf, #f5e0bc);
    --btn-hover-border: rgba(203, 152, 80, 0.7);

    --send-btn-bg: linear-gradient(135deg, #c99950, #b38d3c);
    --send-btn-text: #ffffff;

    --menu-bg: rgba(253, 244, 227, 0.95);
    --menu-border: rgba(200, 160, 80, 0.4);
    --menu-item-hover: rgba(200, 160, 80, 0.15);
    --menu-icon-bg: rgba(200, 160, 80, 0.12);

    --section-bg: rgba(255, 255, 255, 0.8);
    --toggle-bg: rgba(200, 170, 110, 0.2);

    --modal-bg: rgba(255, 252, 242, 0.98);

    --toast-bg: rgba(255, 250, 235, 0.95);
    --toast-border: rgba(200, 160, 80, 0.5);
    --toast-text: #6e4a1e;


    --scrollbar-thumb: rgba(200, 160, 80, 0.4);
    --scrollbar-thumb-hover: rgba(200, 160, 80, 0.6);
    --sidebar-bg: rgba(255, 248, 235, 0.95);
}

/* ========================================
   黑巧主题 - 深邃优雅
   ======================================== */
body.chocolate-theme {
    background-color: #2a1c14;
    --page-bg: #2a1c14;
    --text-primary: #faf0e0;
    --text-secondary: #cfa36e;
    --text-tertiary: #a08060;
    --text-gradient: linear-gradient(135deg, #e0a470, #c28454);

    --nav-bg: rgba(42, 28, 20, 0.9);
    --border-light: rgba(140, 90, 50, 0.4);

    --btn-ghost: rgba(140, 90, 50, 0.2);
    --btn-ghost-hover: rgba(140, 90, 50, 0.35);

    --emotion-bar-bg: rgba(35, 24, 16, 0.9);
    --emotion-tag-bg: rgba(180, 110, 70, 0.15);
    --emotion-tag-border: rgba(180, 110, 70, 0.35);
    --emotion-tag-text: #f5dcc4;
    --emotion-tag-hover-bg: rgba(195, 120, 75, 0.3);
    --emotion-tag-hover-border: rgba(210, 135, 85, 0.55);
    --emotion-tag-hover-text: #fff8f0;
    --emotion-tag-active-bg: rgba(195, 120, 75, 0.45);
    --emotion-tag-active-border: rgba(220, 145, 95, 0.75);
    --emotion-tag-active-text: #ffffff;
    --emotion-glow: rgba(190, 110, 60, 0.35);

    --questions-bg: rgba(35, 24, 16, 0.9);
    --chip-bg: rgba(50, 34, 24, 0.8);
    --chip-border: rgba(140, 90, 50, 0.5);
    --chip-text: #e8d0b8;
    --chip-hover-bg: rgba(70, 48, 32, 0.9);
    --chip-hover-border: rgba(180, 110, 60, 0.7);
    --chip-hover-text: #fff0e0;

    --messages-bg: rgba(28, 20, 14, 0.95);
    --user-bubble-bg: linear-gradient(135deg, #5a4030, #422f22);
    --user-bubble-border: rgba(180, 124, 76, 0.5);
    --user-bubble-text: #ffe6cf;
    --assistant-bubble-bg: rgba(66, 48, 33, 0.9);
    --assistant-bubble-border: rgba(139, 92, 62, 0.5);
    --assistant-bubble-text: #faf0e0;

    --accent-color: #c28454;
    --welcome-bg: #1a120c;
    --welcome-text: #f5e0d0;
    --welcome-sub: #c59878;
    --shadow-color: rgba(140, 90, 50, 0.3);

    --input-area-bg: rgba(35, 24, 16, 0.95);
    --input-bg: rgba(55, 38, 28, 0.9);
    --input-border: rgba(139, 97, 63, 0.5);
    --input-text: #f7e9da;
    --input-placeholder: #b58656;
    --input-focus-border: #db9a5c;
    --input-focus-shadow: rgba(219, 154, 92, 0.25);

    --btn-bg: linear-gradient(135deg, #6b4a34, #4a3524);
    --btn-border: rgba(194, 136, 74, 0.5);
    --btn-text: #f8e2ca;
    --btn-hover-bg: linear-gradient(135deg, #855d42, #604530);
    --btn-hover-border: rgba(226, 164, 106, 0.7);

    --send-btn-bg: linear-gradient(135deg, #c28454, #a87040);
    --send-btn-text: #ffffff;

    --menu-bg: rgba(42, 28, 20, 0.95);
    --menu-border: rgba(180, 110, 70, 0.4);
    --menu-item-hover: rgba(180, 110, 70, 0.2);
    --menu-icon-bg: rgba(180, 110, 70, 0.15);

    --section-bg: rgba(42, 28, 20, 0.8);
    --toggle-bg: rgba(100, 70, 45, 0.3);

    --modal-bg: rgba(42, 28, 20, 0.98);

    --toast-bg: rgba(50, 32, 22, 0.95);
    --toast-border: rgba(180, 110, 70, 0.5);
    --toast-text: #f5e1c8;

    --scrollbar-thumb: rgba(140, 90, 50, 0.5);
    --scrollbar-thumb-hover: rgba(140, 90, 50, 0.7);
    --sidebar-bg: rgba(50, 35, 25, 0.95);
}

/* ========================================
   暗紫主题 - 神秘浪漫
   ======================================== */
body.dark-theme {
    background-color: #12121a;
    --page-bg: #12121a;
    --text-primary: #f0edff;
    --text-secondary: #8e8ea8;
    --text-tertiary: #5a5a78;
    --text-gradient: linear-gradient(135deg, #e0d6ff, #b5a9ff);

    --nav-bg: rgba(18, 18, 26, 0.9);
    --border-light: rgba(80, 70, 120, 0.4);

    --btn-ghost: rgba(120, 100, 180, 0.2);
    --btn-ghost-hover: rgba(120, 100, 180, 0.35);

    --emotion-bar-bg: rgba(14, 14, 22, 0.9);
    --emotion-tag-bg: rgba(166, 126, 255, 0.15);
    --emotion-tag-border: rgba(166, 126, 255, 0.35);
    --emotion-tag-text: #d0c4ff;
    --emotion-tag-hover-bg: rgba(166, 126, 255, 0.3);
    --emotion-tag-hover-border: rgba(180, 140, 255, 0.55);
    --emotion-tag-hover-text: #f0e8ff;
    --emotion-tag-active-bg: rgba(166, 126, 255, 0.45);
    --emotion-tag-active-border: rgba(200, 160, 255, 0.75);
    --emotion-tag-active-text: #ffffff;
    --emotion-glow: rgba(166, 126, 255, 0.4);

    --questions-bg: rgba(14, 14, 22, 0.9);
    --chip-bg: rgba(30, 28, 42, 0.8);
    --chip-border: rgba(80, 70, 120, 0.5);
    --chip-text: #c8c0e0;
    --chip-hover-bg: rgba(50, 45, 70, 0.9);
    --chip-hover-border: rgba(140, 120, 220, 0.7);
    --chip-hover-text: #f0e8ff;

    --messages-bg: rgba(10, 10, 16, 0.95);
    --user-bubble-bg: linear-gradient(135deg, #3a3850, #2a2840);
    --user-bubble-border: rgba(100, 90, 150, 0.5);
    --user-bubble-text: #f0e8ff;
    --assistant-bubble-bg: rgba(24, 24, 34, 0.9);
    --assistant-bubble-border: rgba(70, 65, 100, 0.5);
    --assistant-bubble-text: #f0edff;

    --accent-color: #a67eff;
    --welcome-bg: #0e0a18;
    --welcome-text: #e8e0ff;
    --welcome-sub: #9880d0;
    --shadow-color: rgba(120, 100, 200, 0.3);

    --input-area-bg: rgba(14, 14, 20, 0.95);
    --input-bg: rgba(28, 26, 40, 0.9);
    --input-border: rgba(70, 65, 100, 0.5);
    --input-text: #f0edff;
    --input-placeholder: #7a7a98;
    --input-focus-border: #a67eff;
    --input-focus-shadow: rgba(166, 126, 255, 0.25);

    --btn-bg: linear-gradient(135deg, #3a3850, #2a2840);
    --btn-border: rgba(120, 100, 200, 0.5);
    --btn-text: #e8e0ff;
    --btn-hover-bg: linear-gradient(135deg, #4a4860, #3a3850);
    --btn-hover-border: rgba(150, 130, 230, 0.7);

    --send-btn-bg: linear-gradient(135deg, #a67eff, #8a6ad0);
    --send-btn-text: #ffffff;

    --menu-bg: rgba(22, 20, 32, 0.95);
    --menu-border: rgba(120, 100, 200, 0.4);
    --menu-item-hover: rgba(120, 100, 200, 0.2);
    --menu-icon-bg: rgba(120, 100, 200, 0.15);

    --section-bg: rgba(22, 20, 32, 0.8);
    --toggle-bg: rgba(60, 55, 85, 0.3);

    --modal-bg: rgba(20, 18, 28, 0.98);

    --toast-bg: rgba(30, 26, 42, 0.95);
    --toast-border: rgba(120, 100, 200, 0.5);
    --toast-text: #e0d6ff;

    --scrollbar-thumb: rgba(100, 90, 150, 0.5);
    --scrollbar-thumb-hover: rgba(100, 90, 150, 0.7);
    --sidebar-bg: rgba(22, 20, 35, 0.95);
}

/* ========================================
   黑金主题 - 高贵典雅
   ======================================== */
body.gold-theme {
    background-color: #14120a;
    --page-bg: #14120a;
    --text-primary: #f5ebc8;
    --text-secondary: #a89b70;
    --text-tertiary: #7a7050;
    --text-gradient: linear-gradient(135deg, #f3e5ab, #d4af37);

    --nav-bg: rgba(20, 18, 10, 0.9);
    --border-light: rgba(180, 140, 40, 0.4);

    --btn-ghost: rgba(180, 140, 40, 0.2);
    --btn-ghost-hover: rgba(180, 140, 40, 0.35);

    --emotion-bar-bg: rgba(16, 14, 8, 0.9);
    --emotion-tag-bg: rgba(212, 175, 55, 0.15);
    --emotion-tag-border: rgba(212, 175, 55, 0.35);
    --emotion-tag-text: #f0e6c0;
    --emotion-tag-hover-bg: rgba(212, 175, 55, 0.3);
    --emotion-tag-hover-border: rgba(224, 192, 80, 0.55);
    --emotion-tag-hover-text: #fffef5;
    --emotion-tag-active-bg: rgba(212, 175, 55, 0.45);
    --emotion-tag-active-border: rgba(240, 210, 100, 0.75);
    --emotion-tag-active-text: #ffffff;
    --emotion-glow: rgba(212, 175, 55, 0.4);

    --questions-bg: rgba(16, 14, 8, 0.9);
    --chip-bg: rgba(28, 24, 14, 0.8);
    --chip-border: rgba(120, 100, 40, 0.5);
    --chip-text: #d8c898;
    --chip-hover-bg: rgba(42, 36, 20, 0.9);
    --chip-hover-border: rgba(200, 160, 50, 0.7);
    --chip-hover-text: #f5ebc8;

    --messages-bg: rgba(10, 9, 5, 0.95);
    --user-bubble-bg: linear-gradient(135deg, #2e2818, #1e1a0e);
    --user-bubble-border: rgba(138, 114, 40, 0.5);
    --user-bubble-text: #fdf6e3;
    --assistant-bubble-bg: rgba(26, 22, 10, 0.9);
    --assistant-bubble-border: rgba(90, 78, 32, 0.5);
    --assistant-bubble-text: #f5ebc8;

    --accent-color: #d4af37;
    --welcome-bg: #1a180c;
    --welcome-text: #f5ecd0;
    --welcome-sub: #c5b078;
    --shadow-color: rgba(180, 140, 40, 0.3);

    --input-area-bg: rgba(14, 12, 6, 0.95);
    --input-bg: rgba(26, 22, 12, 0.9);
    --input-border: rgba(100, 85, 35, 0.5);
    --input-text: #f5ebc8;
    --input-placeholder: #b8a870;
    --input-focus-border: #d4af37;
    --input-focus-shadow: rgba(212, 175, 55, 0.25);

    --btn-bg: linear-gradient(135deg, #3a3018, #221e10);
    --btn-border: rgba(184, 155, 48, 0.5);
    --btn-text: #f0e6c0;
    --btn-hover-bg: linear-gradient(135deg, #4e4220, #2e2818);
    --btn-hover-border: rgba(224, 192, 80, 0.7);

    --send-btn-bg: linear-gradient(135deg, #d4af37, #b89b30);
    --send-btn-text: #1a160a;

    --menu-bg: rgba(22, 18, 10, 0.95);
    --menu-border: rgba(180, 140, 40, 0.4);
    --menu-item-hover: rgba(180, 140, 40, 0.2);
    --menu-icon-bg: rgba(180, 140, 40, 0.15);

    --section-bg: rgba(22, 18, 10, 0.8);
    --toggle-bg: rgba(80, 70, 30, 0.3);

    --modal-bg: rgba(20, 16, 8, 0.98);

    --toast-bg: rgba(30, 24, 12, 0.95);
    --toast-border: rgba(180, 140, 40, 0.5);
    --toast-text: #f5ebc8;

    --scrollbar-thumb: rgba(140, 110, 40, 0.5);
    --scrollbar-thumb-hover: rgba(140, 110, 40, 0.7);
    --sidebar-bg: rgba(25, 22, 12, 0.95);
}

/* ========================================
   暗蓝主题 - 深邃星空
   ======================================== */
body.cosmic-theme {
    background-color: #060a14;
    --page-bg: #060a14;
    --text-primary: #d0daf0;
    --text-secondary: #6880a8;
    --text-tertiary: #3e5070;
    --text-gradient: linear-gradient(135deg, #7ec8f0, #4a9ad0);

    --nav-bg: rgba(8, 12, 22, 0.92);
    --border-light: rgba(60, 90, 140, 0.35);

    --btn-ghost: rgba(70, 130, 200, 0.15);
    --btn-ghost-hover: rgba(70, 130, 200, 0.28);

    --emotion-bar-bg: rgba(6, 10, 18, 0.92);
    --emotion-tag-bg: rgba(80, 160, 240, 0.12);
    --emotion-tag-border: rgba(80, 160, 240, 0.3);
    --emotion-tag-text: #90b8e0;
    --emotion-tag-hover-bg: rgba(80, 160, 240, 0.25);
    --emotion-tag-hover-border: rgba(100, 175, 250, 0.5);
    --emotion-tag-hover-text: #c0e0ff;
    --emotion-tag-active-bg: rgba(80, 160, 240, 0.38);
    --emotion-tag-active-border: rgba(120, 190, 255, 0.7);
    --emotion-tag-active-text: #ffffff;
    --emotion-glow: rgba(80, 160, 240, 0.35);

    --questions-bg: rgba(6, 10, 18, 0.92);
    --chip-bg: rgba(14, 20, 34, 0.8);
    --chip-border: rgba(50, 75, 120, 0.45);
    --chip-text: #a0b8d8;
    --chip-hover-bg: rgba(22, 32, 52, 0.9);
    --chip-hover-border: rgba(80, 140, 210, 0.6);
    --chip-hover-text: #d0e4ff;

    --messages-bg: rgba(4, 8, 14, 0.95);
    --user-bubble-bg: linear-gradient(135deg, #1a2844, #101c34);
    --user-bubble-border: rgba(60, 100, 160, 0.45);
    --user-bubble-text: #d8e8ff;
    --assistant-bubble-bg: rgba(12, 18, 30, 0.9);
    --assistant-bubble-border: rgba(45, 70, 110, 0.45);
    --assistant-bubble-text: #d0daf0;

    --accent-color: #50a0e0;
    --welcome-bg: #080c18;
    --welcome-text: #d0e0f5;
    --welcome-sub: #78a0c5;
    --shadow-color: rgba(60, 120, 200, 0.25);

    --input-area-bg: rgba(6, 10, 16, 0.95);
    --input-bg: rgba(14, 20, 32, 0.9);
    --input-border: rgba(50, 75, 120, 0.45);
    --input-text: #d0daf0;
    --input-placeholder: #3e5878;
    --input-focus-border: #50a0e0;
    --input-focus-shadow: rgba(80, 160, 224, 0.2);

    --btn-bg: linear-gradient(135deg, #1a2844, #101c34);
    --btn-border: rgba(60, 120, 190, 0.45);
    --btn-text: #c0d8f0;
    --btn-hover-bg: linear-gradient(135deg, #243454, #1a2844);
    --btn-hover-border: rgba(80, 140, 210, 0.6);

    --send-btn-bg: linear-gradient(135deg, #50a0e0, #3a8ac8);
    --send-btn-text: #ffffff;

    --menu-bg: rgba(10, 14, 24, 0.95);
    --menu-border: rgba(60, 100, 160, 0.35);
    --menu-item-hover: rgba(60, 120, 200, 0.15);
    --menu-icon-bg: rgba(60, 120, 200, 0.12);

    --section-bg: rgba(10, 14, 24, 0.8);
    --toggle-bg: rgba(40, 60, 100, 0.25);

    --modal-bg: rgba(8, 12, 22, 0.98);

    --toast-bg: rgba(14, 20, 34, 0.95);
    --toast-border: rgba(60, 120, 200, 0.45);
    --toast-text: #b0d0f0;

    --scrollbar-thumb: rgba(50, 80, 130, 0.45);
    --scrollbar-thumb-hover: rgba(50, 80, 130, 0.65);
    --sidebar-bg: rgba(10, 14, 26, 0.95);
}

/* ========================================
   白与黑主题 - 白底黑字，极简
   ======================================== */
body.bw-theme {
    background-color: #ffffff;
    --page-bg: #ffffff;
    --text-primary: #111111;
    --text-secondary: #555555;
    --text-tertiary: #999999;
    --text-gradient: linear-gradient(135deg, #111111, #333333);

    --nav-bg: rgba(255, 255, 255, 0.9);
    --border-light: rgba(0, 0, 0, 0.1);

    --btn-ghost: rgba(0, 0, 0, 0.06);
    --btn-ghost-hover: rgba(0, 0, 0, 0.12);

    --emotion-bar-bg: rgba(255, 255, 255, 0.95);
    --emotion-tag-bg: rgba(0, 0, 0, 0.06);
    --emotion-tag-border: rgba(0, 0, 0, 0.15);
    --emotion-tag-text: #333;
    --emotion-tag-hover-bg: rgba(0, 0, 0, 0.1);
    --emotion-tag-hover-border: rgba(0, 0, 0, 0.3);
    --emotion-tag-hover-text: #111;
    --emotion-tag-active-bg: rgba(0, 0, 0, 0.15);
    --emotion-tag-active-border: rgba(0, 0, 0, 0.5);
    --emotion-tag-active-text: #000;
    --emotion-glow: rgba(0, 0, 0, 0.1);

    --questions-bg: rgba(255, 255, 255, 0.95);
    --chip-bg: rgba(255, 255, 255, 0.9);
    --chip-border: rgba(0, 0, 0, 0.12);
    --chip-text: #333;
    --chip-hover-bg: rgba(0, 0, 0, 0.06);
    --chip-hover-border: rgba(0, 0, 0, 0.25);
    --chip-hover-text: #111;

    --messages-bg: #fafafa;
    --user-bubble-bg: #111111;
    --user-bubble-border: #111111;
    --user-bubble-text: #ffffff;
    --assistant-bubble-bg: #ffffff;
    --assistant-bubble-border: rgba(0, 0, 0, 0.1);
    --assistant-bubble-text: #111111;

    --accent-color: #222222;
    --shadow-color: rgba(0, 0, 0, 0.08);
    --welcome-bg: #111111;
    --welcome-text: #ffffff;
    --welcome-sub: #999999;

    --input-bg: #f5f5f5;
    --input-border: rgba(0, 0, 0, 0.15);
    --input-text: #111;
    --input-placeholder: #aaa;

    --menu-bg: rgba(255, 255, 255, 0.98);
    --menu-border: rgba(0, 0, 0, 0.12);

    --card-bg: #f5f5f5;
    --modal-bg: #ffffff;

    --scrollbar-thumb: rgba(0, 0, 0, 0.2);
    --scrollbar-thumb-hover: rgba(0, 0, 0, 0.35);
    --sidebar-bg: rgba(255, 255, 255, 0.98);
}

/* ========================================
   黑与白主题 - 黑底白字，极简
   ======================================== */
body.wb-theme {
    background-color: #0a0a0a;
    --page-bg: #0a0a0a;
    --text-primary: #f0f0f0;
    --text-secondary: #aaaaaa;
    --text-tertiary: #666666;
    --text-gradient: linear-gradient(135deg, #ffffff, #cccccc);

    --nav-bg: rgba(10, 10, 10, 0.9);
    --border-light: rgba(255, 255, 255, 0.1);

    --btn-ghost: rgba(255, 255, 255, 0.08);
    --btn-ghost-hover: rgba(255, 255, 255, 0.15);

    --emotion-bar-bg: rgba(10, 10, 10, 0.95);
    --emotion-tag-bg: rgba(255, 255, 255, 0.08);
    --emotion-tag-border: rgba(255, 255, 255, 0.15);
    --emotion-tag-text: #ccc;
    --emotion-tag-hover-bg: rgba(255, 255, 255, 0.12);
    --emotion-tag-hover-border: rgba(255, 255, 255, 0.3);
    --emotion-tag-hover-text: #fff;
    --emotion-tag-active-bg: rgba(255, 255, 255, 0.18);
    --emotion-tag-active-border: rgba(255, 255, 255, 0.5);
    --emotion-tag-active-text: #fff;
    --emotion-glow: rgba(255, 255, 255, 0.1);

    --questions-bg: rgba(10, 10, 10, 0.95);
    --chip-bg: rgba(255, 255, 255, 0.06);
    --chip-border: rgba(255, 255, 255, 0.12);
    --chip-text: #ccc;
    --chip-hover-bg: rgba(255, 255, 255, 0.1);
    --chip-hover-border: rgba(255, 255, 255, 0.25);
    --chip-hover-text: #fff;

    --messages-bg: #111111;
    --user-bubble-bg: #ffffff;
    --user-bubble-border: #ffffff;
    --user-bubble-text: #0a0a0a;
    --assistant-bubble-bg: #1a1a1a;
    --assistant-bubble-border: rgba(255, 255, 255, 0.1);
    --assistant-bubble-text: #f0f0f0;

    --accent-color: #cccccc;
    --shadow-color: rgba(255, 255, 255, 0.05);
    --welcome-bg: #ffffff;
    --welcome-text: #0a0a0a;
    --welcome-sub: #666666;

    --input-bg: #1a1a1a;
    --input-border: rgba(255, 255, 255, 0.15);
    --input-text: #f0f0f0;
    --input-placeholder: #555;

    --menu-bg: rgba(10, 10, 10, 0.98);
    --menu-border: rgba(255, 255, 255, 0.12);

    --card-bg: #1a1a1a;
    --modal-bg: #111111;

    --scrollbar-thumb: rgba(255, 255, 255, 0.2);
    --scrollbar-thumb-hover: rgba(255, 255, 255, 0.35);
    --sidebar-bg: rgba(10, 10, 10, 0.98);
}

/* 黑与白 - 修复对比度 */
.wb-theme .action-btn,
.wb-theme .setting-label {
    color: var(--text-primary);
}

.wb-theme .toggle-btn.active,
.wb-theme .setting-item.selected {
    color: #0a0a0a;
}

.wb-theme .poster-demo-btn {
    background: #cccccc;
    color: #0a0a0a;
}

.wb-theme .error-report-btn {
    color: #ff6b6b;
    border-color: rgba(255, 100, 100, 0.3);
}

.wb-theme .spring-btn:hover {
    border-color: #cccccc;
}