/**
 * AIEC 统一头部 CSS（2026-09-23 整合 · v1）
 *
 * 单一来源 ── 所有页面（首页 / 文章 / 栏目 / 搜索 / 自定义 / 笔记本折叠）
 * 的 .site-header / .main-navigation / .main-nav / .sub-menu 样式全部来自此文件。
 *
 * 一致性（2026-09-23 修复）：
 *   - .main-title a 统一 22px（之前首页/文章/搜索 22px，栏目 20px）
 *   - .site-header 统一 padding 24px 0（wabi 页面）
 *   - .inside-header 统一 max-width 1240px（wabi 页面；非 wabi 页面走 GeneratePress 父主题）
 *
 * 加载顺序（在 functions.php 内）：
 *   generatepress-parent → generatepress-child → aiec-header → wabi-*（按需）
 *
 * 内容章节：
 *   A. 基础布局（所有页面通用，PC > 769px）
 *   B. Logo / 标题 / 描述基础（默认 90px / 1.4rem，子主题范围）
 *   C. 主导航 + 子菜单基础（默认紫色渐变，子菜单桥等）
 *   D. Wabi 7 类 body 顶栏（白纸 + 琥珀底线 + 72px logo）
 *   E. 769px+ 大屏：横排整齐（导航文字底边与 brand 容器底边对齐）
 *   F. 769–1239px 窄屏桌面：双行顶栏
 *
 * 兼容性：
 *   - 非 wabi 页面（自定义页 / 登录页 / 笔记本折叠 等）走 A/B/C 节
 *   - wabi 8 类 body 页面（home / single / category / archive / tax-* / search）
 *     同时应用 A/B/C + D 节，D 节特异性 + !important 覆盖默认样式
 */

@media (min-width: 769px) {
	body {
		padding-top: 0px;
	}
}

/* ===========================================================
   A. 基础布局（PC > 769px；移动端由 aiec-mobile.css 负责）
   =========================================================== */
@media (min-width: 769px) {
	.site-header {
		z-index: 1000; /* 确保它在其他内容之上 */
	}

	.content-area {
		width: 830px;
	}

	/* 移动端菜单切换按钮：PC 端不显示 */
	.menu-toggle {
		display: none;
	}
	.main-navigation#site-navigation {
		display: block;
	}
}

/* ===========================================================
   B. Logo / 标题 / 描述基础（默认 90px / 1.4rem；wabi 页面 D 节覆盖）
   =========================================================== */
@media (min-width: 769px) {
	.inside-header.grid-container {
		display: flex;
		justify-content: space-between;
		align-items: center;
		max-width: 1200px; /* 非 wabi 页面用父主题默认 1200px；wabi 页面 D 节覆写为 1240px */
		margin: 0 auto;
		padding: 0 1.5rem;
	}

	.site-branding-container {
		display: flex;
		align-items: center;
		gap: 0.1rem;
		flex-shrink: 0;
	}

	/* 默认 logo 90px；wabi 页面 D 节覆盖为 72px */
	.site-header .header-image {
		transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
		width: 90px;
		height: 90px;
		object-fit: cover;
		border: none;
	}

	.site-logo a:hover .header-image {
		transform: rotate(360deg) scale(1.1);
	}

	/* 默认标题 1.4rem 700；wabi 页面 D 节覆写为 22px 衬线 600 */
	.main-title {
		margin: 0;
		font-size: 1.4rem;
		font-weight: 700;
	}

	/* 默认描述：无显式样式，沿用父主题；wabi 页面 D 节覆写 */
}

/* ===========================================================
   C. 主导航 + 子菜单基础（默认紫色渐变；wabi 页面 D 节覆盖为纸感）

   2026-09-23 v1.2 字体统一：
   - .main-nav ul.menu > li > a 显式 font-family: "LXGW Neo ZhiSong", "Source Serif Pro", "SimSun", "NSimSun", "宋体", serif !important
     （用户反馈：v1.1 的 Source Han Sans SC 在 Windows 上 fallback 到微软雅黑，
     与整体 wabi 衬线主题不符）
   2026-09-23 v1.1 修复：
   - 提升 background-color: transparent + !important，压制父主题 .main-nav ul.menu
     / .main-nav .menu { background-color: #fff }，404 / 自定义页也能透出页面底
   =========================================================== */
.main-navigation {
	display: flex;
	align-items: center;
	background-color: transparent !important;
}

.main-nav ul.menu,
.main-nav .menu {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 0.1rem;
	background-color: transparent !important;
}

.main-nav ul.menu li {
	position: relative;
	min-width: 90px;
}

.main-nav ul.menu > li > a {
	font-family: "LXGW Neo ZhiSong", "Source Serif Pro", "SimSun", "NSimSun", "宋体", serif !important;
}

.main-navigation .main-nav ul li a {
	line-height: 35px !important;
}

/* 默认子菜单：紫色渐变（GP 默认风），wabi 页面 D 节覆盖为纸感 wabi */
.main-nav ul.menu li .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 5;
	background: rgba(81, 45, 168, 0.9);
	backdrop-filter: blur(5px);
	border: none;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
	padding: 0.5rem 0;
	min-width: 200px;
	border-radius: 12px;
	overflow: hidden;
	transform: translateY(10px) scaleY(0);
	transform-origin: top;
	transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.4s ease;
	opacity: 0;
}

