/*
Theme Name: Mayn
Author: Mayn
Description: 为 WordPress 7 打造的现代中文区块主题。克制、清晰、重视阅读与留白，适合个人博客、随笔和内容型网站。
Requires at least: 7.0
Tested up to: 7.0
Requires PHP: 7.4
Version: 2.6.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: qingbai
Tags: blog, block-patterns, block-styles, custom-colors, custom-logo, editor-style, featured-images, full-site-editing, one-column, translation-ready, wide-blocks
*/

:root {
	--qingbai-landscape: url("assets/images/landscape-outline-v3.webp");
	--qingbai-page-background: var(--wp--preset--color--paper);
	--qingbai-transition: 180ms ease;
	--qingbai-content-width: 1000px;
	--qingbai-nav-gap: 100px;
	--qingbai-nav-font-size: 14px;
	--qingbai-nav-hover-scale: 1.2143;
	--qingbai-theme-color: #b35f55;
}

html {
	background: var(--qingbai-page-background);
	scroll-behavior: auto;
}

body {
	background: transparent;
	isolation: isolate;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	position: relative;
}

/* 全站只保留一幅固定山水，滚动内容时景物不重新开始。 */
body::before {
	background-image: var(--qingbai-landscape);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100vw auto;
	bottom: 0;
	content: "";
	height: max(88px, 22.4vw);
	left: 50%;
	opacity: 0.16;
	pointer-events: none;
	position: fixed;
	transform: translateX(-50%);
	width: 100vw;
	z-index: -1;
}

a {
	text-underline-offset: 0.18em;
	text-decoration-thickness: 0.06em;
}

a:hover {
	text-decoration-thickness: 0.1em;
}

.wp-site-blocks {
	background: transparent;
	min-height: 100vh;
	position: relative;
	z-index: 0;
}

/* 后台统一控制内容展示区域宽度；落地封面继续保持满屏。 */
.wp-site-blocks > main:not(.qingbai-cover) {
	box-sizing: border-box;
	margin-inline: auto;
	max-width: var(--qingbai-content-width);
	width: 100%;
}

.qingbai-header {
	border-bottom: 1px solid var(--wp--preset--color--line);
}

/* 内页改用与首页一致的主题导航；保留原页眉高度作为正文安全间距。 */
body:not(.home) .qingbai-header {
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}

.qingbai-footer {
	border-top: 1px solid var(--wp--preset--color--line);
}

.qingbai-eyebrow {
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.qingbai-card {
	transition: transform var(--qingbai-transition), border-color var(--qingbai-transition);
}

.qingbai-card:hover {
	transform: translateY(-2px);
	border-color: var(--qingbai-theme-color);
}

.wp-block-post-featured-image img {
	transition: opacity var(--qingbai-transition);
}

.wp-block-post-featured-image a:hover img {
	opacity: 0.88;
}

.wp-block-navigation a:where(:not(.wp-element-button)) {
	text-decoration: none;
}

.wp-block-navigation a:hover {
	color: var(--qingbai-theme-color);
}

.wp-block-post-content > :where(h2, h3, h4) {
	margin-top: 1.8em;
}

.wp-block-post-content blockquote {
	border-left: 2px solid var(--wp--preset--color--accent);
	margin-left: 0;
	padding-left: var(--wp--preset--spacing--40);
}

/* 单篇文章：主题色天幕下的一张长纸。 */
.qingbai-single-stage {
	box-sizing: border-box;
	min-height: 100vh;
	overflow: clip;
	padding: clamp(3rem, 6vw, 5.5rem) clamp(1rem, 4vw, 4rem) 0;
	position: relative;
}

.qingbai-single-stage::before {
	background: var(--qingbai-theme-color);
	content: "";
	height: clamp(10rem, 21vw, 14rem);
	left: 50%;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: 100vw;
	z-index: -1;
}

.wp-site-blocks > main.qingbai-single-sheet,
.qingbai-single-sheet {
	background: rgba(255, 255, 255, 0.965);
	box-shadow: 0 1.5rem 5rem rgba(49, 38, 29, 0.08);
	box-sizing: border-box;
	margin-inline: auto;
	max-width: var(--qingbai-content-width);
	padding: clamp(4rem, 6vw, 5.25rem) clamp(1.4rem, 8vw, 7rem) clamp(5rem, 10vw, 9rem);
	position: relative;
	width: 100%;
}

.qingbai-single-article {
	margin-inline: auto;
	max-width: 780px;
}

.qingbai-single-header {
	margin-bottom: clamp(2.5rem, 4vw, 3.5rem);
	min-height: clamp(7rem, 11vw, 9rem);
	padding-top: clamp(0.75rem, 2vw, 1.5rem);
	position: relative;
}

.qingbai-single-header__monogram {
	color: rgba(23, 24, 22, 0.075);
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(9rem, 19vw, 16rem);
	font-weight: 700;
	left: -0.18em;
	letter-spacing: -0.16em;
	line-height: 0.7;
	pointer-events: none;
	position: absolute;
	top: 0;
	user-select: none;
}

.qingbai-single-header h1 {
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(2.1rem, 4vw, 3.2rem);
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1.3;
	margin: 0;
	position: relative;
}

.qingbai-single-header__meta {
	align-items: center;
	color: var(--wp--preset--color--muted);
	display: flex;
	flex-wrap: wrap;
	font-family: var(--wp--preset--font-family--serif);
	font-size: 0.78rem;
	gap: 0.65rem;
	letter-spacing: 0.06em;
	margin: 1.35rem 0 0;
	position: relative;
}

.qingbai-single-header__meta a {
	color: inherit;
	text-decoration: none;
}

.qingbai-single-header__meta a:hover,
.qingbai-single-header__meta a:focus-visible {
	color: var(--qingbai-theme-color);
}

.qingbai-single-header__slash {
	color: color-mix(in srgb, var(--wp--preset--color--muted) 48%, transparent);
}

.qingbai-single-featured {
	margin: 0 0 clamp(2.5rem, 6vw, 4.5rem) !important;
}

.qingbai-single-featured:empty {
	display: none;
}

.qingbai-single-featured img {
	border-radius: 0;
	display: block;
	max-height: 560px;
	object-fit: cover;
	width: 100%;
}

.qingbai-single-content {
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1rem, 1.3vw, 1.12rem);
	letter-spacing: 0.035em;
	line-height: 2.15;
}

.qingbai-single-content > :where(p, ul, ol) {
	margin-bottom: 1.55em;
}

.qingbai-single-content > .has-text-align-center {
	line-height: 2.5;
}

.qingbai-single-content > :where(figure, .wp-block-image) {
	margin-bottom: clamp(2.25rem, 5vw, 4rem);
	margin-top: clamp(2.25rem, 5vw, 4rem);
}

.qingbai-single-note {
	background: color-mix(in srgb, var(--qingbai-theme-color) 4%, transparent);
	border: 1px dashed color-mix(in srgb, var(--qingbai-theme-color) 42%, transparent);
	font-family: var(--wp--preset--font-family--serif);
	line-height: 2;
	margin: 0 0 clamp(3rem, 6vw, 4.5rem);
	padding: clamp(1.5rem, 3vw, 2.25rem) clamp(1.25rem, 4vw, 2.5rem);
	position: relative;
}

.qingbai-single-note::before {
	display: none;
}

.qingbai-single-note p {
	margin: 0;
}

.qingbai-single-note__label {
	color: var(--qingbai-theme-color);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	margin-bottom: 0.65rem !important;
}

.qingbai-single-note__text {
	white-space: pre-line;
}

.qingbai-creation-background {
	margin-bottom: 2rem;
	margin-top: clamp(3rem, 6vw, 4.5rem);
}

.qingbai-single-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	margin: 2.5rem 0 0;
}

.qingbai-single-tags:empty {
	display: none;
}

.qingbai-single-tags a {
	background: var(--qingbai-theme-color);
	color: #fff;
	display: inline-block;
	font-family: var(--wp--preset--font-family--serif);
	font-size: 0.78rem;
	letter-spacing: 0.08em;
	min-width: 5.5rem;
	padding: 0.55rem 1rem;
	text-align: center;
	text-decoration: none;
	transition: filter 180ms ease, transform 180ms ease;
}

.qingbai-single-tags a:hover,
.qingbai-single-tags a:focus-visible {
	filter: brightness(0.9);
	transform: translateY(-2px);
}

.qingbai-author-card,
.qingbai-single-comments {
	margin-top: clamp(5rem, 10vw, 8rem);
}

.qingbai-single-section-title,
.qingbai-single-comments > .wp-block-comments-title {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.15rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	margin: 0 0 clamp(2.5rem, 6vw, 4.5rem);
	padding-bottom: 1rem;
	position: relative;
	text-align: center;
}

.qingbai-single-section-title::after,
.qingbai-single-comments > .wp-block-comments-title::after {
	background: var(--wp--preset--color--line);
	bottom: 0;
	content: "";
	height: 1px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 2.6rem;
}

.qingbai-author-card__body {
	align-items: center;
	display: grid;
	gap: 1.75rem;
	grid-template-columns: auto minmax(0, 1fr);
}

.qingbai-author-card__avatar img {
	border-radius: 50%;
	display: block;
	height: 76px;
	object-fit: cover;
	width: 76px;
}

.qingbai-author-card__name {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.05rem;
	font-weight: 600;
	margin: 0;
}

.qingbai-author-card__bio {
	color: var(--wp--preset--color--muted);
	font-size: 0.78rem;
	line-height: 1.7;
	margin: 0.45rem 0 0;
}

.qingbai-author-card__link {
	background: var(--qingbai-theme-color);
	color: #fff;
	display: inline-block;
	font-family: var(--wp--preset--font-family--serif);
	font-size: 0.78rem;
	letter-spacing: 0.08em;
	margin-top: 1.15rem;
	min-width: 7rem;
	padding: 0.58rem 1.2rem;
	text-align: center;
	text-decoration: none;
}

/* 作者署名区：竖题签、细框头像和轻量文字链接。 */
.qingbai-author-card {
	align-items: stretch;
	border-bottom: 1px solid var(--wp--preset--color--line);
	border-top: 1px solid var(--wp--preset--color--line);
	display: grid;
	gap: clamp(1.25rem, 4vw, 2.5rem);
	grid-template-columns: auto minmax(0, 1fr);
	padding: clamp(1.75rem, 4vw, 2.75rem) 0;
}

.qingbai-author-card .qingbai-single-section-title {
	border-right: 1px solid color-mix(in srgb, var(--qingbai-theme-color) 42%, transparent);
	font-size: 0.78rem;
	letter-spacing: 0.24em;
	margin: 0;
	padding: 0 1rem 0 0;
	text-align: left;
	writing-mode: vertical-rl;
}

.qingbai-author-card .qingbai-single-section-title::after {
	display: none;
}

.qingbai-author-card__body {
	gap: clamp(1rem, 3vw, 1.75rem);
}

.qingbai-author-card__avatar {
	position: relative;
}

.qingbai-author-card__avatar::after {
	border: 1px solid color-mix(in srgb, var(--qingbai-theme-color) 35%, transparent);
	content: "";
	inset: -5px;
	pointer-events: none;
	position: absolute;
	transform: rotate(-3deg);
}

.qingbai-author-card__avatar img {
	border-radius: 0;
	filter: saturate(0.78) sepia(0.08);
}

.qingbai-author-card__eyebrow {
	color: var(--qingbai-theme-color);
	font-family: var(--wp--preset--font-family--serif);
	font-size: 0.62rem;
	letter-spacing: 0.24em;
	margin: 0 0 0.35rem;
}

.qingbai-author-card__name {
	font-size: 1.2rem;
	letter-spacing: 0.1em;
}

.qingbai-author-card__link {
	background: transparent;
	border-bottom: 1px solid color-mix(in srgb, var(--qingbai-theme-color) 55%, transparent);
	color: var(--qingbai-theme-color);
	min-width: 0;
	padding: 0.3rem 0.15rem;
	text-align: left;
}

.qingbai-author-card__link::after {
	content: "  →";
}

/* “读者来信”采用左对齐题签线，与作者署名区形成同一节奏。 */
.qingbai-single-comments > .qingbai-single-comments__title {
	border-bottom: 1px solid var(--wp--preset--color--line);
	font-size: 1rem;
	letter-spacing: 0.2em;
	margin-bottom: clamp(2rem, 5vw, 3.5rem);
	padding: 0 0 1rem 1.15rem;
	text-align: left;
}

.qingbai-single-comments > .qingbai-single-comments__title::before {
	background: var(--qingbai-theme-color);
	content: "";
	height: 0.9em;
	left: 0;
	position: absolute;
	top: 0.15em;
	width: 2px;
}

.qingbai-single-comments > .qingbai-single-comments__title::after {
	background: var(--qingbai-theme-color);
	bottom: -1px;
	left: 0;
	transform: none;
	width: 5rem;
}

.qingbai-single-comments .comment-form-comment label,
.qingbai-single-comments .comment-form-author label,
.qingbai-single-comments .comment-form-email label,
.qingbai-single-comments .comment-form-url label {
	display: block;
	font-family: var(--wp--preset--font-family--serif);
	font-size: 0.85rem;
	margin-bottom: 0.45rem;
}

.qingbai-single-comments :where(textarea, input:not([type="submit"]):not([type="checkbox"])) {
	background: rgba(245, 240, 230, 0.45);
	border: 1px solid transparent;
	border-radius: 0;
	box-sizing: border-box;
	font: inherit;
	padding: 0.8rem;
	width: 100%;
}

.qingbai-single-comments :where(textarea, input:not([type="submit"]):not([type="checkbox"])):focus {
	border-color: var(--qingbai-theme-color);
	outline: none;
}

.qingbai-single-comments .form-submit {
	text-align: right;
}

.qingbai-single-comments .form-submit :where(.submit, .wp-block-button__link) {
	background: var(--qingbai-theme-color);
	border: 0;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	font-family: var(--wp--preset--font-family--serif);
	letter-spacing: 0.08em;
	min-width: 8rem;
	padding: 0.72rem 1.5rem;
}

/* 评论区：以素笺、题签和小印章替代普通表单卡片。 */
.qingbai-single-comments .wp-block-comment-template {
	list-style: none;
	margin: 0;
	padding: 0;
}

.qingbai-single-comments .wp-block-comment-template > li {
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--line) 82%, transparent);
	margin: 0;
	padding: clamp(1.75rem, 4vw, 2.75rem) 0;
	position: relative;
}

.qingbai-single-comments .wp-block-comment-template > li::before {
	align-items: center;
	border: 1px solid color-mix(in srgb, var(--qingbai-theme-color) 58%, transparent);
	color: var(--qingbai-theme-color);
	content: "言";
	display: flex;
	font-family: var(--wp--preset--font-family--serif);
	font-size: 0.58rem;
	height: 1.35rem;
	justify-content: center;
	letter-spacing: 0;
	position: absolute;
	right: 0;
	top: 1rem;
	transform: rotate(3deg);
	width: 1.35rem;
}

.qingbai-single-comments .wp-block-comment-template .wp-block-columns {
	gap: clamp(1rem, 3vw, 1.75rem);
	margin: 0;
}

.qingbai-single-comments .wp-block-avatar img {
	border: 1px solid color-mix(in srgb, var(--qingbai-theme-color) 30%, transparent);
	filter: saturate(0.72) sepia(0.08);
	padding: 3px;
}

.qingbai-single-comments .wp-block-comment-author-name {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 0.95rem;
	font-weight: 600;
	letter-spacing: 0.12em;
}

.qingbai-single-comments :where(.wp-block-comment-date, .wp-block-comment-edit-link, .wp-block-comment-reply-link) {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 0.68rem;
	letter-spacing: 0.08em;
}

.qingbai-single-comments .wp-block-comment-content {
	background: linear-gradient(90deg, color-mix(in srgb, var(--qingbai-theme-color) 6%, transparent), transparent 75%);
	border-left: 1px solid color-mix(in srgb, var(--qingbai-theme-color) 42%, transparent);
	font-family: var(--wp--preset--font-family--serif);
	letter-spacing: 0.035em;
	line-height: 2;
	margin: 1rem 0;
	padding: 0.45rem 1rem;
}

.qingbai-single-comments .comment-respond {
	border-top: 1px solid var(--wp--preset--color--line);
	margin-top: clamp(3rem, 7vw, 5rem);
	padding-top: clamp(2rem, 5vw, 3.5rem);
	position: relative;
}

.qingbai-single-comments .comment-reply-title {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0.18em;
}

.qingbai-single-comments .comment-form-comment textarea {
	background-color: transparent;
	background-image: repeating-linear-gradient(to bottom, transparent 0, transparent 2.15rem, color-mix(in srgb, var(--wp--preset--color--line) 70%, transparent) calc(2.15rem + 1px));
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
	border-top: 1px solid var(--wp--preset--color--line);
	line-height: 2.15rem;
	min-height: 12rem;
	padding: 0.55rem 0.75rem;
}

.qingbai-single-comments :where(.comment-form-author, .comment-form-email, .comment-form-url) input {
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
	padding-inline: 0;
}

.qingbai-single-comments .form-submit :where(.submit, .wp-block-button__link) {
	background: transparent;
	border: 1px solid var(--qingbai-theme-color);
	color: var(--qingbai-theme-color);
	min-width: 7rem;
	transition: background-color 220ms ease, color 220ms ease, transform 220ms ease;
}

.qingbai-single-comments .form-submit :where(.submit, .wp-block-button__link):hover,
.qingbai-single-comments .form-submit :where(.submit, .wp-block-button__link):focus-visible {
	background: var(--qingbai-theme-color);
	color: #fff;
	transform: translateY(-2px);
}

/* 文章样式2：去除大色块与悬浮纸张，收束为素笺窄栏。 */
body.qingbai-single-style2 .qingbai-single-stage {
	overflow: visible;
	padding: clamp(4.5rem, 9vw, 8rem) clamp(1rem, 4vw, 3rem) 0;
}

body.qingbai-single-style2 .qingbai-single-stage::before {
	display: none;
}

body.qingbai-single-style2 .wp-site-blocks > main.qingbai-single-sheet,
body.qingbai-single-style2 .qingbai-single-sheet {
	background: color-mix(in srgb, var(--qingbai-page-background) 92%, transparent);
	box-shadow: none;
	max-width: 820px;
	padding: clamp(2rem, 4vw, 3.5rem) clamp(1rem, 5vw, 3.75rem) clamp(5rem, 9vw, 8rem);
}

