/*
Theme Name: 岔口
Theme URI: https://niegeng.blog
Author: 櫱耕
Description: 櫱耕的寫作部落格主題。二欄式：左欄站名、搜尋與分類固定不動，右欄閱讀。源雲明體正文、霞鶩文楷回覆區，宣紙底色，碧玉一色，紅穗一點。
Version: 1.2.0
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chakou
*/

/* ───────── 深色模式：只換色票，版面不動 ───────── */
@media (prefers-color-scheme: dark) {
	html:root {
		--wp--preset--color--paper: #1C1C1E;
		--wp--preset--color--ink: #E6E2DA;
		--wp--preset--color--ink-soft: #C9C4BA;
		--wp--preset--color--muted: #A39E95;
		--wp--preset--color--line: #38373A;
		--wp--preset--color--border: #4A484C;
		--wp--preset--color--field: #242426;
		--wp--preset--color--jade: #6FB09A;
		--wp--preset--color--jade-deep: #8FC9B4;
		--wp--preset--color--seal: #B2473A;
		--wp--preset--color--on-accent: #1C1C1E;
	}
}

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* ───────── 二欄骨架 ───────── */
.chakou-shell {
	display: grid;
	grid-template-columns: minmax(220px, 280px) minmax(0, 680px);
	column-gap: 80px;
	justify-content: center;
	width: 100%;
	max-width: 1072px;
	margin: 0 auto;
	padding: 0 16px;
	box-sizing: border-box;
}

.chakou-shell > * {
	margin-block: 0;
}

.chakou-aside {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	align-self: start;
	max-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
	overflow-y: auto;
	padding: 72px 0 32px;
	box-sizing: border-box;
	scrollbar-width: thin;
}

.chakou-column {
	min-width: 0;
}

.chakou-main {
	padding: 72px 0 0;
}

.chakou-main > * {
	margin-block: 0;
}

/* ───────── 左欄 ───────── */
.chakou-sidebar.is-layout-flex {
	gap: 32px;
	align-items: stretch;
}

.chakou-sidebar > * {
	margin: 0;
}

.chakou-brand.is-layout-flex {
	gap: 8px;
	justify-content: space-between;
	align-items: center;
}

.chakou-site-title {
	margin: 0;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.24em;
}

.chakou-site-title a,
.chakou-site-title a:hover {
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

/* 站名旁的「櫱」字小印：全站唯一一點紅 */
.chakou-site-title::after {
	content: "櫱" / "";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin-left: 2px;
	vertical-align: 0.15em;
	background: var(--wp--preset--color--seal);
	color: #F6F4EF;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1;
	border-radius: 3px;
}

.chakou-aside .wp-block-site-tagline {
	margin: -18px 0 0;
	font-size: 15px;
	line-height: 1.8;
	letter-spacing: 0.08em;
	color: var(--wp--preset--color--muted);
}

.chakou-label {
	margin: 0;
	padding-bottom: 6px;
	border-bottom: 1px solid var(--wp--preset--color--line);
	font-size: 13px;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0.24em;
	color: var(--wp--preset--color--muted);
}

/* 搜尋（桌機完整版） */
.chakou-search-full .wp-block-search__label {
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.24em;
	color: var(--wp--preset--color--muted);
}

.chakou-aside .wp-block-search__inside-wrapper {
	padding: 0;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 2px;
	background: var(--wp--preset--color--field);
}

.chakou-aside .wp-block-search__input {
	height: 44px;
	padding: 0 12px;
	border: none;
	background: transparent;
	color: var(--wp--preset--color--ink);
	font-family: inherit;
	font-size: 15px;
	letter-spacing: 0.05em;
}

.chakou-aside .wp-block-search__input::placeholder {
	color: var(--wp--preset--color--muted);
}

.chakou-aside .wp-block-search__button {
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	color: var(--wp--preset--color--ink-soft);
	display: flex;
	align-items: center;
	justify-content: center;
}

.chakou-aside .wp-block-search__button svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
}

.chakou-search-compact {
	display: none;
}

.chakou-search-compact .wp-block-search__button {
	border: none;
	background: transparent;
}

.chakou-search-compact .wp-block-search__inside-wrapper {
	border: none;
	background: transparent;
}

.chakou-search-compact:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper {
	border: 1px solid var(--wp--preset--color--border);
	background: var(--wp--preset--color--field);
}

/* 分類 */
.chakou-catgroup > * + * {
	margin-top: 4px !important;
}