.main-nav ul.menu li:hover > .sub-menu {
	display: block;
	transform: translateY(0) scaleY(1);
	opacity: 1;
}

/* 主导航 → 子菜单：透明悬停桥，避免经过间隙时 :hover 断开 */
@media (min-width: 769px) {
	.main-nav ul.menu > li.menu-item-has-children::after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		height: 14px;
		z-index: 100049;
	}

	.main-nav ul.menu li .sub-menu::before {
		content: '';
		position: absolute;
		top: -14px;
		left: 0;
		width: 100%;
		height: 14px;
		background: transparent;
	}

	.main-nav ul.menu li .sub-menu {
		margin-top: 0;
	}

	.main-navigation:not(.toggled) ul.menu > li:hover > .sub-menu {
		pointer-events: auto;
	}
}

.sub-menu li a {
	padding: 0.8rem 1.5rem;
	white-space: nowrap;
	color: #fff;
	font-weight: 400;
}

.sub-menu li a:visited {
	color: #fff;
}

.sub-menu li a:hover {
	background-color: #d4237a;
	color: #ffffff;
}

/* ===========================================================
   D. Wabi 8 类 body 顶栏覆盖（白纸 + 琥珀底线 + 72px logo）
   把 header 锁成与 V1 设计稿（首页 C2 / 文章 W1 / 栏目 W2）完全一致的视觉
   =========================================================== */
