/*
--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全局阴影遮罩

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

.index-logo{
    display: none;
}
/*非常吃性能,低配手机会卡顿*/
/*卡片模糊背景＋黑色透明卡片+白色svg**/
html {
    --name: 主题1;
    --main_bg_color: url(../img/background/wallhaven-1k2611.webp);
    --main_text_color: #eeeeee;
    --gradient: linear-gradient(120deg, #bd34fe, #e0321b 30%, #41d1ff 60%);
    --purple_text_color: #ffffff;
    --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: rgba(27, 42, 57, 0.2);
    --card_filter: 15px;
    --back_filter: 0px;
    --back_filter_color: #00000030;
    --fill: #ffffff;
}

body {
    background-color: var(--main_bg_color);
    color: var(--main_text_color);
    font-family: Arial, sans-serif;
}

/* 基本样式 */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* 响应式设计 */
@media (max-width: 1200px) {
    .container {
        padding: 15px;
    }
}

@media (max-width: 992px) {
    .container {
        padding: 10px;
    }

    /* 调整文本和元素大小 */
    body {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    body {
        font-size: 12px;
    }

    /* 样式调整 */
    .item {
        background-color: var(--item_bg_color);
        padding: 10px;
        margin-bottom: 10px;
    }

    .item:hover {
        background-color: var(--item_hover_color);
    }
}

@media (max-width: 576px) {
    body {
        font-size: 10px;
    }

    .footer {
        text-align: center;
        padding: 10px 0;
    }
}

/*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: #ffffff;*/
/*    --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: #ffffff;*/
/*    --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: #ffffff;*/
/*    --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 {*/
/*   !*图片模糊背景＋黑色透明卡片+白色svg**!*/
/*    --name: 主题5;*/
/*    !* --main_bg_color: url(../img/background.jpg); 为了页面首次显示更顺滑，背景图放在js中实现*!*/
/*    --main_text_color: #eeeeee;*/
/*    --gradient: linear-gradient(120deg, #bd34fe, #e0321b 30%, #41d1ff 60%);*/
/*    --purple_text_color: #ffffff;*/
/*    --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: 68px;*/
/*    --back_filter_color: #00000060;*/
/*    --fill:#ffffff;*/
/*}*/