@charset "utf-8";

@import url('iconfont.css');
@import url('fancybox.css');
@import url('highlight.min.css');
*, ::before, ::after {
    font: inherit;
    color: inherit;
    padding: 0px;
    margin: 0px;
    border: none;
    outline: none;
    box-sizing: border-box;
    scrollbar-width: thin;
    scroll-behavior: smooth;
}
:root {
    --bg-primary-rgb: 254, 254, 255;
    --bg-secondary-rgb: 252, 252, 253;
    --bg-accent-rgb: 249, 249, 251;
    --bg-dark-1-rgb: 36, 35, 42;
    --bg-dark-2-rgb: 56, 55, 62;

    --text-primary: #413d48;
    --text-secondary: #656070;
    --text-muted: #8a8595;
    --color-primary: #a194b0;
    --color-primary-rgb: 161, 148, 176;
    --color-accent: #b0a3bf;
    --color-secondary: #c9c0d4;
    --color-success: #94b09c;
    --color-warning: #b09e94;
    --border-color: #e9e6ed;
    --divider-color: #f5f4f7;
    
    --shadow-xs: 0 1px 2px rgba(161, 148, 176, 0.03);
    --shadow-sm: 0 2px 4px rgba(161, 148, 176, 0.05);
    --shadow-md: 0 4px 8px rgba(161, 148, 176, 0.08);
    --shadow-lg: 0 8px 16px rgba(161, 148, 176, 0.1);
    
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
}
[data-theme-version="dark"]{
    --bg-primary-rgb: 26, 25, 30;
    --bg-secondary-rgb: 36, 35, 42;
    --bg-accent-rgb: 46, 45, 52;
    
    --text-primary: #e0dde6;
    --text-secondary: #a8a2b0;
    --border-color: #403b48;
}
body{
    background: rgba(var(--bg-accent-rgb),1);
    color: var(--text-primary);
}
a {
    cursor: pointer;
    text-decoration: none;
    word-break: break-all;
}
img{
    margin: auto;
    width: auto;
    max-width: 100%;
}
.line-clamp {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--line-num,1);
}
aside.sidebar{
    position: fixed;
    max-width: 16rem;
    width: 100%;
    inset: 0;
    z-index: 1;
    /*box-shadow: var(--shadow-md);*/
    /*background: rgba(var(--bg-secondary-rgb),100);*/
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
aside .author-card {
    position: relative;
    padding: var(--spacing-md);
    height: 20vh;
    display: none;
}
aside .author-card:before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--aside-bg);
    background-size: cover;
    background-position: center;
}
aside .author-card:after{
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(to bottom,
            rgba(var(--bg-secondary-rgb),0) 0%,
            rgba(var(--bg-secondary-rgb),100) 100%
    );
}
aside .author-card .author-info{
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    position: absolute;
    bottom: -.5rem;
}
aside .author-card .author-avatar img{
    width: 4rem;
    height: 4rem;
    object-fit: cover;
}
aside .author-card .author-name{
    color: var(--text-primary);
    font-size: 15px;
}
aside .author-card .author-bio{
    font-size: 13px;
    margin-block-start: var(--spacing-xs);
    color: var(--text-muted);
}
aside .nav-content-wrapper b[class*="aw-"]{
    font-size: 12px;
    color: var(--color-secondary);
}
.content-layout aside .nav-section {
    padding: 0 var(--spacing-md);
    list-style: none;
    color: var(--text-secondary);
}
.content-layout aside .nav-pages{
    margin-block-start: var(--spacing-md);
}
aside .nav-section-content .pages-nav{
    /*margin-block: 1rem;*/
}
aside .nav-section-content ul{
    list-style: none;
    /*border-left: thin solid var(--border-color);*/
    /*margin-inline-start: 0.3rem;*/
}
aside .nav-section-content ul li{
    padding: var(--spacing-sm);
    transition: .3s;
    color: var(--text-secondary);
    margin: .5rem;
}
aside .nav-section-content ul li{
    position: relative;
}
aside .nav-section-content ul li.current{
    outline: thin dashed var(--border-color);
    border-radius: 0.2em;
}
/*aside .nav-section-content ul li:before{*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: -.5rem;*/
/*    width: 0.3rem;*/
/*    height: 0.3rem;*/
/*    border-radius: 2em;*/
/*    background: rgba(var(--color-primary-rgb),.5);*/
/*    transform: translateX(-60%) translateY(-50%);*/
/*    transition: .3s;*/
/*}*/
/*aside .nav-section-content ul li:hover:before,*/
/*aside .nav-section-content ul li.current:before{*/
/*    transform: translateX(-60%) translateY(-50%) scale(1.2);*/
/*}*/
aside .nav-section-content ul li a{
    display: flex;
    gap: var(--spacing-sm);
    align-items: center;
}

