/* ============================================================
   📄 theme.css —— 🎨 外观主题（PC 端成套换肤）
   ------------------------------------------------------------
   用法：在 <html data-theme="xxx"> 上切换主题名即可整套变色。
   默认（无 data-theme 或 data-theme="default"）= 现在的样子，老账号零变化。
   所有颜色都收敛为下面的「设计令牌」，各主题只改令牌值。
   ⚠️ 只作用于 PC（登录页 + 主界面），手机端不受影响。
   ============================================================ */

/* ==================== 默认主题（当前现状，勿随意改） ==================== */
:root,
:root[data-theme="default"] {
    /* 品牌主色 */
    --brand:            #667eea;
    --brand-2:          #764ba2;   /* 渐变第二色 */
    --brand-hover:      #5568d3;
    --brand-soft:       #eef1ff;   /* 主色浅底 */
    --brand-border:     #d8e2ff;

    /* 强调 / 链接色 */
    --accent:           #4a7cf7;
    --accent-hover:     #2563eb;

    /* 侧边栏（功能导航）—— 默认=当前紫色渐变 */
    --sidebar-bg:       #667eea;
    --sidebar-bg-2:     #5a4a9e;
    --sidebar-text:     #ecf0f1;
    --sidebar-text-muted:#bdc3c7;
    --sidebar-active-bg:#667eea;
    --sidebar-active-text:#ffffff;
    --sidebar-border:   rgba(255,255,255,0.08);

    /* 页面 / 卡片 / 表头 */
    --page-bg:          #f5f7fa;
    --bg-soft:          #f0f2f5;
    --card-bg:          #ffffff;
    --card-border:      #e5e7eb;
    --head-bg:          #f5f7fa;

    /* 文字 */
    --text:             #333333;
    --text-muted:       #999999;
    --text-on-color:    #ffffff;
    --text-strong:      #2c3e50;

    /* 边框 */
    --border:           #e5e7eb;
    --border-soft:      #f0f0f0;

    /* 语义色（各主题保持不变，避免删除/成功/警告变色） */
    --success:          #27ae60;
    --success-hover:    #219a52;
    --danger:           #e74c3c;
    --danger-hover:     #dc2626;
    --warning:          #f39c12;
    --warning-hover:    #e08e0b;
    --info:             #3498db;

    /* 卡片阴影 */
    --shadow:           0 2px 12px rgba(0, 0, 0, 0.06);
}

/* ==================== 1. 商务深蓝 ==================== */
:root[data-theme="business"] {
    --brand:            #2f5aa8;
    --brand-2:          #1f3d78;
    --brand-hover:      #274b8e;
    --brand-soft:       #eef3fb;
    --brand-border:     #cfe0f5;
    --accent:           #3a6ec9;
    --accent-hover:     #2f5aa8;
    --sidebar-bg:       #1f3557;
    --sidebar-bg-2:     #27436b;
    --sidebar-text:     #e8eef7;
    --sidebar-text-muted:#a9bcd6;
    --sidebar-active-bg:#3a6ec9;
    --sidebar-active-text:#ffffff;
    --page-bg:          #eef2f8;
    --bg-soft:          #e6ecf5;
    --card-bg:          #ffffff;
    --card-border:      #dbe4f0;
    --head-bg:          #eef2f8;
    --text:             #22314a;
    --text-muted:       #7c8aa3;
    --text-strong:      #1f3557;
    --border:           #dbe4f0;
    --border-soft:      #eef2f8;
}

/* ==================== 2. 科技青 ==================== */
:root[data-theme="tech"] {
    --brand:            #0e9aa7;
    --brand-2:          #0b6e7a;
    --brand-hover:      #0c8794;
    --brand-soft:       #e7f6f8;
    --brand-border:     #bfe7ec;
    --accent:           #12a3b5;
    --accent-hover:     #0e8a99;
    --sidebar-bg:       #0d2b33;
    --sidebar-bg-2:     #12414c;
    --sidebar-text:     #dff3f6;
    --sidebar-text-muted:#89b8c0;
    --sidebar-active-bg:#0e9aa7;
    --sidebar-active-text:#ffffff;
    --page-bg:          #eef6f7;
    --bg-soft:          #e3f1f3;
    --card-bg:          #ffffff;
    --card-border:      #d5e9ec;
    --head-bg:          #eef6f7;
    --text:             #16333a;
    --text-muted:       #6f8b91;
    --text-strong:      #0d2b33;
    --border:           #d5e9ec;
    --border-soft:      #eef6f7;
}

/* ==================== 3. 墨绿（复古） ==================== */
:root[data-theme="forest"] {
    --brand:            #3f7d5a;
    --brand-2:          #2c5a40;
    --brand-hover:      #366b4d;
    --brand-soft:       #eef5f0;
    --brand-border:     #cfe4d7;
    --accent:           #4a8a66;
    --accent-hover:     #3f7d5a;
    --sidebar-bg:       #24382c;
    --sidebar-bg-2:     #2f4a3a;
    --sidebar-text:     #e7f0ea;
    --sidebar-text-muted:#a7c0b2;
    --sidebar-active-bg:#3f7d5a;
    --sidebar-active-text:#ffffff;
    --page-bg:          #f2f6f3;
    --bg-soft:          #e9f1ec;
    --card-bg:          #ffffff;
    --card-border:      #d9e7de;
    --head-bg:          #f2f6f3;
    --text:             #29372f;
    --text-muted:       #7b8a80;
    --text-strong:      #24382c;
    --border:           #d9e7de;
    --border-soft:      #f2f6f3;
}

