/* ------------------- 全局样式定义：背景、边框、毛玻璃 ------------------- */
:root {
	--trans-light: rgba(255, 255, 255, 0.5);
	--trans-dark: rgba(25, 25, 25, 0.5);
	--border-style: 1px solid rgb(169, 169, 169);
	--backdrop-filter: blur(5px) saturate(150%);
}

#web_bg {
	background-image: url("../img/star_karina.jpg"),
	linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35))
}

/* 个人信息Follow me按钮 */
#aside-content>.card-widget.card-info>#card-info-btn {
	background-color: #3eb8be;
	border-radius: 8px;
}

#aside-content>.sticky_layout>.card-widget {
	background: rgba(255, 255, 255, .5);
}

/*文章页面*/
.layout>#post {
	background: rgba(255, 255, 255, .5);
}

/*分类页面*/
.layout>#page {

	background: rgba(255, 255, 255, .5);
}

/*时间轴页面*/
.layout>#archive {
	background: rgba(255, 255, 255, .5);
}

/* --------------------- 卡片设置为透明色 --------------------- */



/* 主页所有文章页面背景 */
#aside_content .card-widget, #recent-posts>.recent-post-items>.recent-post-item, .layout_page>div:first-child:not(.recent-posts), .layout_post>#page, .layout_post>#post, .read-mode .layout_post>#post{
    /* 以下代表透明度为0.5 */
    background: rgba(255,255,255,.5);
	border-radius: 25px;
	border: var(--border-style);
}
/*侧边栏页面*/
#aside-content>.card-widget  {
	border-radius: 18px;
	border: var(--border-style);
	background: rgba(255,255,255,.5);
}
#aside-content>.sticky_layout>.card-widget{
	background: rgba(255,255,255,.5);
}

/*文章页面*/
div#post,
div#page,
div#tag,
div#archive {
	background: rgba(255,255,255,.5);
	border: var(--border-style);
	border-radius: 20px;
}

[data-theme="dark"] #recent-posts > .recent-post-item,
[data-theme="dark"] #aside-content .card-widget,
[data-theme="dark"] div#post,
[data-theme="dark"] div#archive,
[data-theme="dark"] div#tag,
[data-theme="dark"] div#page {
	background: var(--trans-dark);
}

[data-theme="dark"] #footer::before {
	background: transparent !important;
}
[data-theme="dark"] #page-header::before {
	background: transparent !important;
}

/* 翻页按钮居中 */
#pagination {
	width: 100%;
	margin: auto;
  }