.chakou-cats,
.chakou-cats .wp-block-navigation__container {
	width: 100%;
	gap: 0;
}

.chakou-cats .wp-block-navigation-item {
	width: 100%;
}

.chakou-cats .wp-block-navigation-item__content {
	line-height: 1.6;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	width: 100%;
	padding: 9px 0;
	font-size: 16px;
	letter-spacing: 0.12em;
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

.chakou-cats .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--jade);
	text-decoration: none;
}

.chakou-cats .wp-block-navigation-item__description {
	display: inline;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.08em;
	color: var(--wp--preset--color--muted);
}

.chakou-cats .current-menu-item > .wp-block-navigation-item__content,
.chakou-cats .current-menu-item .wp-block-navigation-item__description {
	color: var(--wp--preset--color--jade);
}

.chakou-cats .current-menu-item > .wp-block-navigation-item__content {
	font-weight: 600;
}

/* 依年份、關於 */
.chakou-sidelinks {
	font-size: 15px;
	letter-spacing: 0.1em;
	line-height: 1.6;
}

.chakou-sidelinks.is-layout-flow > * + * {
	margin-top: 0;
}

.chakou-sidelinks p {
	margin: 0;
}

.chakou-sidelinks a {
	display: inline-block;
	padding: 8px 0;
}

/* ───────── 首頁開場 ───────── */
.chakou-intro {
	margin-bottom: 56px !important;
}

.chakou-lede {
	margin: 0;
	font-size: 23px;
	line-height: 1.8;
	letter-spacing: 0.06em;
}

.chakou-lede-sub {
	margin: 10px 0 0 !important;
	font-size: 16px;
	line-height: 1.9;
	color: var(--wp--preset--color--muted);
}

/* ───────── 文章列表 ───────── */
.chakou-list .chakou-label {
	margin-bottom: 40px;
}