/* ==================== 4. 莫兰迪（低饱和灰蓝） ==================== */
:root[data-theme="morandi"] {
    --brand:            #7c8aa0;
    --brand-2:          #5f6b80;
    --brand-hover:      #6d7a90;
    --brand-soft:       #f0f2f5;
    --brand-border:     #dbe0e7;
    --accent:           #8a97ab;
    --accent-hover:     #7c8aa0;
    --sidebar-bg:       #4c5566;
    --sidebar-bg-2:     #5d6879;
    --sidebar-text:     #eef1f5;
    --sidebar-text-muted:#c0c8d4;
    --sidebar-active-bg:#8a97ab;
    --sidebar-active-text:#ffffff;
    --page-bg:          #f4f5f7;
    --bg-soft:          #eceef1;
    --card-bg:          #ffffff;
    --card-border:      #e2e5ea;
    --head-bg:          #f4f5f7;
    --text:             #3d4350;
    --text-muted:       #949ba8;
    --text-strong:      #4c5566;
    --border:           #e2e5ea;
    --border-soft:      #f4f5f7;
}

/* ==================== 5. 暖木（暖棕） ==================== */
:root[data-theme="wood"] {
    --brand:            #a9743f;
    --brand-2:          #7d5228;
    --brand-hover:      #956334;
    --brand-soft:       #faf4ec;
    --brand-border:     #ecdcc6;
    --accent:           #b9824a;
    --accent-hover:     #a9743f;
    --sidebar-bg:       #4a3627;
    --sidebar-bg-2:     #5e452f;
    --sidebar-text:     #f4ece2;
    --sidebar-text-muted:#cbb79f;
    --sidebar-active-bg:#a9743f;
    --sidebar-active-text:#ffffff;
    --page-bg:          #f8f4ee;
    --bg-soft:          #f1e9df;
    --card-bg:          #ffffff;
    --card-border:      #e8ddcd;
    --head-bg:          #f8f4ee;
    --text:             #43362a;
    --text-muted:       #94826d;
    --text-strong:      #4a3627;
    --border:           #e8ddcd;
    --border-soft:      #f8f4ee;
}

/* ==================== 6. 中国红（低饱和） ==================== */
:root[data-theme="china"] {
    --brand:            #b5433b;
    --brand-2:          #8a2f29;
    --brand-hover:      #9e3a33;
    --brand-soft:       #fbf0ef;
    --brand-border:     #eed3d1;
    --accent:           #c25048;
    --accent-hover:     #b5433b;
    --sidebar-bg:       #4a2523;
    --sidebar-bg-2:     #63312e;
    --sidebar-text:     #f6e9e8;
    --sidebar-text-muted:#d3aeab;
    --sidebar-active-bg:#b5433b;
    --sidebar-active-text:#ffffff;
    --page-bg:          #faf2f1;
    --bg-soft:          #f3e6e4;
    --card-bg:          #ffffff;
    --card-border:      #ecd8d6;
    --head-bg:          #faf2f1;
    --text:             #43292a;
    --text-muted:       #9a7d7c;
    --text-strong:      #4a2523;
    --border:           #ecd8d6;
    --border-soft:      #faf2f1;
}

/* ==================== 7. 紫罗兰 ==================== */
:root[data-theme="violet"] {
    --brand:            #7b52c9;
    --brand-2:          #5a3a9c;
    --brand-hover:      #6a46b3;
    --brand-soft:       #f3f0fb;
    --brand-border:     #ded3f3;
    --accent:           #8b63d6;
    --accent-hover:     #7b52c9;
    --sidebar-bg:       #2f2350;
    --sidebar-bg-2:     #3d2e66;
    --sidebar-text:     #efeaf9;
    --sidebar-text-muted:#b9a9dc;
    --sidebar-active-bg:#7b52c9;
    --sidebar-active-text:#ffffff;
    --page-bg:          #f6f3fb;
    --bg-soft:          #ece6f6;
    --card-bg:          #ffffff;
    --card-border:      #e3daf2;
    --head-bg:          #f6f3fb;
    --text:             #362c4d;
    --text-muted:       #8c80a3;
    --text-strong:      #2f2350;
    --border:           #e3daf2;
    --border-soft:      #f6f3fb;
}

/* ==================== 8. 经典蓝（清爽） ==================== */
:root[data-theme="blue"] {
    --brand:            #2f80ed;
    --brand-2:          #1c5fc4;
    --brand-hover:      #2a72d6;
    --brand-soft:       #eef5ff;
    --brand-border:     #cfe1fb;
    --accent:           #2f80ed;
    --accent-hover:     #1c5fc4;
    --sidebar-bg:       #16365c;
    --sidebar-bg-2:     #1d4674;
    --sidebar-text:     #e9f2fc;
    --sidebar-text-muted:#a9c3e0;
    --sidebar-active-bg:#2f80ed;
    --sidebar-active-text:#ffffff;
    --page-bg:          #eef4fb;
    --bg-soft:          #e4eef9;
    --card-bg:          #ffffff;
    --card-border:      #d8e6f6;
    --head-bg:          #eef4fb;
    --text:             #1f3350;
    --text-muted:       #7a8ba3;
    --text-strong:      #16365c;
    --border:           #d8e6f6;
    --border-soft:      #eef4fb;
}