.main-header-toolbar{
    position: sticky;
    top: 1rem;
    z-index: 9;
    margin: var(--spacing-sm);
    padding:var(--spacing-md);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-md);
    color: var(--text-secondary);
    outline: thin dashed #0000;
    background: rgba(var(--bg-secondary-rgb),100);
    transition: .3s;
}
.main-header-toolbar .toolbar-btn{
    background: none;
    outline: none;
    width: 2rem;
    height: 2rem;
    font-size: 25px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.main-header-toolbar .back-to-top-btn{
    outline: 2px solid var(--text-primary);
    border-radius: 2em;
    transform: scale(0.66);
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    display: none;
    transition: .3s;
}
.main-header-toolbar .back-to-top-btn.show{
    opacity: 1;
    display: block;
    transform: scale(0.62);
    visibility: visible;
}
.main-header-toolbar .toolbar-btn .aw-arrow-up {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
body .theme-toggle-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

body .theme-toggle-btn {
	transform: scale(.8) rotate(-180deg);
}

body:not([data-theme-version="dark"]) .theme-toggle-btn:hover {
	transform: none;
}

body:not([data-theme-version="dark"]) .theme-toggle-btn:hover::before {
	box-shadow: -0.7em 0 0 -0.4em rgba(var(--color-primary-rgb), 100),    -0.5em 0.5em 0 -0.4em rgba(var(--color-primary-rgb), 100),    0 -0.7em 0 -0.4em rgba(var(--color-primary-rgb), 100),    0.5em -0.5em 0 -0.4em rgba(var(--color-primary-rgb), 100),    0.7em 0 0 -0.4em rgba(var(--color-primary-rgb), 100),    0.5em 0.5em 0 -0.4em rgba(var(--color-primary-rgb), 100),    0 0.7em 0 -0.4em rgba(var(--color-primary-rgb), 100),    -0.5em -0.5em 0 -0.4em rgba(var(--color-primary-rgb), 100);
}

body[data-theme-version="dark"] .theme-toggle-btn {
	transform: scale(1.1);
}

body[data-theme-version="dark"] .theme-toggle-btn:hover {
	transform: scale(1.2);
}

body .theme-toggle-btn::before {
	content: "";
    width: 1em;
    height: 1em;
    border-radius: 50%;
    box-shadow: -0.7em 0 0 -0.4em var(--text-secondary), -0.5em 0.5em 0 -0.4em var(--text-secondary), 0 -0.7em 0 -0.4em var(--text-secondary), 0.5em -0.5em 0 -0.4em var(--text-secondary), 0.7em 0 0 -0.4em var(--text-secondary), 0.5em 0.5em 0 -0.4em var(--text-secondary), 0 0.7em 0 -0.4em var(--text-secondary), -0.5em -0.5em 0 -0.4em var(--text-secondary);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.7);
    transition: all 0.5s ease;
    z-index: 1;
}
body:not([data-theme-version="dark"]) .theme-toggle-btn::before{
    outline: 2px solid var(--text-secondary);
}
body[data-theme-version="dark"] .theme-toggle-btn::before {
	box-shadow: 0 0 0 -0.4em, 0 0 0 -0.4em, 0 0 0 -0.4em, 0 0 0 -0.4em, 0 0 0 -0.4em, 0 0 0 -0.4em, 0 0 0 -0.4em, 0 0 0 -0.4em, inset -0.4em -0.4em;
	background: none;
}
#main-content .posts-container{
    /*margin: var(--spacing-md);*/
    /*background: rgba(var(--bg-secondary-rgb),100);*/
}
.post-cover .placeholder-card {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: var(--text-primary);
    gap: .5rem;
    position: relative;
    align-content: center;
    font-weight: 500;
    font-size: 1rem;
    letter-spacing: 0.8px;
	background-color: rgba(var(--bg-secondary-rgb),1);
	border-radius: .2em;
	padding: var(--spacing-xs);
}
.post-cover .placeholder-card .emoji-container span{
    position: absolute;
    transform: scale(10);
    opacity: .05;
    z-index: 0;
}
.post-cover .placeholder-card > *{
    flex: 100%;
    text-align: center;
    z-index: 1;
}
.post-cover .placeholder-card > b{
    font-size: 12px;
}
#main-content .posts-container .post-content-wrapper > *{
    flex: 100%;
}
#main-content .posts-container .post-header h2 a{
    padding-block: var(--spacing-xs);
    border-bottom: thin dashed var(--border-color);
    transition: .3s;
    color: var(--text-primary);
}
#main-content .posts-container .post-header h2 a:hover{
    color:rgba(var(--color-primary-rgb),100);
    border-bottom-color:rgba(var(--color-primary-rgb),.6);
}
#main-content .posts-container .post-header h2{
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 8px;
    font-size: 26px;
}
#main-content .posts-container .post-tags {
    display: flex;
    gap: var(--spacing-sm);
}
#main-content .posts-container .post-tags a{
    font-size: 12px;
    padding: var(--spacing-sm);
    background: rgba(var(--color-primary-rgb),.1);
}
#main-content .posts-container .post-excerpt{
    --line-num: 2;
    font-size: 14px;
    color: var(--text-muted);
    line-height: 1.6;
    font-weight: 400;
}
#main-content .post-content-wrapper .post-footer{
    display: flex;
    font-size: 12px;
    gap: var(--spacing-sm);
    color: var(--text-muted);
}
#main-content .simple-breadcrumb{
    font-size: 12px;
    color: var(--text-muted);
}
#main-content.single-post .post{
    /*margin: var(--spacing-md);*/
    /*background: rgba(var(--bg-secondary-rgb),100);*/
    padding: 0 var(--spacing-md);
    border-radius: 0.2em;
}
#main-content.single-post .post .post-header{
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    min-height: 25vh;
    justify-content: center;
    padding-block:0 var(--spacing-lg);
    border-bottom: thin dashed var(--border-color);
    margin-block-end: calc(var(--spacing-lg) *2);
    margin-block-start: 1rem;
}
#main-content.single-post .post .post-header h1{
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 8px;
    font-size: 30px;
    color: var(--text-primary);
    z-index: 1;
}
#main-content.single-post .post .post-header .meta-info{
    font-size: 12px;
    display: flex;
    gap: var(--spacing-md);
    color: var(--text-muted);
}
#main-content.single-post .post-content{
    line-height: 1.8;
    font-weight: 400;
    color: var(--text-secondary);
}
#main-content.single-post .post-content > *{
    position: relative;
    font-size: 16.5px;
    margin-block-end: calc(var(--spacing-md)*2);
}
#main-content.single-post .single-footer{
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    margin-block: var(--spacing-lg) var(--spacing-sm);
}
#main-content.single-post .single-footer .copyright-notice{
    padding: var(--spacing-sm);
    background: rgba(var(--bg-secondary-rgb),100);
    font-size: 12px;
    color: var(--text-muted);
}
#main-content.single-post .single-footer .copyright-notice a{
    text-decoration: revert;
}
#main-content.single-post .single-footer .copyright-notice b{
    font-weight: 900;
}
#main-content.single-post .single-footer .post-tags .tags-list{
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    color: var(--text-secondary);
}
#main-content.single-post .single-footer .post-navigation{
    margin-block: var(--spacing-lg);
    border-bottom: thin dashed var(--border-color);
    border-top: thin dashed var(--border-color);
    display: flex;
    justify-content: space-between;
    gap: var(--spacing-sm);
}
#main-content.single-post .single-footer .post-navigation >div{
    padding-block: var(--spacing-lg);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    font-size: 14px;
    gap: var(--spacing-xs);
    color: var(--text-secondary);
    align-content: flex-start
}
#main-content.single-post .single-footer .post-navigation .nav-next{
    text-align: end;
    display: flex;
    align-content: flex-end;
}
#main-content.single-post .single-footer .post-navigation >div a{
    width: fit-content;
}
#main-content.single-post .content-layout .article-sidebar h4{
    display: inline-flex;
    align-items: center;
    gap:2px;
    font-size: 14px;
    color: var(--color-primary);
    margin-block: 0 var(--spacing-sm);
}
#main-content.single-post .content-layout .article-sidebar h4::before{
    content: "";
    width: 0.4rem;
    height: 0.8rem;
    background: linear-gradient(180deg, rgba(var(--color-primary-rgb), 100), rgba(var(--color-primary-rgb), 60), transparent);
    border-radius: 50% 50% 2px 2px;
}
.content-layout .article-sidebar .recommended-list{
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    color: var(--text-secondary);
    margin-block-end: var(--spacing-lg);
}
.content-layout .article-sidebar .recommended-list a{
    flex: 100%;
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    justify-content: space-between;
    padding: var(--spacing-xs) var(--spacing-sm);
}
.content-layout .article-sidebar .recommended-list span{
    flex-shrink: 0;
    font-size: 12px;
    color: var(--text-muted);
}
.content-layout .article-sidebar .ad-content{
    font-size: 14px;
    color: var(--text-secondary);
    margin-block-end: var(--spacing-lg);
}
.content-layout .article-sidebar .ad-content img{
    object-fit: cover;
    width: 100%;
    height: 180px;
    border-radius: 0.2em;
}
.content-layout .article-sidebar .post-toolbar{
    font-size: 18px;
    display: flex;
    padding: var(--spacing-xs) var(--spacing-sm);
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing-xs);
    color: var(--text-secondary);
    margin-block-end: var(--spacing-lg);
}
.content-layout .article-sidebar .post-toolbar button{
    cursor: pointer;
    background: none;
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
}
.content-layout .article-sidebar .post-toolbar button .btn-text{
    font-size: 12px;
}
.content-layout .article-sidebar .toc-content{
    font-size: 12px;
    margin-block-end: var(--spacing-lg);
}
.content-layout .article-sidebar .toc-content li{
    padding: var(--spacing-xs) var(--spacing-sm);
    list-style: none;
    display: flex;
    line-height: 2;
}
.content-layout .article-toc-content ul li:hover {
    background: rgba(var(--color-primary-rgb), .3);
    color: rgba(var(--color-primary-rgb), 1);
    border-radius: 2em;
}
.toc-content .article-toc-content {
    counter-reset: toc-counter;
}
.toc-content .article-toc-content > ul.ul-toc{
    max-height: 20rem;
    overflow-y: auto;
    height: 100%;
    scrollbar-width: none;
}
.toc-content .article-toc-content ul li {
    font-size: .85em;
    color: var(--text-secondary);
    transition: .5s;
    counter-increment: toc-counter;
}
.toc-content .article-toc-content ul li.active {
    background: rgba(var(--color-primary-rgb), .3);
    color: rgba(var(--color-primary-rgb), 1);
    border-radius: 2em;
}
.toc-content .article-toc-content ul.ul-toc li.active::before {
    background: rgba(var(--color-primary-rgb), .2);
    color: rgba(var(--color-primary-rgb), 1);
    box-shadow: 0px 5px 20px -3px rgba(var(--color-primary-rgb), 1);
}
#article-toc .article-toc-content ul.ul-toc li.active::before {
    background: rgba(var(--color-primary-rgb), .2);
    color: rgba(var(--color-primary-rgb), 1);
    box-shadow: 0px 5px 20px -3px rgba(var(--color-primary-rgb), 1);
}
.toc-content .article-toc-content ul.ul-toc li:hover::before {
    background: rgba(var(--color-primary-rgb), .2);
    color: rgba(var(--color-primary-rgb), 1);
}
.toc-content .article-toc-content ul.ul-toc li::before {
    content: counter(toc-counter);
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .65rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    margin: 0 0.5rem 0 0;
    padding: 0.5rem;
    line-height: .5;
    vertical-align: middle;
    transition: .3s;
    background-color: rgba(var(--bg-accent-rgb),100);
    border-radius: 2em;
}
.content-layout .main-article .post-content a:not([class]){
    color: rgba(var(--color-primary-rgb), 1);
    text-decoration: none;
    position: relative;
    padding: 2px 6px;
}
.content-layout .main-article .post-content a:not([class]):before{
    content: "\e616";
    scale: .95;
    transition: rotate .5s;
    display: inline-block;
    text-indent: 0;
    margin: 0 0.25rem 0 0;
    font-family: "iconfont" !important;
}
.content-layout .main-article .post-content a:not([class]):hover:before{
    rotate: 45deg;
}
.content-layout .main-article .post-content a:not([class]) {
    background: linear-gradient(90deg,rgba(var(--color-primary-rgb), .5),rgba(var(--color-primary-rgb), .5)) no-repeat 100% 100% / 0 1px;
    border-radius: .2em;
    background-size: 0 1px;
    background-position-x: 50%;
    transition: 0.3s ease;
}
.content-layout .main-article .post-content a:not([class]):hover {
    background-position-x: 50%;
    background-size: 100% 1px;
}