.chakou-list .wp-block-post-template {
	display: flex;
	flex-direction: column;
	gap: 48px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.chakou-list .wp-block-post-template > li {
	margin: 0;
}

.chakou-entry.is-layout-flow > * + * {
	margin-top: 8px;
}

.chakou-meta.is-layout-flex {
	gap: 4px 14px;
}

.chakou-meta,
.chakou-meta > * {
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 0.1em;
	color: var(--wp--preset--color--muted);
}

.chakou-meta a {
	color: var(--wp--preset--color--jade);
}

.chakou-list .wp-block-post-title {
	margin: 0;
	font-size: 25px;
	font-weight: 600;
	line-height: 1.6;
}

.chakou-list .wp-block-post-title a {
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

.chakou-list .wp-block-post-title a:hover {
	color: var(--wp--preset--color--jade);
}

.chakou-list .wp-block-post-excerpt,
.chakou-list .wp-block-post-excerpt__excerpt {
	margin: 0;
	font-size: 17px;
	line-height: 1.95;
	color: var(--wp--preset--color--ink-soft);
}

.chakou-list .wp-block-post-excerpt__more-text {
	display: none;
}

.chakou-list .wp-block-query-pagination {
	margin-top: 56px;
	font-size: 15px;
	letter-spacing: 0.12em;
}

.chakou-list .wp-block-query-pagination a {
	display: inline-block;
	padding: 10px 0;
}

.chakou-archive-head {
	margin-bottom: 48px !important;
}

.chakou-archive-head .wp-block-query-title {
	margin: 0;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0.08em;
}

.chakou-archive-head .wp-block-term-description {
	margin: 6px 0 0;
	font-size: 16px;
	color: var(--wp--preset--color--muted);
}

.chakou-archive-head .wp-block-term-description p {
	margin: 0;
}

/* ───────── 文章頁 ───────── */
.chakou-article .wp-block-post-title {
	margin: 14px 0 40px;
	font-size: 34px;
	font-weight: 700;
	line-height: 1.55;
	letter-spacing: 0.06em;
}

.chakou-content {
	text-align: justify;
	text-justify: inter-character;
	line-break: strict;
}

.chakou-content > * {
	margin-block: 0;
}

.chakou-content > * + * {
	margin-top: 1.2em;
}

.chakou-content h2,
.chakou-content h3 {
	margin-top: 2.2em;
	text-align: start;
}

.chakou-content img {
	max-width: 100%;
	height: auto;
}

.chakou-content .wp-block-quote,
.chakou-content blockquote {
	margin: 1.6em 0;
	padding: 0 0 0 2em;
	font-size: 17px;
	color: var(--wp--preset--color--ink-soft);
}

.chakou-content .wp-block-quote cite {
	display: block;
	margin-top: 0.4em;
	font-size: 14px;
	font-style: normal;
	color: var(--wp--preset--color--muted);
}

/* 小說、同人：段首縮排兩字 */
.in-cat-rousui .chakou-content > p,
.in-cat-yanshu .chakou-content > p {
	text-indent: 2em;
}

/* 分隔線一律是置中的 ※ */
.chakou-content .wp-block-separator,
.chakou-content hr {
	height: auto;
	margin: 2.4em 0;
	border: none;
	background: none;
	text-align: center;
	opacity: 1;
}

.chakou-content .wp-block-separator::before,
.chakou-content hr::before {
	content: "※";
	font-size: 16px;
	letter-spacing: 0;
	color: var(--wp--preset--color--muted);
}

/* 刪除線心聲 */
.chakou-content s,
.chakou-content del,
.chakou-comments s,
.chakou-footer s {
	color: var(--wp--preset--color--muted);
}

/* 補記（群組區塊 → 樣式 → 補記） */
.is-style-postscript {
	margin-top: 2.4em !important;
	padding-top: 24px;
	border-top: 1px solid var(--wp--preset--color--line);
	font-size: 16px;
	line-height: 1.9;
	color: var(--wp--preset--color--ink-soft);
	text-indent: 0;
}

.is-style-postscript::before {
	content: "補記";
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	letter-spacing: 0.2em;
	color: var(--wp--preset--color--muted);
}

.is-style-postscript > * + * {
	margin-top: 0.6em;
}

.is-style-postscript p {
	margin: 0;
	text-indent: 0;
}

/* 上一篇／下一篇 */
.chakou-postnav {
	margin-top: 64px !important;
	gap: 12px 24px;
	font-size: 15px;
	letter-spacing: 0.08em;
}

.chakou-postnav a {
	display: inline-block;
	padding: 12px 0;
}

/* ───────── 回覆區（霞鶩文楷） ───────── */
.chakou-comments {
	margin-top: 64px !important;
}

.chakou-comments-heading {
	margin: 0 0 8px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--wp--preset--color--line);
	font-family: inherit;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.2em;
}

.chakou-comments .wp-block-comment-template {
	margin: 0;
	padding: 0;
	list-style: none;
}

.chakou-comments .wp-block-comment-template li {
	margin: 0;
	padding: 20px 0 0;
}

.chakou-comments .wp-block-comment-template ol {
	margin: 0;
	padding-left: 1.5em;
	list-style: none;
}

.chakou-comment-meta.is-layout-flex {
	gap: 10px;
	align-items: baseline;
}

.chakou-comment-meta > * {
	margin: 0;
}

.chakou-comment-meta .wp-block-comment-author-name {
	font-size: 15px;
	font-weight: 700;
	color: var(--wp--preset--color--ink);
}

.chakou-comment-meta .wp-block-comment-date,
.chakou-comment-meta .wp-block-comment-date a {
	font-size: 14px;
	color: var(--wp--preset--color--muted);
}

/* 作者自己的回覆加註「作者」 */
.chakou-comments .bypostauthor > .chakou-comment-meta .wp-block-comment-author-name::after {
	content: "作者";
	display: inline-block;
	margin-left: 10px;
	padding: 0 6px;
	border: 1px solid var(--wp--preset--color--border);
	font-size: 12px;
	font-weight: 400;
	line-height: 1.6;
	color: var(--wp--preset--color--muted);
}

.chakou-comments .wp-block-comment-content {
	margin: 4px 0 0;
	font-size: 17px;
	line-height: 1.9;
	letter-spacing: 0.04em;
}

.chakou-comments .wp-block-comment-content p {
	margin: 0.3em 0;
}

.chakou-comments .wp-block-comment-reply-link {
	margin: 0;
	font-size: 14px;
}

.chakou-comments .wp-block-comments-pagination {
	margin-top: 24px;
	font-size: 15px;
}

/* 回覆表單 */
.chakou-comments .comment-respond {
	margin-top: 40px;
}

.chakou-comments .comment-reply-title {
	margin: 0 0 14px;
	font-family: inherit;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0.12em;
}

.chakou-comments .comment-reply-title small {
	margin-left: 12px;
	font-size: 14px;
	font-weight: 400;
}

.chakou-comments .comment-form p {
	margin: 0 0 14px;
}

.chakou-comments .comment-form label {
	display: block;
	margin-bottom: 6px;
	font-size: 15px;
	letter-spacing: 0.12em;
	color: var(--wp--preset--color--ink-soft);
}

.chakou-comments .comment-form-cookies-consent label {
	display: inline;
	font-size: 14px;
	letter-spacing: 0.04em;
}

.chakou-comments .comment-form textarea,
.chakou-comments .comment-form input[type="text"],
.chakou-comments .comment-form input[type="email"],
.chakou-comments .comment-form input[type="url"] {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 12px;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 2px;
	background: var(--wp--preset--color--field);
	color: var(--wp--preset--color--ink);
	font-family: inherit;
	font-size: 16px;
	line-height: 1.8;
}

.chakou-comments .comment-form textarea {
	height: 160px;
	resize: vertical;
}

.chakou-comments .comment-form input[type="text"],
.chakou-comments .comment-form input[type="email"],
.chakou-comments .comment-form input[type="url"] {
	height: 44px;
	padding-block: 0;
}

.chakou-comments .comment-form .submit {
	height: 44px;
	padding: 0 28px;
	border: none;
	border-radius: 2px;
	background: var(--wp--preset--color--jade);
	color: var(--wp--preset--color--on-accent);
	font-family: inherit;
	font-size: 16px;
	letter-spacing: 0.2em;
	cursor: pointer;
}

.chakou-comments .comment-form .submit:hover {
	background: var(--wp--preset--color--jade-deep);
}

/* ───────── 頁尾 ───────── */
.chakou-footer {
	margin-top: 72px !important;
	padding: 28px 0 72px;
	border-top: 1px solid var(--wp--preset--color--line);
	font-size: 14px;
	letter-spacing: 0.06em;
	color: var(--wp--preset--color--ink-soft);
}

.chakou-footer-inner > * + * {
	margin-top: 6px !important;
}

.chakou-footer p {
	margin: 0;
}

.chakou-status {
	font-family: var(--wp--preset--font-family--wenkai);
	font-size: 15px;
}

.chakou-copyright {
	color: var(--wp--preset--color--muted);
}

.chakou-footer-links {
	display: none;
}

/* ───────── 依年份瀏覽 ───────── */
.chakou-archives-list ul,
ul.chakou-archives-list {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 18px;
	letter-spacing: 0.08em;
}

.chakou-archives-list li {
	padding: 8px 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
	color: var(--wp--preset--color--muted);
}

/* ───────── 手機：左欄變成固定在頂端的窄條 ───────── */
@media (max-width: 781px) {
	.chakou-shell {
		display: block;
		padding: 0;
	}

	.chakou-aside {
		z-index: 20;
		max-height: none;
		overflow: visible;
		padding: 0;
		background: var(--wp--preset--color--paper);
		border-bottom: 1px solid var(--wp--preset--color--line);
	}

	.chakou-sidebar.is-layout-flex {
		gap: 0;
	}

	.chakou-brand {
		padding: 8px 8px 0 20px;
	}

	.chakou-site-title {
		font-size: 24px;
	}

	.chakou-site-title::after {
		width: 18px;
		height: 18px;
		font-size: 11px;
		border-radius: 2px;
	}

	.chakou-search-compact {
		display: block;
	}

	.chakou-search-full,
	.chakou-aside .wp-block-site-tagline,
	.chakou-aside .chakou-label,
	.chakou-sidelinks {
		display: none;
	}

	.chakou-cats .wp-block-navigation__container {
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 22px;
		overflow-x: auto;
		padding: 0 20px;
		box-sizing: border-box;
		scrollbar-width: none;
	}

	.chakou-cats .wp-block-navigation-item {
		width: auto;
		flex: 0 0 auto;
	}

	.chakou-cats .wp-block-navigation-item__content {
		padding: 11px 0;
		font-size: 15px;
		white-space: nowrap;
	}

	.chakou-cats .wp-block-navigation-item__description {
		display: none;
	}

	.chakou-column {
		padding: 0 20px;
	}

	.chakou-main {
		padding-top: 36px;
	}

	.chakou-lede {
		font-size: 20px;
	}

	.chakou-list .wp-block-post-title {
		font-size: 21px;
	}

	.chakou-list .wp-block-post-excerpt__excerpt {
		font-size: 16px;
	}

	.chakou-article .wp-block-post-title {
		font-size: 27px;
	}

	.chakou-content {
		font-size: 17px;
	}

	.chakou-footer {
		padding-bottom: 48px;
	}

	.chakou-footer-links {
		display: block;
	}
}

@media (max-width: 600px) {
	.chakou-aside {
		top: 0;
	}
}