/* ==================== 9. 暗黑（夜间，非纯黑） ==================== */
:root[data-theme="dark"] {
    --brand:            #6d8cff;
    --brand-2:          #8b6cff;
    --brand-hover:      #5a78e6;
    --brand-soft:       #232734;
    --brand-border:     #33405e;
    --accent:           #6d9bff;
    --accent-hover:     #5a86e6;
    --sidebar-bg:       #1b1e27;
    --sidebar-bg-2:     #232733;
    --sidebar-text:     #d7dce6;
    --sidebar-text-muted:#8b93a3;
    --sidebar-active-bg:#33405e;
    --sidebar-active-text:#ffffff;
    --sidebar-border:   rgba(255,255,255,0.06);
    --page-bg:          #1e2129;
    --bg-soft:          #262a34;
    --card-bg:          #262a34;
    --card-border:      #333846;
    --head-bg:          #2b303b;
    --text:             #d7dce6;
    --text-muted:       #8b93a3;
    --text-on-color:    #ffffff;
    --text-strong:      #eef1f6;
    --border:           #333846;
    --border-soft:      #2b303b;
    --shadow:           0 2px 12px rgba(0, 0, 0, 0.35);
}

/* ==================== 10. 墨石（深灰绿，沉稳） ==================== */
:root[data-theme="stone"] {
    --brand:            #5b7a74;
    --brand-2:          #3f5a55;
    --brand-hover:      #4f6c66;
    --brand-soft:       #eef3f2;
    --brand-border:     #d2e0dd;
    --accent:           #658a83;
    --accent-hover:     #5b7a74;
    --sidebar-bg:       #2b3a37;
    --sidebar-bg-2:     #374b47;
    --sidebar-text:     #e6efed;
    --sidebar-text-muted:#a6bdb8;
    --sidebar-active-bg:#5b7a74;
    --sidebar-active-text:#ffffff;
    --page-bg:          #f2f6f5;
    --bg-soft:          #e8f0ee;
    --card-bg:          #ffffff;
    --card-border:      #d8e5e2;
    --head-bg:          #f2f6f5;
    --text:             #2b3a37;
    --text-muted:       #7c8f8b;
    --text-strong:      #2b3a37;
    --border:           #d8e5e2;
    --border-soft:      #f2f6f5;
}

/* ==================== 11. 石墨灰 ==================== */
:root[data-theme="graphite"] {
    --brand:#5b6b7c; --brand-2:#3f4c59; --brand-hover:#4e5d6c; --brand-soft:#f0f2f5; --brand-border:#d5dce3;
    --accent:#64798c; --accent-hover:#55677a;
    --sidebar-bg:#2b333c; --sidebar-bg-2:#39434e; --sidebar-text:#e8ecf0; --sidebar-text-muted:#a7b1bc;
    --sidebar-active-bg:#5b6b7c; --sidebar-active-text:#ffffff;
    --page-bg:#f4f6f8; --bg-soft:#eaedf1; --card-bg:#ffffff; --card-border:#dde2e8; --head-bg:#f4f6f8;
    --text:#2f3740; --text-muted:#7d8792; --text-strong:#2b333c; --border:#dde2e8; --border-soft:#f4f6f8;
}

/* ==================== 12. 玫瑰粉 ==================== */
:root[data-theme="rose"] {
    --brand:#c25b7c; --brand-2:#963f5b; --brand-hover:#ad5070; --brand-soft:#fbf0f4; --brand-border:#f0d3dd;
    --accent:#cf6f8c; --accent-hover:#c25b7c;
    --sidebar-bg:#4a2733; --sidebar-bg-2:#603444; --sidebar-text:#f7e9ee; --sidebar-text-muted:#d3aebb;
    --sidebar-active-bg:#c25b7c; --sidebar-active-text:#ffffff;
    --page-bg:#faf3f6; --bg-soft:#f3e6eb; --card-bg:#ffffff; --card-border:#ecd8e0; --head-bg:#faf3f6;
    --text:#452a34; --text-muted:#9a7d88; --text-strong:#4a2733; --border:#ecd8e0; --border-soft:#faf3f6;
}

/* ==================== 13. 薄荷绿 ==================== */
:root[data-theme="mint"] {
    --brand:#38a586; --brand-2:#25795f; --brand-hover:#309278; --brand-soft:#eaf7f2; --brand-border:#c9e9df;
    --accent:#45b394; --accent-hover:#38a586;
    --sidebar-bg:#143029; --sidebar-bg-2:#1c4438; --sidebar-text:#e3f4ee; --sidebar-text-muted:#94bfb2;
    --sidebar-active-bg:#38a586; --sidebar-active-text:#ffffff;
    --page-bg:#eef8f4; --bg-soft:#e3f2ec; --card-bg:#ffffff; --card-border:#d3e9e1; --head-bg:#eef8f4;
    --text:#1f3a32; --text-muted:#6f8d84; --text-strong:#143029; --border:#d3e9e1; --border-soft:#eef8f4;
}