body.page-id-11 .site-header,
body.page-slug-colibri-wp .site-header,
body.category .site-header,
body.archive .site-header,
body[class*="tax-"] .site-header,
body.single .site-header,
body.single-post .site-header,
body.search .site-header,
body.error404 .site-header {
	background: var(--ai-wabi-paper, #f3efe6) !important;
	border-bottom: 1px solid var(--ai-wabi-line, #d9cfc0) !important;
	box-shadow: none !important;
	padding: 24px 0 !important;
}

body.page-id-11 .site-header .inside-header,
body.page-slug-colibri-wp .site-header .inside-header,
body.category .site-header .inside-header,
body.archive .site-header .inside-header,
body[class*="tax-"] .site-header .inside-header,
body.single .site-header .inside-header,
body.single-post .site-header .inside-header,
body.search .site-header .inside-header,
body.error404 .site-header .inside-header {
	background: transparent !important;
	border: none !important;
	padding: 0 1.5rem !important;
	max-width: 1240px;
}

/* Wabi logo：72px 方形（与文章页一致，2026-07-25 V4） */
body.page-id-11 .site-header .header-image,
body.page-slug-colibri-wp .site-header .header-image,
body.category .site-header .header-image,
body.archive .site-header .header-image,
body[class*="tax-"] .site-header .header-image,
body.single .site-header .header-image,
body.single-post .site-header .header-image,
body.search .site-header .header-image,
body.error404 .site-header .header-image {
	border-radius: 0 !important;
	border: none !important;
	background: transparent !important;
	width: 72px !important;
	height: 72px !important;
	object-fit: cover;
}

/* Logo hover */
body.page-id-11 .site-header .site-logo a:hover .header-image,
body.page-slug-colibri-wp .site-header .site-logo a:hover .header-image,
body.category .site-header .site-logo a:hover .header-image,
body.archive .site-header .site-logo a:hover .header-image,
body[class*="tax-"] .site-header .site-logo a:hover .header-image,
body.single .site-header .site-logo a:hover .header-image,
body.single-post .site-header .site-logo a:hover .header-image,
body.search .site-header .site-logo a:hover .header-image,
body.error404 .site-header .site-logo a:hover .header-image {
	transform: rotate(360deg) scale(1.04);
}

/* 标题：衬线 600 · 22px（统一跨 8 body + error404，2026-09-23 v1.3 404 接入） */
body.page-id-11 .site-header .main-title a,
body.page-slug-colibri-wp .site-header .main-title a,
body.category .site-header .main-title a,
body.archive .site-header .main-title a,
body[class*="tax-"] .site-header .main-title a,
body.single .site-header .main-title a,
body.single-post .site-header .main-title a,
body.search .site-header .main-title a,
body.error404 .site-header .main-title a {
	font-family: "LXGW Neo ZhiSong", "Source Serif Pro", "SimSun", "NSimSun", "宋体", "Songti SC", Georgia, serif !important;
	color: var(--ai-wabi-ink, #2b2620) !important;
	font-weight: 600 !important;
	letter-spacing: .02em;
	text-shadow: none !important;
	font-size: 22px !important; /* 2026-09-23 统一：栏目页 20px → 22px */
}

/* 描述：衬线斜体 13px */
body.page-id-11 .site-header .site-description,
body.page-slug-colibri-wp .site-header .site-description,
body.category .site-header .site-description,
body.archive .site-header .site-description,
body[class*="tax-"] .site-header .site-description,
body.single .site-header .site-description,
body.single-post .site-header .site-description,
body.search .site-header .site-description,
body.error404 .site-header .site-description {
	color: var(--ai-wabi-muted, #6f655a) !important;
	font-family: "LXGW Neo ZhiSong", "Source Serif Pro", "SimSun", "NSimSun", "宋体", "Songti SC", Georgia, serif !important;
	font-style: italic;
	font-size: 13px !important;
	margin-top: 4px !important;
}

/* 主导航：CSS-only 下拉，悬停琥珀 */
body.page-id-11 .main-navigation .main-nav > ul.menu,
body.page-slug-colibri-wp .main-navigation .main-nav > ul.menu,
body.category .main-navigation .main-nav > ul.menu,
body.archive .main-navigation .main-nav > ul.menu,
body[class*="tax-"] .main-navigation .main-nav > ul.menu,
body.single .main-navigation .main-nav > ul.menu,
body.single-post .main-navigation .main-nav > ul.menu,
body.search .main-navigation .main-nav > ul.menu,
body.error404 .main-navigation .main-nav > ul.menu {
	background: transparent !important;
	gap: 0 !important;
}

body.page-id-11 .main-nav ul.menu > li,
body.page-slug-colibri-wp .main-nav ul.menu > li,
body.category .main-nav ul.menu > li,
body.archive .main-nav ul.menu > li,
body[class*="tax-"] .main-nav ul.menu > li,
body.single .main-nav ul.menu > li,
body.single-post .main-nav ul.menu > li,
body.search .main-nav ul.menu > li,
body.error404 .main-nav ul.menu > li {
	min-width: 0;
	position: relative;
}

body.page-id-11 .main-nav ul.menu > li > a,
body.page-slug-colibri-wp .main-nav ul.menu > li > a,
body.category .main-nav ul.menu > li > a,
body.archive .main-nav ul.menu > li > a,
body[class*="tax-"] .main-nav ul.menu > li > a,
body.single .main-nav ul.menu > li > a,
body.single-post .main-nav ul.menu > li > a,
body.search .main-nav ul.menu > li > a,
body.error404 .main-nav ul.menu > li > a {
	color: var(--ai-wabi-ink-2, #4a423a) !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	padding: 8px 14px !important;
	border-bottom: 1px solid transparent;
	transition: color .2s, border-color .2s;
}

/* 链接 hover / current / current-ancestor：琥珀 + 琥珀底线 */
body.page-id-11 .main-nav ul.menu > li > a:hover,
body.page-slug-colibri-wp .main-nav ul.menu > li > a:hover,
body.category .main-nav ul.menu > li > a:hover,
body.archive .main-nav ul.menu > li > a:hover,
body[class*="tax-"] .main-nav ul.menu > li > a:hover,
body.single .main-nav ul.menu > li > a:hover,
body.single-post .main-nav ul.menu > li > a:hover,
body.search .main-nav ul.menu > li > a:hover,
body.page-id-11 .main-nav ul.menu > li.current-menu-item > a,
body.page-slug-colibri-wp .main-nav ul.menu > li.current-menu-item > a,
body.category .main-nav ul.menu > li.current-menu-item > a,
body.archive .main-nav ul.menu > li.current-menu-item > a,
body[class*="tax-"] .main-nav ul.menu > li.current-menu-item > a,
body.single .main-nav ul.menu > li.current-menu-item > a,
body.single-post .main-nav ul.menu > li.current-menu-item > a,
body.search .main-nav ul.menu > li.current-menu-item > a,
body.category .main-nav ul.menu > li.current-menu-ancestor > a,
body.archive .main-nav ul.menu > li.current-menu-ancestor > a,
body[class*="tax-"] .main-nav ul.menu > li.current-menu-ancestor > a,
body.single .main-nav ul.menu > li.current-menu-ancestor > a,
body.single-post .main-nav ul.menu > li.current-menu-ancestor > a,
body.search .main-nav ul.menu > li.current-menu-ancestor > a,
body.error404 .main-nav ul.menu > li > a:hover,
body.error404 .main-nav ul.menu > li.current-menu-item > a,
body.error404 .main-nav ul.menu > li.current-menu-ancestor > a {
	color: var(--ai-wabi-amber, #b45309) !important;
	border-bottom-color: var(--ai-wabi-amber);
}

/* 子菜单：纸感 wabi（取代紫色 rgba(81,45,168,0.92)，2026-07-25） */
body.page-id-11 .main-nav ul.menu li .sub-menu,
body.page-slug-colibri-wp .main-nav ul.menu li .sub-menu,
body.category .main-nav ul.menu li .sub-menu,
body.archive .main-nav ul.menu li .sub-menu,
body[class*="tax-"] .main-nav ul.menu li .sub-menu,
body.single .main-nav ul.menu li .sub-menu,
body.single-post .main-nav ul.menu li .sub-menu,
body.search .main-nav ul.menu li .sub-menu,
body.error404 .main-nav ul.menu li .sub-menu {
	background: var(--ai-wabi-card, #fffcf7) !important;
	border: 1px solid var(--ai-wabi-line, #d9cfc0) !important;
	box-shadow: 0 12px 32px rgba(43, 38, 32, .12) !important;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border-radius: 2px !important;
	padding: 0.5rem 0 !important;
	min-width: 200px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px) scaleY(0);
	transform-origin: top;
	transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.4s ease, visibility 0s linear 0.4s;
}

body.page-id-11 .main-nav ul.menu li:hover > .sub-menu,
body.page-slug-colibri-wp .main-nav ul.menu li:hover > .sub-menu,
body.category .main-nav ul.menu li:hover > .sub-menu,
body.archive .main-nav ul.menu li:hover > .sub-menu,
body[class*="tax-"] .main-nav ul.menu li:hover > .sub-menu,
body.single .main-nav ul.menu li:hover > .sub-menu,
body.single-post .main-nav ul.menu li:hover > .sub-menu,
body.search .main-nav ul.menu li:hover > .sub-menu,
body.error404 .main-nav ul.menu li:hover > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0) scaleY(1);
	transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.4s ease, visibility 0s;
}

body.page-id-11 .main-nav ul.menu li .sub-menu a,
body.page-slug-colibri-wp .main-nav ul.menu li .sub-menu a,
body.category .main-nav ul.menu li .sub-menu a,
body.archive .main-nav ul.menu li .sub-menu a,
body[class*="tax-"] .main-nav ul.menu li .sub-menu a,
body.single .main-nav ul.menu li .sub-menu a,
body.single-post .main-nav ul.menu li .sub-menu a,
body.search .main-nav ul.menu li .sub-menu a,
body.error404 .main-nav ul.menu li .sub-menu a {
	color: var(--ai-wabi-ink, #2b2620) !important;
	background: transparent !important;
	padding: 0.7rem 1.4rem !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	font-family: "LXGW Neo ZhiSong", "Source Serif Pro", "SimSun", "NSimSun", "宋体", serif !important;
	white-space: nowrap;
	transition: background .15s ease, color .15s ease;
}

body.page-id-11 .main-nav ul.menu li .sub-menu a:hover,
body.page-slug-colibri-wp .main-nav ul.menu li .sub-menu a:hover,
body.category .main-nav ul.menu li .sub-menu a:hover,
body.archive .main-nav ul.menu li .sub-menu a:hover,
body[class*="tax-"] .main-nav ul.menu li .sub-menu a:hover,
body.single .main-nav ul.menu li .sub-menu a:hover,
body.single-post .main-nav ul.menu li .sub-menu a:hover,
body.search .main-nav ul.menu li .sub-menu a:hover,
body.error404 .main-nav ul.menu li .sub-menu a:hover {
	background: var(--ai-wabi-amber-soft, rgba(180, 83, 9, .08)) !important;
	color: var(--ai-wabi-amber, #b45309) !important;
}

/* 隐藏父主题粉色下划线（.sub-menu::after 由子主题控制） */
body.page-id-11 .main-nav ul.menu li > a::after,
body.page-slug-colibri-wp .main-nav ul.menu li > a::after,
body.category .main-nav ul.menu li > a::after,
body.archive .main-nav ul.menu li > a::after,
body[class*="tax-"] .main-nav ul.menu li > a::after,
body.single .main-nav ul.menu li > a::after,
body.single-post .main-nav ul.menu li > a::after,
body.search .main-nav ul.menu li > a::after,
body.error404 .main-nav ul.menu li > a::after {
	display: none !important;
}

/* 移动端菜单切换按钮：墨色（白纸 header 上的可访问颜色，2026-07-25 → 2026-09-23 迁入此处） */
body.page-id-11 .menu-toggle,
body.page-slug-colibri-wp .menu-toggle,
body.category .menu-toggle,
body.archive .menu-toggle,
body[class*="tax-"] .menu-toggle,
body.single .menu-toggle,
body.single-post .menu-toggle,
body.search .menu-toggle,
body.page-id-11 .menu-toggle .gp-icon svg,
body.page-slug-colibri-wp .menu-toggle .gp-icon svg,
body.category .menu-toggle .gp-icon svg,
body.archive .menu-toggle .gp-icon svg,
body[class*="tax-"] .menu-toggle .gp-icon svg,
body.single .menu-toggle .gp-icon svg,
body.single-post .menu-toggle .gp-icon svg,
body.search .menu-toggle .gp-icon svg,
body.error404 .menu-toggle,
body.error404 .menu-toggle .gp-icon svg {
	color: var(--ai-wabi-ink, #2b2620) !important;
}

/* ===========================================================
   E. 769px+ 大屏：横排整齐
   - Logo 与标题垂直居中
   - 导航底边与文字区底边对齐（margin-bottom = (90 - 22*1.5)/2）
   =========================================================== */
@media (min-width: 769px) {
	.site-header .site-branding {
		--aiec-brand-text-h: 3.35rem;
	}

	.site-header .inside-header.grid-container {
		align-items: center;
		flex-wrap: nowrap;
		justify-content: space-between;
		row-gap: 0.55rem;
	}

	.site-header .site-branding-container {
		align-items: center;
		flex-shrink: 0;
	}

	.site-header .site-branding .main-title,
	.site-header .site-branding .main-title a,
	.site-header .site-description {
		white-space: nowrap;
	}

	.site-header #site-navigation {
		align-self: flex-end;
		flex-shrink: 0;
		margin-bottom: calc((90px - var(--aiec-brand-text-h, 3.35rem)) / 2);
	}

	.site-header #site-navigation .inside-navigation {
		display: flex;
		align-items: flex-end;
	}

	.site-header .main-navigation {
		align-items: flex-end;
	}

	.site-header .main-nav ul.menu {
		flex-wrap: nowrap;
		align-items: flex-end;
	}

	@media (min-width: 1240px) {
		.site-header .inside-header.grid-container {
			flex-wrap: nowrap;
		}

		.site-header #site-navigation {
			flex: 0 1 auto;
			width: auto;
			max-width: none;
		}
	}
}

/* ===========================================================
   F. 769–1239px 窄屏桌面：双行顶栏（紧凑、缩小 Logo/标题、导航单行居中）
   =========================================================== */
@media (min-width: 769px) and (max-width: 1239px) {
	.site-header,
	#masthead.site-header {
		padding: 0.55rem 0 !important;
		box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
	}

	.site-header .inside-header.grid-container {
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		row-gap: 0.2rem;
		padding: 0 1rem;
		max-width: 100%;
	}

	.site-header .site-branding-container {
		flex: 0 0 auto;
		width: 100%;
		max-width: 100%;
		justify-content: flex-start;
		gap: 0.45rem;
	}

	.site-header .header-image {
		width: 62px !important;
		height: 62px !important;
	}

	.site-header .main-title {
		margin: 0;
		line-height: 1.15;
	}

	.site-header .main-title a {
		font-size: 1.08rem !important;
		font-weight: 600;
		letter-spacing: 0.02em;
		line-height: 1.15;
	}

	.site-header .site-description {
		font-size: 0.8125rem !important;
		margin-top: 1px !important;
		line-height: 1.25;
		opacity: 0.92;
	}

	.site-header,
	#masthead.site-header {
		overflow: visible !important;
	}

	.site-header .inside-header.grid-container {
		overflow: visible;
	}

	.site-header #site-navigation {
		order: 10;
		flex: 0 0 100%;
		width: 100%;
		max-width: 100%;
		margin: 0 !important;
		padding: 0;
		align-self: center;
		overflow: visible;
	}

	.site-header #site-navigation .inside-navigation {
		justify-content: center;
		width: 100%;
		max-width: 100%;
		padding: 0;
		overflow: visible;
	}

	.site-header .main-navigation {
		width: 100%;
		max-width: 100%;
		justify-content: center;
		padding: 0;
		margin: 0;
		overflow: visible;
	}

	/* 不用 overflow 裁剪，否则下拉子菜单无法显示 */
	.site-header .main-nav {
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0;
		overflow: visible;
	}

	.site-header .main-nav ul.menu {
		position: relative;
		width: max-content;
		max-width: 100%;
		margin: 0 auto;
		padding: 0;
		gap: 0.05rem;
		flex-wrap: nowrap;
		justify-content: center;
		overflow: visible;
	}

	.site-header .main-nav ul.menu > li {
		position: relative;
		min-width: 0;
		flex: 0 0 auto;
	}

	/*
	 * 子菜单向下浮动展开（absolute，不占文档流，不推开下方正文）。
	 * 覆盖 GP 默认 height:0/overflow:hidden 导致的显示不全。
	 */
	/* 主导航与子菜单之间的透明悬停桥，避免移入时菜单消失 */
	.site-header .main-nav ul.menu > li.menu-item-has-children::after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		height: 14px;
		z-index: 100049;
	}

	.site-header .main-navigation:not(.toggled) ul.menu ul.sub-menu,
	.site-header .main-nav ul.menu > li > .sub-menu {
		position: absolute !important;
		top: 100% !important;
		bottom: auto !important;
		left: 0;
		right: auto;
		margin-top: 0;
		height: auto !important;
		min-width: 200px;
		z-index: 100050;
		pointer-events: none;
		transform: translateY(0) scaleY(0.96);
		transform-origin: top center;
	}

	.site-header .main-nav ul.menu > li > .sub-menu::before {
		content: '';
		position: absolute;
		top: -14px;
		left: 0;
		width: 100%;
		height: 14px;
		background: transparent;
	}

	.site-header .main-navigation:not(.toggled) ul.menu > li:hover > ul,
	.site-header .main-navigation:not(.toggled) ul.menu > li.sfHover > ul,
	.site-header .main-nav ul.menu > li:hover > .sub-menu {
		display: block !important;
		height: auto !important;
		overflow: hidden !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		transform: translateY(0) scaleY(1) !important;
	}

	/* 右侧栏目（含「我的导航」）：下拉右对齐，避免撑出横向滚动 */
	.site-header .main-nav ul.menu > li:nth-last-child(-n+3) > .sub-menu {
		left: auto !important;
		right: 0;
		transform-origin: top right;
	}

	.site-header .main-nav ul.menu > li > a {
		padding: 0.12rem 0.5rem;
		font-size: 0.875rem;
		font-weight: 600;
		line-height: 1.35 !important;
		white-space: nowrap;
	}

	.site-header .main-navigation .main-nav ul li a::after {
		bottom: 0;
		left: 0.5rem;
		height: 1.5px;
	}

	.site-header .main-nav ul.menu > li > a:hover::after {
		width: calc(100% - 1rem);
	}
}