/* 足迹 */
#cover-map {
	width: 100%;
	height: 20vh;
	min-height: 35vh;
	z-index: 0;
	opacity: .8;
	transition: .3s;
	margin-block-start: 1rem;
	padding: var(--spacing-sm);
    outline: thin dashed var(--border-color);
}
#cover-map:not(.full-screen) :is(.amap-controls, .maps-name),
.amap-copyright, .amap-logo {
	display: none !important;
}
/*代码块*/
.content-layout .main-article .post-content pre{
    position: relative;
    overflow: hidden;
    border-radius: .2em;
}
.content-layout .main-article .post-content pre code {
    border: none;
    direction: ltr;
    display: block;
    cursor: text;
    tab-size: 4;
    line-height: 1.5;
    overflow: auto;
    text-align: initial;
    text-decoration: none;
    scrollbar-width: thin;
    font-family: inherit;
    font-synthesis: initial;
    white-space: pre !important;
    overflow-wrap: break-word;
    color: var(--text-muted);
    padding: 4rem 1rem 1rem;
    max-height: calc(100vh - 6rem * 2);
    background: rgba(var(--bg-dark-1-rgb),100) !important;
}
.content-layout .main-article .post-content pre code:before {
    content: "code";
    display: flex;
    align-items: center;
    position: absolute;
    font-weight: 600;
    inset: 0;
    padding: 1rem 1rem 1rem 2.25rem;
    height: 3rem;
    z-index: 0;
    color: var(--color);
    background: radial-gradient(circle, currentcolor 50%, #0000 65%) no-repeat 1rem / 0.75rem 0.75rem, linear-gradient(90deg, currentcolor, rgba(var(--bg-accent-rgb),.1) 40%) no-repeat 50% 100% / calc(100% - 2rem) 1px;
    background-color: inherit;
    text-transform: uppercase;
}
.content-layout .main-article .post-content pre code[data-language]:before {
    content: attr(data-language);
}
.content-layout .main-article .post-content pre .copy-btn{
    position: absolute;
    font-size: 12px;
    inset: 0.8rem 0.5rem auto auto;
    color: var(--text-muted);
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: 2em;
    z-index: 2;
    background: rgba(var(--bg-dark-2-rgb),100);
    line-height: 1;
}
.content-layout .main-article .post-content code:not([class]) {
    color: var(--color-primary);
    text-decoration: underline dotted .1ex;
    text-decoration-skip-ink: none;
    text-underline-offset: .5ex;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
/* 定义CSS变量，统一管理样式值（聚焦圆形+渐变） */
:root {
    --title-number-gradient: linear-gradient(45deg, #4299e1, #38bdf8); /* 统一渐变背景 */
    --title-number-radius: 50%;          /* 圆形（50%实现正圆） */
    --title-number-size: 35px;           /* 圆形序号大小（宽高一致） */
    --title-number-font-size: 0.9em;     /* 序号字体大小 */
    --title-font-weight: 600;            /* 标题字体粗细 */
    --title-line-height: 1.8;            /* 标题行高 */
}

/* 初始化计数器 + 公共容器样式 */
.content-layout .main-article .post-content {
    counter-reset: h1-sub 0 h2-sub 0 h3-sub 0 h4-sub 0 h5-sub 0;
    position: relative;
}

/* 所有标题的公共样式 */
.content-layout .main-article .post-content h1,
.content-layout .main-article .post-content h2,
.content-layout .main-article .post-content h3,
.content-layout .main-article .post-content h4,
.content-layout .main-article .post-content h5 {
    position: relative;
    line-height: var(--title-line-height);
    font-weight: var(--title-font-weight);
    font-size: 22px!important;
}
.content-layout .main-article .post-content h1.clicked-target::before,
.content-layout .main-article .post-content h2.clicked-target::before,
.content-layout .main-article .post-content h3.clicked-target::before,
.content-layout .main-article .post-content h4.clicked-target::before,
.content-layout .main-article .post-content h5.clicked-target::before {
    background: linear-gradient(125deg, rgba(var(--color-primary-rgb), .3), rgba(var(--color-primary-rgb), .9), rgba(var(--color-primary-rgb), .6), transparent) !important;
}
/* 标题序号核心美化：圆形+统一渐变 */
.content-layout .main-article .post-content h1::before,
.content-layout .main-article .post-content h2::before,
.content-layout .main-article .post-content h3::before,
.content-layout .main-article .post-content h4::before,
.content-layout .main-article .post-content h5::before {
    width: var(--title-number-size);
    height: var(--title-number-size);
    border-radius: var(--title-number-radius);
    background: linear-gradient(125deg, rgba(var(--color-primary-rgb), .6), rgba(var(--color-primary-rgb), .3), rgba(var(--color-primary-rgb), .1), transparent);
    color: var(--text-primary);
    font-weight: bold;
    font-size: var(--title-number-font-size);
    display: inline-block;
    line-height: 1;
    box-sizing: border-box;
    box-shadow: var(--shadow-lg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-inline-end: .5rem;
    transition: background .3s;
}

/* H1 标题序号规则 */
.content-layout .main-article .post-content h1:first-of-type::before {
    counter-reset: h1-sub 0;
    content: "1"; /* 去掉多余空格，适配圆形 */
}
.content-layout .main-article .post-content h1:not(:first-of-type)::before {
    counter-increment: h1-sub;
    content: "1." counter(h1-sub);
}

/* H2 标题序号规则 */
.content-layout .main-article .post-content h2:first-of-type::before {
    counter-reset: h2-sub 0;
    content: "2";
}
.content-layout .main-article .post-content h2:not(:first-of-type)::before {
    counter-increment: h2-sub;
    content: "2." counter(h2-sub);
}

/* H3 标题序号规则 */
.content-layout .main-article .post-content h3:first-of-type::before {
    counter-reset: h3-sub 0;
    content: "3";
}
.content-layout .main-article .post-content h3:not(:first-of-type)::before {
    counter-increment: h3-sub;
    content: "3." counter(h3-sub);
}

/* H4 标题序号规则 */
.content-layout .main-article .post-content h4:first-of-type::before {
    counter-reset: h4-sub 0;
    content: "4";
}
.content-layout .main-article .post-content h4:not(:first-of-type)::before {
    counter-increment: h4-sub;
    content: "4." counter(h4-sub);
}

/* H5 标题序号规则 */
.content-layout .main-article .post-content h5:first-of-type::before {
    counter-reset: h5-sub 0;
    content: "5";
}
.content-layout .main-article .post-content h5:not(:first-of-type)::before {
    counter-increment: h5-sub;
    content: "5." counter(h5-sub);
}
/*音乐*/
.content-layout .main-article .post-content .music-player-wrapper{
    outline: thin dashed var(--border-color);
    padding-inline: var(--spacing-xs) var(--spacing-sm);
    border-radius: 2em;
    line-height: 1;
    transition: .3s;
}
.content-layout .main-article .post-content .music-player-wrapper button{
    background: none;
}
.content-layout .main-article .post-content .music-player-wrapper .inline-player{
    padding-inline-start: var(--spacing-xs);
    font-size: 14px;
}
.content-layout .main-article .post-content .music-iframe-wrapper.wyy iframe{
    height: 5rem;
}
.content-layout .main-article .post-content .music-player-wrapper.playing {
    background: rgba(var(--bg-secondary-rgb),100);
}

.content-layout .main-article .post-content > hr {
	font-size: 12px!important;
	padding: 0.5rem 0;
	position: relative;
	border-bottom: thin dashed var(--border-color);
	margin: 3rem 0;
	margin-block-end: 3rem!important;
	border-top: 0;
	border-radius: 0;
	border-left: 0;
	border-right: 0;
}

.content-layout .main-article .post-content > hr:before {
	content: '分割线';
	position: absolute;
	right: 0;
	line-height: 0px;
	color: var(--text-muted);
}
/*视频*/
.content-layout .main-article .post-content iframe,
.content-layout .main-article .post-content video{
    border-radius: .2em;
}
.content-layout .main-article .post-content .douyin-video-iframe{
    display: block;
    aspect-ratio: 16 / 9;
    max-width: calc(100vw - 1.5rem* 2);
    height: auto;
    min-height: auto;
    margin: 0;
}
.content-layout .main-article .post-content .douyin-video-iframe iframe {
    height: 100%;
    width: 100%;
}
.content-layout .main-article .post-content .local-video-wrapper video{
    height: 60vh;
    width: 100%;
    object-fit: cover;
}
/*折叠*/
.content-layout .main-article .post-content .collapse-panel{
    border-radius: .2em;
    outline: thin dashed var(--border-color);
    overflow: hidden;
    transition: all 0.3s ease 0s;
}
.content-layout .main-article .post-content .collapse-panel summary{
    cursor: pointer;
    color: var(--text-primary);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0.5rem 1rem 0.5rem .5rem;
}
.content-layout .main-article .post-content details[open] summary{
    border-bottom: thin dashed var(--border-color);
}
.content-layout .main-article .post-content .collapse-panel .collapse-content{
    padding: 0.5rem 1rem 0.5rem .5rem;
}
.content-layout .main-article .post-content details[open]{
    background: rgba(var(--bg-secondary-rgb),100);
    box-shadow: var(--shadow-md);
}
.gallery-container .gallery-grid {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
}
.gallery-container .gallery-grid .image {
    position: relative;
    flex-grow: 1;
}
.gallery-container .gallery-grid .image figure {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    width: 100%;
    min-height: 10vh;
    overflow: hidden;
}
.gallery-container .gallery-grid .image figure img {
    display: block;
    max-width: 100%;
    object-fit: cover;
    transition: 0.5s;
    height: 20rem;
    max-height: 32vw;
    flex-grow: 1;
}
.content-layout .main-article .post-content .gallery-container figure img {
    object-fit: cover;
    aspect-ratio: 1 / 1.414;
    transition: 0.3s ease;
}
.content-layout .main-article .post-content figure[data-fancybox="single"] figcaption {
    text-align: center;
    font-size: 12px;
    color: var(--text-muted);
    opacity: .6;
}
.content-layout .main-article .post-content figure[data-fancybox="gallery"] figcaption {
    margin: 0;
    flex: auto;
    text-align: center;
    font-size: 12px;
    position: absolute;
    padding: var(--spacing-sm);
    color: var(--text-muted);
    inset: 0;
    top: auto;
    transition: 0.3s ease;
    background:rgba(var(--bg-secondary-rgb),.8);
    backdrop-filter: blur(5px);
    overflow: hidden;
}
#main-content.single-post .post-content > .gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    gap: 0.5rem;
    align-items: center;
    outline: thin dashed var(--border-color);
    border-radius: 0.2em;
    padding-block-start: 0.5rem;
}
.content-layout .main-article .post-content .gallery figure{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    max-width: 100%;
    width: auto !important;
    position: relative;
    margin-inline-end: var(--spacing-sm);
}
.content-layout .main-article .post-content .gallery figure img {
    height: 100%;
    min-height: 22rem;
    max-height: 55vh;
    display: block;
    height: auto;
    max-width: 100%!important;
    width: auto;
    border-radius: 0.2em;
}
.content-layout .main-article .post-content .gallery figure .gallery-caption{
    margin: 0;
    flex: auto;
    text-align: center;
    font-size: 12px;
    position: absolute;
    padding: var(--spacing-sm);
    color: var(--text-muted);
    inset: 0;
    top: auto;
    transition: 0.3s ease;
    background: rgba(var(--bg-secondary-rgb),.8);
    backdrop-filter: blur(5px);
    overflow: hidden;
}
.content-layout .main-article .post-content .gallery .f-carousel__nav {
    order: 3;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.content-layout .main-article .post-content .gallery .f-carousel__dots,
.content-layout .main-article .post-content .gallery .f-carousel__nav button{
    position: static;
    transform: none;
    margin: 0px !important;
}
.content-layout .main-article .post-content .gallery .f-carousel__nav button{
    background: rgba(var(--bg-secondary-rgb),100);
    font-size: 12px;
    color: var(--text-muted);
    transform: scale(.6);
}
.content-layout .main-article .post-content .bg-with-text .image-background {
    min-height: 90vh;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    filter: brightness(0.6);
    background-position: 50% 50%;
}
.content-layout .main-article .post-content .bg-with-text .image-content {
    max-width: 85rem;
    width: 100%;
    margin: auto;
    padding: var(--spacing-sm);
    z-index: 3;
    position: absolute;
    inset: 0;
    font-size: 12px;
    font-weight: 400;
    opacity: .8;
    display: flex;
    align-items: center;
    flex-direction: column;
    color: rgb(245 244 247);
    line-height: 2;
}
.content-layout .main-article .post-content>ol{
    list-style: none;
    counter-reset: num-counter;
}
.content-layout .main-article .post-content>ol li{
    position: relative;
    padding: 12px 0 12px 48px;
    margin-bottom: 10px;
    counter-increment: num-counter;
    transition: all 0.3s ease;
    border-radius: .2em;
}
.content-layout .main-article .post-content>ol li::before {
    content: counter(num-counter);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border: thin dashed rgba(var(--color-primary-rgb), .3);
    color: rgba(var(--color-primary-rgb), 1);
    border-radius: .2em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
}
.content-layout .main-article .post-content>ol li:hover {
    background: rgba(var(--color-primary-rgb), .3);
    padding-left: 52px;
}
.content-layout .main-article .post-content>ol li:hover::before {
    background: rgba(var(--color-primary-rgb), 1);
    color: white;
    transform: translateY(-50%) scale(1.05);
    margin-left: 5px;
    box-shadow: var(--shadow-lg);
}
.content-layout .main-article .post-content>ul {
    list-style: none;
}
.content-layout .main-article .post-content>ul li{
    position: relative;
    padding: 12px 0 12px 30px;
    margin-bottom: 15px;
    padding-right: 15px;
    border-radius: .2em;
    transition: .3s;
    outline: thin dashed #0000;
}
.content-layout .main-article .post-content>ul li:hover{
    outline-color: var(--border-color);
}
.content-layout .main-article .post-content>ul li::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    background: linear-gradient(135deg, rgba(var(--color-primary-rgb), .9) 0%, rgba(var(--color-primary-rgb), .1) 100%);
    box-shadow: var(--shadow-lg);
}
.main-header-toolbar .left{
    font-size: 14px;
    color: var(--text-muted);
    flex: 100%;
}
.scrolled-down .main-header-toolbar{
    outline-color: var(--border-color);
}
.main-header-toolbar .right{
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    justify-content: flex-end;
    width: 100%;
    transition: .3s;
}
.Comments-warpper{
    margin-block: var(--spacing-lg);
    margin: var(--spacing-md);
    /*background: rgba(var(--bg-secondary-rgb),100);*/
    /*padding: var(--spacing-lg);*/
    border-radius: 0.2em;
}
#comment-form .comment-editor{
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-md);
    margin-block: var(--spacing-md);
}
#comment-form .comment-userinfo__row {
    display: flex;
    flex-flow: wrap;
    gap: var(--spacing-md);
    flex: auto;
}
#comment-form .comment-userinfo__row input{
    position: relative;
    flex: 1;
    padding: var(--spacing-sm);
    font-size: 14px;
    background: rgba(var(--bg-accent-rgb),100);
    border-radius: 2em;
    outline: thin dashed var(--border-color);
}
.Comments-warpper .comment-editor__input{
    position: relative;
    flex: 100%;
    background: rgba(var(--bg-accent-rgb),100);
    border-radius: 0.2em;
    outline: thin dashed var(--border-color);
}
.Comments-warpper .comment-editor__input textarea{
    font-size: 14px;
    background: 0;
    transition: 0s;
    width: 100%;
    min-height: 8rem;
    padding: var(--spacing-sm);
}
.Comments-warpper .comment-emoji-main{
    border-top: thin dashed var(--border-color);
    border-radius: 2em;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 2.5rem;
    gap: 0.5rem;
}
.Comments-warpper .comment-emoji-main .comment_emoji_block{
    display: grid;
    place-items: center;
    grid: auto-flow 2em / repeat(auto-fill, minmax(1.75em, 1fr));
    font-size: 1.5em;
    flex: 1;
    height: inherit;
    scroll-snap-type: y mandatory;
    overscroll-behavior: contain;
    overflow: hidden auto;
    scrollbar-width: none;
    transition: .3s;
}
.Comments-warpper .comment-emoji-main span {
    scroll-snap-align: center;
    user-select: none;
    cursor: pointer;
    transition: .3s;
}
.comment-emoji-main:not(.show) :where(span) {
    filter: grayscale(1) opacity(.5);
}
.Comments-warpper .comment-emoji-main span:hover {
    scale: 1.2;
    filter: none;
}
.Comments-warpper .comment-footer__submit{
    border-radius: 2em;
    color: var(--text-primary);
    font-weight: bold;
    font-size: 14px;
    padding: 0.7rem 1rem;
    font-size: 12px;
    height: 100%;
    width: 100%;
    transition: .3s;
    background: rgba(var(--bg-secondary-rgb),100);
}
.Comments-warpper .comment-footer__submit:hover{
    box-shadow: var(--shadow-lg);
    background: rgba(var(--color-primary-rgb),.1) !important;
    color: rgba(var(--color-primary-rgb),1);
}
.Comments-warpper .comment-footer{
    width: 100%;
}
.v-comment .comment-list{
    list-style: none;
    margin-block: var(--spacing-lg);
}
.m-comments-list > .comment-children > .comment-list{
    margin-block-start: -1.2rem;
    margin-inline-start: 2rem;
    margin-block-end: 0;
}
.m-comments-list .comment-children .comment-children .comment-list{
    margin-block-start: -1.5rem;
    margin-inline-start: 0;
}
.comment-item:has(~ .comment-children) .comment-body {
    padding-block-end: 2rem;
}
.Comments-lists .comment-none,.Comments-warpper .vcount{
    min-height: 20vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--text-muted);
    margin-block: var(--spacing-md) 0;
    background: rgba(var(--bg-secondary-rgb),100);
    border-radius: 0.2em;
}
.Comments-lists>.comment-list>.m-comments-list{
    margin-block-end: calc(var(--spacing-lg) *2);
    transition: .3s;
}
.m-comments-list .comment-header{
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    color: var(--text-primary);
    background: rgba(var(--bg-accent-rgb),1);
}
.m-comments-list .comment-header img{
    width: 2rem;
    height: 2rem;
    border-radius: 0.2em;
    flex-shrink: 0;
}
.m-comments-list .comment-body {
    border-left: thin dashed var(--border-color);
    padding-inline-start: 1rem;
    margin-inline-start: 1rem;
    padding-block-end: 1rem;
    border-bottom: thin dashed var(--border-color);
    border-radius: 0 0 0 1rem;
}
.m-comments-list .comment-body .comment-foot{
    font-size: 12px;
    color: var(--text-muted);
    margin-block: var(--spacing-sm) 0;
}
.m-comments-list .comment-body .comment-foot button{
    background: none;
}
.comment-avatar-wrap .comment-meta {
    font-size: 14px;
    color: var(--text-muted);
    display: flex;
    gap: var(--spacing-sm);
    align-items: center;
}
.comment-card .comment-body .comment-content{
    color: var(--text-secondary);
    padding: var(--spacing-xs) 0;
}
.comment-card .comment-body .comment-content .comment-notice{
    color: var(--color-warning);
    font-size: 12px;
    padding: var(--spacing-xs) 0;
}
.comment-avatar-wrap .comment-meta .comments-at{
    background: rgba(var(--color-primary-rgb),.35);
    color: rgba(var(--color-primary-rgb),1);
    font-size: 12px;
    padding: 0.2rem .4rem;
    border-radius: 2em;
    line-height: 1;
}
#main-content .posts-container .post-cover{
    height: 25rem;
    width: 20rem;
    position: relative;
    overflow: hidden;
    border-radius: 0.2rem;
    flex-shrink: 0;
    margin-block: calc(var(--spacing-lg) *4);
    outline: thin dashed var(--border-color);
    padding: var(--spacing-xs);
}
#main-content .posts-container .post-cover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.2rem;
}
#main-content .posts-container .post-content-wrapper{
    flex: 1;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    gap: var(--spacing-lg);
}
.immersive-mode #main-content.single-post .post{
    background: none;
}
.immersive-mode .main-header-toolbar{
    box-shadow: none;
}
/* 搜索 */
#search{
    position: fixed;
    right: -19rem;
    top: 5rem;
    bottom: 4rem;
    backdrop-filter: blur(1em) saturate(1.5);
    border-radius: 0.2em;
    outline: thin dashed var(--border-color);
    background: rgba(var(--bg-secondary-rgb),100);
    max-width: 18rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0.5rem;
    z-index: 8;
    padding: var(--spacing-lg);
    transition: right .6s;
}
#search.open {
    right: 0;
}
#search .search-form-wrapper{
    height: 100%;
    max-height: calc(100vh - 10rem);
    overflow-y: auto;
    scrollbar-width: none;
}
#search .search-form-wrapper form{
    background: rgba(var(--bg-primary-rgb),100);
    outline: thin dashed var(--border-color);
    padding: var(--spacing-sm);
    border-radius: 2em;
    font-size: 14px;
    position: relative;
}
#search .search-form-wrapper form input,
#search .search-form-wrapper form button{
    background: none;
}
#search .search-form-wrapper form input{
    width:100%;
    padding-inline-end: 2rem;
}
#search .search-form-wrapper form button{
    position: absolute;
    right: 0;
    border-radius: 2rem;
    top: 0;
    font-size: 14px;
    bottom: 0;
    margin: 0.2rem;
    background: rgba(var(--color-primary-rgb),.1);
    width: 2rem;
    color: var(--text-muted);
    cursor: pointer;
}
#search .close-btn{
    right: calc(18rem / 3)!important;
    bottom: -3.5rem;
}
#search .sidebar-tags,
#search .advertisement{
    margin-block-start: 2rem;
}
#search .tags-list{
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-md);
}
#search .tags-list a{
    padding: 0.2rem 0.5rem;
    border-radius: 2em;
    font-size: 14px;
    color: var(--text-primary);
    background: rgba(var(--bg-accent-rgb),1);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    outline: thin dashed #0000;
    transition: .3s;
}
#search .tags-list a:hover{
    outline-color: var(--border-color);
}
#search .tags-list a .tag-dot{
    font-size: 12px;
    color: var(--text-muted);
}
#search .sidebar-title{
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs);
    font-size: 12px;
    color: var(--color-primary);
    margin-block: 0 var(--spacing-lg);
}
#search .sidebar-title:before {
    content: "";
    width: 0.4rem;
    height: 0.8rem;
    background: linear-gradient(180deg, rgba(var(--color-primary-rgb), 100), rgba(var(--color-primary-rgb), 60), transparent);
    border-radius: 50% 50% 2px 2px;
}
#search .advertisement .ad-content img {
    padding: var(--spacing-xs) var(--spacing-sm);
    object-fit: cover;
    width: 100%;
    height: 180px;
}
.close-btn {
    position: fixed;
    bottom: 1rem;
    width: 100px;
    height: 35px;
    padding: 0 0.2rem;
    border-radius: 2em;
    color: var(--text-muted);
    font-size: 14px;
    outline: thin dashed var(--border-color);
    background: rgba(var(--bg-secondary-rgb),100);
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition-duration: 0.3s;
    overflow: hidden;
}
.close-btn.aw-shouye48:before {
    background: rgba(var(--color-primary-rgb),.1);
    border-radius: 2em;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition-duration: 0.3s;
}
.close-btn:hover.aw-shouye48:before {
    width: 100%;
    color: rgba(var(--color-primary-rgb),1);
    transition-duration: 0.3s;
}
.close-btn span {
    width: 60px;
    transition-duration: 0.3s;
    font-size: 1.04em;
}
.close-btn:hover span {
    transform: translate(10px);
    width: 0;
    font-size: 0;
    transition-duration: 0.3s;
}
/* 赞助 */
#sponsor{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    background-color: rgba(var(--bg-secondary-rgb),.8);
    backdrop-filter: blur(2px) saturate(1.5);
    transition: opacity 0.3s ease 0s;
}
#sponsor.open {
    opacity: 1;
    z-index: 9;
    transform: none;
    visibility: visible;
    pointer-events: auto;
}
#sponsor.open .sponsor-card{
    backdrop-filter: blur(1em) saturate(1.5);
    border-radius: 0.2em;
    outline: thin dashed var(--border-color);
    background: rgba(var(--bg-secondary-rgb),100);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin: var(--spacing-md);
    padding: var(--spacing-sm);
}
#sponsor.open .sponsor-card .sponsor-qrcode{
    border-radius: .2em;
    overflow: hidden;
}
#sponsor.open .sponsor-card img{
    width: 20rem;
    height: 300px;
    border-radius: .2em;
    display: none;
}
#sponsor.open .sponsor-card img.active{
    display: block;
}
#sponsor.open .sponsor-card .sponsor-tabs{
    font-size: 12px;
    color: var(--text-muted);
    margin-block: 1rem;
    margin-block-end: .5rem;
    display: flex;
    border-radius: 2em;
    line-height: 1;
    outline: thin dashed var(--border-color);
}
#sponsor.open .sponsor-card .sponsor-tabs .sponsor-name{
    padding: var(--spacing-sm);
    transition: .3s;
    cursor: pointer;
}
#sponsor.open .sponsor-card .sponsor-tabs .sponsor-name.active{
    background: rgba(var(--color-primary-rgb),.5);
    border-radius: 2em;
    color: rgba(var(--color-primary-rgb),1);
}
.main-content .pagination{
    margin-block: var(--spacing-lg);
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-content .pagination .pagination-nav{
    display: flex;
    gap: var(--spacing-xs);
}
.main-content .pagination .pagination-nav span{
    padding: var(--spacing-sm);
    font-size: 14px;
    line-height: 1;
    background: rgba(var(--color-primary-rgb),.1);
    border-radius: 0.2em;
    color: var(--text-muted);
    transition: .3s;
}
.main-content .pagination .pagination-nav span:hover,
.main-content .pagination .pagination-nav span.current{
    background: rgba(var(--color-primary-rgb), .3);
    color: rgba(var(--color-primary-rgb), 1);
    box-shadow: var(--shadow-lg);
}
.footer-main{
    font-size: 14px;
    color: var(--text-secondary);
    padding-block: var(--spacing-md)!important;
    margin-block-start: var(--spacing-md);
}
.footer-main,.foot-extra{
    z-index: 3;
    position: relative;
    padding: var(--spacing-sm);
}
.foot-extra{
    color: var(--text-muted);
    font-size: 12px;
    border-top: thin dashed var(--border-color);
    background: rgba(var(--bg-secondary-rgb),100);
}
.footer-main .foot,
.foot-extra .foot{
    display: flex;
    justify-content: space-between;
    gap: var(--spacing-xs);
}
.sticky-comments-container .post .post-header{
    align-items: center;
}
/* 友圈动态页面 */
.page-moments-container .moments__body {
    display: flex;
    gap: var(--spacing-lg);
    margin-block: 1rem;
}
.page-moments-container .moments__body .moments__sidebar{
    max-width: 20rem;
    width: 100%;
    flex-shrink: 0;
}
h6.page-section-title{
    font-size: 2.5em;
    color: var(--text-muted);
    -webkit-text-fill-color: #0000;
    -webkit-text-stroke: thin;
    height: 2rem;
    line-height: 1.1;
    overflow: hidden;
    opacity: .6;
}
.moments__content h6.page-section-title{
    text-align: end;
}
.page-moments-container .moments__sidebar-list span{
    display: flex;
    justify-content: center;
    font-size: 12px;
    color: var(--text-muted);
}
.page-moments-container .moments__friends .author-avatar{
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
}
.page-moments-container .moments__friends .author-avatar img{
    width: 100%;
    height: 100%;
    border-radius: 0.2em;
}
.page-moments-container .moments__friends .moment-meta{
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 12px;
    color: var(--text-muted);
}
.page-moments-container .moments__friends .author-info{
    flex: 1;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
}
.page-moments-container .moments__friends .moment-content{
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-block-start: 0.5rem;
}
.page-moments-container .moments__friends .moment-content a{
    color: var(--text-secondary);
    font-size: 14px;
}
.page-moments-container .moments__friends .moment-content p{
    font-size: 12px;
    color: var(--text-muted);
    display: inline;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
}
.page-moments-container .moments__content{
    width: 100%;
    min-width: 0;
}
.page-moments-container .friends-list-container{
    display: grid;
    gap: 1rem;
    grid: auto / repeat(auto-fill, minmax(min(20rem,100%), 1fr));
}
.page-moments-container .friend-item{
    padding: 0.5rem;
    border-radius: 0.2em;
    background: rgba(var(--bg-secondary-rgb),100);
    transition: .3s;
}
.page-moments-container .friend-item:hover{
    box-shadow: var(--shadow-sm);
}
.page-moments-container .friend-item .head img{
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: .2em;
}
.page-moments-container .friend-item .foot{
    display: flex;
    gap: var(--spacing-sm);
    margin-block-start: 0.5rem;
}
.page-moments-container .friend-item .friend-avatar img{
    width: 2rem;
    height: 2rem;
    object-fit: cover;
    border-radius: 2em;
}
.page-moments-container .friend-item .foot .friend-info{
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    font-size: 14px;
    color: var(--text-muted);
}
.page-moments-container .friend-item .foot .friend-info .friend-name{
    font-weight: 600;
    color: var(--text-primary);
}
/*书籍分类*/
.two-column-wrapper{
    
}
.books-category-content .container{
    padding: 0 var(--spacing-md);
    border-radius: 0.2em;
    margin-block: 1rem;
}
.books-category-content .two-column-wrapper{
    min-height: 80vh;
    
    max-width: 28rem;
    background: linear-gradient(269deg, rgba(var(--bg-secondary-rgb),100) 0%, rgba(var(--bg-secondary-rgb),0) 100%);
    padding: 1rem;
    border-radius: 0.2em;
    box-shadow: 6px 1px 4px rgba(161, 148, 176, 0.05);
}
.books-category-content .category-left {
    margin-bottom: 2.5rem;
}
.two-column-layout .category-name{
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 8px;
    font-size: 30px;
    color: var(--text-primary);
    z-index: 1;
}
.two-column-layout .category-name sup {
   font-size: .85rem;
    font-weight: normal;
    color: var(--text-primary);
    background: rgba(var(--color-primary-rgb), .1);
    padding: 0.2rem 0.6rem;
    border-radius: 2em;
    margin-inline-start: 0.5rem;
}
.two-column-layout .category-desc{
    font-size: .75rem;
    color: var(--text-muted);
    line-height: 1.6;
    border-bottom: thin dashed var(--border-color);
    padding-block-end: 1rem;
    margin-block-end: 1rem;
}
.books-category-content .book-category-tags{
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    list-style: none;
    padding: 0;
    margin-bottom: 2rem;
}
.book-category-tags .book-category-item {
    background: rgba(var(--color-primary-rgb), .1);
    border-radius: 2em;
    padding: 0.5rem 1rem;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.85rem;
    color: var(--text-muted);
    outline: thin dashed var(--border-color);
    line-height: 1;
}
.book-category-tags .book-category-item:hover {
    background: rgba(var(--color-primary-rgb), .5);
    color: rgba(var(--color-primary-rgb), 1);
}
.book-category-tags .book-category-item.active {
    background: rgba(var(--color-primary-rgb), 1);
    border-color: rgba(var(--color-primary-rgb), 1);
    color: white;
}
.book-card-grid .book-card .book-card-content{
    display: flex!important;
    align-items: center;
    gap: var(--spacing-md);
    border-bottom: thin dashed var(--border-color);
    padding:var(--spacing-sm);
    border-radius: .2em;
    margin-block-start:var(--spacing-sm);
}
.book-card-grid .book-card.active .book-card-content{
    background: rgba(var(--color-primary-rgb), .1);
}
.book-card-grid .book-card-cover {
    background: rgba(var(--color-primary-rgb), .1);
}
.book-card-grid .book-card-cover img{
    aspect-ratio: 1 / 1.414;
    max-width: 80px;
    width: 100%;
}
.book-card-grid .book-card-meta{
    display: flex;
    flex-wrap: wrap;
    color: var(--text-secondary);
    gap: var(--spacing-sm);
}
.book-card-grid .book-card-meta>*{
    flex: 100%;
}
.book-card-grid .book-card-meta .book-author{
    color: var(--text-muted);
    font-size: 12px;
}
.books-category-content .right-column.book-detail-column{
    top: 6rem;
    position: fixed;
    right: 1rem;
    width: 100%;
    bottom: 6rem;
    max-width: calc(100% - (47rem + var(--spacing-md)));
    width: 100%;
    min-width: 0;
}
.books-category-content .right-column.book-detail-column .book-detail-container{
    overflow-y: auto;
    scrollbar-width: none;
    max-height: calc(100vh - 12rem);
    height: 100%;
    padding: var(--spacing-sm);
}
.books-category-content .right-column:not(.active) {
    display: none;
}
.books-category-content .right-column.active {
    display: block;
}
.books-category-content .right-column .book-detail-content h1{
    width: fit-content;
    padding: 0 var(--spacing-sm);
    outline: thin dashed var(--border-color);
    font-weight: 100;
    font-size: 1em;
    border-radius: 0.2em;
    margin-block-end: var(--spacing-lg);
    color: var(--text-secondary);
}
.books-category-content .right-column .book-detail-content > *{
    margin-block-end: var(--spacing-lg);
    color: var(--text-muted);
    line-height: 2;
}
.books-category-content .right-column .book-detail-content > ol,
.books-category-content .right-column .book-detail-content > ul{
    padding-inline-start: 1.5rem;
}
/*加密*/
.password-protection{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(2px) saturate(1.5);
    transition: opacity 0.3s ease 0s;
}
.password-protection .protection-content{
    outline: thin dashed var(--border-color);
    background: rgba(var(--bg-primary-rgb),100);
    padding: var(--spacing-lg);
    border-radius: 0.2em;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
    box-shadow: var(--shadow-lg);
    font-size: 14px;
    color: var(--text-muted);
}
.password-protection .protection-content h3{
    font-size: 16px;
    color: var(--text-primary);
}
.password-protection .protection-content input{
    outline: thin dashed var(--border-color);
    width: 100%;
    padding: var(--spacing-xs);
    border-radius: 0.2em;
    line-height: 2;
    background: none;
}
.password-protection .protection-content button{
    width: 100px;
    height: 35px;
    padding: 0 0.2rem;
    border-radius: 2em;
    color: var(--text-muted);
    font-size: 14px;
    outline: thin dashed var(--border-color);
    background: rgba(var(--bg-secondary-rgb),100);
    box-shadow: var(--shadow-sm);
    margin-block-start: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition-duration: 0.3s;
    overflow: hidden;
}
.password-protection .protection-content button.submit:before {
    background: rgba(var(--color-primary-rgb),.1);
    border-radius: 2em;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition-duration: 0.3s;
}
.password-protection .protection-content button.submit:hover:before {
    width: 100%;
    color: rgba(var(--color-primary-rgb),1);
    transition-duration: 0.3s;
}
.password-protection .protection-content button.submit span {
    width: 60px;
    font-size: 1.04em;
}
.password-protection .protection-content button.submit:hover span {
    transform: translate(10px);
    width: 0;
    font-size: 0;
    opacity: 0;
    transition-duration: 0.3s;
}
/* 旅游 */
.tour-category-content .two-column-wrapper {
    display: flex;
    gap: var(--spacing-lg);
    margin: 1rem;
}
.tour-category-content .category-left{
    min-height: 80vh;
    max-width: 18rem;
    width: 100%;
    flex-shrink: 0;
    background: linear-gradient(269deg, rgba(var(--bg-secondary-rgb),100) 0%, rgba(var(--bg-secondary-rgb),0) 100%);
    padding: 1rem;
    overflow-y: auto;
    scrollbar-width: none;
    border-radius: 0.2em;
    box-shadow: 6px 1px 4px rgba(161, 148, 176, 0.05);
}
.tour-category-content .category-title{
    margin-block-start: var(--spacing-lg);
    margin-block-end: var(--spacing-sm);
}
.tour-category-content .category-left h4 {
    display: inline-flex;
    align-items: center;
    gap:var(--spacing-xs);
    font-size: 14px;
    color: var(--color-primary);
    margin-block: 0 var(--spacing-sm);
}
.tour-category-content .category-left h4::before {
    content: "";
    width: 0.4rem;
    height: 0.8rem;
    background: linear-gradient(180deg, rgba(var(--color-primary-rgb), 100), rgba(var(--color-primary-rgb), 60), transparent);
    border-radius: 50% 50% 2px 2px;
}
.tour-category-content .travel-category-tags{
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    list-style: none;
    padding: 0;
    margin-bottom: 2rem;
}
.tour-category-content .travel-category-tags li{
    background: rgba(var(--color-primary-rgb), .1);
    border-radius: 2em;
    padding: 0.5rem 1rem;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.85rem;
    color: var(--text-muted);
    outline: thin dashed var(--border-color);
    line-height: 1;
    transition: .3s;
}
.tour-category-content .travel-category-tags li.active{
    background: rgba(var(--color-primary-rgb), 1);
    border-color: rgba(var(--color-primary-rgb), 1);
    color: white;
}
.tour-category-content .travel-category-tags li:hover {
    background: rgba(var(--color-primary-rgb), .5);
    color: rgba(var(--color-primary-rgb), 1);
}
.tour-category-content .category-right{
    display: grid;
    gap: 1rem;
    align-items: center;
    grid: auto / repeat(auto-fill, minmax(min(20rem,100%), 1fr));
}
.tour-category-content .travel-card{
    min-width: 20rem;
    width: 100%;
}
.tour-category-content .category-right .travel-card-content{
    position: relative;
    padding: 0.5rem;
    border-radius: 0.2em;
    background: rgba(var(--bg-secondary-rgb),100);
    transition: .3s;
}
.tour-category-content .category-right .travel-card-content .travel-card-meta{
    position: absolute;
    inset: 0.5rem 0.5rem auto;
    padding: 0.5rem;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: var(--spacing-xs);
    font-size: 12px;
}
.tour-category-content .category-right .travel-card-content .travel-card-meta>*{
    padding: .2rem .5rem;
    border-radius: 2em;
    background: rgba(var(--bg-secondary-rgb),.8);
}
.tour-category-content .category-right .travel-rating{
    color: darkgoldenrod;
}
.tour-category-content .category-right .travel-card-cover{
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 3;
    border-radius: 0.2em;
    overflow: hidden;
    line-height: 0;
}
.tour-category-content .category-right .travel-card-title {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
    margin-block-start: 1rem;
}
.tour-category-content .category-right .travel-card-title > *{
    flex: 100%;
}
.tour-category-content .category-right .travel-card-title h3{
    color: var(--text-secondary);
    font-size: 18px;
}
.tour-category-content .category-right .travel-card-title span{
    color: var(--text-secondary);
    font-size: 12px;
}
.tour-category-content .category-right .travel_companion-text{
    background: rgba(var(--color-primary-rgb), .1);
    padding: 0.2rem;
    line-height: 1;
    border-radius: 2em;
}
.tour-category-content .category-right .travel-card-title .card-info{
    display: flex;
    justify-content: space-between;
    gap: var(--spacing-sm);
}
/* 地图容器样式 */
#travel-map-container {
    margin-block-end: 1rem;
    position: relative;
    transition: all 0.3s ease;
}