/* ==================== 14. 琥珀橙 ==================== */
:root[data-theme="amber"] {
    --brand:#d08434; --brand-2:#a0611f; --brand-hover:#b9762c; --brand-soft:#fcf4e9; --brand-border:#f0ddc0;
    --accent:#dd9546; --accent-hover:#d08434;
    --sidebar-bg:#43301a; --sidebar-bg-2:#5a4224; --sidebar-text:#f7efe1; --sidebar-text-muted:#d0b993;
    --sidebar-active-bg:#d08434; --sidebar-active-text:#ffffff;
    --page-bg:#faf5ec; --bg-soft:#f3e9da; --card-bg:#ffffff; --card-border:#ebddc7; --head-bg:#faf5ec;
    --text:#41331f; --text-muted:#94805f; --text-strong:#43301a; --border:#ebddc7; --border-soft:#faf5ec;
}

/* ==================== 15. 天青蓝 ==================== */
:root[data-theme="sky"] {
    --brand:#3a92c9; --brand-2:#256a97; --brand-hover:#3383b6; --brand-soft:#ecf5fb; --brand-border:#cbe3f2;
    --accent:#4aa0d6; --accent-hover:#3a92c9;
    --sidebar-bg:#153448; --sidebar-bg-2:#1d475f; --sidebar-text:#e6f2f9; --sidebar-text-muted:#9dc0d3;
    --sidebar-active-bg:#3a92c9; --sidebar-active-text:#ffffff;
    --page-bg:#eff7fb; --bg-soft:#e4f0f7; --card-bg:#ffffff; --card-border:#d4e6f1; --head-bg:#eff7fb;
    --text:#203a48; --text-muted:#728d9c; --text-strong:#153448; --border:#d4e6f1; --border-soft:#eff7fb;
}

/* ==================== 16. 咖啡棕 ==================== */
:root[data-theme="coffee"] {
    --brand:#8a6a4a; --brand-2:#63492f; --brand-hover:#775b3f; --brand-soft:#f7f2ec; --brand-border:#e5d8c8;
    --accent:#9a7856; --accent-hover:#8a6a4a;
    --sidebar-bg:#362a1e; --sidebar-bg-2:#4a3a29; --sidebar-text:#f0e8dd; --sidebar-text-muted:#c2b19b;
    --sidebar-active-bg:#8a6a4a; --sidebar-active-text:#ffffff;
    --page-bg:#f8f4ee; --bg-soft:#efe8de; --card-bg:#ffffff; --card-border:#e6dccc; --head-bg:#f8f4ee;
    --text:#3a3025; --text-muted:#8a7b68; --text-strong:#362a1e; --border:#e6dccc; --border-soft:#f8f4ee;
}

/* ==================== 17. 酒红 ==================== */
:root[data-theme="wine"] {
    --brand:#8e3b52; --brand-2:#662838; --brand-hover:#7c3447; --brand-soft:#f9eef1; --brand-border:#ecd2d9;
    --accent:#a04b62; --accent-hover:#8e3b52;
    --sidebar-bg:#351823; --sidebar-bg-2:#4a2230; --sidebar-text:#f4e6ea; --sidebar-text-muted:#cfa8b3;
    --sidebar-active-bg:#8e3b52; --sidebar-active-text:#ffffff;
    --page-bg:#f9f1f4; --bg-soft:#f1e2e8; --card-bg:#ffffff; --card-border:#ead4db; --head-bg:#f9f1f4;
    --text:#3b2028; --text-muted:#8f727b; --text-strong:#351823; --border:#ead4db; --border-soft:#f9f1f4;
}

/* ==================== 18. 翡翠绿 ==================== */
:root[data-theme="emerald"] {
    --brand:#1f9d78; --brand-2:#137a5b; --brand-hover:#1b8a69; --brand-soft:#e8f7f2; --brand-border:#c4e8dd;
    --accent:#29ab86; --accent-hover:#1f9d78;
    --sidebar-bg:#0c2e25; --sidebar-bg-2:#124135; --sidebar-text:#e2f4ee; --sidebar-text-muted:#90c0b1;
    --sidebar-active-bg:#1f9d78; --sidebar-active-text:#ffffff;
    --page-bg:#ecf8f4; --bg-soft:#e0f2eb; --card-bg:#ffffff; --card-border:#cfe8df; --head-bg:#ecf8f4;
    --text:#1c3830; --text-muted:#6c8a81; --text-strong:#0c2e25; --border:#cfe8df; --border-soft:#ecf8f4;
}

/* ==================== 19. 薰衣草 ==================== */
:root[data-theme="lavender"] {
    --brand:#8a7ad0; --brand-2:#6552b0; --brand-hover:#7868c2; --brand-soft:#f3f1fb; --brand-border:#ddd7f3;
    --accent:#998cd8; --accent-hover:#8a7ad0;
    --sidebar-bg:#2b2547; --sidebar-bg-2:#3a3260; --sidebar-text:#eeeaf9; --sidebar-text-muted:#b3a9d6;
    --sidebar-active-bg:#8a7ad0; --sidebar-active-text:#ffffff;
    --page-bg:#f5f3fb; --bg-soft:#ebe7f6; --card-bg:#ffffff; --card-border:#e1dbf2; --head-bg:#f5f3fb;
    --text:#322c4a; --text-muted:#847da0; --text-strong:#2b2547; --border:#e1dbf2; --border-soft:#f5f3fb;
}

