/*
--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; /* SVG填充颜色：白色 */
}

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; /* SVG填充颜色：黑色 */
}

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; /* SVG填充颜色：黑色 */
}



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; /* SVG填充颜色：黑色 */
}

html {
    /*图片模糊背景＋黑色透明卡片+白色svg**/
    --name: 主题5; /* 主题名称：模糊背景黑色卡片风格 */
    --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: 0px; /* 卡片模糊效果：无 */
    --back_filter: 19px; /* 背景模糊效果：强 */
    --back_filter_color: #00000030; /* 背景滤镜颜色：黑色低透明度 */
    --fill:#ffffff; /* SVG填充颜色：白色 */
}