body.qingbai-single-style2 .qingbai-single-sheet::before {
	background: linear-gradient(to bottom, transparent, color-mix(in srgb, var(--qingbai-theme-color) 28%, transparent) 12%, color-mix(in srgb, var(--qingbai-theme-color) 28%, transparent) 88%, transparent);
	content: "";
	inset: clamp(2rem, 5vw, 4rem) auto clamp(3rem, 8vw, 7rem) clamp(0.45rem, 1.2vw, 1rem);
	pointer-events: none;
	position: absolute;
	width: 1px;
}

body.qingbai-single-style2 .qingbai-single-article {
	max-width: 660px;
}

body.qingbai-single-style2 .qingbai-single-header {
	border-left: 3px solid var(--qingbai-theme-color);
	margin-bottom: clamp(3rem, 7vw, 5rem);
	min-height: 0;
	padding: 0.4rem 0 0.4rem clamp(1.25rem, 3vw, 2rem);
}

body.qingbai-single-style2 .qingbai-single-header::after {
	bottom: -1.6rem;
	color: color-mix(in srgb, var(--qingbai-theme-color) 64%, transparent);
	content: "一卷书 · 慢慢读";
	font-family: var(--wp--preset--font-family--serif);
	font-size: 0.55rem;
	letter-spacing: 0.28em;
	position: absolute;
	right: 0;
}

body.qingbai-single-style2 .qingbai-single-header__monogram {
	font-size: clamp(5rem, 12vw, 8rem);
	left: auto;
	right: 0;
	top: -0.18em;
}

body.qingbai-single-style2 .qingbai-single-header h1 {
	font-size: clamp(1.9rem, 4vw, 2.75rem);
}

body.qingbai-single-style2 .qingbai-single-featured {
	margin-bottom: clamp(3rem, 7vw, 5rem) !important;
}

body.qingbai-single-style2 .qingbai-single-featured img {
	box-shadow: 1.1rem 1.1rem 0 color-mix(in srgb, var(--qingbai-theme-color) 8%, transparent);
}

body.qingbai-single-style2 .qingbai-single-content {
	font-size: clamp(1rem, 1.1vw, 1.08rem);
	line-height: 2.25;
}

body.qingbai-single-style2 .qingbai-single-content > p:first-of-type:not(.has-text-align-center)::first-letter {
	color: var(--qingbai-theme-color);
	float: left;
	font-family: var(--wp--preset--font-family--serif);
	font-size: 3.2em;
	line-height: 0.9;
	margin: 0.1em 0.14em 0 0;
}

body.qingbai-single-style2 .qingbai-single-note {
	border: 0;
	border-left: 1px solid var(--qingbai-theme-color);
	padding: 1rem 5.5rem 1rem clamp(1.25rem, 3vw, 2rem);
}

body.qingbai-single-style2 .qingbai-single-note::before {
	display: none;
}

body.qingbai-single-style2 .qingbai-single-note::after {
	align-items: center;
	border: 1px solid color-mix(in srgb, var(--qingbai-theme-color) 24%, transparent);
	border-radius: 50%;
	color: color-mix(in srgb, var(--qingbai-theme-color) 52%, transparent);
	content: "记";
	display: flex;
	font-family: var(--wp--preset--font-family--serif);
	font-size: 0.68rem;
	height: 3.6rem;
	justify-content: center;
	letter-spacing: 0.12em;
	opacity: 0.72;
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%) rotate(-9deg);
	width: 3.6rem;
}

/* 文章样式4 · 书房手札：与首页风格3配套的横格稿纸阅读页。 */
body.qingbai-single-style4 .qingbai-single-stage {
	overflow: visible;
	padding: clamp(6rem, 10vw, 8rem) clamp(1rem, 4vw, 3rem) 0;
}

body.qingbai-single-style4 .qingbai-single-stage::before {
	display: none;
}

body.qingbai-single-style4 .wp-site-blocks > main.qingbai-single-sheet,
body.qingbai-single-style4 .qingbai-single-sheet {
	background: color-mix(in srgb, var(--qingbai-page-background) 96%, #fff);
	box-shadow: 0 1.5rem 5rem rgba(58, 45, 31, 0.09);
	max-width: min(980px, var(--qingbai-content-width));
	padding: clamp(1.25rem, 3vw, 2.25rem);
}

body.qingbai-single-style4 .qingbai-single-article {
	max-width: none;
}

body.qingbai-single-style4 .qingbai-single-reading-scroll {
	background:
		repeating-linear-gradient(to bottom, transparent 0, transparent 2.95rem, color-mix(in srgb, var(--wp--preset--color--line) 52%, transparent) calc(2.95rem + 1px)),
		color-mix(in srgb, var(--qingbai-page-background) 88%, #fff);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--line) 86%, transparent);
	box-sizing: border-box;
	padding: clamp(4rem, 8vw, 7rem) clamp(2rem, 8vw, 6rem) clamp(5rem, 9vw, 8rem);
	position: relative;
}

body.qingbai-single-style4 .qingbai-single-reading-scroll::before {
	background: var(--qingbai-theme-color);
	content: "";
	height: 3px;
	left: clamp(2rem, 8vw, 6rem);
	position: absolute;
	top: 0;
	width: clamp(5rem, 14vw, 10rem);
}

body.qingbai-single-style4 .qingbai-single-reading-scroll::after {
	color: color-mix(in srgb, var(--qingbai-theme-color) 52%, transparent);
	content: "书房手札 · PRIVATE NOTES";
	font-family: var(--wp--preset--font-family--serif);
	font-size: 0.55rem;
	letter-spacing: 0.22em;
	position: absolute;
	right: clamp(0.75rem, 2vw, 1.5rem);
	top: clamp(4rem, 8vw, 7rem);
	writing-mode: vertical-rl;
}

body.qingbai-single-style4 .qingbai-single-header {
	border-bottom: 3px double color-mix(in srgb, var(--wp--preset--color--line) 92%, transparent);
	margin-bottom: clamp(3rem, 7vw, 5.5rem);
	min-height: 0;
	padding: 0 0 clamp(2rem, 4vw, 3rem);
}

body.qingbai-single-style4 .qingbai-single-header::before {
	align-items: center;
	border: 1px solid color-mix(in srgb, var(--qingbai-theme-color) 48%, transparent);
	color: var(--qingbai-theme-color);
	content: "札";
	display: flex;
	font-family: var(--wp--preset--font-family--serif);
	font-size: 0.64rem;
	height: 1.8rem;
	justify-content: center;
	left: 0;
	position: absolute;
	top: -2.8rem;
	transform: rotate(-3deg);
	width: 1.8rem;
}

body.qingbai-single-style4 .qingbai-single-header::after {
	bottom: -2.2rem;
	color: var(--wp--preset--color--muted);
	content: "一页手札 · 数行心事";
	font-family: var(--wp--preset--font-family--serif);
	font-size: 0.58rem;
	letter-spacing: 0.26em;
	position: absolute;
	right: 0;
}

body.qingbai-single-style4 .qingbai-single-header__monogram {
	color: color-mix(in srgb, var(--qingbai-theme-color) 8%, transparent);
	font-size: clamp(8rem, 17vw, 13rem);
	left: auto;
	right: -0.06em;
	top: -0.18em;
}

body.qingbai-single-style4 .qingbai-single-header h1 {
	font-size: clamp(2.35rem, 5vw, 4rem);
	letter-spacing: 0.07em;
	line-height: 1.32;
	max-width: 14em;
}

body.qingbai-single-style4 .qingbai-single-header__meta {
	justify-content: flex-end;
	text-align: right;
}

body.qingbai-single-style4 .qingbai-single-featured {
	margin: 0 0 clamp(3.5rem, 7vw, 5.5rem) !important;
	position: relative;
	transform: rotate(-0.35deg);
}

body.qingbai-single-style4 .qingbai-single-featured img {
	box-shadow: 0.9rem 0.9rem 0 color-mix(in srgb, var(--qingbai-theme-color) 8%, transparent);
}

body.qingbai-single-style4 .qingbai-single-content {
	font-size: clamp(1rem, 1.25vw, 1.1rem);
	line-height: 2.35;
}

body.qingbai-single-style4 .qingbai-single-content > p:not(.has-text-align-center) {
	text-indent: 2em;
}

body.qingbai-single-style4 .qingbai-single-content > p:first-of-type:not(.has-text-align-center)::first-letter {
	color: var(--qingbai-theme-color);
	float: left;
	font-family: var(--wp--preset--font-family--serif);
	font-size: 3.4em;
	line-height: 0.9;
	margin: 0.1em 0.14em 0 -0.05em;
}

body.qingbai-single-style4 .qingbai-single-content blockquote {
	background: color-mix(in srgb, var(--qingbai-theme-color) 5%, transparent);
	border: 0;
	border-left: 2px solid var(--qingbai-theme-color);
	margin-block: clamp(2.5rem, 6vw, 4.5rem);
	padding: clamp(1.5rem, 3vw, 2.5rem);
}

body.qingbai-single-style4 .qingbai-single-note {
	background: color-mix(in srgb, var(--qingbai-theme-color) 4%, var(--qingbai-page-background));
	border: 1px dashed color-mix(in srgb, var(--qingbai-theme-color) 36%, transparent);
	margin-top: clamp(4rem, 8vw, 6rem);
	padding: clamp(2rem, 4vw, 3rem);
}

body.qingbai-single-style4 .qingbai-single-note::before {
	background: var(--qingbai-page-background);
	border: 1px solid var(--qingbai-theme-color);
	border-radius: 0;
	color: var(--qingbai-theme-color);
	content: "记";
	font-size: 0.7rem;
	height: 2.3rem;
	padding: 0;
	top: -1.15rem;
	width: 2.3rem;
}

body.qingbai-single-style4 .qingbai-single-tags a {
	background: transparent;
	border: 1px solid color-mix(in srgb, var(--qingbai-theme-color) 48%, transparent);
	color: var(--qingbai-theme-color);
}

body.qingbai-single-style4 .qingbai-author-card,
body.qingbai-single-style4 .qingbai-single-comments {
	box-sizing: border-box;
	margin-inline: auto;
	max-width: none;
	width: 100%;
}

::selection {
	background: var(--wp--preset--color--accent-soft);
	color: var(--wp--preset--color--ink);
}

/* 首页第一屏：留白、竖排题字与淡墨色环境光。 */
.qingbai-landing-flow {
	overflow-x: clip;
	position: relative;
}

.qingbai-cover {
	backface-visibility: hidden;
	background: var(--qingbai-page-background);
	box-sizing: border-box;
	isolation: isolate;
	min-height: 100svh;
	overflow: hidden;
	position: sticky;
	top: 0;
	transform: scale(var(--qingbai-cover-scale, 1));
	transform-origin: center;
	opacity: var(--qingbai-cover-opacity, 1);
	will-change: transform, opacity;
	z-index: 0;
}

.qingbai-cover.is-exited {
	opacity: 0 !important;
	pointer-events: none;
	transform: none !important;
	visibility: hidden;
}

.qingbai-cover.is-exited .qingbai-petal {
	animation-play-state: paused;
}

/* 空场终点与顶部导航起笔点对齐，首页正文从此处同步上移。 */
.qingbai-cover__pause {
	height: 92svh;
	pointer-events: none;
	position: relative;
	z-index: 1;
}

/* 兼容站点编辑器中曾保存过的旧模板：旧滚动进度条一律隐藏。 */
.qingbai-scroll-progress,
.qingbai-closing__progress {
	display: none !important;
}

.qingbai-cover__signature {
	--qingbai-cover-secondary-offset: clamp(4rem, 7vw, 7rem);
	align-items: flex-start;
	display: flex;
	gap: clamp(1.4rem, 2.4vw, 2.8rem);
	position: absolute;
	right: clamp(5.5rem, 14vw, 15rem);
	top: 50%;
	transform: translateY(-52%);
}

.qingbai-cover__title {
	font-family: var(--wp--preset--font-family--serif);
	font-size: var(--qingbai-cover-title-size, 96px) !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	line-height: 1.05 !important;
	margin: 0 !important;
	text-orientation: upright;
	white-space: nowrap;
	writing-mode: vertical-rl;
}

.qingbai-writing-char {
	display: inline-block;
	filter: blur(2px);
	opacity: 0;
	transform: translate3d(0, -0.12em, 0) scale(0.985);
	will-change: filter, opacity, transform;
}

.is-writing .qingbai-writing-char {
	animation: qingbai-ink-writing 460ms cubic-bezier(.22,1,.36,1) var(--qingbai-char-delay, 0ms) both;
}

.qingbai-writing-char.is-visible {
	filter: none;
	opacity: 1;
	transform: none;
}

.qingbai-cover__loader {
	background: rgba(116, 71, 55, 0.22);
	background: color-mix(in srgb, var(--qingbai-theme-color) 22%, transparent);
	clip-path: inset(0 0 100% 0);
	height: clamp(10rem, 24vh, 16rem);
	margin-left: clamp(-1rem, -1vw, -0.35rem);
	opacity: 0;
	position: relative;
	transform: translateY(clamp(-3rem, -4vh, -1.75rem));
	will-change: clip-path, opacity;
	width: 3px;
}

.qingbai-cover__loader.is-drawing {
	animation: qingbai-divider-writing 480ms cubic-bezier(.22,1,.36,1) both;
}

.qingbai-cover__loader-bar {
	background: rgba(116, 71, 55, 0.78);
	background: color-mix(in srgb, var(--qingbai-theme-color) 78%, transparent);
	inset: 0;
	position: absolute;
	transform: scaleY(0);
	transform-origin: top;
	transition: none;
}

.qingbai-cover__loader.is-progressing .qingbai-cover__loader-bar {
	transition: transform var(--qingbai-loader-duration, 520ms) cubic-bezier(.22,1,.36,1);
}

.qingbai-cover__divider {
	background: rgba(116, 71, 55, 0.36);
	clip-path: inset(0 0 100% 0);
	height: clamp(7rem, 17vh, 11rem);
	margin-top: var(--qingbai-cover-secondary-offset);
	opacity: 0;
	width: 1px;
}

.qingbai-cover__divider.is-drawing {
	animation: qingbai-divider-writing 420ms cubic-bezier(.22,1,.36,1) both;
}

.qingbai-cover__tagline {
	color: var(--wp--preset--color--muted);
	font-family: var(--wp--preset--font-family--serif);
	font-size: var(--qingbai-cover-tagline-size, 16px) !important;
	font-weight: 600;
	letter-spacing: 0.24em;
	line-height: 1.65;
	margin-top: var(--qingbai-cover-secondary-offset) !important;
	max-height: 18rem;
	text-orientation: upright;
	white-space: nowrap;
	writing-mode: vertical-rl;
}

@keyframes qingbai-ink-writing {
	0% {
		filter: blur(2px);
		opacity: 0;
		transform: translate3d(0, -0.12em, 0) scale(0.985);
	}
	55% {
		filter: blur(0.45px);
		opacity: 0.86;
	}
	100% {
		filter: blur(0);
		opacity: 1;
		transform: translate3d(0, 0, 0) scale(1);
	}
}

@keyframes qingbai-divider-writing {
	0% {
		clip-path: inset(0 0 100% 0);
		opacity: 0;
	}
	100% {
		clip-path: inset(0);
		opacity: 1;
	}
}

.qingbai-cover__slogan {
	bottom: clamp(2.2rem, 6vh, 4.5rem);
	left: clamp(2rem, 6vw, 6rem);
	position: absolute;
}

.qingbai-random-slogan {
	color: #73766f;
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(0.72rem, 1vw, 0.9rem);
	letter-spacing: 0.22em;
	margin: 0;
}

.qingbai-random-slogan::before {
	background: rgba(116, 71, 55, 0.3);
	content: "";
	display: inline-block;
	height: 2.6rem;
	margin-right: 1rem;
	vertical-align: middle;
	width: 1px;
}

.qingbai-cover__scroll {
	bottom: 2.5rem;
	color: var(--wp--preset--color--muted);
	font-size: 0.65rem;
	letter-spacing: 0.25em;
	position: absolute;
	right: clamp(2rem, 4vw, 4rem);
	text-decoration: none;
	text-transform: uppercase;
}

.qingbai-cover__scroll::after {
	background: currentColor;
	content: "";
	display: inline-block;
	height: 1px;
	margin-left: 0.75rem;
	vertical-align: middle;
	width: 2.5rem;
}

.qingbai-petals {
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.qingbai-petal {
	animation: qingbai-petal-fall var(--petal-duration, 14s) linear var(--petal-delay, 0s) infinite;
	background: linear-gradient(145deg, rgba(183, 92, 85, 0.58), rgba(220, 151, 143, 0.2));
	border-radius: 80% 10% 80% 10%;
	display: block;
	height: var(--petal-size, 8px);
	left: var(--petal-left, 50%);
	position: absolute;
	top: -4vh;
	transform-origin: 50% 100%;
	will-change: transform, opacity;
	width: calc(var(--petal-size, 8px) * 1.55);
}

.qingbai-cover__signature,
.qingbai-cover__slogan,
.qingbai-cover__scroll {
	z-index: 2;
}

/* 第二屏“今期”。 */
.qingbai-current {
	background: transparent;
	box-sizing: border-box;
	display: flex;
	min-height: 100svh;
	position: relative;
	z-index: 2;
}

.qingbai-current::before,
.qingbai-current::after {
	background: #b35f55;
	border-radius: 80% 0 80% 0;
	content: "";
	height: 5px;
	opacity: 0.28;
	position: absolute;
	width: 8px;
}

.qingbai-current::before {
	left: 29%;
	top: 29%;
	transform: rotate(32deg);
}

.qingbai-current::after {
	right: 14%;
	top: 62%;
	transform: rotate(-18deg);
}

.qingbai-current__inner {
	margin: auto;
	width: min(100%, var(--qingbai-content-width));
}

.qingbai-current__heading-row {
	align-items: center;
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 1.25rem;
	margin-bottom: clamp(2.5rem, 7vh, 5.5rem);
}

.qingbai-current__heading {
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1.2rem, 1.45vw, 1.35rem) !important;
	font-weight: 600 !important;
	letter-spacing: 0.28em !important;
	margin: 0 !important;
}

.qingbai-current__heading::before {
	color: rgba(179, 95, 85, 0.52);
	content: "•";
	margin-right: 0.8rem;
}

.qingbai-current__rule {
	background: linear-gradient(90deg, var(--wp--preset--color--line), transparent);
	height: 1px;
}

.qingbai-current__index {
	color: #b1b2ac;
	font-size: 0.6rem;
	letter-spacing: 0.18em;
	writing-mode: vertical-rl;
}

.qingbai-current__body {
	display: grid;
	grid-template-columns: minmax(220px, 0.8fr) minmax(380px, 1.45fr);
	gap: clamp(3rem, 9vw, 8rem);
}

.qingbai-current__intro {
	align-self: center;
	color: #5f625c;
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1rem, 1.5vw, 1.25rem);
	letter-spacing: 0.12em;
	line-height: 2.25;
	margin: 0;
}

.qingbai-current__intro em {
	color: #b77c70;
	font-style: normal;
}

.qingbai-current__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.qingbai-current__item {
	border-bottom: 1px solid rgba(104, 107, 101, 0.17);
	opacity: 0;
	transform: translateY(12px);
	transition: opacity 600ms ease, transform 700ms ease;
}

.qingbai-reveal.is-visible .qingbai-current__item {
	opacity: 1;
	transform: translateY(0);
}

.qingbai-current__item:nth-child(2) { transition-delay: 70ms; }
.qingbai-current__item:nth-child(3) { transition-delay: 140ms; }
.qingbai-current__item:nth-child(4) { transition-delay: 210ms; }
.qingbai-current__item:nth-child(5) { transition-delay: 280ms; }

.qingbai-current__link {
	display: grid;
	gap: 0.5rem;
	grid-template-columns: minmax(0, 1fr) auto;
	padding: 1.05rem 0;
	text-decoration: none;
}

.qingbai-current__title {
	display: inline-block;
	font-family: var(--wp--preset--font-family--serif);
	letter-spacing: 0.08em;
	overflow: hidden;
	text-overflow: ellipsis;
	transform: scale(1);
	transform-origin: left center;
	transition: color 240ms ease, transform 320ms cubic-bezier(.22,1,.36,1);
	white-space: nowrap;
}

.qingbai-current__meta {
	color: var(--wp--preset--color--muted);
	display: flex;
	font-size: 0.68rem;
	gap: 0.9rem;
	justify-content: flex-end;
	letter-spacing: 0.08em;
	margin-left: auto;
	text-align: right;
}

.qingbai-current__meta-value {
	color: var(--qingbai-theme-color);
	font-variant-numeric: tabular-nums;
}

.qingbai-current__link:hover .qingbai-current__title,
.qingbai-current__link:focus-visible .qingbai-current__title {
	color: var(--qingbai-theme-color);
	transform: scale(1.075);
}

.wp-block-post-title a {
	display: inline-block;
	transform-origin: left center;
	transition: color 240ms ease, transform 320ms cubic-bezier(.22,1,.36,1);
}

.wp-block-post-title a:hover,
.wp-block-post-title a:focus-visible {
	color: var(--qingbai-theme-color);
	transform: scale(1.045);
}

/* 第二屏右侧竖排导航，由 WordPress 菜单后台维护。 */
.qingbai-side-nav {
	opacity: 0;
	pointer-events: none;
	position: fixed;
	right: max(2rem, calc((100% - min(100%, var(--qingbai-content-width))) / 2 - var(--qingbai-nav-gap)));
	top: 50%;
	transform: translate3d(0, -50%, 0);
	transition: none;
	visibility: hidden;
	z-index: 30;
}

.qingbai-side-nav.is-visible {
	opacity: 1;
	visibility: visible;
}

.qingbai-side-nav.is-interactive {
	pointer-events: auto;
}

/* 非首页没有落地页过场，导航在页面打开后直接完整呈现。 */
body:not(.home) .qingbai-side-nav {
	--qingbai-nav-line-progress: 1;
	--qingbai-nav-text-clip: 0%;
	--qingbai-nav-text-progress: 1;
	--qingbai-nav-text-shift: 0px;
	--qingbai-top-nav-clip: 0%;
	--qingbai-top-nav-progress: 1;
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
}

body:not(.home) .qingbai-side-nav__menu {
	clip-path: none;
	opacity: 1;
	transform: none;
}

body:not(.home) .qingbai-top-nav {
	clip-path: none;
}

.qingbai-side-nav::after {
	background: var(--wp--preset--color--line);
	content: "";
	height: clamp(7rem, 18vh, 11rem);
	position: absolute;
	left: -0.9rem;
	opacity: var(--qingbai-nav-line-progress, 0);
	right: auto;
	top: 50%;
	transform: translateY(-50%) scaleY(var(--qingbai-nav-line-progress, 0));
	transform-origin: center;
	width: 1px;
}

.qingbai-side-nav__menu {
	align-items: flex-start;
	clip-path: inset(0 var(--qingbai-nav-text-clip, 100%) 0 0);
	display: flex;
	flex-direction: column;
	gap: clamp(0.65rem, 1vw, 1.1rem);
	list-style: none;
	margin: 0;
	opacity: var(--qingbai-nav-text-progress, 0);
	padding: 0;
	transform: translate3d(var(--qingbai-nav-text-shift, -12px), 0, 0);
	will-change: clip-path, opacity, transform;
}

/* 展开过程保留线内裁切；完全展开后解除边界，避免移入放大的文字被截断。 */
.qingbai-side-nav.is-interactive .qingbai-side-nav__menu {
	clip-path: none;
	overflow: visible;
}

.qingbai-side-nav .menu-item {
	margin: 0;
}

.qingbai-side-nav a {
	color: var(--wp--preset--color--muted);
	display: block;
	font-family: var(--wp--preset--font-family--serif);
	font-size: var(--qingbai-nav-font-size);
	letter-spacing: 0.16em;
	line-height: 1.2;
	text-decoration: none;
	transition: color 220ms ease, transform 220ms ease;
	transform-origin: left center;
	white-space: nowrap;
	writing-mode: horizontal-tb;
}

.qingbai-side-nav .current-menu-item > a {
	color: var(--wp--preset--color--ink);
}

.qingbai-side-nav a:hover,
.qingbai-side-nav a:focus-visible {
	color: var(--qingbai-theme-color);
	transform: translateX(2px) scale(var(--qingbai-nav-hover-scale));
}

/* 顶部导航：整条导航由左向右随滚动揭开，反向滚动时原路收回。 */
.qingbai-side-nav.qingbai-top-nav {
	backdrop-filter: blur(14px);
	background: var(--qingbai-page-background);
	box-sizing: border-box;
	clip-path: inset(0 var(--qingbai-top-nav-clip, 100%) 0 0);
	left: 50%;
	padding: 0.7rem clamp(0.85rem, 2vw, 1.5rem);
	right: auto;
	top: 0;
	transform: translateX(-50%);
	width: min(calc(100vw - 2rem), calc(var(--qingbai-content-width) + clamp(5rem, 10vw, 10rem)));
	will-change: clip-path;
}

body.admin-bar .qingbai-top-nav {
	top: 76px;
}

.qingbai-top-nav.is-visible {
	transform: translateX(-50%);
}

/* 完全展开后解除外层裁切，让实色纸面从横线一直遮到视口顶部。 */
.qingbai-top-nav.is-interactive {
	clip-path: none;
}

.qingbai-top-nav::before {
	background: var(--qingbai-page-background);
	bottom: 100%;
	content: "";
	height: 100vh;
	left: 0;
	pointer-events: none;
	position: absolute;
	width: 100%;
}

.qingbai-top-nav::after {
	background: color-mix(in srgb, var(--qingbai-theme-color) 72%, transparent);
	bottom: 0;
	height: 1px;
	left: 0;
	opacity: 1;
	right: auto;
	top: auto;
	transform: scaleX(var(--qingbai-top-nav-progress, 0));
	transform-origin: left center;
	width: 100%;
}

/* 样式2文章页直接将共用导航安放在顶部题线之上。 */
body.qingbai-single-style2 .qingbai-top-nav {
	--qingbai-top-nav-clip: 0%;
	--qingbai-top-nav-progress: 1;
	clip-path: none;
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
}

.qingbai-top-nav__inner {
	align-items: center;
	display: flex;
	gap: clamp(1rem, 3vw, 3rem);
	margin-inline: auto;
	max-width: var(--qingbai-content-width);
	min-width: 0;
	width: 100%;
}

.qingbai-top-nav__brand {
	align-items: center;
	display: flex;
	flex: 0 0 auto;
	gap: 0.7rem;
}

.qingbai-top-nav__brand::after {
	display: none;
}

.qingbai-top-nav__brand .custom-logo-link {
	display: block;
	line-height: 0;
}

.qingbai-top-nav__brand .custom-logo {
	height: 32px;
	object-fit: contain;
	width: 32px;
}

.qingbai-side-nav .qingbai-top-nav__name {
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--serif);
	font-size: 0.95rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-decoration: none;
}

