/* post页面: 修改header中整个info的对齐 */
#page-header #post-info{
    /* bottom: 100px; */
    text-align: center;
    padding: 0 8%;
}
#post-info .post-title {
    margin-bottom: 8px;
}

/* post页面: 修改header中meta信息布局 */
#post-info {
    /* js中涉及此元素内容的移动。css先行隐藏，由js恢复显示，可以避免用户看到内容闪烁。 */
    display: none;
    place-items: center;
    justify-content: center; 
    align-items: center; 
    text-shadow: 2px 2px 4px rgb(0 0 0 / 50%);
}
.post .post-meta__tags {
    display: inline-block;
    margin: 8px 8px 8px 0;
    padding: 0 12px;
    width: fit-content;
    border: 1.5px solid #dcdbca;
    border-radius: 12px;
    color: var(--light-grey) !important;
    font-size: 90%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.post .post-meta__tags:hover {
    background: #cea7fa;
    color: var(--white) !important;
}
#post-info #post-meta a:hover {
    color: #e28df9;
}
/* 修正超宽屏下header中文本行反而收窄的问题 */
@media screen and (min-width: 2000px) {
    #post-info .post-title{
        max-width: 100% !important;
    }
    #post-info .post-meta{
        max-width: 100% !important;
    }
}

/* post页面：版权块拖出视觉中心 */
#post .post-copyright {
    margin-top: 180px;
}
#post .post-copyright .post-copyright-meta{
    color: #6e6d67;
    font-weight: normal;
}
#post .post-copyright ::before{
    /* 这里理论上应该用js去移除元素，而不是css隐藏显示 */
    display: none;
}
#post .post-copyright:before{
    display: none;
}
#post .post-copyright a{
    color: #6e6d67;
    font-weight: lighter;
}
#post .post-copyright span{
    color: #6e6d67;
    font-weight: normal;
}

/* post页面：削弱 相关文章/上下文章相应图片 的黑色遮罩程度 */
#pagination .prev-post .cover, #pagination .next-post .cover, .relatedPosts > .relatedPosts-list > a .cover{
    opacity: 0.9;
}
/* post页面：增加 相关文章/上下文章cover上方文字 的黑色阴影 */
.pagination-post#pagination {
    text-shadow: 2px 2px 4px rgb(0 0 0 / 40%)!important;
}
.relatedPosts-list {
    text-shadow: 2px 2px 4px rgb(0 0 0 / 40%)!important;
}

/* 这个好像是图册页面的cover，但目前没用上，就不调opacity了 */
/* .postImgHover .cover,  */

/* post页面：灯箱改为纯黑，增加图片padding */
.fancybox__container {
    --fancybox-bg: rgb(0 0 0 / 100%);
}
.fancybox__content img{
    padding-top: 15px;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
}
/* 对于非gallery，单独的图片插入，控制其在大屏下的显示宽度 */
@media (min-width: 768px) {
    #article-container p a img{
        max-width: 60%;
    }
}




/* page页面: 修改post列表项目尺寸 */
@media (min-width: 768px) {
    .page .recent-post-item {
        height: 13.8em !important;
    }
    #recent-posts .recent-post-item >.recent-post-info {
        width: 65%;
    }
    #recent-posts .recent-post-item .post_cover {
        width: 35%;
        border-radius: 6px;
    }
}
@media (max-width: 768px) {
    .page .recent-post-item {
        max-height: 365px !important;
    }
    #recent-posts .recent-post-item .post_cover {
        border-radius: 4px;
    }
}


/* #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-image: linear-gradient(to top, #d2c897 0%, #d5ceb0 3%, #eeebd4 30%, #f0ece2 75%, #ececdf 100%);
}
/* top图黑遮罩减轻 */
:root{
    --mark-bg: rgb(0 0 0 / 12%);
}
/* 首页top图
#page-header.full_page {
    background-image: url("/resource/img/116319346_p0_web.jpg") !important;
} */
/* 首页导航条文字颜色适应首页top图 */
.full_page #nav #menus a {
    color: var(--font-color);
    text-shadow: 2px 2px 4px rgb(0 0 0 / 6%)!important;
}
.full_page #nav #menus span {
    color: var(--font-color);
    text-shadow: 2px 2px 4px rgb(0 0 0 / 6%)!important;
}
.full_page #nav .site-page {
    color: var(--font-color);
    text-shadow: 2px 2px 4px rgb(0 0 0 / 6%)!important;
}
.full_page #nav a:hover {
    color: var(--font-color);
}
.full_page #nav span.site-page:hover {
    color: var(--font-color);
}
/* 导航栏左端标题字体及颜色 */
#nav #blog-info span.site-name {
    color: var(--font-color);
    text-shadow: 2px 2px 4px rgb(0 0 0 / 6%)!important;
    font-family: "LXGW WenKai"!important;
    font-weight: bold!important;
}
/* 顶部吸附时不添加文字阴影，晃眼 */
.nav-fixed #nav #blog-info span.site-name {
    text-shadow: none !important;
}
/* 首页主副标题字体 */
h1#site-title {
    font-family: "LXGW WenKai Medium"!important;
    font-weight: normal!important;
    text-shadow: 2px 2px 4px rgb(0 0 0 / 45%)!important;
}
span#subtitle {
    font-family: "LXGW WenKai Light"!important;
    font-weight: normal!important;
    text-shadow: 2px 2px 4px rgb(0 0 0 / 40%)!important;
    padding-left: 13%!important;
}
/* 伪元素在副标题前面加 横杠 */
/* 为什么不在hexo配置表里写横杠？
因为那样会让浏览器tab悬停时显示为：
lrysia 的展览屋 - ——— 追寻新千年的轻盈 */
#site-subtitle #subtitle::before{
    content: "——— ";
    font-family: "LXGW WenKai"!important;
    font-weight: normal!important;
    text-shadow: 2px 2px 4px rgb(0 0 0 / 40%)!important;
}

/* aside 作者卡片 配置 */
.site-data .headline {
    font-weight: bold;
}
.avatar-img img:hover {
    transform: scale(1.1);
}
.author-info-name {
    font-family: "LXGW WenKai"!important;
    font-weight: bold!important;
}
.author-info-description {
    font-family: "LXGW WenKai Medium"!important;
    font-weight: normal!important;
}
/* aside 公告卡片 配置 */
.card-announcement .item-headline .fas {
    min-width: 18px;
    animation-name: none;
    color: 	#44573b !important;
}
.announcement_content p{
    margin-block-start: auto;
    margin-block-end: auto;
}
/* aside 分类卡片 配置 */
.card-categories .fa-folder-open{
    max-width: 16px;
}
/* aside 标签卡片 配置 */
.card-categories .fa-tags{
    min-width: 20px;
}
/* aside 标签卡片 配置 */
.card-categories .fa-tags{
    min-width: 20px;
}

/* 页脚配置 */
#footer {
    background: rgba(255,255,255,.15);
    /* background-image: linear-gradient(-225deg, #e3fdf5 0%, #ffe6fa 100%); */
    color: #000;
    /* border-top-right-radius: 20px;
    border-top-left-radius: 20px; */
    backdrop-filter: saturate(100%) blur(5px)
}
#footer::before {
    background: rgba(255,255,255,.15)
}
#footer #footer-wrap {
    color: var(--font-color)
}
#footer #footer-wrap a {
    color: var(--font-color)
}
/* 移动端页面 两侧空边宽度 */
@media screen and (max-width: 768px){
    .layout{
        padding-right: 12px;
        padding-left: 12px;
    }
}



/* 响应式布局模板 */
@media (max-width: 768px) {

}
@media (min-width: 768px) {

}