@media (width <= 1023px){
    aside.sidebar{
        left: -16rem;
    }
    .sidebar-mask{
        position: fixed;
        inset: 0;
        width: 100%;
        height: 100%;
        opacity: 0.7;
        transform: none;
        visibility: visible;
        pointer-events: auto;
        z-index: 7;
        display: none;
        background-color: rgba(var(--bg-secondary-rgb),.8);
        backdrop-filter: blur(2px) saturate(1.5);
        transition: opacity 0.3s ease 0s;
    }
    .nav-section-title{
        display: none !important;
    }
    .scrolled-down .main-header-toolbar{
        box-shadow: var(--shadow-md);
    }
    .main-header-toolbar .left{
        display: none;
    }
    aside .nav-section-content ul{
        display: grid;
        align-items: start;
        grid: auto / repeat(auto-fill, minmax(min(20rem / 2 - 3rem, 100%), 1fr));
    }
    aside .nav-inner-content{
        overflow-y: auto;
        max-height: calc(100vh - 4rem);
        scrollbar-width: none;
    }
    #main-content.single-post .Comments-warpper{
        margin: 0 var(--spacing-sm);
    }
    .sticky-comments-container .Comments-warpper{
        margin:0 !important;
    }
    #main-content.single-post .post{
        padding:var(--spacing-sm);
    }
    .content-layout aside.article-sidebar{
        display: none;
    }
    .immersive-mode .sidebar-nav-toggle{
        display: none;
    }
    
    .mobile-navigation{
        position: fixed;
        inset: 5.5rem .5rem .5rem auto;
        max-width: 20rem;
        width: 100%;
        border-radius: .2em;
        background-color: rgba(var(--bg-secondary-rgb),.9);
        backdrop-filter: blur(2px) saturate(1.5);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        z-index: 0;
        transform: scale(0.98);
        transform-origin: center top;
        transition: all 0.5s;
        padding: var(--spacing-xs) var(--spacing-md);
        outline: thin dashed var(--border-color);
    }
    .mobile-navigation.open{
        opacity: 1;
        z-index: 9;
        transform: none;
        visibility: visible;
        pointer-events: auto;
    }
    .mobile-navigation .mobile-nav-body{
        margin-block: var(--spacing-md);
    }
    .mobile-navigation .mobile-nav-body > ul{
        display: grid;
        list-style: none;
        align-items: start;
        grid: auto / repeat(auto-fill, minmax(min(20rem / 2 - 3rem, 100%), 1fr));
        color: var(--text-secondary);
        font-size: 15px;
    }
    .mobile-navigation .mobile-nav-body > ul li{
        padding: var(--spacing-xs);
        margin-inline: var(--spacing-sm);
        margin-block: var(--spacing-xs);
    }
    .mobile-navigation .mobile-nav-content{
        scrollbar-width: none;
        overflow: auto;
        overscroll-behavior: contain;
        max-height: calc(100vh - 5.5rem);
    }
    .mobile-nav-header b[class*="aw-"]{
        font-size: 12px;
        color: var(--color-secondary);
    }
    .posts-container{
        padding: .5rem;
    }
    #main-content .posts-container .post-cover{
        width: 100%!important;
        margin-block: var(--spacing-lg);
    }
    #main-content .posts-container .post-item{
        border-bottom: thin dashed var(--border-color);
        padding-block-end: 2rem;
        margin-block-end: 1rem;
        display: flex;
        flex-direction: column-reverse;
    }
    .post-cover:has(.placeholder-card) {
        display: none;
    }
    
    .page-moments-container .moments__body{
        flex-direction: column-reverse;
    }
    .moments__sidebar-list{
        display: grid;
        gap: 1rem;
        grid: auto / repeat(auto-fill, minmax(min(20rem,100%), 1fr));
    }
    .moments__sidebar-list .moments__friends{
        padding: 0.5rem;
        border-radius: 0.2em;
        background: rgba(var(--bg-secondary-rgb),100);
        transition: .3s;
    }
    .page-moments-container .moments__body .moments__sidebar{
        max-width: unset;
    }
    .page-moments-container .moments__body .moments__friends{
        display: flex;
        gap: var(--spacing-sm);
        outline: thin dashed var(--border-color);
    }
    .page-moments-container .friend-item{
        outline: thin dashed var(--border-color);
    }
    
    .content-layout .main-article .post-content .douyin-video-iframe{
        width: min(324px, 100%);
        max-height: none;
        margin-inline: auto;
        aspect-ratio: .4821;
        overflow: hidden;
        height: auto;
        margin: 0 auto;
    }
}
@media (width >= 1023px){
    .sidebar-toggle{
        display: none !important;
    }
    .nav-content-wrapper{
        padding: var(--spacing-sm);
    }
    #main-content{
        margin-inline-start: 16rem;
    }
    #main-content .posts-container{
        margin: 1rem 0;
    }
    #main-content .posts-container .post-item{
        display: flex;
        gap: var(--spacing-lg);
        border-bottom: thin dashed var(--border-color);
        padding: 0 var(--spacing-lg);
    }
    #main-content .posts-container .article-item--right{
        flex-direction: row-reverse;
    }
    #main-content .posts-container .article-item--right .post-content-wrapper{
        border-left: thin dashed var(--border-color);
        padding-inline-start: var(--spacing-lg);
    }
    #main-content .posts-container .article-item--left .post-content-wrapper{
        border-right: thin dashed var(--border-color);
        padding-inline-end: var(--spacing-lg);
    }
    #main-content .content-layout {
        display: flex;
        gap: var(--spacing-lg);
    }
    #main-content .main-article{
        flex: 1;
        min-width: 0;
    }
    #main-content .article-sidebar{
        max-width: 14rem;
        width: 100%;
        position: sticky;
        flex-shrink: 0;
        overflow-y: auto;
        scrollbar-width: none;
        top: calc(var(--spacing-lg) *4);
        height: fit-content;
        max-height: calc(100vh - (var(--spacing-lg) *5));
        background: rgba(var(--bg-secondary-rgb),100);
        box-shadow:var(--shadow-sm);
        padding: var(--spacing-md);
        border-radius: 0.2em;
    }
    /*沉浸式阅读*/
    .immersive-mode aside.sidebar{
        left: -16rem;
        transition: .3s;
    }
    .immersive-mode #main-content .article-sidebar{
        display: none;
    }
    .immersive-mode #main-content{
        margin-inline-start:0;
        transition: .3s;
    }
    .immersive-mode.scrolled-down .main-header-toolbar{
        transform: translateY(-5.2rem);
    }
    .sidebar-active.immersive-mode aside.sidebar{
        left: 0;
    }
    .sidebar-active.immersive-mode #main-content{
        margin-inline-start:16rem;
    }
    #mobileNavigation{
        display: none;
    }
    /*页面评论区黏住*/
    .sticky-comments-container .Comments-warpper{
        max-width: 26rem;
        width: 100%;
        position: sticky;
        flex-shrink: 0;
        overflow-y: auto;
        scrollbar-width: none;
        top: calc(var(--spacing-lg) *4);
        height: fit-content;
        max-height: calc(100vh - (var(--spacing-lg) *5));
        background: rgba(var(--bg-secondary-rgb),100);
        box-shadow: var(--shadow-sm);
        border-radius: 0.2em;
        margin: var(--spacing-sm) 0;
        padding: var(--spacing-sm);
    }
    .sticky-comments-container .Comments-warpper .comment-footer__submit{
        background: rgba(var(--bg-accent-rgb),100);
    }
    .sticky-comments-container .m-comments-list .comment-header{
        background:rgba(var(--bg-secondary-rgb),100);
    }
    
    .page-moments-container .moments__body .moments__sidebar .moments__sidebar-list{
        position: sticky;
        overflow-y: auto;
        scrollbar-width: none;
        top: calc(var(--spacing-lg) *4);
        height: fit-content;
        max-height: calc(100vh - (var(--spacing-lg) *6));
        background: rgba(var(--bg-secondary-rgb),100);
        box-shadow: var(--shadow-sm);
        padding: var(--spacing-md);
        border-radius: 0.2em;
    }
    
    .page-moments-container .moments__body .moments__friends{
        display: flex;
        gap: var(--spacing-sm);
        border-bottom: thin dashed var(--border-color);
        padding-bottom: var(--spacing-lg);
        margin-block-end: var(--spacing-lg);
    }
}