.qingbai-side-nav .qingbai-top-nav__name:hover,
.qingbai-side-nav .qingbai-top-nav__name:focus-visible {
	color: var(--qingbai-theme-color);
	transform: none;
}

.qingbai-top-nav .qingbai-side-nav__menu {
	align-items: center;
	clip-path: none;
	flex: 1 1 auto;
	flex-direction: row-reverse;
	gap: 0.6rem;
	justify-content: flex-start;
	margin-left: auto;
	min-width: 0;
	opacity: 1;
	transform: none;
}

.qingbai-top-nav .qingbai-side-nav__menu a {
	padding: 0.42rem 0.62rem;
	transform-origin: center;
}

.qingbai-top-nav .qingbai-side-nav__menu .menu-item {
	position: relative;
}

.qingbai-top-nav .qingbai-side-nav__menu .menu-item:not(:first-child)::after {
	background: color-mix(in srgb, var(--wp--preset--color--muted) 48%, transparent);
	content: "";
	height: 0.85em;
	position: absolute;
	right: -0.3rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
}

.qingbai-top-nav .qingbai-side-nav__menu a:hover,
.qingbai-top-nav .qingbai-side-nav__menu a:focus-visible {
	color: var(--qingbai-theme-color);
	transform: translateY(-1px) scale(var(--qingbai-nav-hover-scale));
}

/* 根据滚动方向渐变进入。 */
.qingbai-reveal {
	filter: blur(5px);
	mask-image: linear-gradient(to bottom, transparent 0%, #000 32%, #000 68%, transparent 100%);
	opacity: 0;
	transition: filter 900ms ease, mask-image 1100ms ease, opacity 800ms ease, transform 900ms cubic-bezier(.2,.75,.2,1);
}

.qingbai-reveal[data-from="bottom"] { transform: translateY(42px); }
.qingbai-reveal[data-from="top"] { transform: translateY(-42px); }

.qingbai-reveal.is-visible {
	filter: blur(0);
	mask-image: linear-gradient(to bottom, #000 0%, #000 100%);
	opacity: 1;
	transform: translateY(0);
}

/* 非首页没有封面滚动脚本，页底应直接完整呈现。 */
body:not(.home) .qingbai-closing.qingbai-reveal {
	filter: none;
	mask-image: none;
	opacity: 1;
	transform: none;
}

/* 最终收束屏：同步标语、文章滚动带和站点 Logo。 */
.qingbai-closing {
	background: transparent;
	box-sizing: border-box;
	display: flex;
	min-height: 0;
	padding-bottom: clamp(3rem, 7vh, 5rem) !important;
	position: relative;
}

.qingbai-closing__inner {
	display: flex;
	flex: 1;
	flex-direction: column;
	margin: 0 auto;
	max-width: var(--qingbai-content-width);
	text-align: center;
	width: 100%;
}

.qingbai-closing__heading-row {
	align-items: center;
	display: grid;
	gap: 1.2rem;
	grid-template-columns: auto 1fr auto;
	margin-bottom: clamp(1.4rem, 3vh, 2.4rem);
	text-align: left;
}

.qingbai-closing__heading {
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1.2rem, 1.45vw, 1.35rem);
	font-weight: 600;
	letter-spacing: 0.26em;
	margin: 0;
}

.qingbai-closing__heading::before {
	color: rgba(179, 95, 85, 0.52);
	content: "•";
	margin-right: 0.8rem;
}

.qingbai-closing__rule {
	background: linear-gradient(90deg, var(--wp--preset--color--line), transparent);
	height: 1px;
}

.qingbai-closing__index {
	color: #b1b2ac;
	font-size: 0.6rem;
	letter-spacing: 0.18em;
	writing-mode: vertical-rl;
}

.qingbai-categories {
	display: grid;
	gap: clamp(0.7rem, 1.5vw, 1.15rem);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.qingbai-categories li {
	margin: 0;
	min-width: 0;
}

.qingbai-categories li:last-child:nth-child(odd) {
	grid-column: 1 / -1;
}

.qingbai-categories a {
	align-items: center;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(104, 107, 101, 0.22);
	box-sizing: border-box;
	color: var(--wp--preset--color--muted);
	display: grid;
	font-family: var(--wp--preset--font-family--serif);
	gap: 0.75rem;
	grid-template-columns: auto 1fr auto;
	min-height: 4.8rem;
	padding: 1rem 1.2rem;
	position: relative;
	text-decoration: none;
	transform: scale(1);
	transition: border-color 240ms ease, box-shadow 320ms ease, color 240ms ease, background-color 240ms ease, transform 340ms cubic-bezier(.22,1,.36,1);
	z-index: 1;
}

.qingbai-categories a:hover,
.qingbai-categories a:focus-visible {
	background: rgba(255, 252, 244, 0.3);
	border-color: rgba(179, 95, 85, 0.48);
	border-color: color-mix(in srgb, var(--qingbai-theme-color) 48%, transparent);
	box-shadow: 0 12px 32px rgba(66, 49, 39, 0.08);
	color: var(--qingbai-theme-color);
	transform: scale(1.025);
	z-index: 2;
}

.qingbai-categories__index,
.qingbai-categories__count {
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.58rem;
	letter-spacing: 0.1em;
	opacity: 0.72;
}

.qingbai-categories__name {
	font-size: 0.78rem;
	letter-spacing: 0.14em;
	min-width: 0;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	transform: scale(1);
	transform-origin: left center;
	transition: color 240ms ease, transform 340ms cubic-bezier(.22,1,.36,1);
	white-space: nowrap;
}

.qingbai-categories a:hover .qingbai-categories__name,
.qingbai-categories a:focus-visible .qingbai-categories__name {
	color: var(--qingbai-theme-color);
	transform: scale(1.12);
}

.qingbai-categories__empty {
	color: var(--wp--preset--color--muted);
	font-family: var(--wp--preset--font-family--serif);
	font-size: 0.75rem;
	letter-spacing: 0.14em;
}

.qingbai-closing__bottom {
	margin-top: 0;
	position: relative;
	width: 100%;
}

.qingbai-footer-ornament {
	color: color-mix(in srgb, var(--wp--preset--color--ink) 68%, transparent);
	display: block;
	height: 3rem;
	margin: 0 auto clamp(1rem, 2.4vh, 1.45rem);
	width: clamp(4.6rem, 7vw, 5.6rem);
}

.qingbai-footer-ornament svg {
	display: block;
	fill: none;
	height: 100%;
	overflow: visible;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.35;
	width: 100%;
}

.qingbai-footer-ornament__ink {
	fill: color-mix(in srgb, var(--wp--preset--color--ink) 58%, transparent);
	stroke-width: 0.8;
}

.qingbai-footer-ornament__accent {
	stroke: var(--qingbai-theme-color);
	stroke-width: 1.8;
}

.qingbai-footer-ornament__seal {
	fill: color-mix(in srgb, var(--qingbai-theme-color) 78%, transparent);
	stroke: var(--qingbai-theme-color);
}

.qingbai-footer-ornament__seal-mark {
	stroke: var(--qingbai-page-background);
	stroke-width: 1.1;
}

.qingbai-footer-ornament__faint {
	opacity: 0.28;
}

.qingbai-closing .qingbai-random-slogan {
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1.8rem, 2.8vw, 3.25rem);
	font-weight: 700;
	letter-spacing: 0.14em;
	line-height: 1.4;
	margin: 0 auto clamp(1.25rem, 3vh, 2rem);
	max-width: 1000px;
}

.qingbai-closing .qingbai-random-slogan::before {
	display: none;
}

.qingbai-closing .qingbai-random-slogan::after {
	color: color-mix(in srgb, var(--qingbai-theme-color) 62%, transparent);
	content: "展卷 · 修书 · 烹茶 · 温酒";
	display: block;
	font-size: 0.55rem;
	font-weight: 400;
	letter-spacing: 0.45em;
	margin-top: 0.9rem;
}

.qingbai-ticker {
	align-items: center;
	border-bottom: 1px solid rgba(104, 107, 101, 0.15);
	border-top: 1px solid rgba(104, 107, 101, 0.15);
	display: flex;
	margin-inline: auto;
	mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
	min-height: clamp(4.5rem, 8vh, 5.5rem);
	overflow: hidden;
	width: min(100%, 820px);
}

.qingbai-ticker__track {
	align-items: stretch;
	animation: qingbai-ticker-scroll 34s linear infinite;
	display: flex;
	min-height: inherit;
	width: max-content;
}

.qingbai-ticker:hover .qingbai-ticker__track {
	animation-play-state: paused;
}

.qingbai-ticker__group {
	align-items: stretch;
	display: flex;
	flex-shrink: 0;
}

.qingbai-ticker__item {
	align-items: center;
	box-sizing: border-box;
	color: var(--wp--preset--color--muted);
	display: flex;
	font-family: var(--wp--preset--font-family--serif);
	font-size: 0.75rem;
	gap: 1rem;
	letter-spacing: 0.08em;
	min-height: inherit;
	padding: 0 2rem;
	text-decoration: none;
	white-space: nowrap;
}

.qingbai-ticker__item::after {
	color: rgba(179, 95, 85, 0.5);
	content: "◆";
	font-size: 0.42rem;
	margin-left: 1rem;
}

.qingbai-ticker__item time {
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.62rem;
}

.qingbai-ticker__item:hover {
	color: var(--qingbai-theme-color);
}

@keyframes qingbai-ticker-scroll {
	to { transform: translateX(-50%); }
}

/* 普通页面是一张展开的书页。 */
.qingbai-page-sheet {
	box-sizing: border-box;
	max-width: min(860px, var(--qingbai-content-width)) !important;
	padding: clamp(4rem, 8vw, 7rem) clamp(1.5rem, 7vw, 5rem) clamp(5rem, 10vw, 8rem) !important;
	position: relative;
}

.qingbai-page-sheet::before {
	background: linear-gradient(to bottom, transparent, color-mix(in srgb, var(--qingbai-theme-color) 24%, transparent) 15%, color-mix(in srgb, var(--qingbai-theme-color) 24%, transparent) 85%, transparent);
	content: "";
	inset: 3rem auto 3rem clamp(0.5rem, 2vw, 1.25rem);
	position: absolute;
	width: 1px;
}

.qingbai-page-sheet__title {
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(2rem, 5vw, 3.5rem) !important;
	font-weight: 600;
	letter-spacing: 0.07em;
	position: relative;
}

.qingbai-page-sheet__title::before {
	border: 1px solid color-mix(in srgb, var(--qingbai-theme-color) 46%, transparent);
	color: var(--qingbai-theme-color);
	content: "书页";
	display: block;
	font-size: 0.56rem;
	font-weight: 400;
	letter-spacing: 0.16em;
	margin-bottom: 1rem;
	padding: 0.35rem 0.45rem;
	transform: rotate(-2deg);
	width: fit-content;
}

.qingbai-page-sheet__title::after {
	bottom: -1.8rem;
	color: color-mix(in srgb, var(--qingbai-theme-color) 55%, transparent);
	content: "窗下展卷 · 灯前落墨";
	font-size: 0.52rem;
	font-weight: 400;
	letter-spacing: 0.28em;
	position: absolute;
	right: 0;
}

.qingbai-page-sheet__content {
	font-family: var(--wp--preset--font-family--serif);
	line-height: 2.1;
}

/* 分类页：保留分类题名与描述，下方完整收录分类内文章。 */
.qingbai-category-page,
.qingbai-archive-page {
	box-sizing: border-box;
	padding: clamp(3.5rem, 7vw, 6rem) clamp(1rem, 4vw, 3rem) clamp(4rem, 8vw, 7rem);
}

.qingbai-category-page__inner,
.qingbai-archive-page__inner {
	margin-inline: auto;
	max-width: var(--qingbai-content-width);
	width: 100%;
}

.qingbai-category-hero,
.qingbai-archive-hero {
	border-bottom: 1px solid var(--wp--preset--color--line);
	margin-bottom: clamp(2.5rem, 6vw, 4.5rem);
	padding: 0 0 clamp(2rem, 5vw, 3.5rem) clamp(1.25rem, 3vw, 2rem);
	position: relative;
}

.qingbai-category-hero::before,
.qingbai-archive-hero::before {
	background: var(--qingbai-theme-color);
	content: "";
	height: clamp(3.5rem, 8vw, 6rem);
	left: 0;
	position: absolute;
	top: 0.25rem;
	width: 2px;
}

.qingbai-category-hero::after,
.qingbai-archive-hero::after {
	align-items: center;
	border: 1px solid color-mix(in srgb, var(--qingbai-theme-color) 28%, transparent);
	border-radius: 50%;
	color: color-mix(in srgb, var(--qingbai-theme-color) 46%, transparent);
	content: "目";
	display: flex;
	font-family: var(--wp--preset--font-family--serif);
	font-size: 0.68rem;
	height: clamp(3rem, 6vw, 4.5rem);
	justify-content: center;
	position: absolute;
	right: clamp(0.25rem, 2vw, 1.5rem);
	top: clamp(0.5rem, 2vw, 1.25rem);
	transform: rotate(-8deg);
	width: clamp(3rem, 6vw, 4.5rem);
}

.qingbai-archive-hero::after {
	border-radius: 0.3rem;
	content: "年";
	transform: rotate(4deg);
}

.qingbai-category-hero__eyebrow,
.qingbai-archive-hero__eyebrow {
	color: var(--qingbai-theme-color);
	font-family: var(--wp--preset--font-family--serif);
	font-size: 0.62rem;
	letter-spacing: 0.24em;
	margin: 0 0 0.75rem;
}

.qingbai-category-hero__title,
.qingbai-archive-hero__title {
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(2.25rem, 6vw, 4.8rem);
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: 1.2;
	margin: 0;
}

.qingbai-category-hero__description,
.qingbai-archive-hero__description {
	color: var(--wp--preset--color--muted);
	font-family: var(--wp--preset--font-family--serif);
	font-size: 0.9rem;
	letter-spacing: 0.06em;
	line-height: 2;
	margin: 1.25rem 0 0;
	max-width: 42rem;
}

.qingbai-category-hero__description:empty,
.qingbai-archive-hero__description:empty {
	display: none;
}

.qingbai-category-hero__description > :first-child,
.qingbai-archive-hero__description > :first-child {
	margin-top: 0;
}

.qingbai-category-hero__description > :last-child,
.qingbai-archive-hero__description > :last-child {
	margin-bottom: 0;
}

.qingbai-category-collection__count {
	color: var(--wp--preset--color--muted);
	font-family: var(--wp--preset--font-family--serif);
	font-size: 0.68rem;
	letter-spacing: 0.14em;
	margin: 0 0 0.9rem;
	text-align: right;
}

.qingbai-category-collection__list {
	border-top: 1px solid var(--wp--preset--color--line);
	list-style: none;
	margin: 0;
	padding: 0;
}

.qingbai-category-collection__list li {
	border-bottom: 1px solid var(--wp--preset--color--line);
	margin: 0;
}

.qingbai-category-collection__list a {
	align-items: center;
	color: inherit;
	display: grid;
	gap: clamp(1rem, 3vw, 2rem);
	grid-template-columns: 2.5rem minmax(0, 1fr) auto;
	padding: clamp(1.5rem, 4vw, 2.5rem) clamp(0.25rem, 1vw, 0.75rem);
	text-decoration: none;
	transition: background-color 240ms ease, padding 300ms cubic-bezier(.22,1,.36,1);
}

.qingbai-category-collection__list a:hover,
.qingbai-category-collection__list a:focus-visible {
	background: color-mix(in srgb, var(--qingbai-theme-color) 4%, transparent);
	padding-left: clamp(0.65rem, 2vw, 1.35rem);
}

.qingbai-category-collection__index {
	color: var(--wp--preset--color--muted);
	font-size: 0.62rem;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.12em;
}

.qingbai-category-collection__body {
	display: grid;
	gap: 0.55rem;
	min-width: 0;
}

.qingbai-category-collection__body time {
	color: var(--wp--preset--color--muted);
	font-size: 0.62rem;
	letter-spacing: 0.12em;
}

.qingbai-category-collection__body strong {
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1.15rem, 2.1vw, 1.65rem);
	font-weight: 500;
	letter-spacing: 0.045em;
	transition: color 220ms ease, transform 300ms cubic-bezier(.22,1,.36,1);
	transform-origin: left center;
}

