/*
CSS 变量说明：
--fill: 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 为不模糊，数值越大模糊程度越高
建议只使用背景模糊 (back_filter)，卡片模糊设为 0
*/

/* 浅色主题 - 卡片模糊 + 白色半透明卡片 + 黑色 SVG */
html[data-theme="Light"] {
    --main_bg_color: url(../img/light.png);
    --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(255, 255, 255, 0.3);  /* 白色半透明 30% - 更透明 */
    --item_hover_color: rgba(255, 255, 255, 0.5);  /* 白色半透明 50% - 更透明 */
    --item_left_title_color: #000000;
    --item_left_text_color: #000000;  /* 浅色主题下标签文字为黑色 */
    --footer_text_color: #ffffff;
    --left_tag_item: rgba(255, 255, 255, 0.3);  /* 与卡片背景一致 */
    --left_tag_border: rgba(0, 0, 0, 0.15);  /* 浅色主题边框颜色 */
    --card_filter: 8px;  /* 减小卡片模糊度 */
    --back_filter: 0px;
    --back_filter_color: #00000050;  /* 增加阴影遮罩 */
    --fill: #000000;
}

/* 深色主题 - 背景模糊 + 黑色半透明卡片 + 白色 SVG */
html[data-theme="Dark"] {
    --main_bg_color: url(../img/dark.png);
    --main_text_color: #eeeeee;
    --gradient: linear-gradient(120deg, #bd34fe, #e0321b 30%, #41d1ff 60%);
    --purple_text_color: #747bff;
    --text_bg_color: #00000040;
    --item_bg_color: rgba(0, 0, 0, 0.4);  /* 黑色半透明 40% */
    --item_hover_color: rgba(51, 51, 51, 0.5);  /* 黑色半透明 50% */
    --item_left_title_color: #ffffff;
    --item_left_text_color: #ffffff;  /* 深色主题下标签文字为白色 */
    --footer_text_color: #ffffff;
    --left_tag_item: rgba(27, 42, 57, 0.2);
    --left_tag_border: rgba(255, 255, 255, 0.15);  /* 深色主题边框颜色 */
    --card_filter: 8px;
    --back_filter: 0px;  /* 背景模糊，让图片更柔和 */
    --back_filter_color: transparent;  /* 移除遮罩，让图片完全显示 */
    --fill: #ffffff;
}