/* ===========================================================
   G. body.error404 纸感化（2026-09-23 v1.3 新增）

   让「页面未找到」也继承 wabi 主题，与首页 / 栏目 / 文章页视觉一致：
     - body 底色 = 纸感米色（覆盖父主题 #f7f8f9）
     - 链接色 = 墨色（覆盖父主题 #1e73be 蓝链）
     - 文章卡 = 透明（让 body 米色透出，覆盖父主题 #ffffff 白卡）
     - 404 标题 h1.entry-title = 衬线墨色 2.2rem（与 .page-title / .entry-title 一致）
     - 搜索框 = 米色 + 琥珀按钮（覆盖父主题深灰按钮）
     - sidebar widget = wabi 卡片（依赖 aicc-sidebar-shared.css 由 inc-aiec-category-sidebar.php is_404 触发加载）

   父主题 inline CSS 在 error404 上覆盖（specificity ~0,0,1,0）的样式，全部用 !important 压制。
   =========================================================== */
html body.error404 {
	background: var(--ai-wabi-paper, #f3efe6) !important;
	color: var(--ai-wabi-ink, #2b2620) !important;
	font-family: "LXGW Neo ZhiSong", "Source Serif Pro", "SimSun", "NSimSun", "宋体", "Songti SC", Georgia, serif !important;
}

html body.error404 a {
	color: var(--ai-wabi-ink-2, #4a423a) !important;
	text-decoration: none !important;
}
html body.error404 a:hover,
html body.error404 a:focus,
html body.error404 a:active {
	color: var(--ai-wabi-amber, #b45309) !important;
}

html body.error404 .site-header {
	background-color: transparent !important;
}
html body.error404 .main-navigation,
html body.error404 .main-navigation ul ul {
	background-color: transparent !important;
}
html body.error404 .main-title a,
html body.error404 .main-title a:hover {
	color: var(--ai-wabi-ink, #2b2620) !important;
}

/* 404 内容卡片：纸感米色 + 1px amber 描边 + 顶 3px 琥珀色块（与文章页 .note-content-container 一致） */
html body.error404 .inside-article,
html body.error404.separate-containers .inside-article,
html body.error404 .separate-containers .inside-article {
	background: var(--ai-wabi-card, #fffcf7) !important;
	background-color: var(--ai-wabi-card, #fffcf7) !important;
	border: 1px solid var(--ai-wabi-line, #d9cfc0) !important;
	border-top: 3px solid var(--ai-wabi-amber, #b45309) !important;
	border-radius: 2px !important;
	box-shadow: 0 4px 16px rgba(43, 38, 32, .08) !important;
	padding: 28px 32px 32px !important;
	margin: 0 0 1.5rem !important;
}

/* 404 标题 h1.entry-title = 衬线墨色 2.2rem（与栏目页 .page-title 一致） */
html body.error404 h1.entry-title {
	font-family: "LXGW Neo ZhiSong", "Source Serif Pro", "SimSun", "NSimSun", "宋体", "Songti SC", Georgia, serif !important;
	font-size: 2.2rem !important;
	font-weight: 600 !important;
	color: var(--ai-wabi-ink, #2b2620) !important;
	letter-spacing: .01em;
	line-height: 1.3 !important;
	margin: 0 0 14px !important;
	padding: 0 !important;
	background: transparent !important;
}

/* 404 entry-header：底边 1px 琥珀虚线 + 顶距控制（与栏目页 .page-header 一致） */
html body.error404 .entry-header {
	border-bottom: 1px solid var(--ai-wabi-line-2, #e8e1d2) !important;
	margin-bottom: 20px !important;
	padding-bottom: 14px !important;
}

/* 404 内容文本：衬线墨色 17px（与正文段节奏一致） */
html body.error404 .entry-content {
	font-family: "LXGW Neo ZhiSong", "Source Serif Pro", "SimSun", "NSimSun", "宋体", "Songti SC", Georgia, serif !important;
	font-size: 17px !important;
	line-height: 1.95 !important;
	color: var(--ai-wabi-ink, #2b2620) !important;
	background: transparent !important;
}
html body.error404 .entry-content p {
	margin: 0 0 1em !important;
	color: var(--ai-wabi-ink-2, #4a423a) !important;
}

/* 404 搜索表单容器（form.search-form）：flex 横排 */
html body.error404 form.search-form {
	display: flex !important;
	align-items: stretch !important;
	gap: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	max-width: 480px !important;
}
html body.error404 form.search-form label {
	flex: 1 1 auto !important;
	margin: 0 !important;
	padding: 0 !important;
}
html body.error404 form.search-form label .screen-reader-text {
	display: none !important;
}
html body.error404 form.search-form input[type="search"].search-field {
	flex: 1 1 auto !important;
	width: 100% !important;
	min-width: 0 !important;
	padding: 12px 14px !important;
	background-color: #fffaf0 !important;
	border: 1px solid var(--ai-wabi-line, #d9cfc0) !important;
	border-right: none !important;
	border-radius: 2px 0 0 2px !important;
	color: var(--ai-wabi-ink, #2b2620) !important;
	font-family: "LXGW Neo ZhiSong", "Source Serif Pro", "SimSun", "NSimSun", "宋体", serif !important;
	font-size: 15px !important;
	line-height: 1.5 !important;
}

/* 404 搜索框：米色 input + 琥珀按钮（覆盖父主题 #55555e 深灰） */
html body.error404 input[type="search"],
html body.error404 input[type="text"] {
	background-color: var(--ai-wabi-card, #fffcf7) !important;
	border: 1px solid var(--ai-wabi-line, #d9cfc0) !important;
	color: var(--ai-wabi-ink, #2b2620) !important;
}
html body.error404 button.search-submit,
html body.error404 input[type="submit"] {
	background-color: var(--ai-wabi-amber, #b45309) !important;
	color: #fffcf7 !important;
	border: 1px solid var(--ai-wabi-amber, #b45309) !important;
	border-radius: 0 2px 2px 0 !important;
	padding: 12px 18px !important;
	font-family: "LXGW Neo ZhiSong", "Source Serif Pro", "SimSun", "NSimSun", "宋体", serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
html body.error404 button.search-submit:hover,
html body.error404 input[type="submit"]:hover {
	background-color: var(--ai-wabi-amber-2, #d97706) !important;
	border-color: var(--ai-wabi-amber-2, #d97706) !important;
}

/* 404 侧栏：依赖 aicc-sidebar-shared.css（由 inc-aiec-category-sidebar.php is_404 触发加载）。
   兜底规则：覆盖父主题默认 widget 白卡 + 蓝标题。
   加 amber 顶条 + box-shadow 让侧栏在窄屏（DevTools 打开或移动端）下移到内容下方时仍有清晰边界 */
html body.error404 .sidebar .widget {
	background-color: var(--ai-wabi-card, #fffcf7) !important;
	border: 1px solid var(--ai-wabi-line, #d9cfc0) !important;
	border-top: 3px solid var(--ai-wabi-amber, #b45309) !important;
	box-shadow: 0 4px 12px rgba(43, 38, 32, .08) !important;
	padding: 0 !important;
	margin-bottom: 1.5rem !important;
}
html body.error404 .sidebar .widget-title,
html body.error404 .sidebar h2.widget-title {
	color: var(--ai-wabi-ink, #2b2620) !important;
	background: transparent !important;
}

/* 404 侧栏容器：让 widget 在窄屏下移到内容下方时仍清晰可见 */
html body.error404 #right-sidebar,
html body.error404 .widget-area.sidebar {
	background: transparent !important;
	padding: 1rem 0 !important;
}
html body.error404 .inside-right-sidebar {
	background: transparent !important;
	padding: 0 !important;
}

/* 404 移动端（< 768px）布局调整：侧栏放内容下方时不被父主题压缩 */
@media (max-width: 768px) {
	html body.error404 .site-content .content-area,
	html body.error404 .content-area {
		width: 100% !important;
		margin-bottom: 2rem !important;
	}
	html body.error404 .widget-area.sidebar,
	html body.error404 #right-sidebar {
		width: 100% !important;
		float: none !important;
		margin-top: 1rem !important;
		padding: 0 !important;
	}
	html body.error404 .sidebar .widget {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

/* 404 侧栏 · About me 卡片：覆盖 widget 自带的 inline <style>（白底 + 蓝标题 #007bff）
   高特异性 (html body.error404 #right-sidebar aside.widget .X) 压过内联 style */
html body.error404 #right-sidebar aside.widget .my-blog-profile-card,
html body.error404 #right-sidebar aside#block-20 .my-blog-profile-card,
html body.error404 #right-sidebar .my-blog-profile-card {
	background-color: transparent !important;
	background-image: none !important;
	color: var(--ai-wabi-ink-2, #4a423a) !important;
	text-align: left !important;
	line-height: 1.7 !important;
	padding: 0 28px 14px 0 !important;
	margin: 0 !important;
}

html body.error404 #right-sidebar h2.my-blog-profile-title,
html body.error404 #right-sidebar aside#block-20 h2.my-blog-profile-title {
	color: var(--ai-wabi-ink, #2b2620) !important;
	background: transparent !important;
	background-color: transparent !important;
	font-family: "LXGW Neo ZhiSong", "Source Serif Pro", "SimSun", "NSimSun", "宋体", Georgia, serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	letter-spacing: .04em !important;
	text-align: left !important;
	padding: 10px 28px 12px !important;
	margin: 0 0 8px 0 !important;
	border: none !important;
	border-bottom: 1px dotted var(--ai-wabi-line, #d9cfc0) !important;
}

html body.error404 #right-sidebar .my-blog-profile-content,
html body.error404 #right-sidebar .my-blog-profile-content p {
	color: var(--ai-wabi-ink-2, #4a423a) !important;
	font-family: "LXGW Neo ZhiSong", "Source Serif Pro", "SimSun", "NSimSun", "宋体", Georgia, serif !important;
	font-size: 13.5px !important;
	line-height: 1.7 !important;
	margin: 0 0 0 28px !important;
	padding: 0 !important;
}

/* 404 侧栏 · 搜索 widget：米色 input + 琥珀按钮（覆盖父主题深灰按钮 + 蓝搜索标题） */
html body.error404 #right-sidebar .widget.widget_search .wp-block-search__label,
html body.error404 #right-sidebar aside#block-12 .wp-block-search__label {
	display: block !important;
	flex: 0 0 100% !important;
	max-width: 100% !important;
	width: 100% !important;
	padding: 10px 0 6px !important;
	margin: 0 !important;
	color: var(--ai-wabi-ink, #2b2620) !important;
	background: transparent !important;
	background-color: transparent !important;
	font-family: "LXGW Neo ZhiSong", "Source Serif Pro", "SimSun", "NSimSun", "宋体", serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	letter-spacing: .04em !important;
	text-align: left !important;
	white-space: nowrap !important;
	border-bottom: 1px dotted var(--ai-wabi-line, #d9cfc0) !important;
}

html body.error404 #right-sidebar .wp-block-search__inside-wrapper,
html body.error404 #right-sidebar aside#block-12 .wp-block-search__inside-wrapper {
	background-color: var(--ai-wabi-card, #fffcf7) !important;
	border: 1px solid var(--ai-wabi-line, #d9cfc0) !important;
	border-radius: 2px !important;
	padding: 0 !important;
	margin: 0 0 0 28px !important;
	gap: 0 !important;
}

html body.error404 #right-sidebar .wp-block-search__input,
html body.error404 #right-sidebar aside#block-12 .wp-block-search__input {
	background: transparent !important;
	color: var(--ai-wabi-ink, #2b2620) !important;
	border: none !important;
	font-family: "LXGW Neo ZhiSong", "Source Serif Pro", "SimSun", "NSimSun", "宋体", serif !important;
	font-size: 13.5px !important;
}

html body.error404 #right-sidebar .wp-block-search__button,
html body.error404 #right-sidebar aside#block-12 .wp-block-search__button {
	background-color: var(--ai-wabi-amber, #b45309) !important;
	color: #fffcf7 !important;
	border: none !important;
	font-family: "LXGW Neo ZhiSong", "Source Serif Pro", "SimSun", "NSimSun", "宋体", serif !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	border-radius: 2px !important;
}
html body.error404 #right-sidebar .wp-block-search__button:hover,
html body.error404 #right-sidebar aside#block-12 .wp-block-search__button:hover {
	background-color: var(--ai-wabi-amber-2, #d97706) !important;
}

/* 404 侧栏 · 总文章数（block-29） */
html body.error404 #right-sidebar .aiec-total-posts,
html body.error404 #right-sidebar aside#block-29 .aiec-total-posts {
	color: var(--ai-wabi-ink-2, #4a423a) !important;
	font-family: "LXGW Neo ZhiSong", "Source Serif Pro", "SimSun", "NSimSun", "宋体", serif !important;
	font-size: 13.5px !important;
	font-style: italic !important;
	padding: 10px 28px 12px !important;
	margin: 0 !important;
	line-height: 1.7;
}
html body.error404 #right-sidebar .aiec-total-posts .total-posts-count,
html body.error404 #right-sidebar aside#block-29 .total-posts-count {
	color: var(--ai-wabi-amber, #b45309) !important;
	font-weight: 600 !important;
	font-style: normal;
}

/* 404 侧栏 · 热门阅读（block-28 / jetpack-top-posts） */
html body.error404 #right-sidebar .jetpack-top-posts,
html body.error404 #right-sidebar aside#block-28 .jetpack-top-posts {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 10px 28px 12px !important;
	margin: 0 !important;
	font-family: "LXGW Neo ZhiSong", "Source Serif Pro", "SimSun", "NSimSun", "宋体", serif !important;
}
html body.error404 #right-sidebar .jetpack-top-posts-title,
html body.error404 #right-sidebar aside#block-28 .jetpack-top-posts-title {
	color: var(--ai-wabi-ink-2, #4a423a) !important;
	font-family: "LXGW Neo ZhiSong", "Source Serif Pro", "SimSun", "NSimSun", "宋体", serif !important;
	font-size: 13.5px !important;
	line-height: 1.5 !important;
	padding: 4px 0 !important;
	border-bottom: none !important;
}
html body.error404 #right-sidebar .jetpack-top-posts-title a,
html body.error404 #right-sidebar aside#block-28 .jetpack-top-posts-title a {
	color: var(--ai-wabi-ink-2, #4a423a) !important;
	text-decoration: none !important;
	transition: color .15s ease;
}
html body.error404 #right-sidebar .jetpack-top-posts-title a:hover,
html body.error404 #right-sidebar aside#block-28 .jetpack-top-posts-title a:hover {
	color: var(--ai-wabi-amber, #b45309) !important;
}