.qingbai-category-collection__excerpt {
	color: var(--wp--preset--color--muted);
	font-family: var(--wp--preset--font-family--serif);
	font-size: 0.78rem;
	line-height: 1.8;
}

.qingbai-category-collection__meta {
	color: var(--wp--preset--color--muted);
	display: flex;
	font-size: 0.65rem;
	gap: 1rem;
	justify-content: flex-end;
	letter-spacing: 0.08em;
	white-space: nowrap;
}

.qingbai-category-collection__meta b {
	color: var(--qingbai-theme-color);
	font-weight: 500;
}

.qingbai-category-collection__list a:hover strong,
.qingbai-category-collection__list a:focus-visible strong {
	color: var(--qingbai-theme-color);
	transform: scale(1.035);
}

/* 其他归档页：文章沿纵向时间轴排列。 */
.qingbai-archive-page__inner {
	max-width: min(900px, var(--qingbai-content-width));
}

.qingbai-timeline__list {
	--qingbai-timeline-axis: 7.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.qingbai-timeline__list::before {
	background: var(--wp--preset--color--line);
	content: "";
	inset: 0 auto 0 var(--qingbai-timeline-axis);
	position: absolute;
	width: 1px;
}

.qingbai-timeline__list > li {
	margin: 0;
}

.qingbai-timeline__item {
	display: grid;
	gap: 0.65rem 2rem;
	grid-template-columns: 6.5rem minmax(0, 1fr);
	padding: 0 0 clamp(2.75rem, 6vw, 4.5rem);
	position: relative;
}

.qingbai-timeline__item::before {
	background: var(--qingbai-page-background);
	border: 1px solid var(--qingbai-theme-color);
	border-radius: 50%;
	content: "";
	height: 0.55rem;
	left: calc(var(--qingbai-timeline-axis) - 0.3rem);
	position: absolute;
	top: 0.35rem;
	width: 0.55rem;
}

.qingbai-timeline__date {
	color: var(--wp--preset--color--muted);
	font-size: 0.66rem;
	font-variant-numeric: tabular-nums;
	grid-column: 1;
	grid-row: 1;
	letter-spacing: 0.12em;
	margin: 0;
	text-align: right;
}

.qingbai-timeline__title {
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1.25rem, 2.7vw, 1.85rem);
	font-weight: 500;
	grid-column: 2;
	grid-row: 1;
	letter-spacing: 0.05em;
	line-height: 1.45;
	margin: 0;
}

.qingbai-timeline__title a {
	color: inherit;
	text-decoration: none;
}

.qingbai-timeline__title a:hover,
.qingbai-timeline__title a:focus-visible {
	color: var(--qingbai-theme-color);
}

.qingbai-timeline__excerpt {
	color: var(--wp--preset--color--muted);
	font-family: var(--wp--preset--font-family--serif);
	font-size: 0.82rem;
	grid-column: 2;
	line-height: 1.9;
	margin: 0;
}

.qingbai-timeline__excerpt .wp-block-post-excerpt__more-link {
	color: var(--qingbai-theme-color);
	font-size: 0.7rem;
	letter-spacing: 0.1em;
	text-decoration: none;
}

.qingbai-timeline__pagination {
	border-top: 1px solid var(--wp--preset--color--line);
	font-family: var(--wp--preset--font-family--serif);
	margin-top: 1rem;
	padding-top: 1.5rem;
}

/* 后台可独立配置的首页文章/分类板块。 */
.qingbai-home-sections {
	box-sizing: border-box;
	padding-top: clamp(2.5rem, 6vw, 5rem);
	position: relative;
	z-index: 2;
}

.qingbai-home-sections::before {
	color: color-mix(in srgb, var(--wp--preset--color--muted) 74%, transparent);
	content: "闲来展卷，静处写信；雨天烹茶，月下温酒。";
	display: block;
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(0.7rem, 1vw, 0.82rem);
	letter-spacing: 0.28em;
	margin: 0 auto clamp(1.5rem, 4vw, 3rem);
	max-width: var(--qingbai-content-width);
	padding-inline: max(var(--wp--preset--spacing--40), 1.25rem);
	text-align: center;
}

/* 第一块首页内容与顶部导航共用滚动进度，停止滚动时两者同时停住。 */
.qingbai-home-sections > .qingbai-home-section:first-child {
	filter: blur(calc((1 - var(--qingbai-home-entry-progress, 0)) * 4px));
	mask-image: none;
	opacity: var(--qingbai-home-entry-progress, 0);
	transform: translate3d(0, calc((1 - var(--qingbai-home-entry-progress, 0)) * 72px), 0);
	transition: none;
	will-change: filter, opacity, transform;
}

.qingbai-home-empty {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	min-height: 100svh;
	padding: var(--wp--preset--spacing--50);
	position: relative;
	z-index: 2;
}

.qingbai-home-empty p {
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1.7rem, 4vw, 3.6rem);
	font-weight: 600;
	letter-spacing: 0.18em;
	line-height: 1.55;
	margin: 0;
	text-align: center;
}

.qingbai-home-section {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	min-height: 0;
	padding: clamp(2.75rem, 6vh, 4.75rem) max(var(--wp--preset--spacing--40), calc((100% - var(--qingbai-content-width)) / 2));
	position: relative;
	scroll-margin-top: 8rem;
}

.qingbai-home-section + .qingbai-home-section {
	padding-top: clamp(3.25rem, 7vh, 5.5rem);
}

.qingbai-home-section__inner {
	background: linear-gradient(135deg, color-mix(in srgb, var(--qingbai-page-background) 76%, transparent), transparent 62%);
	box-sizing: border-box;
	margin-inline: auto;
	padding: clamp(1.2rem, 3vw, 2.4rem) clamp(0.25rem, 2vw, 1.5rem);
	position: relative;
	width: min(100%, var(--qingbai-content-width));
}

.qingbai-home-section__inner::before {
	background: linear-gradient(to bottom, var(--qingbai-theme-color), transparent);
	content: "";
	height: clamp(4rem, 10vw, 7rem);
	left: 0;
	opacity: 0.48;
	position: absolute;
	top: 1.1rem;
	width: 1px;
}

.qingbai-home-section__heading-row {
	align-items: end;
	display: grid;
	gap: 0.65rem 1.25rem;
	grid-template-columns: auto auto 1fr;
	margin-bottom: clamp(2rem, 5vh, 3.5rem);
	padding: 0 clamp(0.75rem, 2vw, 1.5rem);
}

.qingbai-home-section__heading {
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1.45rem, 2vw, 1.85rem);
	font-weight: 600;
	letter-spacing: 0.22em;
	margin: 0;
}

.qingbai-home-section__mark {
	align-items: center;
	border: 1px solid color-mix(in srgb, var(--qingbai-theme-color) 45%, transparent);
	color: color-mix(in srgb, var(--qingbai-theme-color) 75%, transparent);
	display: inline-flex;
	font-size: 0.62rem;
	height: 1.65rem;
	justify-content: center;
	letter-spacing: 0;
	margin-right: 0.8rem;
	transform: rotate(-3deg);
	vertical-align: 0.18em;
	width: 1.65rem;
}

.qingbai-home-section__rule {
	background: linear-gradient(90deg, var(--wp--preset--color--line), transparent);
	height: 1px;
	order: 3;
}

.qingbai-home-section__index,
.qingbai-home-section__source {
	color: var(--wp--preset--color--muted);
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.62rem;
	letter-spacing: 0.16em;
}

.qingbai-home-section__index {
	order: 2;
	padding-bottom: 0.2rem;
	writing-mode: horizontal-tb;
}

.qingbai-home-section__source {
	margin: 0 0 1rem;
	text-align: left;
}

.qingbai-home-section__feature {
	background: linear-gradient(110deg, color-mix(in srgb, var(--qingbai-theme-color) 5%, transparent), transparent 72%);
	border: 0;
	border-left: 2px solid color-mix(in srgb, var(--qingbai-theme-color) 66%, transparent);
	display: grid;
	gap: 1.25rem;
	grid-template-columns: minmax(0, 1fr) auto;
	margin-inline: clamp(0.75rem, 2vw, 1.5rem);
	padding: clamp(2.25rem, 5vw, 4.5rem) clamp(1.25rem, 5vw, 4rem);
	position: relative;
	transition: background-color 240ms ease, border-color 240ms ease, transform 340ms cubic-bezier(.22,1,.36,1);
}

.qingbai-home-section__feature:hover,
.qingbai-home-section__feature:focus-within {
	border-color: var(--qingbai-theme-color);
	transform: translateX(0.35rem);
}

.qingbai-home-section__feature-meta,
.qingbai-home-section__feature-action a,
.qingbai-home-section__list time,
.qingbai-home-section__number {
	color: var(--wp--preset--color--muted);
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.65rem;
	letter-spacing: 0.12em;
}

.qingbai-home-section__feature-meta {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem;
	justify-content: flex-end;
	position: relative;
	text-align: right;
	z-index: 1;
}

.qingbai-home-section__feature-meta b {
	color: var(--qingbai-theme-color);
	font-weight: 500;
	font-variant-numeric: tabular-nums;
}

.qingbai-home-section__feature h3 {
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1.8rem, 4vw, 3.8rem);
	font-weight: 500;
	letter-spacing: 0.08em;
	margin: 0;
	position: relative;
	grid-column: 1 / -1;
	transition: color 240ms ease, transform 340ms cubic-bezier(.22,1,.36,1);
	z-index: 1;
}

.qingbai-home-section__feature-monogram {
	color: rgba(23, 24, 22, 0.07);
	font-size: 2.6em;
	font-weight: 700;
	left: -0.12em;
	line-height: 0.8;
	pointer-events: none;
	position: absolute;
	top: -0.34em;
	user-select: none;
}

.qingbai-home-section__feature h3 a {
	position: relative;
}

.qingbai-home-section__feature h3 a {
	color: inherit;
	text-decoration: none;
}

.qingbai-home-section__feature:hover h3,
.qingbai-home-section__feature:focus-within h3 {
	color: var(--qingbai-theme-color);
	transform: translateX(0.15em);
}

.qingbai-home-section__feature p {
	color: var(--wp--preset--color--muted);
	font-family: var(--wp--preset--font-family--serif);
	line-height: 2;
	margin: 0;
	max-width: 48rem;
	position: relative;
	z-index: 1;
}

.qingbai-home-section__feature-action a {
	color: var(--qingbai-theme-color);
	text-decoration: none;
}

.qingbai-home-section__feature-action {
	align-self: end;
	justify-self: end;
}

.qingbai-home-section__list {
	display: grid;
	gap: 0;
	grid-template-columns: minmax(0, 1fr);
	list-style: none;
	margin: 0 clamp(0.75rem, 2vw, 1.5rem);
	padding: 0;
}

.qingbai-home-section__list li {
	border-bottom: 1px solid var(--wp--preset--color--line);
	min-width: 0;
}

.qingbai-home-section__list li:first-child {
	border-top: 1px solid var(--wp--preset--color--line);
}

.qingbai-home-section__list a {
	align-items: center;
	color: var(--wp--preset--color--ink);
	display: grid;
	gap: 0.8rem;
	grid-template-columns: auto minmax(0, 1fr);
	padding: clamp(1.4rem, 3vw, 2.1rem) clamp(0.75rem, 2vw, 1.4rem);
	text-decoration: none;
	transition: background-color 240ms ease, padding 320ms cubic-bezier(.22,1,.36,1);
}

.qingbai-home-section__list a:hover,
.qingbai-home-section__list a:focus-visible {
	background: linear-gradient(90deg, color-mix(in srgb, var(--qingbai-theme-color) 6%, transparent), transparent);
	padding-left: clamp(1rem, 2.5vw, 1.8rem);
}

