/* ===== 主题变量 =====
   只有最后一个 html{} 块生效，把想用的主题剪切到最下面即可
   --card_filter  卡片模糊（吃性能，低配手机建议 0px）
   --back_filter  背景整体模糊
   两者选其一，另一个设 0px
*/

/* 主题1：图片背景 + 卡片模糊 + 白字 */
html {
    --main_bg_color: url(../img/background.jpg);
    --main_text_color: #eeeeee;
    --gradient: linear-gradient(120deg, #bd34fe, #e0321b 30%, #41d1ff 60%);
    --purple_text_color: #a78bfa;
    --text_bg_color: #00000040;
    --item_bg_color: #00000038;
    --item_hover_color: #33333338;
    --item_left_title_color: #ffffff;
    --item_left_text_color: #cccccc;
    --footer_text_color: #ffffff;
    --left_tag_item: rgb(27 42 57 / 20%);
    --card_filter: 15px;
    --back_filter: 0px;
    --back_filter_color: #00000030;
    --fill: #ffffff;
}

/* 主题2：图片背景 + 全局模糊 + 黑字 */
html {
    --main_bg_color: url(../img/background.jpg);
    --main_text_color: #111111;
    --gradient: linear-gradient(120deg, #bd34fe, #e0321b 30%, #41d1ff 60%);
    --purple_text_color: #7c3aed;
    --text_bg_color: rgb(121 163 231 / 60%);
    --item_bg_color: rgba(255, 255, 255, 0.45);
    --item_hover_color: rgba(255, 255, 255, 0.80);
    --item_left_title_color: #111111;
    --item_left_text_color: #555555;
    --footer_text_color: #333333;
    --left_tag_item: #c7e1fa;
    --card_filter: 0px;
    --back_filter: 20px;
    --back_filter_color: #00000020;
    --fill: #111111;
}

/* 主题3：蓝色渐变纯色背景 */
html {
    --main_bg_color: linear-gradient(135deg, #a2d1ff 0%, #e8f4ff 100%);
    --main_text_color: #1a1a2e;
    --gradient: linear-gradient(120deg, #bd34fe, #e0321b 30%, #41d1ff 60%);
    --purple_text_color: #6d28d9;
    --text_bg_color: rgb(196 217 251);
    --item_bg_color: rgba(255, 255, 255, 0.55);
    --item_hover_color: rgba(255, 255, 255, 0.85);
    --item_left_title_color: #1a1a2e;
    --item_left_text_color: #555577;
    --footer_text_color: #333355;
    --left_tag_item: linear-gradient(50deg, #a2d1ff, #dbeafe);
    --card_filter: 0px;
    --back_filter: 0px;
    --back_filter_color: #00000000;
    --fill: #1a1a2e;
}

/* 主题4：纯白简约 */
html {
    --main_bg_color: #f8fafc;
    --main_text_color: #1e293b;
    --gradient: linear-gradient(120deg, #bd34fe, #e0321b 30%, #41d1ff 60%);
    --purple_text_color: #7c3aed;
    --text_bg_color: #e0e7ff;
    --item_bg_color: #ffffff;
    --item_hover_color: #f1f5f9;
    --item_left_title_color: #1e293b;
    --item_left_text_color: #64748b;
    --footer_text_color: #94a3b8;
    --left_tag_item: #e2e8f0;
    --card_filter: 0px;
    --back_filter: 0px;
    --back_filter_color: #00000000;
    --fill: #1e293b;
}