@font-face {
    font-family: 'HarmonyOS_Sans';
    font-display: swap;
    src: url('/fonts/HarmonyOS_Sans.ttf') format("truetype");
}

@font-face {
    font-family: 'Consolas';
    font-display: swap;
    src: url('/fonts/Consolas.ttf') format("truetype");
}

#recent-posts>.recent-post-item,
.layout_page>div:first-child:not(.recent-posts),
.layout_post>#page,
.layout_post>#post,
.read-mode .layout_post>#post {
    background: var(--light_bg_color)
}

#aside-content .card-widget {
    background: var(--light_bg_color)
}

#web_bg {
    background: linear-gradient(90deg, rgba(247, 149, 51, .1), rgba(243, 112, 85, .1) 15%, rgba(239, 78, 123, .1) 30%, rgba(161, 102, 171, .1) 44%, rgba(80, 115, 184, .1) 58%, rgba(16, 152, 173, .1) 72%, rgba(7, 179, 155, .1) 86%, rgba(109, 186, 130, .1))
}

/*GitHub开源圆角*/
#card-info-btn {
    border-radius: 7px;
    overflow: hidden;
}

#footer-wrap {
    backdrop-filter: blur(50px) saturate(180%);
}

/* 首页文章卡片 */
#recent-posts>.recent-post-item {
    background: var(--trans-light);
    backdrop-filter: var(--backdrop-filter);
    border-radius: 25px;
    border: var(--border-style);
}

/* 首页侧栏卡片 */
#aside-content .card-widget {
    background: var(--trans-light);
    backdrop-filter: var(--backdrop-filter);
    border-radius: 18px;
    border: var(--border-style);
}

/* 文章页、归档页、普通页面 */
div#post,
div#page,
div#archive {
    background: var(--trans-light);
    backdrop-filter: var(--backdrop-filter);
    border: var(--border-style);
    border-radius: 20px;
}

#page-header.nav-visible:not(.fixed) #nav {
    backdrop-filter: blur(50px) saturate(180%);
    background-color: rgb(255, 255, 255, 0);
}

#page-header.nav-fixed #nav a,
#page-header.nav-fixed #nav #toggle-menu {
    color: rgb(255, 255, 255);
}