/*
--svgcolor svg图标的颜色
--main-bg-color主页背景
--main-text-color文本颜色
--gradient标题渐变颜色

--purple-text-color描述紫色文本颜色
--text-bg-color描述紫色文本背景颜色
--item-bg-color项目背景颜色
--item-hover-color项目鼠标移入颜色
--item-left-title-color项目标题颜色
--item-left-text-color项目描述颜色
--footer-text-color底部文本颜色
--left-tag-item左侧标签颜色
--card-filter卡片模糊的数值
--back-filter背景模糊的数值
--back-filter-color全局阴影遮罩

*/
/*卡片模糊的数值非常吃性能,背景模糊的数值可以模糊也可以不模糊

0为不模糊,数值越大模糊程度越高

这两个任选其一进行模糊

一个有数字另一个建议为0


内置4套白天主题修改办法



每套主题的结构都为html{
    
}

只有最下面的会生效,也就是将你要设置的主题剪切到最下面
*/








/*非常吃性能,低配手机会卡顿*/
/*卡片模糊背景＋黑色透明卡片+白色svg**/
html {
    --name: 主题1;
    --main_bg_color: url(../img/background.jpg);
    --main_text_color: #eeeeee;
    --gradient: linear-gradient(120deg, #bd34fe, #e0321b 30%, #41d1ff 60%);
    --purple_text_color: #747bff;
    --text_bg_color: #00000040;
    --item_bg_color: #00000038;
    --item_hover_color: #33333338;
    --item_left_title_color: #ffffff;
    --item_left_text_color: #ffffff;
    --footer_text_color: #ffffff;
    --left_tag_item: rgb(27 42 57 / 20%);
    --card_filter: 15px;
    --back_filter: 0px;
    --back_filter_color: #00000030;
     --fill:#ffffff;
}

html {

    /*图片模糊背景＋白色透明卡片+黑色svg*/
    --name: 主题2;
    --main_bg_color: url(../img/background.jpg);
    --main_text_color: #000000;
    --gradient: linear-gradient(120deg, #bd34fe, #e0321b 30%, #41d1ff 60%);
    --purple_text_color: #747bff;
    --text_bg_color: rgb(121 163 231);
    --item_bg_color: rgba(249, 250, 251, 0.42);
    --item_hover_color: rgba(244, 245, 246, 0.8);
    --item_left_title_color: #000000;
    --item_left_text_color: #494949;
    --footer_text_color: #ffffff;
    --left_tag_item: #c7e1fa;
    --card_filter: 0px;
    --back_filter: 20px;
    --back_filter_color: #00000030;
     --fill:#000000;
}

html {
    /*蓝色渐变+黑色svg**/

    --name: 主题3;
    --main_bg_color: linear-gradient(50deg, #a2d1ff, #ffffff);
    --main_text_color: #000000;
    --gradient: linear-gradient(120deg, #bd34fe, #e0321b 30%, #41d1ff 60%);
    --purple_text_color: #747bff;
    --text_bg_color: rgb(196 217 251);
    --item_bg_color: rgba(249, 250, 251, 0.5);
    --item_hover_color: rgba(244, 245, 246, 0.8);
    --item_left_title_color: #000000;
    --item_left_text_color: #494949;
    --footer_text_color: #222222;
    --left_tag_item: linear-gradient(50deg, #a2d1ff, #ffffff);
    --card_filter: 0px;
    --back_filter: 0px;
    --back_filter_color: #00000000;
     --fill:#000000;
}



html {
    /*白色简约+黑色svg**/
    --name: 主题4;
    --main_bg_color: #ffffff;
    --main_text_color: #000000;
    --gradient: linear-gradient(120deg, #bd34fe, #e0321b 30%, #41d1ff 60%);
    --purple_text_color: #747bff;
    --text_bg_color: rgb(240 243 247);
    --item_bg_color: rgb(247 247 247);
    --item_hover_color: rgba(244, 245, 246, 0.5);
    --item_left_title_color: #000000;
    --item_left_text_color: #494949;
    --footer_text_color: #222222;
    --left_tag_item: #ffffff;
    --card_filter: 0px;
    --back_filter: 0px;
    --back_filter_color: #00000000;
     --fill:#000000;
}/*现代渐变深色主题 + 多彩元素*/
html {
    --name: 现代渐变主题;
    --main_bg_color: url(../img/background.jpg);
    --main_text_color: #ffffff;
    --gradient: linear-gradient(120deg, #ff6b9d, #c471ed 30%, #4facfe 60%, #00f2fe 100%);
    --purple_text_color: #747bff;
    --text_bg_color: rgba(0, 0, 0, 0.3);
    --item_bg_color: rgba(255, 255, 255, 0.1);
    --item_hover_color: rgba(255, 255, 255, 0.2);
    --item_left_title_color: #ffffff;
    --item_left_text_color: #e0e0e0;
    --footer_text_color: #ffffff;
    --left_tag_item: rgba(255, 255, 255, 0.15);
    --card_filter: 0px;
    --back_filter: 19px;
    --back_filter_color: rgba(0, 0, 0, 0.2);
    --fill: #ffffff;
    --accent_color: #ff6b9d;
    --secondary_color: #4facfe;
    --tertiary_color: #c471ed;
    --success_color: #4ade80;
    --warning_color: #facc15;
    --error_color: #ef4444;
}

/*多彩光效主题 - 夜晚模式*/
html {
    --name: 多彩光效主题;
    --main_bg_color: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
    --main_text_color: #ffffff;
    --gradient: linear-gradient(120deg, #ff9a9e 0%, #fecfef 50%, #fecfef 100%);
    --purple_text_color: #fecfef;
    --text_bg_color: rgba(255, 255, 255, 0.1);
    --item_bg_color: rgba(255, 255, 255, 0.08);
    --item_hover_color: rgba(255, 255, 255, 0.15);
    --item_left_title_color: #ffffff;
    --item_left_text_color: #e0e0e0;
    --footer_text_color: #ffffff;
    --left_tag_item: rgba(255, 154, 158, 0.2);
    --card_filter: 0px;
    --back_filter: 15px;
    --back_filter_color: rgba(0, 0, 0, 0.15);
    --fill: #ffffff;
    --accent_color: #ff9a9e;
    --secondary_color: #fecfef;
    --tertiary_color: #a8edea;
    --success_color: #4ade80;
    --warning_color: #facc15;
    --error_color: #ef4444;
}

/*活力橙紫主题*/
html {
    --name: 活力橙紫主题;
    --main_bg_color: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --main_text_color: #ffffff;
    --gradient: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);
    --purple_text_color: #f093fb;
    --text_bg_color: rgba(255, 255, 255, 0.1);
    --item_bg_color: rgba(255, 255, 255, 0.08);
    --item_hover_color: rgba(255, 255, 255, 0.15);
    --item_left_title_color: #ffffff;
    --item_left_text_color: #e0e0e0;
    --footer_text_color: #ffffff;
    --left_tag_item: rgba(245, 87, 108, 0.2);
    --card_filter: 0px;
    --back_filter: 15px;
    --back_filter_color: rgba(0, 0, 0, 0.15);
    --fill: #ffffff;
    --accent_color: #f5576c;
    --secondary_color: #f093fb;
    --tertiary_color: #4facfe;
    --success_color: #4ade80;
    --warning_color: #facc15;
    --error_color: #ef4444;
}

/*深海蓝绿主题*/
html {
    --name: 深海蓝绿主题;
    --main_bg_color: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%);
    --main_text_color: #ffffff;
    --gradient: linear-gradient(120deg, #00b4d8 0%, #90e0ef 50%, #0077b6 100%);
    --purple_text_color: #90e0ef;
    --text_bg_color: rgba(255, 255, 255, 0.1);
    --item_bg_color: rgba(255, 255, 255, 0.08);
    --item_hover_color: rgba(255, 255, 255, 0.15);
    --item_left_title_color: #ffffff;
    --item_left_text_color: #e0e0e0;
    --footer_text_color: #ffffff;
    --left_tag_item: rgba(144, 224, 239, 0.2);
    --card_filter: 0px;
    --back_filter: 15px;
    --back_filter_color: rgba(0, 0, 0, 0.15);
    --fill: #ffffff;
    --accent_color: #00b4d8;
    --secondary_color: #90e0ef;
    --tertiary_color: #0077b6;
    --success_color: #4ade80;
    --warning_color: #facc15;
    --error_color: #ef4444;
}

/*最终生效主题 - 多彩光效主题*/
html {
    --name: 多彩光效主题;
    --main_bg_color: radial-gradient(circle at 50% 50%, #1a1a2e 0%, #16213e 35%, #0f3460 70%, #16213e 100%);
    --main_text_color: #ffffff;
    --gradient: linear-gradient(120deg, #ff6b9d 0%, #c471ed 30%, #4facfe 60%, #00f2fe 100%);
    --purple_text_color: #c471ed;
    --text_bg_color: rgba(255, 255, 255, 0.1);
    --item_bg_color: rgba(255, 255, 255, 0.08);
    --item_hover_color: rgba(255, 255, 255, 0.15);
    --item_left_title_color: #ffffff;
    --item_left_text_color: #e0e0e0;
    --footer_text_color: #ffffff;
    --left_tag_item: rgba(255, 107, 157, 0.2);
    --card_filter: 0px;
    --back_filter: 15px;
    --back_filter_color: rgba(0, 0, 0, 0.15);
    --fill: #ffffff;
    --accent_color: #ff6b9d;
    --secondary_color: #4facfe;
    --tertiary_color: #c471ed;
    --success_color: #4ade80;
    --warning_color: #facc15;
    --error_color: #ef4444;
    --tag1_color: #ff6b9d;
    --tag2_color: #c471ed;
    --tag3_color: #4facfe;
    --tag4_color: #00f2fe;
    --tag5_color: #4ade80;
    --tag6_color: #facc15;
    --tag7_color: #fb923c;
    --tag8_color: #f472b6;
}