/* ==================== 20. 钢青 ==================== */
:root[data-theme="steel"] {
    --brand:#4a7a8c; --brand-2:#335a68; --brand-hover:#416c7c; --brand-soft:#eef4f6; --brand-border:#d0e0e5;
    --accent:#568a9d; --accent-hover:#4a7a8c;
    --sidebar-bg:#22343d; --sidebar-bg-2:#2e4750; --sidebar-text:#e6eff2; --sidebar-text-muted:#a0b8c0;
    --sidebar-active-bg:#4a7a8c; --sidebar-active-text:#ffffff;
    --page-bg:#f1f6f8; --bg-soft:#e6eef1; --card-bg:#ffffff; --card-border:#d6e2e7; --head-bg:#f1f6f8;
    --text:#26373f; --text-muted:#74888f; --text-strong:#22343d; --border:#d6e2e7; --border-soft:#f1f6f8;
}

/* ==================== 21. 香槟金 ==================== */
:root[data-theme="gold"] {
    --brand:#b09046; --brand-2:#856a2c; --brand-hover:#9d7f3c; --brand-soft:#f9f5e9; --brand-border:#ecdfc0;
    --accent:#c09d55; --accent-hover:#b09046;
    --sidebar-bg:#3a3118; --sidebar-bg-2:#524524; --sidebar-text:#f5efe0; --sidebar-text-muted:#cdbc93;
    --sidebar-active-bg:#b09046; --sidebar-active-text:#ffffff;
    --page-bg:#faf7ef; --bg-soft:#f2ecdd; --card-bg:#ffffff; --card-border:#e9dfc7; --head-bg:#faf7ef;
    --text:#3b321d; --text-muted:#8f8258; --text-strong:#3a3118; --border:#e9dfc7; --border-soft:#faf7ef;
}

/* ==================== 22. 樱花粉 ==================== */
:root[data-theme="sakura"] {
    --brand:#e08aa8; --brand-2:#c26a8a; --brand-hover:#d67c9b; --brand-soft:#fdf2f6; --brand-border:#f6d9e4;
    --accent:#e89ab4; --accent-hover:#e08aa8;
    --sidebar-bg:#6b3a4e; --sidebar-bg-2:#84506a; --sidebar-text:#fbebf1; --sidebar-text-muted:#dcb9c7;
    --sidebar-active-bg:#e08aa8; --sidebar-active-text:#ffffff;
    --page-bg:#fdf5f8; --bg-soft:#f8e9f0; --card-bg:#ffffff; --card-border:#f2dce6; --head-bg:#fdf5f8;
    --text:#4a2b38; --text-muted:#a0808e; --text-strong:#6b3a4e; --border:#f2dce6; --border-soft:#fdf5f8;
}

/* ==================== 23. 蒂芙尼蓝 ==================== */
:root[data-theme="tiffany"] {
    --brand:#0ab3a8; --brand-2:#088b83; --brand-hover:#099e94; --brand-soft:#e8f8f7; --brand-border:#c2e9e6;
    --accent:#1cc2b7; --accent-hover:#0ab3a8;
    --sidebar-bg:#0a3a37; --sidebar-bg-2:#0f514c; --sidebar-text:#e0f5f3; --sidebar-text-muted:#8fc4bf;
    --sidebar-active-bg:#0ab3a8; --sidebar-active-text:#ffffff;
    --page-bg:#eef9f8; --bg-soft:#e0f2f0; --card-bg:#ffffff; --card-border:#cfe8e5; --head-bg:#eef9f8;
    --text:#123834; --text-muted:#5f8b87; --text-strong:#0a3a37; --border:#cfe8e5; --border-soft:#eef9f8;
}

/* ==================== 24. 抹茶绿 ==================== */
:root[data-theme="matcha"] {
    --brand:#7aa53c; --brand-2:#5c7f2a; --brand-hover:#6b9335; --brand-soft:#f4f8ea; --brand-border:#dceac2;
    --accent:#87b348; --accent-hover:#7aa53c;
    --sidebar-bg:#333f1c; --sidebar-bg-2:#475628; --sidebar-text:#eef4e2; --sidebar-text-muted:#b9c79a;
    --sidebar-active-bg:#7aa53c; --sidebar-active-text:#ffffff;
    --page-bg:#f6f9ef; --bg-soft:#ecf3df; --card-bg:#ffffff; --card-border:#e0eacb; --head-bg:#f6f9ef;
    --text:#333d20; --text-muted:#7f8a63; --text-strong:#333f1c; --border:#e0eacb; --border-soft:#f6f9ef;
}

/* ==================== 25. 奶茶棕 ==================== */
:root[data-theme="milktea"] {
    --brand:#b08968; --brand-2:#8a684c; --brand-hover:#a07a58; --brand-soft:#f8f3ee; --brand-border:#eadbc9;
    --accent:#c09a7a; --accent-hover:#b08968;
    --sidebar-bg:#463626; --sidebar-bg-2:#5c4832; --sidebar-text:#f3ece1; --sidebar-text-muted:#c9b79e;
    --sidebar-active-bg:#b08968; --sidebar-active-text:#ffffff;
    --page-bg:#faf6f0; --bg-soft:#f2ebe1; --card-bg:#ffffff; --card-border:#eadcc9; --head-bg:#faf6f0;
    --text:#453729; --text-muted:#8d7c68; --text-strong:#463626; --border:#eadcc9; --border-soft:#faf6f0;
}