@media (width <= 769px){
    .mobile-navigation{
        inset: auto .5rem .5rem;
        max-width: none;
        padding: var(--spacing-xs) var(--spacing-md);
        outline: thin dashed var(--border-color);
        width: auto;
    }
    .main-header-toolbar{
        position: relative;
        background: none;
        transform: none;
        top: auto;
        margin-block: 0;
        transition: opacity .5s,transform .5s, inset 0s;
    }
    .scrolled-down .main-header-toolbar{
        position: fixed!important;
        justify-content: space-between;
        inset: auto 0 .5rem 0;
        border-radius: .2em;
        background: rgba(var(--bg-secondary-rgb),100);
        padding: var(--spacing-sm) var(--spacing-lg);
        transition: opacity .5s,transform .5s, inset 0s;
    }
    .scrolled-down #search{
        top: 0;
        max-height: calc(100vh - 5rem);
    }
    .scrolled-down .main-header-toolbar .right{
        justify-content: space-between;
    }
    .scrolled-down .main-header-toolbar{
        outline: thin dashed var(--border-color);
    }
    .mobile-navigation .mobile-nav-body{
        margin-block: var(--spacing-md);
    }
    .mobile-navigation .mobile-nav-body > ul{
        display: grid;
        list-style: none;
        align-items: start;
        grid: auto / repeat(auto-fill, minmax(min(20rem / 2 - 3rem, 100%), 1fr));
        color: var(--text-secondary);
        font-size: 15px;
    }
    .mobile-navigation .mobile-nav-body > ul li{
        padding: var(--spacing-xs);
        margin-inline: var(--spacing-sm);
        margin-block: var(--spacing-xs);
    }
    .mobile-navigation .mobile-nav-content{
        max-height: calc(100vh - 7.5rem);
    }
    .scrolled-down .mobile-navigation .mobile-nav-content{
        max-height: calc(100vh - 2.5rem);
    }
    .scrolled-down .mobile-navigation .mobile-nav-content{
        padding-block-end: 2.5rem;
    }
    .mobile-nav-header b[class*="aw-"]{
        font-size: 12px;
        color: var(--color-secondary);
    }
    .scrolled-up .main-header-toolbar{
        inset: auto 0 0;
    }
    .scrolled-up .main-header-toolbar{
        transform: translateY(4rem);
    }
    #main-content.single-post .post .post-header .meta-info{
        scroll-snap-type: x mandatory;
        scroll-padding: 1rem;
        overflow: scroll visible;
        scrollbar-width: none;
    }
    #main-content.single-post .post .post-header .meta-info > * {
        flex: 1 0 auto;
    }
    #main-content .posts-container .post-content-wrapper > *{
        text-align: center;
    }
    #main-content .posts-container .post-tags{
        justify-content: center;
    }
    .foot-extra{
        margin-block-end: 4rem;
    }
    .books-category-content .two-column-wrapper{
        max-width: none!important;
        min-height: auto;
    }
    .books-category-content .right-column.book-detail-column{
        top: unset;
        position: unset !important;
        max-width: none;
        width: auto;
        background: rgba(var(--bg-secondary-rgb),100);
        z-index: 4;
        transition: .3s;
        outline: thin dashed var(--border-color);
    }
    .books-category-content .right-column.book-detail-column .book-detail-container{
        max-height: 30vh !important;
    }
    .scrolled-down .books-category-content .right-column.book-detail-column{
        bottom: 3.5rem;
    }
    .tour-category-content .two-column-wrapper{
        flex-direction: column;
    }
    .tour-category-content .category-left{
        max-width: inherit;
        min-height: auto;
        height: fit-content;
    }
}
@media (width <= 426px){
    html .post-item .post-footer .meta-item:nth-child(5) {
        display: none;
    }
    
}