.qingbai-home-section__number {
	align-self: start;
	border-top: 1px solid color-mix(in srgb, var(--qingbai-theme-color) 55%, transparent);
	color: var(--qingbai-theme-color);
	padding-top: 0.35rem;
	width: 2.2rem;
}

.qingbai-home-section__entry {
	display: grid;
	gap: 0.6rem;
	min-width: 0;
}

.qingbai-home-section__title-wrap {
	display: block;
	min-width: 0;
	position: relative;
}

.qingbai-home-section__monogram {
	color: rgba(23, 24, 22, 0.065);
	font-family: var(--wp--preset--font-family--serif);
	font-size: 3.1rem;
	font-weight: 700;
	left: -0.08em;
	line-height: 0.8;
	pointer-events: none;
	position: absolute;
	top: -0.28em;
	user-select: none;
}

.qingbai-home-section__meta {
	align-items: center;
	color: var(--wp--preset--color--muted);
	display: flex;
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.62rem;
	gap: 0.8rem;
	justify-content: flex-end;
	letter-spacing: 0.08em;
	margin-left: 0;
	width: 100%;
	text-align: right;
	white-space: nowrap;
}

.qingbai-home-section__meta b {
	color: var(--qingbai-theme-color);
	font-weight: 500;
	font-variant-numeric: tabular-nums;
}

.qingbai-home-section__categories {
	gap: clamp(0.8rem, 2vw, 1.4rem);
	margin: 0 clamp(0.75rem, 2vw, 1.5rem);
}

.qingbai-home-section__categories a {
	background: linear-gradient(135deg, color-mix(in srgb, var(--qingbai-theme-color) 4%, transparent), transparent 72%);
	border: 0;
	border-top: 1px solid var(--wp--preset--color--line);
	box-shadow: none;
	min-height: clamp(6rem, 12vw, 8rem);
	padding: clamp(1.25rem, 3vw, 2rem);
}

.qingbai-home-section__categories a::after {
	color: color-mix(in srgb, var(--qingbai-theme-color) 22%, transparent);
	content: attr(data-initial);
	font-family: var(--wp--preset--font-family--serif);
	font-size: 2.8rem;
	position: absolute;
	right: 1rem;
	top: 0.5rem;
}

.qingbai-home-section__categories .qingbai-categories__name {
	font-size: clamp(1rem, 1.5vw, 1.25rem);
	font-weight: 600;
}

.qingbai-home-section__categories a:hover,
.qingbai-home-section__categories a:focus-visible {
	background: linear-gradient(135deg, color-mix(in srgb, var(--qingbai-theme-color) 8%, transparent), transparent 72%);
	box-shadow: none;
	transform: translateY(-0.25rem);
}

.qingbai-home-section__title {
	display: block;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	transition: color 240ms ease, transform 320ms cubic-bezier(.22,1,.36,1);
	white-space: nowrap;
}

.qingbai-home-section__list a:hover .qingbai-home-section__title,
.qingbai-home-section__list a:focus-visible .qingbai-home-section__title {
	color: var(--qingbai-theme-color);
	transform: translateX(0.18em) scale(1.025);
}

/* 首页编辑册页：桌面端以交替书脊、边注和正文构成连续刊物，而不是卡片堆叠。 */
@media (min-width: 601px) {
	.qingbai-home-section {
		padding-block: clamp(4.5rem, 10vh, 8rem);
	}

	.qingbai-home-section + .qingbai-home-section {
		padding-top: clamp(5.5rem, 12vh, 9rem);
	}

	.qingbai-home-section__inner {
		background: none;
		column-gap: clamp(2rem, 5vw, 5rem);
		display: grid;
		grid-template-columns: clamp(5.5rem, 8vw, 7.5rem) minmax(0, 1fr);
		padding: 0;
	}

	.qingbai-home-section__inner::before {
		display: none;
	}

	.qingbai-home-section__heading-row {
		align-items: center;
		border-right: 1px solid color-mix(in srgb, var(--wp--preset--color--line) 88%, transparent);
		display: flex;
		flex-direction: column;
		gap: 1.25rem;
		grid-column: 1;
		grid-row: 1 / span 12;
		justify-content: flex-start;
		margin: 0;
		min-height: 100%;
		padding: 0.5rem clamp(1rem, 2vw, 1.75rem) 0 0;
	}

	.qingbai-home-section__heading {
		font-size: clamp(1.4rem, 2vw, 1.8rem);
		letter-spacing: 0.24em;
		line-height: 1.2;
		writing-mode: vertical-rl;
	}

	.qingbai-home-section__mark {
		display: flex;
		margin: 0 0 1rem;
		writing-mode: horizontal-tb;
	}

	.qingbai-home-section__rule {
		background: linear-gradient(to bottom, var(--wp--preset--color--line), transparent);
		flex: 1 1 auto;
		min-height: 5rem;
		order: 2;
		width: 1px;
	}

	.qingbai-home-section__index {
		order: 3;
		padding: 0;
		writing-mode: vertical-rl;
	}

	.qingbai-home-section__inner > :not(.qingbai-home-section__heading-row) {
		grid-column: 2;
	}

	.qingbai-home-section:nth-child(even) .qingbai-home-section__inner {
		grid-template-columns: minmax(0, 1fr) clamp(5.5rem, 8vw, 7.5rem);
	}

	.qingbai-home-section:nth-child(even) .qingbai-home-section__heading-row {
		border-left: 1px solid color-mix(in srgb, var(--wp--preset--color--line) 88%, transparent);
		border-right: 0;
		grid-column: 2;
		padding: 0.5rem 0 0 clamp(1rem, 2vw, 1.75rem);
	}

	.qingbai-home-section:nth-child(even) .qingbai-home-section__inner > :not(.qingbai-home-section__heading-row) {
		grid-column: 1;
	}

	.qingbai-home-section__feature {
		background: transparent;
		border-bottom: 1px solid var(--wp--preset--color--line);
		border-left: 0;
		border-top: 1px solid var(--wp--preset--color--line);
		margin: 0;
		min-height: clamp(22rem, 42vw, 34rem);
		padding: clamp(3rem, 7vw, 6rem) clamp(1rem, 4vw, 3.5rem);
	}

	.qingbai-home-section__feature h3 {
		font-size: clamp(3rem, 6.2vw, 6.6rem);
		letter-spacing: 0.06em;
		line-height: 1.18;
		max-width: 12em;
	}

	.qingbai-home-section__feature-monogram {
		font-size: 2.25em;
		left: -0.08em;
		top: -0.28em;
	}

	.qingbai-home-section__feature > p:not(.qingbai-home-section__feature-action) {
		align-self: end;
		font-size: clamp(0.92rem, 1.25vw, 1.08rem);
		max-width: 34rem;
	}

	.qingbai-home-section__list {
		margin: 0;
	}

	.qingbai-home-section__list a {
		gap: clamp(1rem, 3vw, 2.5rem);
		padding: clamp(1.8rem, 4vw, 3.4rem) clamp(0.5rem, 2vw, 1.5rem);
	}

	.qingbai-home-section__list li:nth-child(even) a {
		padding-left: clamp(2rem, 8vw, 7rem);
	}

	.qingbai-home-section__title {
		font-family: var(--wp--preset--font-family--serif);
		font-size: clamp(1.15rem, 2.25vw, 2rem);
		letter-spacing: 0.08em;
	}

	.qingbai-home-section__monogram {
		font-size: clamp(4rem, 7vw, 6.5rem);
		top: -0.36em;
	}

	.qingbai-home-section__meta {
		margin-top: 0.4rem;
	}

	.qingbai-home-section__categories {
		gap: clamp(1rem, 2.5vw, 2rem);
		margin: 0;
	}

	.qingbai-home-section__categories a {
		align-content: space-between;
		background: transparent;
		border-bottom: 1px solid var(--wp--preset--color--line);
		border-left: 1px solid color-mix(in srgb, var(--qingbai-theme-color) 35%, transparent);
		border-top: 0;
		min-height: clamp(10rem, 18vw, 15rem);
		padding: clamp(1.5rem, 4vw, 3rem);
	}

	.qingbai-home-section__categories .qingbai-categories__name {
		font-size: clamp(1.35rem, 2.5vw, 2.2rem);
		letter-spacing: 0.2em;
	}

	.qingbai-home-section__categories a::after {
		font-size: clamp(3rem, 6vw, 5.5rem);
		right: clamp(1rem, 3vw, 2rem);
		top: clamp(0.5rem, 2vw, 1.5rem);
	}
}

/* 首页风格2 · 诗笺留白：居中、窄栏、缓慢的诗行节奏。 */
body.qingbai-home-style2 .qingbai-home-sections::before {
	content: "风过书页，字句自有回声。";
	font-size: clamp(0.76rem, 1.15vw, 0.92rem);
	letter-spacing: 0.42em;
}

body.qingbai-home-style2 .qingbai-home-section {
	padding-block: clamp(5rem, 12vh, 9rem);
}

body.qingbai-home-style2 .qingbai-home-section + .qingbai-home-section {
	padding-top: clamp(6rem, 15vh, 11rem);
}

body.qingbai-home-style2 .qingbai-home-section__inner {
	background: none;
	display: block;
	max-width: min(820px, var(--qingbai-content-width));
	padding: 0 clamp(1rem, 4vw, 3rem);
}

body.qingbai-home-style2 .qingbai-home-section__inner::before {
	display: none;
}

body.qingbai-home-style2 .qingbai-home-section__heading-row {
	align-items: center;
	border: 0;
	display: flex;
	flex-direction: column;
	gap: 0.9rem;
	margin: 0 0 clamp(3rem, 8vw, 6rem);
	min-height: 0;
	padding: 0;
	text-align: center;
}

body.qingbai-home-style2 .qingbai-home-section__heading {
	font-size: clamp(1.7rem, 3vw, 2.45rem);
	letter-spacing: 0.28em;
	writing-mode: horizontal-tb;
}

body.qingbai-home-style2 .qingbai-home-section__mark {
	display: flex;
	margin: 0 auto 1rem;
	writing-mode: horizontal-tb;
}

body.qingbai-home-style2 .qingbai-home-section__rule {
	background: linear-gradient(90deg, transparent, var(--wp--preset--color--line), transparent);
	flex: none;
	height: 1px;
	min-height: 0;
	order: 2;
	width: min(12rem, 48vw);
}

body.qingbai-home-style2 .qingbai-home-section__index {
	order: 3;
	padding: 0;
	writing-mode: horizontal-tb;
}

body.qingbai-home-style2 .qingbai-home-section__feature {
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
	border-top: 1px solid var(--wp--preset--color--line);
	display: grid;
	grid-template-columns: 1fr;
	margin: 0;
	min-height: 0;
	padding: clamp(4rem, 10vw, 7.5rem) clamp(0.5rem, 3vw, 2rem);
	text-align: center;
}

body.qingbai-home-style2 .qingbai-home-section__feature h3 {
	font-size: clamp(2.4rem, 5vw, 4.6rem);
	line-height: 1.35;
	margin-inline: auto;
	max-width: 10em;
}

body.qingbai-home-style2 .qingbai-home-section__feature-monogram {
	left: 50%;
	top: -0.42em;
	transform: translateX(-50%);
}

body.qingbai-home-style2 .qingbai-home-section__feature-meta,
body.qingbai-home-style2 .qingbai-home-section__meta {
	justify-content: center;
	text-align: center;
}

body.qingbai-home-style2 .qingbai-home-section__feature > p:not(.qingbai-home-section__feature-action) {
	margin-inline: auto;
	max-width: 32rem;
}

body.qingbai-home-style2 .qingbai-home-section__feature-action {
	justify-self: center;
}

body.qingbai-home-style2 .qingbai-home-section__list {
	display: block;
	margin: 0;
}

body.qingbai-home-style2 .qingbai-home-section__list a,
body.qingbai-home-style2 .qingbai-home-section__list li:nth-child(even) a {
	display: block;
	padding: clamp(2.5rem, 6vw, 4.5rem) 0.5rem;
	text-align: center;
}

body.qingbai-home-style2 .qingbai-home-section__number {
	border: 0;
	display: block;
	margin: 0 auto 1.2rem;
	padding: 0;
	width: auto;
}

body.qingbai-home-style2 .qingbai-home-section__title {
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1.25rem, 2.6vw, 2.15rem);
	letter-spacing: 0.1em;
	line-height: 1.65;
	overflow: visible;
	text-align: center;
	text-overflow: clip;
	white-space: normal;
}

body.qingbai-home-style2 .qingbai-home-section__monogram {
	font-size: clamp(4rem, 9vw, 7rem);
	left: 50%;
	top: -0.4em;
	transform: translateX(-50%);
}

body.qingbai-home-style2 .qingbai-home-section__categories {
	margin: 0;
}

body.qingbai-home-style2 .qingbai-home-section__categories a {
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
	border-top: 1px solid var(--wp--preset--color--line);
	min-height: clamp(8rem, 16vw, 11rem);
	text-align: center;
}

body.qingbai-home-style2 .qingbai-home-section__categories .qingbai-categories__name {
	font-size: clamp(1.15rem, 2vw, 1.6rem);
	text-align: center;
}

/* 首页风格3 · 书房手札：横格纸、双栏条目与藏书票式分类。 */
body.qingbai-home-style3 .qingbai-home-sections::before {
	content: "书房小记 · 读过的书，走过的路，想起的人。";
	letter-spacing: 0.24em;
}

body.qingbai-home-style3 .qingbai-home-section {
	padding-block: clamp(3.5rem, 8vh, 6rem);
}

body.qingbai-home-style3 .qingbai-home-section__inner {
	background:
		repeating-linear-gradient(to bottom, transparent 0, transparent 2.85rem, color-mix(in srgb, var(--wp--preset--color--line) 55%, transparent) calc(2.85rem + 1px)),
		color-mix(in srgb, var(--qingbai-page-background) 78%, transparent);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--line) 82%, transparent);
	display: block;
	max-width: var(--qingbai-content-width);
	padding: clamp(2rem, 5vw, 4rem);
}

body.qingbai-home-style3 .qingbai-home-section__inner::before {
	background: var(--qingbai-theme-color);
	content: "";
	display: block;
	height: 3px;
	left: clamp(1.5rem, 6vw, 5rem);
	opacity: 1;
	position: absolute;
	top: -1px;
	width: clamp(4.5rem, 10vw, 7rem);
}

body.qingbai-home-style3 .qingbai-home-section__heading-row {
	align-items: end;
	border: 0;
	border-bottom: 3px double color-mix(in srgb, var(--wp--preset--color--line) 90%, transparent);
	display: grid;
	gap: 1rem;
	grid-template-columns: auto 1fr auto;
	margin: 0 0 clamp(2rem, 5vw, 4rem);
	min-height: 0;
	padding: 0 0 1.5rem;
}

body.qingbai-home-style3 .qingbai-home-section__heading {
	font-size: clamp(1.65rem, 3vw, 2.6rem);
	writing-mode: horizontal-tb;
}

body.qingbai-home-style3 .qingbai-home-section__mark {
	display: inline-flex;
	margin: 0 0.9rem 0 0;
	writing-mode: horizontal-tb;
}

body.qingbai-home-style3 .qingbai-home-section__rule {
	background: linear-gradient(90deg, var(--wp--preset--color--line), transparent);
	flex: none;
	height: 1px;
	min-height: 0;
	order: initial;
	width: auto;
}

body.qingbai-home-style3 .qingbai-home-section__index {
	order: initial;
	padding: 0;
	writing-mode: horizontal-tb;
}

body.qingbai-home-style3 .qingbai-home-section__feature {
	background: color-mix(in srgb, var(--qingbai-theme-color) 5%, var(--qingbai-page-background));
	border: 1px solid color-mix(in srgb, var(--qingbai-theme-color) 28%, transparent);
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(14rem, 0.65fr);
	margin: 0;
	min-height: 0;
	padding: clamp(2.5rem, 6vw, 5rem);
}

body.qingbai-home-style3 .qingbai-home-section__feature h3 {
	font-size: clamp(2.25rem, 4.5vw, 4.25rem);
}

body.qingbai-home-style3 .qingbai-home-section__feature > p:not(.qingbai-home-section__feature-action) {
	align-self: end;
	max-width: 28rem;
}

body.qingbai-home-style3 .qingbai-home-section__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0;
}

body.qingbai-home-style3 .qingbai-home-section__list li,
body.qingbai-home-style3 .qingbai-home-section__list li:first-child {
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
	border-right: 1px solid var(--wp--preset--color--line);
}

body.qingbai-home-style3 .qingbai-home-section__list li:nth-child(even) {
	border-right: 0;
}

body.qingbai-home-style3 .qingbai-home-section__list a,
body.qingbai-home-style3 .qingbai-home-section__list li:nth-child(even) a {
	display: block;
	min-height: 8rem;
	padding: clamp(1.5rem, 3vw, 2.5rem);
}

body.qingbai-home-style3 .qingbai-home-section__number {
	display: block;
	margin-bottom: 1.2rem;
}

body.qingbai-home-style3 .qingbai-home-section__title {
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1.05rem, 1.8vw, 1.45rem);
	white-space: normal;
}

body.qingbai-home-style3 .qingbai-home-section__meta {
	justify-content: flex-start;
	text-align: left;
}

body.qingbai-home-style3 .qingbai-home-section__categories {
	margin: 0;
}

body.qingbai-home-style3 .qingbai-home-section__categories a {
	background: color-mix(in srgb, var(--qingbai-page-background) 84%, transparent);
	border: 1px solid color-mix(in srgb, var(--qingbai-theme-color) 28%, transparent);
	min-height: clamp(9rem, 16vw, 12rem);
}

body.qingbai-home-style3 .qingbai-home-section__categories .qingbai-categories__name {
	font-size: clamp(1.15rem, 2.2vw, 1.75rem);
}

@media (max-width: 600px) {
	body.qingbai-home-style2 .qingbai-home-section {
		padding-block: 5rem;
	}

	body.qingbai-home-style2 .qingbai-home-section__heading-row {
		margin-bottom: 3.5rem;
	}

	body.qingbai-home-style2 .qingbai-home-section__feature {
		padding-block: 4rem;
	}

	body.qingbai-home-style2 .qingbai-home-section__feature h3 {
		font-size: clamp(2rem, 10vw, 2.8rem);
	}

	body.qingbai-home-style3 .qingbai-home-section__inner {
		padding: 1.4rem 1rem;
	}

	body.qingbai-home-style3 .qingbai-home-section__heading-row {
		grid-template-columns: auto 1fr;
	}

	body.qingbai-home-style3 .qingbai-home-section__index {
		grid-column: 1 / -1;
	}

	body.qingbai-home-style3 .qingbai-home-section__feature {
		grid-template-columns: 1fr;
		padding: 2rem 1rem;
	}

	body.qingbai-home-style3 .qingbai-home-section__list {
		grid-template-columns: 1fr;
	}

	body.qingbai-home-style3 .qingbai-home-section__list li {
		border-right: 0;
	}
}