/* ==================== 26. 柠檬黄 ==================== */
:root[data-theme="lemon"] {
    --brand:#c9a600; --brand-2:#9a7f00; --brand-hover:#b29400; --brand-soft:#fbf6e0; --brand-border:#f0e4a8;
    --accent:#d6b319; --accent-hover:#c9a600;
    --sidebar-bg:#3d3400; --sidebar-bg-2:#574a05; --sidebar-text:#f7f2dc; --sidebar-text-muted:#cec189;
    --sidebar-active-bg:#c9a600; --sidebar-active-text:#ffffff;
    --page-bg:#faf8ea; --bg-soft:#f2edd6; --card-bg:#ffffff; --card-border:#ece3bf; --head-bg:#faf8ea;
    --text:#3d381a; --text-muted:#8f8552; --text-strong:#3d3400; --border:#ece3bf; --border-soft:#faf8ea;
}

/* ==================== 27. 雾霾蓝 ==================== */
:root[data-theme="haze"] {
    --brand:#6b8cae; --brand-2:#4d6a89; --brand-hover:#5c7c9d; --brand-soft:#f0f4f8; --brand-border:#d3e0ec;
    --accent:#7a9cbe; --accent-hover:#6b8cae;
    --sidebar-bg:#33414f; --sidebar-bg-2:#455769; --sidebar-text:#e9eff4; --sidebar-text-muted:#adc0d0;
    --sidebar-active-bg:#6b8cae; --sidebar-active-text:#ffffff;
    --page-bg:#f3f6f9; --bg-soft:#e8eef4; --card-bg:#ffffff; --card-border:#dae3ec; --head-bg:#f3f6f9;
    --text:#2f3d4a; --text-muted:#7b8b9a; --text-strong:#33414f; --border:#dae3ec; --border-soft:#f3f6f9;
}

/* ==================== 28. 暗黑蓝 ==================== */
:root[data-theme="darkblue"] {
    --brand:#4a90ff; --brand-2:#2f6fd0; --brand-hover:#3a7fe6; --brand-soft:#1e2635; --brand-border:#33435e;
    --accent:#5aa0ff; --accent-hover:#4a90ff;
    --sidebar-bg:#111827; --sidebar-bg-2:#1b2536; --sidebar-text:#dbe4f0; --sidebar-text-muted:#8494a8;
    --sidebar-active-bg:#2b4a7a; --sidebar-active-text:#ffffff;
    --page-bg:#141a24; --bg-soft:#1a212e; --card-bg:#1c2433; --card-border:#2c3a4f; --head-bg:#202a3a;
    --text:#dbe4f0; --text-muted:#8a99ad; --text-strong:#eef2f8; --border:#2c3a4f; --border-soft:#202a3a;
    --shadow:0 2px 12px rgba(0,0,0,0.40);
}

/* ==================== 29. 暗黑绿 ==================== */
:root[data-theme="darkgreen"] {
    --brand:#3ddc84; --brand-2:#1f9d5b; --brand-hover:#34c476; --brand-soft:#12241b; --brand-border:#2b4a3a;
    --accent:#4ade8f; --accent-hover:#3ddc84;
    --sidebar-bg:#0d1411; --sidebar-bg-2:#16211b; --sidebar-text:#d7e6dd; --sidebar-text-muted:#7f9387;
    --sidebar-active-bg:#1f4a34; --sidebar-active-text:#ffffff;
    --page-bg:#0f1714; --bg-soft:#141d19; --card-bg:#16211b; --card-border:#24382d; --head-bg:#1a2620;
    --text:#d7e6dd; --text-muted:#86988c; --text-strong:#eaf3ed; --border:#24382d; --border-soft:#1a2620;
    --shadow:0 2px 12px rgba(0,0,0,0.40);
}

/* ==================== 30. 暗黑紫 ==================== */
:root[data-theme="darkpurple"] {
    --brand:#a78bfa; --brand-2:#7c5cd6; --brand-hover:#9678ef; --brand-soft:#1e1a2e; --brand-border:#3b3358;
    --accent:#b79cff; --accent-hover:#a78bfa;
    --sidebar-bg:#120f1c; --sidebar-bg-2:#1c1730; --sidebar-text:#e2dcf5; --sidebar-text-muted:#8f86ad;
    --sidebar-active-bg:#3a2f66; --sidebar-active-text:#ffffff;
    --page-bg:#15111f; --bg-soft:#1a1528; --card-bg:#1c1730; --card-border:#2f2850; --head-bg:#211a36;
    --text:#e2dcf5; --text-muted:#928ab0; --text-strong:#f1ecff; --border:#2f2850; --border-soft:#211a36;
    --shadow:0 2px 12px rgba(0,0,0,0.40);
}

/* ==================== 31. 暗红夜 ==================== */
:root[data-theme="darkred"] {
    --brand:#ff6b6b; --brand-2:#c94a4a; --brand-hover:#e85d5d; --brand-soft:#2a1618; --brand-border:#4a2a2e;
    --accent:#ff7d7d; --accent-hover:#ff6b6b;
    --sidebar-bg:#160e10; --sidebar-bg-2:#221418; --sidebar-text:#f0dcdd; --sidebar-text-muted:#a88689;
    --sidebar-active-bg:#5a2226; --sidebar-active-text:#ffffff;
    --page-bg:#1a1012; --bg-soft:#211417; --card-bg:#221418; --card-border:#3a2226; --head-bg:#28181c;
    --text:#f0dcdd; --text-muted:#a88689; --text-strong:#fbeef0; --border:#3a2226; --border-soft:#28181c;
    --shadow:0 2px 12px rgba(0,0,0,0.40);
}

/* ==================== 32. 午夜黑 ==================== */
:root[data-theme="midnight"] {
    --brand:#7c9cff; --brand-2:#4f6fd6; --brand-hover:#6a8bef; --brand-soft:#161616; --brand-border:#333333;
    --accent:#8fabff; --accent-hover:#7c9cff;
    --sidebar-bg:#000000; --sidebar-bg-2:#0d0d0d; --sidebar-text:#d5d5d5; --sidebar-text-muted:#7a7a7a;
    --sidebar-active-bg:#222222; --sidebar-active-text:#ffffff;
    --page-bg:#0a0a0a; --bg-soft:#111111; --card-bg:#141414; --card-border:#262626; --head-bg:#191919;
    --text:#d5d5d5; --text-muted:#808080; --text-strong:#f0f0f0; --border:#262626; --border-soft:#191919;
    --shadow:0 2px 12px rgba(0,0,0,0.60);
}

/* ==================== 33. 深空紫 ==================== */
:root[data-theme="spacepurple"] {
    --brand:#b06bff; --brand-2:#7a3fd6; --brand-hover:#9a58ef; --brand-soft:#1c1230; --brand-border:#3d2a5e;
    --accent:#c084ff; --accent-hover:#b06bff;
    --sidebar-bg:#0e0820; --sidebar-bg-2:#180f33; --sidebar-text:#e6dcf7; --sidebar-text-muted:#9483b5;
    --sidebar-active-bg:#3a1f6b; --sidebar-active-text:#ffffff;
    --page-bg:#120a24; --bg-soft:#170e2e; --card-bg:#180f33; --card-border:#2e1f52; --head-bg:#1e1438;
    --text:#e6dcf7; --text-muted:#9a8ab8; --text-strong:#f4edff; --border:#2e1f52; --border-soft:#1e1438;
    --shadow:0 2px 12px rgba(0,0,0,0.45);
}

/* ==================== 34. 赛博霓虹（特色） ==================== */
:root[data-theme="cyber"] {
    --brand:#00e5ff; --brand-2:#ff2fd0; --brand-hover:#00c4db; --brand-soft:#0d1b2a; --brand-border:#1e4d5c;
    --accent:#00e5ff; --accent-hover:#00c4db;
    --sidebar-bg:#05070f; --sidebar-bg-2:#0b1020; --sidebar-text:#c9f4ff; --sidebar-text-muted:#6f8fa3;
    --sidebar-active-bg:#12334a; --sidebar-active-text:#eafcff;
    --page-bg:#070b16; --bg-soft:#0b1120; --card-bg:#0d1526; --card-border:#16324a; --head-bg:#101b30;
    --text:#d6f2ff; --text-muted:#7fa3b8; --text-strong:#eafcff; --border:#16324a; --border-soft:#101b30;
    --shadow:0 2px 16px rgba(0,229,255,0.15);
}

/* ==================== 35. 赛博绿（特色） ==================== */
:root[data-theme="matrix"] {
    --brand:#22ff88; --brand-2:#0bb85f; --brand-hover:#1ee07a; --brand-soft:#04170d; --brand-border:#124a2c;
    --accent:#2bff95; --accent-hover:#22ff88;
    --sidebar-bg:#020805; --sidebar-bg-2:#04140b; --sidebar-text:#bfffd9; --sidebar-text-muted:#5f9f7b;
    --sidebar-active-bg:#0b3a22; --sidebar-active-text:#eafff2;
    --page-bg:#030a06; --bg-soft:#05130b; --card-bg:#06170d; --card-border:#123a24; --head-bg:#081f12;
    --text:#c8ffdd; --text-muted:#6fa588; --text-strong:#e6ffef; --border:#123a24; --border-soft:#081f12;
    --shadow:0 2px 16px rgba(34,255,136,0.15);
}

/* ==================== 36. 极光渐变（特色） ==================== */
:root[data-theme="aurora"] {
    --brand:#4facfe; --brand-2:#a06bff; --brand-hover:#3a97e6; --brand-soft:#eef6ff; --brand-border:#cfe3ff;
    --accent:#4facfe; --accent-hover:#3a97e6;
    --sidebar-bg:#12203a; --sidebar-bg-2:#20335a; --sidebar-text:#e6f0ff; --sidebar-text-muted:#9bb0d6;
    --sidebar-active-bg:#4facfe; --sidebar-active-text:#ffffff;
    --page-bg:#eef4ff; --bg-soft:#e2ecff; --card-bg:#ffffff; --card-border:#d6e3ff; --head-bg:#eef4ff;
    --text:#243a5e; --text-muted:#6f86ad; --text-strong:#12203a; --border:#d6e3ff; --border-soft:#eef4ff;
}