.qingbai-closing__logo {
	margin-top: clamp(2rem, 5vh, 3.5rem) !important;
}

.qingbai-footer-seal {
	display: flex;
	justify-content: center;
}

.qingbai-footer-seal > a {
	display: block;
	line-height: 0;
	text-decoration: none;
}

.qingbai-footer-seal__text {
	box-sizing: border-box;
	height: 64px;
	width: 64px;
}

.qingbai-footer-seal__text {
	align-items: center;
	background: color-mix(in srgb, var(--qingbai-page-background) 90%, #fff);
	border: 2px solid var(--qingbai-theme-color);
	box-shadow: inset 0 0 0 2px var(--qingbai-page-background), inset 0 0 0 3px color-mix(in srgb, var(--qingbai-theme-color) 58%, transparent), 0 0 0 1px color-mix(in srgb, var(--qingbai-theme-color) 40%, transparent);
	color: var(--qingbai-theme-color);
	display: flex;
	flex-direction: row-reverse;
	font-family: var(--wp--preset--font-family--serif);
	font-size: 0.88rem;
	font-weight: 700;
	justify-content: center;
	letter-spacing: 0;
	line-height: 1.02;
	padding: 0.48rem;
	position: relative;
	transform: rotate(-1.5deg);
	transition: filter 220ms ease, transform 220ms ease;
}

.qingbai-footer-seal__text::after {
	border-left: 1px solid color-mix(in srgb, var(--qingbai-theme-color) 55%, transparent);
	border-right: 1px solid color-mix(in srgb, var(--qingbai-theme-color) 32%, transparent);
	content: "";
	inset: 0.32rem 47%;
	opacity: 0.55;
	pointer-events: none;
	position: absolute;
}

.qingbai-footer-seal__column {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 1.05em;
}

.qingbai-footer-seal a:hover .qingbai-footer-seal__text,
.qingbai-footer-seal a:focus-visible .qingbai-footer-seal__text {
	filter: saturate(1.12);
	transform: translateY(-2px) rotate(0deg);
}

.qingbai-copyright {
	color: var(--wp--preset--color--muted);
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.58rem;
	letter-spacing: 0.16em;
	margin: 0.8rem 0 0;
	opacity: 0.72;
	white-space: nowrap;
}

.qingbai-closing__logo img {
	filter: saturate(0.72);
	transition: filter 220ms ease, transform 220ms ease;
}

.qingbai-closing__logo a:hover img {
	filter: saturate(1);
	transform: translateY(-2px);
}

@keyframes qingbai-petal-fall {
	0% {
		opacity: 0;
		transform: translate3d(0, -4vh, 0) rotate(0deg);
	}
	12% {
		opacity: var(--petal-opacity, 0.48);
	}
	48% {
		transform: translate3d(var(--petal-drift, 42px), 48vh, 0) rotate(210deg);
	}
	88% {
		opacity: var(--petal-opacity, 0.48);
	}
	100% {
		opacity: 0;
		transform: translate3d(calc(var(--petal-drift, 42px) * -0.45), 106vh, 0) rotate(430deg);
	}
}

@media (max-width: 600px) {
	.qingbai-page-sheet {
		padding: 3.5rem 1.25rem 5rem !important;
	}

	.qingbai-page-sheet::before {
		left: 0.35rem;
	}

	.qingbai-page-sheet__title::after {
		bottom: auto;
		display: block;
		margin-top: 0.9rem;
		position: static;
	}

	.qingbai-single-stage {
		padding: 2rem 0.65rem 0;
	}

	.qingbai-single-stage::before {
		height: 9rem;
	}

	.wp-site-blocks > main.qingbai-single-sheet,
	.qingbai-single-sheet {
		padding: 4rem 1.25rem 5rem;
	}

	.qingbai-single-header {
		margin-bottom: 2.75rem;
		min-height: 7rem;
	}

	.qingbai-single-header__monogram {
		font-size: 9rem;
	}

	.qingbai-single-header h1 {
		font-size: clamp(1.75rem, 9vw, 2.4rem);
	}

	.qingbai-single-header__meta {
		font-size: 0.72rem;
	}

	.qingbai-single-note {
		padding: 2rem 1.1rem 1.5rem;
	}

	body.qingbai-single-style2 .qingbai-single-stage {
		padding: 4.5rem 0.65rem 0;
	}

	body.qingbai-single-style2 .qingbai-single-stage::before {
		height: 1px;
		top: 3.25rem;
	}

	body.qingbai-single-style2 .wp-site-blocks > main.qingbai-single-sheet,
	body.qingbai-single-style2 .qingbai-single-sheet {
		padding: 2.5rem 1.25rem 5rem;
	}

	body.qingbai-single-style2 .qingbai-single-header {
		margin-bottom: 3.25rem;
		min-height: 0;
		padding-left: 1rem;
	}

	body.qingbai-single-style2 .qingbai-single-header__monogram {
		font-size: 6rem;
	}

	body.qingbai-single-style2 .qingbai-single-note {
		padding: 0.75rem 4.5rem 0.75rem 1rem;
	}

	body.qingbai-single-style4 .qingbai-single-stage {
		padding: 6.2rem 0.6rem 0;
	}

	body.qingbai-single-style4 .wp-site-blocks > main.qingbai-single-sheet,
	body.qingbai-single-style4 .qingbai-single-sheet {
		padding: 0.45rem;
	}

	body.qingbai-single-style4 .qingbai-single-reading-scroll {
		padding: 4.25rem 1.2rem 4.5rem;
	}

	body.qingbai-single-style4 .qingbai-single-reading-scroll::before {
		left: 1.2rem;
	}

	body.qingbai-single-style4 .qingbai-single-reading-scroll::after {
		display: none;
	}

	body.qingbai-single-style4 .qingbai-single-header {
		margin-bottom: 3.5rem;
	}

	body.qingbai-single-style4 .qingbai-single-header h1 {
		font-size: clamp(2rem, 10vw, 2.8rem);
	}

	body.qingbai-single-style4 .qingbai-single-header__monogram {
		font-size: 7rem;
	}

	body.qingbai-single-style4 .qingbai-single-header__meta {
		justify-content: flex-start;
		text-align: left;
	}

	body.qingbai-single-style4 .qingbai-single-content > p:not(.has-text-align-center) {
		text-indent: 0;
	}

	body.qingbai-single-style4 .qingbai-single-note {
		padding: 2rem 1rem 1.5rem;
	}

	.qingbai-author-card__body {
		align-items: start;
		gap: 1rem;
	}

	.qingbai-author-card__avatar img {
		height: 60px;
		width: 60px;
	}

	.qingbai-hide-mobile {
		display: none !important;
	}

	.qingbai-cover__signature {
		--qingbai-cover-secondary-offset: 2.5rem;
		right: 2.25rem;
		top: 45%;
	}

	.qingbai-cover__title {
		font-size: min(var(--qingbai-cover-title-size, 96px), 17vw) !important;
	}

	.qingbai-cover__loader {
		height: 9rem;
		transform: translateY(-1rem);
	}

	.qingbai-cover__tagline {
		font-size: min(var(--qingbai-cover-tagline-size, 16px), 4vw) !important;
	}

	.qingbai-cover__slogan {
		bottom: 2rem;
		left: 1.5rem;
		max-width: calc(100% - 7rem);
	}

	.qingbai-cover__scroll {
		display: none;
	}

	.qingbai-current__body {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.qingbai-current__link {
		grid-template-columns: 1fr;
	}

	.qingbai-current__meta {
		flex-wrap: wrap;
	}

	.qingbai-categories {
		gap: 0.65rem;
	}

	.qingbai-categories a {
		gap: 0.45rem;
		min-height: 4.4rem;
		padding: 0.85rem 0.7rem;
	}

	.qingbai-categories__name {
		font-size: 0.75rem;
		letter-spacing: 0.08em;
	}

	.qingbai-home-section {
		min-height: auto;
		padding: 3.5rem 0.75rem;
		scroll-margin-top: 6.5rem;
	}

	.qingbai-home-sections {
		padding-top: 2.5rem;
	}

	.qingbai-home-sections::before {
		font-size: 0.65rem;
		letter-spacing: 0.16em;
		line-height: 2;
		padding-inline: 1.5rem;
	}

	.qingbai-home-section__inner {
		padding: 1rem 0.15rem;
	}

	.qingbai-home-section__heading-row {
		gap: 0.75rem;
		grid-template-columns: auto auto minmax(1.5rem, 1fr);
		padding-inline: 0.65rem;
	}

	.qingbai-home-section__heading {
		font-size: 1.3rem;
		letter-spacing: 0.16em;
	}

	.qingbai-home-section__mark {
		height: 1.4rem;
		margin-right: 0.55rem;
		width: 1.4rem;
	}

	.qingbai-home-section__feature {
		grid-template-columns: minmax(0, 1fr);
		margin-inline: 0.65rem;
		padding: 2.1rem 1.15rem 1.6rem;
	}

	.qingbai-home-section__feature h3 {
		font-size: clamp(1.65rem, 8vw, 2.35rem);
	}

	.qingbai-home-section__feature-action {
		justify-self: start;
	}

	.qingbai-home-section__list {
		grid-template-columns: 1fr;
	}

	.qingbai-home-section__list li:nth-child(odd) {
		border-right: 0;
	}

	.qingbai-home-section__list a {
		grid-template-columns: auto minmax(0, 1fr);
		padding-inline: 0.4rem;
	}

	.qingbai-home-section__meta {
		flex-wrap: wrap;
		gap: 0.45rem 0.7rem;
	}

	.qingbai-home-section__categories {
		margin-inline: 0.65rem;
	}

	.qingbai-home-section__categories a {
		min-height: 5.6rem;
		padding: 1rem 0.8rem;
	}

	.qingbai-home-section__categories a::after {
		font-size: 2rem;
		right: 0.5rem;
	}

	.qingbai-category-page,
	.qingbai-archive-page {
		padding: 3rem 1rem 4.5rem;
	}

	.qingbai-category-hero,
	.qingbai-archive-hero {
		padding-left: 1rem;
	}

	.qingbai-category-collection__list a {
		align-items: start;
		gap: 0.8rem 0.9rem;
		grid-template-columns: 1.6rem minmax(0, 1fr);
	}

	.qingbai-category-collection__meta {
		grid-column: 2;
		justify-content: flex-start;
	}

	.qingbai-category-collection__excerpt {
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.qingbai-timeline__list {
		--qingbai-timeline-axis: 0.35rem;
	}

	.qingbai-timeline__item {
		display: block;
		padding: 0 0 3rem 2rem;
	}

	.qingbai-timeline__item::before {
		top: 0.25rem;
	}

	.qingbai-timeline__date {
		margin-bottom: 0.6rem;
		text-align: left;
	}

	.qingbai-timeline__title {
		margin-bottom: 0.75rem;
	}

	.qingbai-side-nav {
		bottom: auto;
		left: auto;
		right: 1.25rem;
		top: 50%;
		transform: translate3d(10px, -50%, 0);
	}

	.qingbai-side-nav.is-visible {
		transform: translate3d(0, -50%, 0);
	}

	.qingbai-side-nav::after {
		display: none;
	}

	.qingbai-side-nav a {
		font-size: var(--qingbai-nav-font-size);
	}

	.qingbai-side-nav.qingbai-top-nav {
		left: 50%;
		padding: 0.55rem 0.7rem 0.45rem;
		right: auto;
		top: 0;
		transform: translateX(-50%);
		width: calc(100vw - 0.75rem);
	}

	body.admin-bar .qingbai-top-nav {
		top: 104px;
	}

	.qingbai-side-nav.qingbai-top-nav.is-visible {
		transform: translateX(-50%);
	}

	.qingbai-side-nav.qingbai-top-nav::after {
		display: block;
	}

	.qingbai-top-nav__inner {
		flex-wrap: wrap;
		gap: 0.35rem;
	}

	.qingbai-top-nav__brand {
		border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--line) 68%, transparent);
		box-sizing: border-box;
		flex: 1 0 100%;
		gap: 0.45rem;
		min-width: 0;
		padding: 0 0.15rem 0.4rem;
	}

	.qingbai-top-nav__brand::after {
		display: none;
	}

	.qingbai-top-nav__brand .custom-logo {
		height: 24px;
		width: 24px;
	}

	.qingbai-side-nav .qingbai-top-nav__name {
		font-size: 0.86rem;
		letter-spacing: 0.1em;
	}

	.qingbai-top-nav .qingbai-side-nav__menu {
		flex: 1 0 100%;
		flex-direction: row;
		gap: 0;
		justify-content: flex-start;
		margin-left: 0;
		mask-image: linear-gradient(90deg, #000 0%, #000 88%, transparent 100%);
		overflow-x: auto;
		padding-block: 0.2rem;
		scrollbar-width: none;
	}

	.qingbai-top-nav .qingbai-side-nav__menu::-webkit-scrollbar {
		display: none;
	}

	.qingbai-top-nav .qingbai-side-nav__menu a {
		font-size: min(var(--qingbai-nav-font-size), 3.6vw);
		padding: 0.34rem 0.62rem;
	}

	.qingbai-closing .qingbai-random-slogan {
		font-size: clamp(1.8rem, 9vw, 3rem);
		letter-spacing: 0.14em;
	}

	.qingbai-ticker__item {
		padding-inline: 1.25rem;
	}
}

/* 首页风格5 · 尺素来函：信封折角、收发题线与成叠信笺。 */
body.qingbai-home-style5 .qingbai-home-sections::before { content: "尺素虽短 · 可寄远心"; letter-spacing: 0.34em; }
body.qingbai-home-style5 .qingbai-home-section { padding-block: clamp(3.5rem, 8vh, 6.5rem); }
body.qingbai-home-style5 .qingbai-home-section__inner {
	background: linear-gradient(135deg, transparent 0 86%, color-mix(in srgb, var(--qingbai-theme-color) 7%, transparent) 86% 100%), color-mix(in srgb, var(--qingbai-page-background) 92%, #fff);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--line) 90%, transparent);
	box-shadow: 0.65rem 0.75rem 0 color-mix(in srgb, var(--qingbai-theme-color) 5%, transparent), 0 1.5rem 4rem rgba(58, 43, 29, 0.055);
	display: block; max-width: min(920px, var(--qingbai-content-width)); padding: clamp(2rem, 5vw, 4.5rem);
}
body.qingbai-home-style5 .qingbai-home-section__inner::before {
	align-items: center; background: transparent; border: 1px solid color-mix(in srgb, var(--qingbai-theme-color) 52%, transparent); color: var(--qingbai-theme-color); content: "函"; display: flex;
	font-family: var(--wp--preset--font-family--serif); font-size: 0.64rem; height: 2rem; justify-content: center; left: auto; right: clamp(2rem, 5vw, 4.5rem); top: clamp(2rem, 5vw, 4.5rem); transform: rotate(4deg); width: 2rem;
}
body.qingbai-home-style5 .qingbai-home-section__heading-row { align-items: end; border-bottom: 1px dashed var(--wp--preset--color--line); display: grid; gap: 0.8rem 1.4rem; grid-template-columns: auto auto 1fr; margin: 0 0 clamp(2.5rem, 6vw, 4.5rem); padding: 0 3.5rem 1.2rem 0; }
body.qingbai-home-style5 .qingbai-home-section__heading { font-size: clamp(1.75rem, 3.2vw, 2.7rem); writing-mode: horizontal-tb; }
body.qingbai-home-style5 .qingbai-home-section__mark { border-radius: 50%; margin-right: 0.9rem; transform: rotate(-6deg); }
body.qingbai-home-style5 .qingbai-home-section__rule { background: linear-gradient(90deg, var(--wp--preset--color--line), transparent); height: 1px; order: 3; }
body.qingbai-home-style5 .qingbai-home-section__index { order: 2; writing-mode: horizontal-tb; }
body.qingbai-home-style5 .qingbai-home-section__feature { background: transparent; border: 0; border-left: 2px solid color-mix(in srgb, var(--qingbai-theme-color) 54%, transparent); display: block; margin: 0; min-height: 0; padding: clamp(1rem, 3vw, 2rem) clamp(1.25rem, 4vw, 3rem); }
body.qingbai-home-style5 .qingbai-home-section__feature h3 { font-size: clamp(2.1rem, 5vw, 4rem); }
body.qingbai-home-style5 .qingbai-home-section__feature-monogram { color: color-mix(in srgb, var(--qingbai-theme-color) 7%, transparent); }
body.qingbai-home-style5 .qingbai-home-section__feature-meta,
body.qingbai-home-style5 .qingbai-home-section__meta { justify-content: flex-end; }
body.qingbai-home-style5 .qingbai-home-section__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
body.qingbai-home-style5 .qingbai-home-section__list li,
body.qingbai-home-style5 .qingbai-home-section__list li:first-child { border: 0; border-bottom: 1px solid var(--wp--preset--color--line); }
body.qingbai-home-style5 .qingbai-home-section__list a,
body.qingbai-home-style5 .qingbai-home-section__list li:nth-child(even) a { display: block; min-height: 8rem; padding: clamp(1.4rem, 3vw, 2.4rem); }
body.qingbai-home-style5 .qingbai-home-section__number { display: block; margin-bottom: 0.9rem; }
body.qingbai-home-style5 .qingbai-home-section__title { font-size: clamp(1.05rem, 1.9vw, 1.4rem); white-space: normal; }
body.qingbai-home-style5 .qingbai-home-section__categories a { background: color-mix(in srgb, var(--qingbai-page-background) 95%, #fff); border-style: dashed; min-height: 7rem; }

/* 首页风格6 · 墨痕书页：旧书页边、双栏书目与页边批注。 */
body.qingbai-home-style6 .qingbai-home-sections::before { content: "翻书见旧字 · 落墨记新知"; letter-spacing: 0.28em; }
body.qingbai-home-style6 .qingbai-home-section { padding-block: clamp(4rem, 9vh, 7rem); }
body.qingbai-home-style6 .qingbai-home-section__inner {
	background: linear-gradient(90deg, color-mix(in srgb, var(--qingbai-theme-color) 4%, transparent), transparent 14%), repeating-linear-gradient(to bottom, transparent 0, transparent 3.2rem, color-mix(in srgb, var(--wp--preset--color--line) 34%, transparent) calc(3.2rem + 1px)), color-mix(in srgb, var(--qingbai-page-background) 90%, #fff);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--line) 85%, transparent); border-left: 0.45rem double color-mix(in srgb, var(--qingbai-theme-color) 42%, transparent); display: block; max-width: min(1040px, var(--qingbai-content-width)); padding: clamp(2.4rem, 6vw, 5.5rem); position: relative;
}
body.qingbai-home-style6 .qingbai-home-section:nth-child(even) .qingbai-home-section__inner { border-left: 1px solid var(--wp--preset--color--line); border-right: 0.45rem double color-mix(in srgb, var(--qingbai-theme-color) 42%, transparent); }
body.qingbai-home-style6 .qingbai-home-section__inner::before { background: var(--qingbai-theme-color); display: block; height: 2px; left: clamp(2.4rem, 6vw, 5.5rem); top: clamp(2.4rem, 6vw, 5.5rem); width: clamp(4rem, 10vw, 7rem); }
body.qingbai-home-style6 .qingbai-home-section__heading-row { align-items: end; display: grid; gap: 1rem; grid-template-columns: auto 1fr auto; margin: 0 0 clamp(2.8rem, 6vw, 5rem); padding: 1.6rem 0 1.1rem; }
body.qingbai-home-style6 .qingbai-home-section__heading { font-size: clamp(1.9rem, 3.5vw, 3.1rem); writing-mode: horizontal-tb; }
body.qingbai-home-style6 .qingbai-home-section__mark { background: color-mix(in srgb, var(--qingbai-theme-color) 9%, transparent); border: 0; border-bottom: 2px solid var(--qingbai-theme-color); margin-right: 0.8rem; transform: none; }
body.qingbai-home-style6 .qingbai-home-section__rule { background: linear-gradient(90deg, var(--wp--preset--color--line), transparent); height: 1px; order: initial; }
body.qingbai-home-style6 .qingbai-home-section__index { order: initial; padding: 0; writing-mode: vertical-rl; }
body.qingbai-home-style6 .qingbai-home-section__feature { background: color-mix(in srgb, var(--qingbai-theme-color) 4%, transparent); border: 0; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(13rem, 0.75fr); margin: 0; padding: clamp(2rem, 5vw, 4rem); }
body.qingbai-home-style6 .qingbai-home-section__feature h3 { font-size: clamp(2.4rem, 5.5vw, 4.8rem); }
body.qingbai-home-style6 .qingbai-home-section__feature > p:not(.qingbai-home-section__feature-action) { align-self: end; }
body.qingbai-home-style6 .qingbai-home-section__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; }
body.qingbai-home-style6 .qingbai-home-section__list li,
body.qingbai-home-style6 .qingbai-home-section__list li:first-child { border: 0; border-right: 1px solid var(--wp--preset--color--line); }
body.qingbai-home-style6 .qingbai-home-section__list li:nth-child(3n) { border-right: 0; }
body.qingbai-home-style6 .qingbai-home-section__list a,
body.qingbai-home-style6 .qingbai-home-section__list li:nth-child(even) a { display: block; min-height: 10rem; padding: clamp(1.5rem, 3vw, 2.5rem); }
body.qingbai-home-style6 .qingbai-home-section__number { display: block; margin-bottom: 1.1rem; }
body.qingbai-home-style6 .qingbai-home-section__title { font-size: clamp(1.1rem, 2vw, 1.5rem); white-space: normal; }
body.qingbai-home-style6 .qingbai-home-section__meta { justify-content: flex-start; text-align: left; }
body.qingbai-home-style6 .qingbai-home-section__categories a { background: transparent; border: 0; border-bottom: 1px solid var(--wp--preset--color--line); }

/* 文章样式5 · 尺素来函：展开信纸、收发题线与信封式札记。 */
body.qingbai-single-style5 .qingbai-single-stage { overflow: visible; padding: clamp(6rem, 10vw, 8rem) clamp(1rem, 4vw, 3rem) 0; }
body.qingbai-single-style5 .qingbai-single-stage::before { background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--qingbai-theme-color) 72%, transparent), transparent); height: 1px; top: 4rem; }
body.qingbai-single-style5 .wp-site-blocks > main.qingbai-single-sheet,
body.qingbai-single-style5 .qingbai-single-sheet { background: transparent; box-shadow: none; max-width: min(900px, var(--qingbai-content-width)); padding: 0; }
body.qingbai-single-style5 .qingbai-single-article { max-width: none; }
body.qingbai-single-style5 .qingbai-single-reading-scroll {
	background: linear-gradient(135deg, transparent 0 91%, color-mix(in srgb, var(--qingbai-theme-color) 7%, transparent) 91% 100%), repeating-linear-gradient(to bottom, transparent 0, transparent 2.85rem, color-mix(in srgb, var(--wp--preset--color--line) 38%, transparent) calc(2.85rem + 1px)), color-mix(in srgb, var(--qingbai-page-background) 94%, #fff);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--line) 92%, transparent); box-shadow: 0.75rem 0.8rem 0 color-mix(in srgb, var(--qingbai-theme-color) 5%, transparent), 0 1.8rem 5rem rgba(52, 39, 27, 0.07); box-sizing: border-box; padding: clamp(5rem, 9vw, 8rem) clamp(2rem, 9vw, 7rem) clamp(5rem, 9vw, 8rem); position: relative;
}
body.qingbai-single-style5 .qingbai-single-reading-scroll::before { color: var(--wp--preset--color--muted); content: "TO 远方的你　　FROM 此刻的我"; font-family: var(--wp--preset--font-family--serif); font-size: 0.6rem; left: clamp(2rem, 9vw, 7rem); letter-spacing: 0.2em; position: absolute; top: clamp(2rem, 4vw, 3rem); }
body.qingbai-single-style5 .qingbai-single-header { border-bottom: 1px dashed var(--wp--preset--color--line); margin-bottom: clamp(3rem, 7vw, 5rem); min-height: 0; padding: 0 0 2rem; }
body.qingbai-single-style5 .qingbai-single-header::after { border: 1px solid color-mix(in srgb, var(--qingbai-theme-color) 55%, transparent); border-radius: 50%; color: var(--qingbai-theme-color); content: "信"; font-family: var(--wp--preset--font-family--serif); font-size: 0.66rem; height: 2.2rem; line-height: 2.2rem; position: absolute; right: 0; text-align: center; top: 0; transform: rotate(7deg); width: 2.2rem; }
body.qingbai-single-style5 .qingbai-single-header__monogram { color: color-mix(in srgb, var(--qingbai-theme-color) 7%, transparent); font-size: clamp(8rem, 18vw, 14rem); left: auto; right: 0; }
body.qingbai-single-style5 .qingbai-single-header h1 { font-size: clamp(2.2rem, 5vw, 3.8rem); max-width: 13em; }
body.qingbai-single-style5 .qingbai-single-featured img { box-shadow: 0.7rem 0.7rem 0 color-mix(in srgb, var(--qingbai-theme-color) 7%, transparent); }
body.qingbai-single-style5 .qingbai-single-content { font-size: clamp(1rem, 1.25vw, 1.1rem); line-height: 2.45; }
body.qingbai-single-style5 .qingbai-single-content > p:not(.has-text-align-center) { text-indent: 2em; }
body.qingbai-single-style5 .qingbai-single-note { background: color-mix(in srgb, var(--qingbai-theme-color) 4%, transparent); border: 1px dashed color-mix(in srgb, var(--qingbai-theme-color) 38%, transparent); }
body.qingbai-single-style5 .qingbai-single-note::before { background: var(--qingbai-page-background); border: 1px solid var(--qingbai-theme-color); border-radius: 0; color: var(--qingbai-theme-color); content: "附"; font-size: 0.7rem; height: 2.2rem; padding: 0; top: -1.1rem; width: 2.2rem; }
body.qingbai-single-style5 .qingbai-author-card,
body.qingbai-single-style5 .qingbai-single-comments { margin-inline: auto; max-width: 740px; }

/* 文章样式6 · 墨痕书页：藏书页边、墨色题头和批注式札记。 */
body.qingbai-single-style6 .qingbai-single-stage { overflow: visible; padding: clamp(6rem, 10vw, 8rem) clamp(1rem, 4vw, 3rem) 0; }
body.qingbai-single-style6 .qingbai-single-stage::before { display: none; }
body.qingbai-single-style6 .wp-site-blocks > main.qingbai-single-sheet,
body.qingbai-single-style6 .qingbai-single-sheet { background: color-mix(in srgb, var(--qingbai-page-background) 95%, #fff); box-shadow: -1rem 1.2rem 0 color-mix(in srgb, var(--qingbai-theme-color) 4%, transparent), 0 2rem 5rem rgba(49, 37, 25, 0.075); max-width: min(980px, var(--qingbai-content-width)); padding: clamp(1rem, 2vw, 1.75rem); }
body.qingbai-single-style6 .qingbai-single-article { max-width: none; }
body.qingbai-single-style6 .qingbai-single-reading-scroll { background: linear-gradient(90deg, color-mix(in srgb, var(--qingbai-theme-color) 5%, transparent), transparent 12%), repeating-linear-gradient(to bottom, transparent 0, transparent 3.05rem, color-mix(in srgb, var(--wp--preset--color--line) 35%, transparent) calc(3.05rem + 1px)); border: 1px solid color-mix(in srgb, var(--wp--preset--color--line) 88%, transparent); border-left: 0.45rem double color-mix(in srgb, var(--qingbai-theme-color) 48%, transparent); padding: clamp(4.5rem, 9vw, 8rem) clamp(2rem, 9vw, 7rem) clamp(5rem, 10vw, 9rem); position: relative; }
body.qingbai-single-style6 .qingbai-single-reading-scroll::after { color: color-mix(in srgb, var(--qingbai-theme-color) 52%, transparent); content: "藏书页 · 眉批数行"; font-family: var(--wp--preset--font-family--serif); font-size: 0.56rem; letter-spacing: 0.25em; position: absolute; right: 1.2rem; top: clamp(4.5rem, 9vw, 8rem); writing-mode: vertical-rl; }
body.qingbai-single-style6 .qingbai-single-header { border-bottom: 3px double var(--wp--preset--color--line); margin-bottom: clamp(3.5rem, 7vw, 5.5rem); min-height: 0; padding: 0 0 clamp(2rem, 4vw, 3rem); }
body.qingbai-single-style6 .qingbai-single-header::before { background: var(--qingbai-theme-color); content: ""; height: 3px; left: 0; position: absolute; top: -2rem; width: clamp(4rem, 12vw, 8rem); }
body.qingbai-single-style6 .qingbai-single-header__monogram { color: color-mix(in srgb, var(--wp--preset--color--ink) 5%, transparent); font-size: clamp(9rem, 20vw, 15rem); left: auto; right: -0.05em; top: -0.2em; }
body.qingbai-single-style6 .qingbai-single-header h1 { font-size: clamp(2.4rem, 5.3vw, 4.2rem); letter-spacing: 0.06em; max-width: 12em; }
body.qingbai-single-style6 .qingbai-single-header__meta { justify-content: flex-end; }
body.qingbai-single-style6 .qingbai-single-content { font-size: clamp(1rem, 1.28vw, 1.12rem); line-height: 2.35; }
body.qingbai-single-style6 .qingbai-single-content > p:not(.has-text-align-center) { text-indent: 2em; }
body.qingbai-single-style6 .qingbai-single-content > p:first-of-type:not(.has-text-align-center)::first-letter { color: var(--qingbai-theme-color); float: left; font-size: 3.6em; line-height: 0.88; margin: 0.12em 0.14em 0 -0.04em; }
body.qingbai-single-style6 .qingbai-single-note { background: color-mix(in srgb, var(--qingbai-theme-color) 4%, transparent); border: 0; border-left: 2px solid var(--qingbai-theme-color); margin-left: clamp(0rem, 5vw, 4rem); }
body.qingbai-single-style6 .qingbai-single-note::before { background: var(--qingbai-page-background); border: 1px solid var(--qingbai-theme-color); border-radius: 0; color: var(--qingbai-theme-color); content: "批"; font-size: 0.7rem; height: 2.2rem; padding: 0; top: -1.1rem; width: 2.2rem; }
body.qingbai-single-style6 .qingbai-author-card,
body.qingbai-single-style6 .qingbai-single-comments { margin-inline: auto; max-width: 760px; }

/* 创作背景在所有配套文章样式中统一为正文开头的淡红虚线笺。 */
body[class*="qingbai-single-style"] .qingbai-single-note {
	background: color-mix(in srgb, var(--qingbai-theme-color) 4%, transparent);
	border: 1px dashed color-mix(in srgb, var(--qingbai-theme-color) 42%, transparent);
	margin: 0 0 clamp(3rem, 6vw, 4.5rem);
	padding: clamp(1.5rem, 3vw, 2.25rem) clamp(1.25rem, 4vw, 2.5rem);
}
body[class*="qingbai-single-style"] .qingbai-creation-background {
	margin-bottom: 2rem;
	margin-top: clamp(3rem, 6vw, 4.5rem);
}
body[class*="qingbai-single-style"] .qingbai-single-note::before,
body[class*="qingbai-single-style"] .qingbai-single-note::after { content: none; display: none; }

/* 分类与归档配套风格2 · 诗笺留白。 */
body.qingbai-listing-style2 .qingbai-category-page__inner,
body.qingbai-listing-style2 .qingbai-archive-page__inner { max-width: min(780px, var(--qingbai-content-width)); }
body.qingbai-listing-style2 .qingbai-category-hero,
body.qingbai-listing-style2 .qingbai-archive-hero { border: 0; border-left: 3px solid var(--qingbai-theme-color); padding: 0.5rem 0 0.5rem clamp(1.25rem, 4vw, 2.5rem); }
body.qingbai-listing-style2 .qingbai-category-hero::before,
body.qingbai-listing-style2 .qingbai-archive-hero::before { display: none; }
body.qingbai-listing-style2 .qingbai-category-hero::after { border: 0; color: color-mix(in srgb, var(--qingbai-theme-color) 18%, transparent); content: "诗"; font-size: clamp(5rem, 14vw, 9rem); right: 0; top: -1rem; }
body.qingbai-listing-style2 .qingbai-archive-hero::after { border: 0; color: color-mix(in srgb, var(--qingbai-theme-color) 18%, transparent); content: "序"; font-size: clamp(5rem, 14vw, 9rem); right: 0; top: -1rem; }
body.qingbai-listing-style2 .qingbai-category-collection__list { border-top-style: dashed; }
body.qingbai-listing-style2 .qingbai-category-collection__list li { border-bottom-style: dashed; }
body.qingbai-listing-style2 .qingbai-category-collection__list a { padding-block: clamp(2rem, 5vw, 3.5rem); }
body.qingbai-listing-style2 .qingbai-timeline__list::before { background: linear-gradient(to bottom, transparent, var(--qingbai-theme-color), transparent); }
body.qingbai-listing-style2 .qingbai-timeline__item::before { background: var(--qingbai-theme-color); border: 0; height: 0.35rem; width: 0.35rem; }

/* 分类与归档配套风格3 · 书房手札。 */
body.qingbai-listing-style3 .qingbai-category-page__inner,
body.qingbai-listing-style3 .qingbai-archive-page__inner {
	background: repeating-linear-gradient(to bottom, transparent 0, transparent 3rem, color-mix(in srgb, var(--wp--preset--color--line) 42%, transparent) calc(3rem + 1px)), color-mix(in srgb, var(--qingbai-page-background) 91%, #fff);
	border: 1px solid var(--wp--preset--color--line); box-sizing: border-box; max-width: min(1000px, var(--qingbai-content-width)); padding: clamp(2rem, 6vw, 5rem); position: relative;
}
body.qingbai-listing-style3 .qingbai-category-page__inner::before,
body.qingbai-listing-style3 .qingbai-archive-page__inner::before { background: var(--qingbai-theme-color); content: ""; height: 3px; left: clamp(1.5rem, 6vw, 5rem); position: absolute; top: -1px; width: clamp(4.5rem, 10vw, 7rem); }
body.qingbai-listing-style3 .qingbai-category-hero,
body.qingbai-listing-style3 .qingbai-archive-hero { border-bottom: 3px double var(--wp--preset--color--line); padding-left: 0; }
body.qingbai-listing-style3 .qingbai-category-hero::before,
body.qingbai-listing-style3 .qingbai-archive-hero::before { display: none; }
body.qingbai-listing-style3 .qingbai-category-hero::after { border-radius: 0; content: "藏"; }
body.qingbai-listing-style3 .qingbai-archive-hero::after { content: "札"; }
body.qingbai-listing-style3 .qingbai-category-collection__list { border: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.qingbai-listing-style3 .qingbai-category-collection__list li { border: 0; border-bottom: 1px solid var(--wp--preset--color--line); border-right: 1px solid var(--wp--preset--color--line); }
body.qingbai-listing-style3 .qingbai-category-collection__list li:nth-child(even) { border-right: 0; }
body.qingbai-listing-style3 .qingbai-category-collection__list a { align-items: start; display: block; min-height: 10rem; padding: clamp(1.5rem, 4vw, 2.8rem); }
body.qingbai-listing-style3 .qingbai-category-collection__index { display: block; margin-bottom: 1rem; }
body.qingbai-listing-style3 .qingbai-category-collection__meta { margin-top: 1rem; }
body.qingbai-listing-style3 .qingbai-timeline__item { background: color-mix(in srgb, var(--qingbai-theme-color) 3%, transparent); margin-bottom: 1rem; padding: 1.5rem 1.5rem 1.5rem 0; }

/* 分类与归档配套风格5 · 尺素来函。 */
body.qingbai-listing-style5 .qingbai-category-page__inner,
body.qingbai-listing-style5 .qingbai-archive-page__inner { background: linear-gradient(135deg, transparent 0 94%, color-mix(in srgb, var(--qingbai-theme-color) 7%, transparent) 94%), color-mix(in srgb, var(--qingbai-page-background) 94%, #fff); border: 1px solid var(--wp--preset--color--line); box-shadow: 0.75rem 0.8rem 0 color-mix(in srgb, var(--qingbai-theme-color) 5%, transparent); box-sizing: border-box; max-width: min(960px, var(--qingbai-content-width)); padding: clamp(2rem, 6vw, 5rem); }
body.qingbai-listing-style5 .qingbai-category-hero,
body.qingbai-listing-style5 .qingbai-archive-hero { border-bottom-style: dashed; padding-left: 0; }
body.qingbai-listing-style5 .qingbai-category-hero::before,
body.qingbai-listing-style5 .qingbai-archive-hero::before { display: none; }
body.qingbai-listing-style5 .qingbai-category-hero::after { border-radius: 50%; content: "寄"; }
body.qingbai-listing-style5 .qingbai-archive-hero::after { border-radius: 50%; content: "函"; }
body.qingbai-listing-style5 .qingbai-category-hero__eyebrow::before { content: "TO · "; }
body.qingbai-listing-style5 .qingbai-archive-hero__eyebrow::before { content: "FROM · "; }
body.qingbai-listing-style5 .qingbai-category-collection__list { border-top-style: dashed; }
body.qingbai-listing-style5 .qingbai-category-collection__list li { border-bottom-style: dashed; }
body.qingbai-listing-style5 .qingbai-category-collection__list a { margin: 0.65rem 0; padding-inline: 1rem; }
body.qingbai-listing-style5 .qingbai-timeline__item { border: 1px dashed color-mix(in srgb, var(--qingbai-theme-color) 30%, transparent); margin-bottom: 1.25rem; padding: 1.5rem; }
body.qingbai-listing-style5 .qingbai-timeline__list::before { display: none; }
body.qingbai-listing-style5 .qingbai-timeline__item::before { border-radius: 50%; left: -0.3rem; }

/* 分类与归档配套风格6 · 墨痕书页。 */
body.qingbai-listing-style6 .qingbai-category-page__inner,
body.qingbai-listing-style6 .qingbai-archive-page__inner { background: repeating-linear-gradient(to bottom, transparent 0, transparent 3.1rem, color-mix(in srgb, var(--wp--preset--color--line) 32%, transparent) calc(3.1rem + 1px)), color-mix(in srgb, var(--qingbai-page-background) 94%, #fff); border: 1px solid var(--wp--preset--color--line); border-left: 0.45rem double color-mix(in srgb, var(--qingbai-theme-color) 50%, transparent); box-sizing: border-box; max-width: min(1040px, var(--qingbai-content-width)); padding: clamp(2rem, 6vw, 5rem); }
body.qingbai-listing-style6 .qingbai-category-hero,
body.qingbai-listing-style6 .qingbai-archive-hero { border-bottom: 3px double var(--wp--preset--color--line); padding-left: 0; }
body.qingbai-listing-style6 .qingbai-category-hero::before,
body.qingbai-listing-style6 .qingbai-archive-hero::before { height: 3px; width: clamp(5rem, 14vw, 9rem); }
body.qingbai-listing-style6 .qingbai-category-hero::after { border-radius: 0; content: "目"; }
body.qingbai-listing-style6 .qingbai-archive-hero::after { border-radius: 0; content: "录"; }
body.qingbai-listing-style6 .qingbai-category-collection__list { border-top: 3px double var(--wp--preset--color--line); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.qingbai-listing-style6 .qingbai-category-collection__list li { border-bottom: 1px solid var(--wp--preset--color--line); border-right: 1px solid var(--wp--preset--color--line); }
body.qingbai-listing-style6 .qingbai-category-collection__list li:nth-child(even) { border-right: 0; }
body.qingbai-listing-style6 .qingbai-category-collection__list a { display: block; min-height: 11rem; padding: clamp(1.5rem, 4vw, 2.7rem); }
body.qingbai-listing-style6 .qingbai-category-collection__index { display: block; margin-bottom: 1rem; }
body.qingbai-listing-style6 .qingbai-category-collection__meta { margin-top: 1rem; }
body.qingbai-listing-style6 .qingbai-timeline__item { border-bottom: 3px double var(--wp--preset--color--line); padding: 0 0 2.2rem; }
body.qingbai-listing-style6 .qingbai-timeline__item::before { border-radius: 0; transform: rotate(45deg); }

/* 样式2下半部 · 素笺落款：极简署名与无框短笺。 */
body.qingbai-single-style2 .qingbai-author-card {
	border: 0; border-left: 1px solid color-mix(in srgb, var(--qingbai-theme-color) 45%, transparent); display: block; padding: 1rem 0 1rem clamp(1.25rem, 4vw, 2.5rem);
}
body.qingbai-single-style2 .qingbai-author-card .qingbai-single-section-title { border: 0; color: var(--qingbai-theme-color); margin: 0 0 1.4rem; padding: 0; writing-mode: horizontal-tb; }
body.qingbai-single-style2 .qingbai-author-card__avatar::after { border-radius: 50%; transform: none; }
body.qingbai-single-style2 .qingbai-author-card__avatar img { border-radius: 50%; filter: grayscale(0.25); }
body.qingbai-single-style2 .qingbai-single-comments > .qingbai-single-comments__title { border: 0; border-left: 3px solid var(--qingbai-theme-color); padding: 0.35rem 0 0.35rem 1rem; }
body.qingbai-single-style2 .qingbai-single-comments > .qingbai-single-comments__title::before,
body.qingbai-single-style2 .qingbai-single-comments > .qingbai-single-comments__title::after { display: none; }
body.qingbai-single-style2 .qingbai-single-comments .comment-respond { border-top-style: dashed; }
body.qingbai-single-style2 .qingbai-single-comments .comment-form-comment textarea { background-image: none; border: 1px solid var(--wp--preset--color--line); min-height: 10rem; }

/* 样式4下半部 · 手札附页：稿纸署名卡和横格来信。 */
body.qingbai-single-style4 .qingbai-author-card {
	background: repeating-linear-gradient(to bottom, transparent 0, transparent 2.55rem, color-mix(in srgb, var(--wp--preset--color--line) 45%, transparent) calc(2.55rem + 1px)); border: 1px solid var(--wp--preset--color--line); padding: clamp(2rem, 5vw, 3.5rem); position: relative;
}
body.qingbai-single-style4 .qingbai-author-card::before { background: var(--qingbai-theme-color); content: ""; display: block; height: 3px; left: clamp(1.5rem, 6vw, 5rem); position: absolute; top: -1px; width: clamp(4.5rem, 10vw, 7rem); }
body.qingbai-single-style4 .qingbai-author-card .qingbai-single-section-title { border-color: var(--qingbai-theme-color); color: var(--qingbai-theme-color); }
body.qingbai-single-style4 .qingbai-single-comments { background: color-mix(in srgb, var(--qingbai-page-background) 90%, #fff); border: 1px solid var(--wp--preset--color--line); padding: clamp(2rem, 5vw, 3.5rem); }
body.qingbai-single-style4 .qingbai-single-comments > .qingbai-single-comments__title { border-bottom: 3px double var(--wp--preset--color--line); padding-left: 0; }
body.qingbai-single-style4 .qingbai-single-comments > .qingbai-single-comments__title::before { display: none; }
body.qingbai-single-style4 .qingbai-single-comments .wp-block-comment-content { background: repeating-linear-gradient(to bottom, transparent 0, transparent 2rem, color-mix(in srgb, var(--wp--preset--color--line) 42%, transparent) calc(2rem + 1px)); border: 0; padding: 0.35rem 0.75rem; }
body.qingbai-single-style4 .qingbai-single-comments .wp-block-comment-template > li::before { content: "札"; }

/* 样式5下半部 · 尺素署名：寄件落款、邮戳评论与信纸表单。 */
body.qingbai-single-style5 .qingbai-author-card {
	background: linear-gradient(135deg, transparent 0 92%, color-mix(in srgb, var(--qingbai-theme-color) 8%, transparent) 92%); border: 1px dashed color-mix(in srgb, var(--qingbai-theme-color) 42%, transparent); display: block; padding: clamp(2rem, 5vw, 3.5rem); position: relative;
}
body.qingbai-single-style5 .qingbai-author-card::after { align-items: center; border: 1px solid color-mix(in srgb, var(--qingbai-theme-color) 55%, transparent); border-radius: 50%; color: var(--qingbai-theme-color); content: "寄"; display: flex; font-family: var(--wp--preset--font-family--serif); font-size: 0.62rem; height: 2.2rem; justify-content: center; position: absolute; right: 1.5rem; top: 1.5rem; transform: rotate(8deg); width: 2.2rem; }
body.qingbai-single-style5 .qingbai-author-card .qingbai-single-section-title { border: 0; color: var(--qingbai-theme-color); margin: 0 0 1.6rem; padding: 0; writing-mode: horizontal-tb; }
body.qingbai-single-style5 .qingbai-author-card .qingbai-single-section-title::before { content: "FROM · "; font-size: 0.58rem; letter-spacing: 0.18em; }
body.qingbai-single-style5 .qingbai-author-card__avatar::after { border-radius: 50%; border-style: dashed; }
body.qingbai-single-style5 .qingbai-author-card__avatar img { border-radius: 50%; }
body.qingbai-single-style5 .qingbai-single-comments { border: 1px dashed color-mix(in srgb, var(--qingbai-theme-color) 38%, transparent); padding: clamp(2rem, 5vw, 3.5rem); position: relative; }
body.qingbai-single-style5 .qingbai-single-comments > .qingbai-single-comments__title { border-bottom-style: dashed; padding-left: 0; }
body.qingbai-single-style5 .qingbai-single-comments > .qingbai-single-comments__title::before { background: transparent; color: var(--qingbai-theme-color); content: "TO"; font-family: var(--wp--preset--font-family--serif); font-size: 0.58rem; height: auto; left: auto; right: 0; top: 0.2rem; width: auto; }
body.qingbai-single-style5 .qingbai-single-comments .wp-block-comment-template > li::before { border-radius: 50%; content: "邮"; transform: rotate(-8deg); }
body.qingbai-single-style5 .qingbai-single-comments .wp-block-comment-content { background: transparent; border-left-style: dashed; }
body.qingbai-single-style5 .qingbai-single-comments .comment-form-comment textarea { background-image: repeating-linear-gradient(to bottom, transparent 0, transparent 2.15rem, color-mix(in srgb, var(--qingbai-theme-color) 18%, transparent) calc(2.15rem + 1px)); border: 1px dashed color-mix(in srgb, var(--qingbai-theme-color) 38%, transparent); }
body.qingbai-single-style5 .qingbai-single-comments .form-submit :where(.submit, .wp-block-button__link) { border-radius: 50%; min-height: 5rem; min-width: 5rem; padding: 0.7rem; }

/* 样式6下半部 · 藏书附录：藏书票作者卡、页边批注与目录式评论。 */
body.qingbai-single-style6 .qingbai-author-card {
	background: linear-gradient(90deg, color-mix(in srgb, var(--qingbai-theme-color) 5%, transparent), transparent 28%); border: 1px solid var(--wp--preset--color--line); border-left: 0.38rem double color-mix(in srgb, var(--qingbai-theme-color) 50%, transparent); padding: clamp(2rem, 5vw, 3.5rem); position: relative;
}
body.qingbai-single-style6 .qingbai-author-card::after { color: color-mix(in srgb, var(--qingbai-theme-color) 58%, transparent); content: "EX LIBRIS"; font-family: Georgia, serif; font-size: 0.55rem; letter-spacing: 0.16em; position: absolute; right: 1.5rem; top: 1.2rem; }
body.qingbai-single-style6 .qingbai-author-card .qingbai-single-section-title { border-color: var(--qingbai-theme-color); color: var(--qingbai-theme-color); }
body.qingbai-single-style6 .qingbai-author-card__avatar::after { border: 3px double color-mix(in srgb, var(--qingbai-theme-color) 42%, transparent); transform: none; }
body.qingbai-single-style6 .qingbai-single-comments { background: repeating-linear-gradient(to bottom, transparent 0, transparent 3rem, color-mix(in srgb, var(--wp--preset--color--line) 34%, transparent) calc(3rem + 1px)); border-left: 0.38rem double color-mix(in srgb, var(--qingbai-theme-color) 48%, transparent); padding: clamp(1.5rem, 5vw, 3.5rem); }
body.qingbai-single-style6 .qingbai-single-comments > .qingbai-single-comments__title { border-bottom: 3px double var(--wp--preset--color--line); padding-left: 0; }
body.qingbai-single-style6 .qingbai-single-comments > .qingbai-single-comments__title::before { display: none; }
body.qingbai-single-style6 .qingbai-single-comments .wp-block-comment-template > li { counter-increment: qingbai-comment; padding-left: 2.6rem; }
body.qingbai-single-style6 .qingbai-single-comments .wp-block-comment-template { counter-reset: qingbai-comment; }
body.qingbai-single-style6 .qingbai-single-comments .wp-block-comment-template > li::before { border: 0; color: var(--wp--preset--color--muted); content: counter(qingbai-comment, decimal-leading-zero); font-family: Georgia, serif; font-size: 0.72rem; left: 0; right: auto; transform: none; }
body.qingbai-single-style6 .qingbai-single-comments .wp-block-comment-content { background: transparent; border-left: 2px solid color-mix(in srgb, var(--qingbai-theme-color) 38%, transparent); }
body.qingbai-single-style6 .qingbai-single-comments .comment-form-comment textarea { background-color: color-mix(in srgb, var(--qingbai-page-background) 82%, transparent); border-left: 2px solid var(--qingbai-theme-color); }

@media (max-width: 480px) {
	body.qingbai-home-style3 .qingbai-home-section__heading-row { column-gap: 1.25rem; }
	body.qingbai-home-style3 .qingbai-home-section__rule { margin-left: 0.25rem; }
}

@media (max-width: 700px) {
	body[class*="qingbai-listing-style"] .qingbai-category-page,
	body[class*="qingbai-listing-style"] .qingbai-archive-page { padding: 4.5rem 0.65rem 3rem; }
	body.qingbai-listing-style3 .qingbai-category-page__inner,
	body.qingbai-listing-style3 .qingbai-archive-page__inner,
	body.qingbai-listing-style5 .qingbai-category-page__inner,
	body.qingbai-listing-style5 .qingbai-archive-page__inner,
	body.qingbai-listing-style6 .qingbai-category-page__inner,
	body.qingbai-listing-style6 .qingbai-archive-page__inner { box-shadow: none; padding: 1.5rem 1rem; }
	body.qingbai-listing-style3 .qingbai-category-collection__list,
	body.qingbai-listing-style6 .qingbai-category-collection__list { grid-template-columns: 1fr; }
	body.qingbai-listing-style3 .qingbai-category-collection__list li,
	body.qingbai-listing-style6 .qingbai-category-collection__list li { border-bottom: 1px solid var(--wp--preset--color--line); border-right: 0; }
	body.qingbai-listing-style3 .qingbai-category-collection__list a,
	body.qingbai-listing-style6 .qingbai-category-collection__list a { min-height: 0; }
	body.qingbai-listing-style5 .qingbai-category-hero::after,
	body.qingbai-listing-style5 .qingbai-archive-hero::after { right: 0; }
	body.qingbai-home-style5 .qingbai-home-section,
	body.qingbai-home-style6 .qingbai-home-section { padding-block: 3rem; }
	body.qingbai-home-style5 .qingbai-home-section__inner,
	body.qingbai-home-style6 .qingbai-home-section__inner { box-shadow: none; padding: 1.4rem 1rem; }
	body.qingbai-home-style5 .qingbai-home-section__inner::before { right: 1rem; top: 1rem; }
	body.qingbai-home-style5 .qingbai-home-section__heading-row { grid-template-columns: auto 1fr; padding-right: 3rem; }
	body.qingbai-home-style5 .qingbai-home-section__index { grid-column: 1 / -1; }
	body.qingbai-home-style5 .qingbai-home-section__list,
	body.qingbai-home-style6 .qingbai-home-section__list { grid-template-columns: 1fr; }
	body.qingbai-home-style6 .qingbai-home-section__list li { border-bottom: 1px solid var(--wp--preset--color--line); border-right: 0; }
	body.qingbai-home-style6 .qingbai-home-section__feature { grid-template-columns: 1fr; padding: 1.6rem 1rem; }
	body.qingbai-home-style6 .qingbai-home-section__heading-row { grid-template-columns: auto 1fr; }
	body.qingbai-home-style6 .qingbai-home-section__index { grid-column: 1 / -1; writing-mode: horizontal-tb; }
	body.qingbai-single-style5 .qingbai-single-stage,
	body.qingbai-single-style6 .qingbai-single-stage { padding: 4.75rem 0.65rem 0; }
	body.qingbai-single-style5 .qingbai-single-reading-scroll,
	body.qingbai-single-style6 .qingbai-single-reading-scroll { box-shadow: none; padding: 4.5rem 1.1rem 5rem; }
	body.qingbai-single-style5 .qingbai-single-reading-scroll::before { left: 1.1rem; letter-spacing: 0.08em; top: 1.6rem; }
	body.qingbai-single-style5 .qingbai-single-header h1,
	body.qingbai-single-style6 .qingbai-single-header h1 { font-size: clamp(2rem, 10vw, 2.8rem); }
	body.qingbai-single-style6 .qingbai-single-reading-scroll::after { display: none; }
	body.qingbai-single-style5 .qingbai-single-content > p:not(.has-text-align-center),
	body.qingbai-single-style6 .qingbai-single-content > p:not(.has-text-align-center) { text-indent: 0; }
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		transition-duration: 0.01ms !important;
	}

	.qingbai-petals {
		display: none;
	}

	.qingbai-writing-char {
		animation: none !important;
		filter: none;
		opacity: 1;
		transform: none;
	}

	.qingbai-cover__loader {
		animation: none !important;
		clip-path: inset(0);
		opacity: 1;
	}

	.qingbai-cover__divider {
		animation: none !important;
		clip-path: inset(0);
		opacity: 1;
	}

	.qingbai-cover__loader-bar {
		transition: none !important;
	}

	.qingbai-reveal,
	.qingbai-current__item {
		filter: none;
		mask-image: none;
		opacity: 1;
		transform: none;
		transition: none;
	}

	.qingbai-home-sections > .qingbai-home-section:first-child {
		filter: none;
		opacity: 1;
		transform: none;
	}

	.qingbai-ticker__track {
		animation: none;
		transform: none;
	}

	.qingbai-ticker {
		overflow-x: auto;
	}
}