/* ==================== 37. 蓝绿渐变（特色） ==================== */
:root[data-theme="bluegreen"] {
    --brand:#00c9a7; --brand-2:#0077b6; --brand-hover:#00b294; --brand-soft:#e8faf6; --brand-border:#c4ede4;
    --accent:#00c9a7; --accent-hover:#00b294;
    --sidebar-bg:#053a3a; --sidebar-bg-2:#07524f; --sidebar-text:#e0f7f2; --sidebar-text-muted:#87c2ba;
    --sidebar-active-bg:#00c9a7; --sidebar-active-text:#ffffff;
    --page-bg:#edfaf7; --bg-soft:#dff3ee; --card-bg:#ffffff; --card-border:#cfeae3; --head-bg:#edfaf7;
    --text:#0f3a37; --text-muted:#5f8d88; --text-strong:#053a3a; --border:#cfeae3; --border-soft:#edfaf7;
}

/* ==================== 38. 黑金商务（特色） ==================== */
:root[data-theme="blackgold"] {
    --brand:#d4af37; --brand-2:#a8842a; --brand-hover:#c29f31; --brand-soft:#1a1710; --brand-border:#4a3f1e;
    --accent:#e0be4a; --accent-hover:#d4af37;
    --sidebar-bg:#0d0c08; --sidebar-bg-2:#1a1710; --sidebar-text:#efe6c9; --sidebar-text-muted:#a89a6f;
    --sidebar-active-bg:#3a3216; --sidebar-active-text:#ffffff;
    --page-bg:#111009; --bg-soft:#17150d; --card-bg:#1a1710; --card-border:#3a3216; --head-bg:#211d12;
    --text:#efe6c9; --text-muted:#a89a6f; --text-strong:#f7f1dd; --border:#3a3216; --border-soft:#211d12;
    --shadow:0 2px 12px rgba(0,0,0,0.45);
}

/* ==================== 39. 玻璃拟态（特色） ==================== */
:root[data-theme="glass"] {
    --brand:#5b8def; --brand-2:#3f6fd6; --brand-hover:#4d7fe0; --brand-soft:#eef4ff; --brand-border:#d3e2ff;
    --accent:#6f9bf0; --accent-hover:#5b8def;
    --sidebar-bg:#2b3a5c; --sidebar-bg-2:#3a4d78; --sidebar-text:#eef4ff; --sidebar-text-muted:#b6c4e0;
    --sidebar-active-bg:#5b8def; --sidebar-active-text:#ffffff;
    --page-bg:#eaf1ff; --bg-soft:#e2ecff; --card-bg:rgba(255,255,255,0.72); --card-border:rgba(255,255,255,0.65); --head-bg:rgba(255,255,255,0.55);
    --text:#2c3a5c; --text-muted:#7488ab; --text-strong:#1f2c4a; --border:rgba(184,204,240,0.65); --border-soft:rgba(206,220,248,0.5);
}

/* ============================================================
   ★ 特色主题的额外效果（仅各自主题生效，不影响其它主题）
   ============================================================ */

/* 赛博霓虹：霓虹发光 */
:root[data-theme="cyber"] .sidebar { box-shadow: 0 0 26px rgba(0,229,255,0.30) !important; }
:root[data-theme="cyber"] .nav-item.active { box-shadow: 0 0 16px rgba(255,47,208,0.55) !important; }
:root[data-theme="cyber"] .page-title { text-shadow: 0 0 10px rgba(0,229,255,0.55); }
:root[data-theme="cyber"] .btn-primary { box-shadow: 0 0 14px rgba(0,229,255,0.40); }

/* 赛博绿：矩阵发光 */
:root[data-theme="matrix"] .sidebar { box-shadow: 0 0 26px rgba(34,255,136,0.28) !important; }
:root[data-theme="matrix"] .nav-item.active { box-shadow: 0 0 16px rgba(34,255,136,0.55) !important; }
:root[data-theme="matrix"] .page-title { text-shadow: 0 0 10px rgba(34,255,136,0.5); }

/* 极光渐变：内容区渐变背景 */
:root[data-theme="aurora"] .content-area {
    background: linear-gradient(135deg,#eef4ff 0%,#f1ecff 50%,#eafcff 100%) !important;
}

/* 蓝绿渐变：内容区渐变背景 */
:root[data-theme="bluegreen"] .content-area {
    background: linear-gradient(135deg,#eafaf6 0%,#e6f6ff 55%,#e9fbf4 100%) !important;
}

/* 玻璃拟态：毛玻璃 */
:root[data-theme="glass"] .content-area {
    background: linear-gradient(135deg,#eaf1ff 0%,#f3ecff 50%,#e8fbff 100%) !important;
}
:root[data-theme="glass"] .content-box,
:root[data-theme="glass"] .info-card,
:root[data-theme="glass"] .modal-box,
:root[data-theme="glass"] .apps-modal-box {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* 黑金商务：金色描边点缀 */
:root[data-theme="blackgold"] .page-title { border-left-color: #d4af37 !important; }
:root[data-theme="blackgold"] .btn-primary { box-shadow: 0 0 0 1px rgba(212,175,55,0.5); }