/**
 * zhanlan 主样式 — 补充组件样式；全站变量与大段基础规则在 header.php 之后的 #zhanlan-theme-palette（assets/css/zhanlan-theme-palette-head.css）。
 * 句柄：zhanlan-theme（inc/zhanlan-theme-assets.php），入队优先级 PHP_INT_MAX。
 */

/* 顶栏：与原型一致 */
.navbar,
.navbar-dark {
	background-color: var(--navbar-bg) !important;
	border-bottom: 1px solid var(--border-color);
}

.navbar .nav-link,
.navbar .navbar-brand {
	color: var(--text-color) !important;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
	color: var(--link-hover) !important;
}

.dropdown-menu {
	background-color: var(--card-bg);
	color: var(--text-color);
	border-color: var(--border-color);
}

.dropdown-item {
	color: var(--text-color);
}

.dropdown-item:hover,
.dropdown-item:focus {
	background-color: var(--link-hover);
	color: #000;
}

body.light-theme .dropdown-item:hover,
body.light-theme .dropdown-item:focus {
	color: #111;
}

.modal-content {
	background-color: var(--card-bg);
	color: var(--text-color);
	border-color: var(--border-color);
}

/* 以图搜图：防止其它全站样式把未打开的 .modal 显示在文档流中 */
.zhanlan-img-search-modal.modal.fade:not(.show) {
	display: none !important;
	pointer-events: none;
}

/* 顶栏 Logo：抵消 header 内全局 img{max-width:100%} 在较宽父级下把商标拉满一行 */
.navbar .navbar-brand {
	flex: 0 0 auto;
	width: auto;
	max-width: min(50vw, 280px);
}

.navbar .navbar-brand img {
	display: block;
	max-height: 40px !important;
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	object-fit: contain;
	flex-shrink: 0;
}

/* 桌面：主菜单相对整根顶栏行（.container-fluid）水平居中 */
@media (min-width: 992px) {
	.navbar.navbar-expand-lg > .container-fluid {
		position: relative;
	}

	.navbar.navbar-expand-lg #mainNavbar > ul.navbar-nav.mx-lg-auto {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		margin-left: 0 !important;
		margin-right: 0 !important;
		z-index: 2;
	}
}

/* 顶栏汉堡与三线图标：跟随亮暗主题，覆盖 Bootstrap 默认黑色图标 */
.zhanlan-top-navbar .navbar-toggler {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	color: var(--text-color);
	background-color: color-mix(in srgb, var(--card-bg) 78%, transparent);
	border: 1px solid color-mix(in srgb, var(--text-color) 34%, var(--border-color));
	border-radius: var(--border-radius-md, 0.375rem);
	box-shadow: 0 2px 10px color-mix(in srgb, #000 24%, transparent);
	transition: background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
}

.zhanlan-top-navbar .navbar-toggler:hover,
.zhanlan-top-navbar .navbar-toggler:focus {
	background-color: color-mix(in srgb, var(--text-color) 14%, var(--card-bg));
	border-color: color-mix(in srgb, var(--text-color) 58%, var(--border-color));
	box-shadow: 0 0 0 0.18rem color-mix(in srgb, var(--text-color) 16%, transparent);
}

.zhanlan-top-navbar .navbar-toggler:active {
	transform: translateY(1px);
}

.zhanlan-top-navbar .navbar-toggler:focus {
	outline: 0;
}

.zhanlan-top-navbar .navbar-toggler-icon {
	width: 1.35rem;
	height: 1.35rem;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.92)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
	filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.35));
}

body.light-theme .zhanlan-top-navbar .navbar-toggler {
	color: var(--text-color);
	background-color: color-mix(in srgb, #fff 88%, var(--card-bg));
	border-color: color-mix(in srgb, var(--text-color) 28%, var(--border-color));
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}

body.light-theme .zhanlan-top-navbar .navbar-toggler:hover,
body.light-theme .zhanlan-top-navbar .navbar-toggler:focus {
	background-color: color-mix(in srgb, var(--text-color) 8%, #fff);
	border-color: color-mix(in srgb, var(--text-color) 46%, var(--border-color));
	box-shadow: 0 0 0 0.18rem color-mix(in srgb, var(--text-color) 12%, transparent);
}

body.light-theme .zhanlan-top-navbar .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(17,17,17,0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
	filter: none;
}

.btn-outline-light {
	border-color: var(--border-color);
	color: var(--text-color);
}

.btn-outline-light:hover {
	background-color: var(--link-hover);
	color: #000;
}

/* 轮播箭头：全局反色（#adCarousel 在 header / theme 内单独覆盖以配合亮暗） */
.carousel-control-prev-icon,
.carousel-control-next-icon {
	filter: invert(1);
}

body.light-theme .carousel-control-prev-icon,
body.light-theme .carousel-control-next-icon {
	filter: invert(0);
}

/* 搜索框（template-parts/zhanlan-global-search.php 使用 .search-box） */
.search-box {
	background-color: var(--card-bg);
	border: 1px solid var(--border-color);
	color: var(--text-color);
}

.search-box:focus {
	background-color: var(--card-bg);
	color: var(--text-color);
	border-color: #888;
	box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.1);
}

body.light-theme .search-box:focus {
	box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
}

/* 满屏区块左右 10px（index.html 内联 padding 的替代） */
.zhanlan-layout-gutter {
	padding-left: 10px;
	padding-right: 10px;
}

/* 首页模型区标题 */
.zhanlan-home-models__title {
	color: var(--text-color);
}

/* Bootstrap 宫格 + 原型卡片悬停（index.html .model-grid） */
.model-grid .card {
	background-color: var(--card-bg);
	border: none;
	transition: transform 0.2s;
}

.model-grid .card:hover {
	transform: scale(1.02);
	z-index: 2;
}

.model-thumb {
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 6px;
	width: 100%;
	display: block;
}

/* 视频缩略图：与卡片内图片同样铺满 1:1 区，contain 勿裁切画面（覆盖 .model-thumb 的 cover） */
.zhanlan-home-model-card__media video.model-thumb.zl-router-gallery-thumb {
	aspect-ratio: auto !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none;
	object-fit: contain !important;
	object-position: center !important;
	background: #000;
}

/* Plyr 包裹后由 .plyr 占格；嵌套 video 须受列宽约束（与 palette-head 一致，防未加载调色板子表时溢出） */
.zhanlan-home-model-card__media .plyr .plyr__video-wrapper video.model-thumb.zl-router-gallery-thumb {
	max-width: 100% !important;
}

/* 主题卡片：缩略图 + 底部标题条（WordPress 模板） */
.zhanlan-home-model-card {
	position: relative;
}

.zhanlan-home-model-card__link {
	text-decoration: none;
	color: inherit;
}

.zhanlan-home-model-card__media {
	position: relative;
	border-radius: 6px;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	background: var(--card-bg);
}

.zhanlan-home-model-card__media .model-thumb {
	border-radius: 0;
	height: 100%;
}

.zhanlan-home-model-card__title {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0.5rem 0.65rem;
	font-size: 0.875rem;
	line-height: 1.25;
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.75));
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.light-theme .zhanlan-home-model-card__title {
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.55));
}

.zhanlan-home-model-card:hover .zhanlan-home-model-card__media {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

body.light-theme .zhanlan-home-model-card:hover .zhanlan-home-model-card__media {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

/* 课程归档卡片：缩略图右上角价格类型角标 */
.zhanlan-home-model-card__media .zhanlan-lp-loop-price-badge,
.zhanlan-lp-archive-course-card .zhanlan-lp-loop-price-badge {
	position: absolute;
	top: 0.45rem;
	right: 0.45rem;
	z-index: 2;
	max-width: calc(100% - 0.9rem);
	font-size: 0.6875rem;
	font-weight: 700;
	line-height: 1.2;
	padding: 0.2rem 0.42rem;
	border-radius: 4px;
	pointer-events: none;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.35);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.zhanlan-lp-loop-price-badge--free {
	background: var(--success-color, #28a745);
	color: #fff;
}

.zhanlan-lp-loop-price-badge--paid {
	background: var(--danger-color, #dc3545);
	color: #fff;
}

.zhanlan-lp-loop-price-badge--credits {
	background: rgba(0, 0, 0, 0.68);
	color: #f5f5f5;
}

.zhanlan-lp-loop-price-badge--vip-free {
	background: linear-gradient(135deg, rgba(111, 66, 193, 0.92), rgba(214, 51, 132, 0.9));
	color: #fff;
}

.zhanlan-lp-loop-price-badge--paid-vip {
	background: linear-gradient(135deg, var(--danger-color, #dc3545) 0%, #6f42c1 100%);
	color: #fff;
}

body.light-theme .zhanlan-lp-loop-price-badge--free {
	color: #fff;
}

body.light-theme .zhanlan-lp-loop-price-badge--paid,
body.light-theme .zhanlan-lp-loop-price-badge--vip-free,
body.light-theme .zhanlan-lp-loop-price-badge--paid-vip {
	color: #fff;
}

body.light-theme .zhanlan-lp-loop-price-badge--credits {
	background: rgba(255, 255, 255, 0.92);
	color: #141414;
}

/* 概览内若出现第二套课程全页/课表（来自正文区块渲染），隐藏之 */
.course-tab-panel-overview #lp-single-course,
.course-tab-panel-overview .course-learning-summary,
.course-tab-panel-overview .learn-press-course-results-progress,
.course-tab-panel-overview #learn-press-course,
.course-tab-panel-overview #learn-press-course-tabs {
	display: none !important;
}

/* 课程按钮：使用主题变量，随亮/暗主题切换，不再走 Bootstrap 蓝色或固定红色 */
.zhanlan-lp-main .btn.zhanlan-lp-theme-btn-accent,
.zhanlan-lp-main form.zhanlan-lp-credits-purchase .lp-button.zhanlan-lp-theme-btn-accent {
	--bs-btn-color: var(--zhanlan-ctrl-active-color, var(--card-bg));
	--bs-btn-bg: var(--zhanlan-ctrl-active-bg, var(--text-color));
	--bs-btn-border-color: rgba(148, 163, 184, 0.72);
	--bs-btn-hover-color: var(--zhanlan-ctrl-active-color, var(--card-bg));
	--bs-btn-hover-bg: var(--zhanlan-ctrl-active-bg, var(--text-color));
	--bs-btn-hover-border-color: rgba(203, 213, 225, 0.9);
	--bs-btn-active-color: var(--zhanlan-ctrl-active-color, var(--card-bg));
	--bs-btn-active-bg: var(--zhanlan-ctrl-active-bg, var(--text-color));
	--bs-btn-active-border-color: rgba(203, 213, 225, 0.95);
	background-color: var(--bs-btn-bg);
	border: 1px solid var(--bs-btn-border-color) !important;
	border-radius: 999px !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12), 0 1px 2px rgba(15, 23, 42, 0.18);
	color: var(--bs-btn-color);
	font-weight: 600;
	padding: 0.55rem 1rem;
}
.zhanlan-lp-main .btn.zhanlan-lp-theme-btn-accent:hover,
.zhanlan-lp-main .btn.zhanlan-lp-theme-btn-accent:focus-visible,
.zhanlan-lp-main form.zhanlan-lp-credits-purchase .lp-button.zhanlan-lp-theme-btn-accent:hover,
.zhanlan-lp-main form.zhanlan-lp-credits-purchase .lp-button.zhanlan-lp-theme-btn-accent:focus-visible {
	filter: brightness(1.08);
	color: var(--bs-btn-hover-color);
}
.zhanlan-lp-main .btn.zhanlan-lp-theme-btn-outline {
	--bs-btn-color: var(--text-color);
	--bs-btn-bg: transparent;
	--bs-btn-border-color: rgba(148, 163, 184, 0.72);
	--bs-btn-hover-color: var(--text-color);
	--bs-btn-hover-bg: rgba(var(--primary-color-rgb), 0.14);
	--bs-btn-hover-border-color: rgba(203, 213, 225, 0.9);
	background-color: transparent;
	border: 1px solid var(--bs-btn-border-color) !important;
	border-radius: 999px !important;
	box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.18);
	color: var(--bs-btn-color);
	font-weight: 500;
	padding: 0.55rem 1rem;
}
.zhanlan-lp-main .btn.zhanlan-lp-theme-btn-outline:hover,
.zhanlan-lp-main .btn.zhanlan-lp-theme-btn-outline:focus-visible {
	background-color: var(--bs-btn-hover-bg);
	border-color: var(--bs-btn-hover-border-color);
	color: var(--bs-btn-hover-color);
}

/* 页脚视频区（footer.php .footer-video-bg） */
.footer-video-bg {
	position: relative;
	background-color: #000;
	min-height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-top: 1px solid var(--border-color);
}

.footer-video-bg video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	transform: translate(-50%, -50%);
	z-index: 0;
	opacity: 0.4;
	pointer-events: none;
}

.footer-content {
	position: relative;
	z-index: 1;
	text-align: center;
	color: #fff;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
	width: 100%;
}

body.light-theme .footer-content {
	color: #111;
	text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}

/* 头像 */
.user-avatar {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background-color: #6c757d;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: bold;
	overflow: hidden;
}

.user-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 三级下拉示意（与 index.html 一致） */
.dropdown-submenu {
	position: relative;
	left: 100%;
	top: -38px;
	background-color: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: 6px;
	display: none;
}

.dropdown-item:hover + .dropdown-submenu,
.dropdown-submenu:hover {
	display: block;
}

/* 首页轮播：宽度通栏；高度由 #hero-carousel 内联 --zhanlan-hero-slide-height 绑定后台「幻灯片高度」；全屏 class .hero-fullscreen 绑定满屏 */
#hero-carousel.zhanlan-hero-carousel,
#hero-carousel.zhanlan-hero-carousel #adCarousel {
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#hero-carousel.zhanlan-hero-carousel {
	--zhanlan-hero-slide-height: 400px;
}

#hero-carousel .carousel-inner,
#adCarousel .carousel-inner {
	width: 100%;
	max-width: 100%;
	background: var(--card-bg, #111);
	overflow: hidden;
}

#adCarousel .carousel-item {
	width: 100%;
	max-width: 100%;
}

#adCarousel .zhanlan-hero-slide-frame {
	position: relative;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	flex-shrink: 0;
	background: color-mix(in srgb, var(--text-color) 5%, var(--card-bg));
	height: var(--zhanlan-hero-slide-height, 400px);
	min-height: 0;
}

/*
 * 幻灯片图片：铺满画框再 object-fit:contain，可在任意视口宽度下放大（不受 img 上 width="1200" 固有尺寸限制）。
 * HTML 的 width/height 仅作比例提示，避免布局抖动；实际占位由本规则 100% 决定。
 */
#adCarousel .zhanlan-hero-slide-img {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	margin: 0;
}

#adCarousel .zhanlan-hero-slide-link {
	position: absolute;
	inset: 0;
	z-index: 2;
}

/* 单帧轮播：过渡中的 next/prev 仍由 Bootstrap 加类，其余强制隐藏 */
#adCarousel .carousel-item:not(.active):not(.carousel-item-next):not(.carousel-item-prev) {
	display: none !important;
}

#adCarousel .carousel-control-prev,
#adCarousel .carousel-control-next {
	width: min(12%, 3rem);
	min-width: 2.5rem;
	height: 3rem;
	top: 50%;
	bottom: auto;
	transform: translateY(-50%);
	opacity: 1;
	border-radius: var(--border-radius-md, 0.375rem);
	background: color-mix(in srgb, var(--card-bg) 58%, transparent);
	border: 1px solid color-mix(in srgb, var(--border-color) 50%, transparent);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

#adCarousel .carousel-control-prev:hover,
#adCarousel .carousel-control-next:hover,
#adCarousel .carousel-control-prev:focus-visible,
#adCarousel .carousel-control-next:focus-visible {
	opacity: 1;
	background: color-mix(in srgb, var(--card-bg) 78%, transparent);
	border-color: var(--border-color);
}

/* 首页轮播箭头图标：暗主题为浅色箭头；亮主题为深色箭头 */
#adCarousel .carousel-control-prev-icon,
#adCarousel .carousel-control-next-icon {
	filter: none;
	opacity: 0.95;
}

body.light-theme #adCarousel .carousel-control-prev-icon,
body.light-theme #adCarousel .carousel-control-next-icon {
	filter: brightness(0) saturate(100%);
	opacity: 0.78;
}

#adCarousel .carousel-indicators [data-bs-target] {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-left: 5px;
	margin-right: 5px;
	background-color: color-mix(in srgb, var(--text-color) 28%, transparent);
	border: 1px solid color-mix(in srgb, var(--border-color) 45%, transparent);
}

#adCarousel .carousel-indicators .active {
	background-color: color-mix(in srgb, var(--text-color) 88%, transparent);
	border-color: var(--border-color);
}

/* 幻灯片文案：通栏内水平居中，宽度随视口自适应 */
#adCarousel .zhanlan-hero-carousel-caption.carousel-caption {
	left: 50%;
	right: auto;
	transform: translateX(-50%);
	bottom: clamp(0.75rem, 3vw, 2.25rem);
	max-width: min(40rem, 92vw);
	text-align: center;
	border-radius: var(--border-radius-md, 0.375rem);
	background: color-mix(in srgb, var(--card-bg) 55%, transparent);
	border: 1px solid color-mix(in srgb, var(--border-color) 55%, transparent);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

#hero-carousel.hero-fullscreen {
	--zhanlan-hero-slide-height: 100vh;
}

.hero-fullscreen .zhanlan-hero-slide-frame {
	min-height: 100vh;
	min-height: 100dvh;
	height: 100vh;
	height: 100dvh;
}

/*
 * 正文 / 课程 / 短代码等区域内的 MEJS（不仅限 .wp-video）
 * 图标：Bootstrap Icons；音量条错位时见 .mejs-horizontal-volume-handle 修复。
 * 控制条：叠在画面底部，鼠标进入播放器区域时显示，离开渐隐（:hover / :focus-within）。
 */
.wp-video,
:is(.entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container {
	--zhanlan-mejs-icon: var(--text-color);
	--zhanlan-mejs-time-fg: var(--text-muted);
	--zhanlan-mejs-rail-track: color-mix(in srgb, var(--text-color) 22%, transparent);
	--zhanlan-mejs-rail-loaded: color-mix(in srgb, var(--text-color) 38%, transparent);
	--zhanlan-mejs-rail-current: color-mix(in srgb, var(--primary-color) 85%, var(--text-color) 15%);
	--zhanlan-mejs-handle-border: var(--primary-color);
	--zhanlan-mejs-handle-fill: var(--card-bg);
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container {
	position: relative;
	overflow: hidden;
	border-radius: var(--border-radius-md, 8px);
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-inner {
	position: relative;
}

/* 避免透明遮罩挡住进度/音量/全屏 */
:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-overlay,
:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-poster {
	pointer-events: none !important;
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-overlay-play {
	pointer-events: auto;
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-controls {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 6px 10px;
	padding: 10px 12px 12px !important;
	height: auto !important;
	min-height: 52px;
	box-sizing: border-box;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	top: auto !important;
	width: 100% !important;
	margin: 0 !important;
	z-index: 20 !important;
	background: linear-gradient(
		180deg,
		color-mix(in srgb, var(--card-bg) 55%, transparent) 0%,
		color-mix(in srgb, var(--card-bg) 88%, var(--text-color) 12%) 55%,
		color-mix(in srgb, var(--card-bg) 94%, var(--text-color) 6%) 100%
	) !important;
	border-top: 1px solid color-mix(in srgb, var(--border-color) 85%, transparent);
	border-radius: 0 0 12px 12px !important;
	box-shadow: 0 -10px 28px color-mix(in srgb, var(--text-color) 14%, transparent);
	opacity: 0;
	transform: translateY(8px);
	pointer-events: none;
	transition: opacity 0.28s ease, transform 0.28s ease, background 0.22s ease, box-shadow 0.22s ease;
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container:hover .mejs-controls,
:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container:focus-within .mejs-controls {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

/*
 * LearnPress 课时 #learn-press-content-item：底栏常驻可点。
 * 通用页用 opacity/pointer-events 做「悬停显控件」；课时区常有固定顶栏、侧栏或 .wp-video 层叠，
 * 鼠标未必先命中 .mejs-container，导致底栏一直 pointer-events:none，进度条无法 seek。
 */
body.zhanlan-lp-course-context #learn-press-content-item .mejs-container .mejs-controls {
	opacity: 1 !important;
	transform: translateY(0) !important;
	pointer-events: auto !important;
}

body.zhanlan-lp-course-context #learn-press-content-item .mejs-container .mejs-time-rail,
body.zhanlan-lp-course-context #learn-press-content-item .mejs-container .mejs-time-total.mejs-time-slider {
	pointer-events: auto !important;
	z-index: 12 !important;
}

body.zhanlan-lp-course-context #learn-press-content-item .mejs-container .mejs-button,
body.zhanlan-lp-course-context #learn-press-content-item .mejs-container .mejs-button > button,
body.zhanlan-lp-course-context #learn-press-content-item .mejs-container a.mejs-horizontal-volume-slider {
	pointer-events: auto !important;
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-time,
:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-duration,
:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-currenttime {
	color: var(--zhanlan-mejs-time-fg) !important;
	font-variant-numeric: tabular-nums;
	font-size: 0.8125rem !important;
	font-weight: 500;
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-time-rail {
	position: relative !important;
	flex: 1 1 0%;
	min-width: 80px !important;
	max-width: 100%;
	height: 50px !important;
	padding: 14px 0 10px !important;
	margin: 0 8px !important;
	box-sizing: border-box !important;
	z-index: 4;
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-time {
	flex-shrink: 0;
	white-space: nowrap;
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-button {
	background: transparent none !important;
	background-image: none !important;
	overflow: visible !important;
	flex: 0 0 auto;
	width: auto !important;
	height: auto !important;
	min-width: 2.75rem;
	position: relative;
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-button > button {
	width: 2.75rem;
	height: 2.75rem;
	min-width: 2.75rem;
	min-height: 2.75rem;
	margin: 0;
	padding: 0;
	background: transparent none !important;
	background-image: none !important;
	border: none;
	border-radius: 50%;
	position: relative;
	z-index: 3;
	pointer-events: auto !important;
	box-shadow: none !important;
	text-indent: 0 !important;
	overflow: visible !important;
	clip: auto !important;
	transition: background-color 0.2s ease, transform 0.2s ease;
	/* wp-mediaelement.css：.mejs-container * { font-family: Helvetica } 会继承到按钮，导致 ::before 无法显示 Bootstrap Icons */
	font-family: bootstrap-icons, "bootstrap-icons" !important;
	font-size: 0 !important;
	line-height: 0 !important;
	color: transparent !important;
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-button > button:hover {
	background: color-mix(in srgb, var(--text-color) 16%, transparent) !important;
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-button > button:focus-visible {
	outline: 2px solid color-mix(in srgb, var(--primary-color) 75%, var(--border-color));
	outline-offset: 2px;
}

/* Bootstrap Icons（woff2 由 bootstrap-icons 样式表加载；unicode 与 bi-* 一致） */
:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-button > button::before {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 1.35rem;
	height: 1.35rem;
	font-family: inherit !important;
	font-style: normal;
	font-weight: 400 !important;
	font-variant: normal;
	line-height: 1.35rem;
	font-size: 1.35rem !important;
	text-align: center;
	color: var(--zhanlan-mejs-icon) !important;
	text-indent: 0;
	background: none !important;
	filter: none;
	pointer-events: none;
	z-index: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-playpause-button.mejs-play > button::before,
:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-playpause-button:not(.mejs-pause):not(.mejs-replay):not(.mejs-stop) > button::before {
	content: "\f4f4"; /* bi-play-fill */
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-playpause-button.mejs-pause > button::before,
:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-playpause-button.mejs-stop > button::before {
	content: "\f4c3"; /* bi-pause-fill */
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-playpause-button.mejs-replay > button::before {
	content: "\f130"; /* bi-arrow-repeat */
}

/* MEJS：未静音为 .mejs-mute，静音为 .mejs-unmute */
:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-volume-button.mejs-mute > button::before {
	content: "\f610"; /* bi-volume-up-fill */
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-volume-button.mejs-unmute > button::before {
	content: "\f60c"; /* bi-volume-mute-fill */
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-fullscreen-button:not(.mejs-unfullscreen) > button::before {
	content: "\f14d"; /* bi-arrows-fullscreen */
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-fullscreen-button.mejs-unfullscreen > button::before {
	content: "\f3de"; /* bi-fullscreen-exit */
}

/* 进度条：与核心 MEJS 一致用 absolute 层叠，加粗轨道与高对比已播段 */
:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-time-total.mejs-time-slider {
	top: 22px !important;
	left: 0 !important;
	width: 100% !important;
	height: 14px !important;
	margin: 0 !important;
	cursor: pointer !important;
	pointer-events: auto !important;
	z-index: 6 !important;
	border-radius: 6px !important;
	background: var(--zhanlan-mejs-rail-track) !important;
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-time-loaded {
	min-height: 14px !important;
	border-radius: 6px !important;
	background: var(--zhanlan-mejs-rail-loaded) !important;
	pointer-events: none !important;
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-time-current {
	min-height: 14px !important;
	border-radius: 6px !important;
	background: var(--zhanlan-mejs-rail-current) !important;
	box-shadow: 0 0 10px color-mix(in srgb, var(--primary-color) 35%, transparent);
	pointer-events: none !important;
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-time-handle-content {
	transform: scale(1) !important;
	opacity: 1 !important;
	width: 12px !important;
	height: 12px !important;
	border-width: 3px !important;
	top: -5px !important;
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container a.mejs-horizontal-volume-slider {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	flex-shrink: 0 !important;
	width: 92px !important;
	height: 36px !important;
	position: relative !important;
	z-index: 8 !important;
	pointer-events: auto !important;
	margin: 0 4px 0 2px !important;
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-horizontal-volume-total {
	width: 88px !important;
	height: 10px !important;
	top: 13px !important;
	left: 2px !important;
	background: var(--zhanlan-mejs-rail-track) !important;
	border-radius: 5px !important;
	cursor: ew-resize !important;
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-horizontal-volume-current {
	background: var(--zhanlan-mejs-rail-current) !important;
	border-radius: 5px !important;
}

/* MEJS 在部分布局下会给音量点巨大 margin-left：清零，保留其 left:%，用 translateX(-50%) 居中对齐轨道 */
:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-horizontal-volume-handle {
	margin-left: 0 !important;
	transform: translateX(-50%) !important;
	width: 12px !important;
	height: 12px !important;
	border-radius: 50% !important;
	background: var(--zhanlan-mejs-handle-fill) !important;
	border: 2px solid var(--zhanlan-mejs-handle-border) !important;
	box-sizing: border-box !important;
	box-shadow: 0 1px 4px color-mix(in srgb, var(--text-color) 22%, transparent);
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-volume-button:hover > .mejs-volume-slider,
:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-volume-button > .mejs-volume-slider:focus {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	z-index: 20 !important;
}

/* MEJS：方案补强（圆角按钮、时间轴焦点、亮主题底栏、小屏触控、减少动效）— 颜色走主题变量，非硬编码品牌色 */
:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-button > button {
	background: color-mix(in srgb, var(--text-color) 10%, transparent) !important;
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-button > button:hover {
	background: color-mix(in srgb, var(--text-color) 22%, transparent) !important;
}

@media (prefers-reduced-motion: no-preference) {
	:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-button > button:hover {
		transform: scale(1.08);
	}
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-time-total.mejs-time-slider:focus-visible {
	outline: 2px solid color-mix(in srgb, var(--primary-color) 72%, var(--border-color));
	outline-offset: 3px;
}

:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-horizontal-volume-slider:focus-visible {
	outline: 2px solid color-mix(in srgb, var(--primary-color) 72%, var(--border-color));
	outline-offset: 2px;
	border-radius: 4px;
}

body.light-theme :is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-controls {
	background: linear-gradient(
		180deg,
		color-mix(in srgb, var(--card-bg) 35%, transparent) 0%,
		color-mix(in srgb, var(--card-bg) 94%, var(--text-color) 6%) 55%,
		color-mix(in srgb, var(--card-bg) 98%, var(--text-color) 2%) 100%
	) !important;
	box-shadow: 0 -8px 24px color-mix(in srgb, var(--text-color) 7%, transparent);
	border-top-color: color-mix(in srgb, var(--border-color) 70%, transparent);
}

body.light-theme :is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-button > button {
	background: color-mix(in srgb, var(--text-color) 6%, transparent) !important;
}

body.light-theme :is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-button > button:hover {
	background: color-mix(in srgb, var(--text-color) 14%, transparent) !important;
}

@media (max-width: 480px) {
	:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-controls {
		padding: 8px 10px 10px !important;
		gap: 4px 6px;
		min-height: 3rem;
	}

	:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-time,
	:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-duration,
	:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-currenttime {
		font-size: 0.75rem !important;
	}

	:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-button > button {
		width: 2.875rem;
		height: 2.875rem;
		min-width: 2.875rem;
		min-height: 2.875rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-controls,
	:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-button > button {
		transition: none !important;
	}

	:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container:hover .mejs-controls,
	:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container:focus-within .mejs-controls {
		transform: none;
	}

	:is(.wp-video, .entry-content, .post-content, .lp-content, #learn-press-content, .learn-press-content, .course-item-description, .content-item-description, .zhanlan-course-video, .lp-tab-course-item, .lp-lesson-main, .zhanlan-lp-entry, .zhanlan-lp-main, #learn-press-course, #learn-press-content-item, .content-item-wrap) .mejs-container .mejs-button > button:hover {
		transform: none !important;
	}
}

/* 主内容区 */
.site-content {
	background-color: var(--bg-color);
	color: var(--text-color);
}

/* 分页与辅助文字 */
.zhanlan-home-models .pagination .page-link {
	background-color: var(--card-bg);
	border-color: var(--border-color);
	color: var(--text-color);
}

.zhanlan-home-models .pagination .page-item.active .page-link {
	background-color: var(--link-hover);
	border-color: var(--border-color);
	color: #000;
}

body.light-theme .zhanlan-home-models .pagination .page-item.active .page-link {
	color: #fff;
}

/* WooCommerce 商店分页：用 nav.woocommerce-pagination 命中所有商店模板；仅 li 内 a/span（避免 ul.page-numbers 与链接共用 .page-numbers 类名被误写样式）。与内联 palette 中规则保持一致。 */
nav.woocommerce-pagination,
nav.learn-press-pagination {
	display: flex;
	justify-content: center;
	margin-top: 1.25rem;
	margin-bottom: 0.25rem;
}

nav.woocommerce-pagination ul.page-numbers,
nav.learn-press-pagination ul.page-numbers {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	gap: 0;
	padding: 0;
	margin: 0;
	list-style: none;
	border-radius: var(--border-radius-md, 0.375rem);
}

nav.woocommerce-pagination ul.page-numbers > li,
nav.learn-press-pagination ul.page-numbers > li {
	margin: 0;
	list-style: none;
	display: flex;
}

nav.woocommerce-pagination ul.page-numbers > li:not(:first-child) > a.page-numbers,
nav.woocommerce-pagination ul.page-numbers > li:not(:first-child) > span.page-numbers,
nav.learn-press-pagination ul.page-numbers > li:not(:first-child) > a.page-numbers,
nav.learn-press-pagination ul.page-numbers > li:not(:first-child) > span.page-numbers {
	margin-left: -1px;
}

nav.woocommerce-pagination ul.page-numbers > li > a.page-numbers,
nav.woocommerce-pagination ul.page-numbers > li > span.page-numbers,
nav.learn-press-pagination ul.page-numbers > li > a.page-numbers,
nav.learn-press-pagination ul.page-numbers > li > span.page-numbers {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.375rem;
	min-height: 2.375rem;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.25;
	color: var(--text-color);
	text-decoration: none;
	background-color: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: 0;
	transition: background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);
}

nav.woocommerce-pagination ul.page-numbers > li:first-child > a.page-numbers,
nav.woocommerce-pagination ul.page-numbers > li:first-child > span.page-numbers,
nav.learn-press-pagination ul.page-numbers > li:first-child > a.page-numbers,
nav.learn-press-pagination ul.page-numbers > li:first-child > span.page-numbers {
	border-top-left-radius: var(--border-radius-md, 0.375rem);
	border-bottom-left-radius: var(--border-radius-md, 0.375rem);
}

nav.woocommerce-pagination ul.page-numbers > li:last-child > a.page-numbers,
nav.woocommerce-pagination ul.page-numbers > li:last-child > span.page-numbers,
nav.learn-press-pagination ul.page-numbers > li:last-child > a.page-numbers,
nav.learn-press-pagination ul.page-numbers > li:last-child > span.page-numbers {
	border-top-right-radius: var(--border-radius-md, 0.375rem);
	border-bottom-right-radius: var(--border-radius-md, 0.375rem);
}

nav.woocommerce-pagination ul.page-numbers > li > a.page-numbers:hover,
nav.learn-press-pagination ul.page-numbers > li > a.page-numbers:hover {
	z-index: 2;
	color: var(--link-hover-color);
	background-color: var(--card-bg-hover);
	border-color: var(--border-color);
}

nav.woocommerce-pagination ul.page-numbers > li > a.page-numbers:focus-visible,
nav.learn-press-pagination ul.page-numbers > li > a.page-numbers:focus-visible {
	z-index: 3;
	outline: 0;
	box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--primary-color) 22%, transparent);
}

nav.woocommerce-pagination ul.page-numbers > li > span.page-numbers.current,
nav.woocommerce-pagination ul.page-numbers > li > a.page-numbers.current,
nav.learn-press-pagination ul.page-numbers > li > span.page-numbers.current,
nav.learn-press-pagination ul.page-numbers > li > a.page-numbers.current {
	z-index: 2;
	color: #000;
	background-color: var(--link-hover);
	border-color: var(--border-color);
	cursor: default;
}

body.light-theme nav.woocommerce-pagination ul.page-numbers > li > span.page-numbers.current,
body.light-theme nav.woocommerce-pagination ul.page-numbers > li > a.page-numbers.current,
body.light-theme nav.learn-press-pagination ul.page-numbers > li > span.page-numbers.current,
body.light-theme nav.learn-press-pagination ul.page-numbers > li > a.page-numbers.current {
	color: #fff;
}

nav.woocommerce-pagination ul.page-numbers > li > span.page-numbers.dots,
nav.learn-press-pagination ul.page-numbers > li > span.page-numbers.dots {
	min-width: auto;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	color: var(--text-muted);
	background-color: var(--card-bg);
	cursor: default;
}

nav.woocommerce-pagination ul.page-numbers > li > span.page-numbers.prev,
nav.woocommerce-pagination ul.page-numbers > li > span.page-numbers.next,
nav.woocommerce-pagination ul.page-numbers > li > span.page-numbers.disabled,
nav.learn-press-pagination ul.page-numbers > li > span.page-numbers.prev,
nav.learn-press-pagination ul.page-numbers > li > span.page-numbers.next,
nav.learn-press-pagination ul.page-numbers > li > span.page-numbers.disabled {
	opacity: 0.55;
	cursor: default;
	pointer-events: none;
}

body.zhanlan-eagle-fav-private-page .zhanlan-fav-private-inner {
	max-width: none;
	width: 100%;
}

body.zhanlan-eagle-fav-private-page .zhanlan-fav-private-manage-btn,
body.zhanlan-eagle-fav-public-page .zhanlan-fav-private-manage-btn {
	color: var(--text-color);
	background: transparent;
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius-sm, 0.25rem);
	box-shadow: none;
}

body.zhanlan-eagle-fav-private-page .zhanlan-fav-private-manage-btn:hover,
body.zhanlan-eagle-fav-private-page .zhanlan-fav-private-manage-btn:focus-visible,
body.zhanlan-eagle-fav-public-page .zhanlan-fav-private-manage-btn:hover,
body.zhanlan-eagle-fav-public-page .zhanlan-fav-private-manage-btn:focus-visible {
	color: var(--link-hover-color);
	background-color: var(--card-bg-hover);
	border-color: var(--link-hover);
}

body.zhanlan-eagle-fav-public-page .zhanlan-fav-share-panel {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem;
	padding: 1rem;
	background-color: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius-md, 0.375rem);
}

body.zhanlan-eagle-fav-public-page .zhanlan-fav-share-panel[hidden] {
	display: none;
}

body.zhanlan-eagle-fav-public-page .zhanlan-fav-share-panel__link {
	display: flex;
	flex: 1 1 320px;
	gap: 0.5rem;
	align-items: center;
	min-width: min(100%, 320px);
}

body.zhanlan-eagle-fav-public-page .zhanlan-fav-share-panel__qr img {
	display: block;
	padding: 0.375rem;
	background: #fff;
	border-radius: var(--border-radius-sm, 0.25rem);
}

/* 公开收藏页分页：JS 生成 button.btn，单独适配主题亮暗色。 */
#zhanlan-fav-pager {
	gap: 0 !important;
	margin-bottom: 0.25rem;
}

#zhanlan-fav-pager .btn {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.375rem;
	min-height: 2.375rem;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.25;
	color: var(--text-color);
	text-decoration: none;
	background-color: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: 0;
	box-shadow: none;
	transition: background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);
}

#zhanlan-fav-pager .btn:not(:first-child) {
	margin-left: -1px;
}

#zhanlan-fav-pager .btn:first-child {
	border-top-left-radius: var(--border-radius-md, 0.375rem);
	border-bottom-left-radius: var(--border-radius-md, 0.375rem);
}

#zhanlan-fav-pager .btn:last-child {
	border-top-right-radius: var(--border-radius-md, 0.375rem);
	border-bottom-right-radius: var(--border-radius-md, 0.375rem);
}

#zhanlan-fav-pager .btn:hover {
	z-index: 2;
	color: var(--link-hover-color);
	background-color: var(--card-bg-hover);
	border-color: var(--border-color);
}

#zhanlan-fav-pager .btn:focus-visible {
	z-index: 3;
	outline: 0;
	box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--primary-color) 22%, transparent);
}

#zhanlan-fav-pager .btn.btn-primary,
#zhanlan-fav-pager .btn.active {
	z-index: 2;
	color: #000;
	background-color: var(--link-hover);
	border-color: var(--border-color);
	cursor: default;
}

body.light-theme #zhanlan-fav-pager .btn.btn-primary,
body.light-theme #zhanlan-fav-pager .btn.active {
	color: #fff;
}

/* 用户中心 · 课程学习（LearnPress） */
#zhanlan-user-main .zhanlan-user-lp-overview__card,
#zhanlan-user-main .zhanlan-user-lp-panel {
	width: 100%;
	background: color-mix(in srgb, var(--card-bg-hover) 45%, var(--card-bg));
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius-md, 0.375rem);
	padding: 0.875rem;
}

#zhanlan-user-main .zhanlan-user-lp-panel {
	display: flex;
	flex-direction: column;
}

#zhanlan-user-main .zhanlan-user-lp-overview__card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
}

#zhanlan-user-main .zhanlan-user-lp-overview__card strong {
	font-size: 1.25rem;
	line-height: 1;
	color: var(--text-color);
}

#zhanlan-user-main .zhanlan-user-lp-course-card {
	border-radius: var(--border-radius-lg, 0.5rem);
	transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

#zhanlan-user-main .zhanlan-user-lp-course-card:hover {
	box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.15));
	border-color: color-mix(in srgb, var(--primary-color) 35%, var(--border-color)) !important;
}

#zhanlan-user-main .zhanlan-user-lp-course-card__title {
	color: var(--text-color);
}

#zhanlan-user-main .zhanlan-user-lp-course-card__progress {
	height: 0.5rem;
	background: color-mix(in srgb, var(--text-color) 10%, transparent);
	border-radius: var(--border-radius-sm, 0.25rem);
}

#zhanlan-user-main .zhanlan-user-lp-course-card__progress-bar {
	background: color-mix(in srgb, var(--primary-color) 88%, #0d6efd);
}

#zhanlan-user-main .zhanlan-user-lp-course-card__badge {
	background: color-mix(in srgb, var(--card-bg-hover) 70%, var(--card-bg));
	color: var(--text-color);
	border: 1px solid var(--border-color);
	font-weight: 600;
}

/* 用户中心 · 课程学习记录（列表表格） */
#zhanlan-user-main .zhanlan-user-lp-courses-table-wrap {
	background: var(--card-bg, var(--bs-body-bg, #fff));
	width: 100%;
}
#zhanlan-user-main .zhanlan-user-lp-record-grid > [class*="col-"] {
	display: flex;
}
#zhanlan-user-main .zhanlan-user-lp-record-grid .zhanlan-user-lp-courses-table-wrap,
#zhanlan-user-main .zhanlan-user-lp-record-grid .zhanlan-user-lp-panel {
	height: 100%;
}
#zhanlan-user-main .zhanlan-user-lp-record-grid .zhanlan-user-lp-courses-table-wrap {
	display: flex;
	flex-direction: column;
}
#zhanlan-user-main .zhanlan-user-lp-record-grid .zhanlan-user-lp-courses-table-wrap > .table-responsive {
	flex: 1 1 auto;
}
#zhanlan-user-main .zhanlan-user-lp-courses-table {
	display: table !important;
	width: 100%;
	min-width: 100%;
	table-layout: fixed;
	--bs-table-bg: var(--card-bg);
	--bs-table-color: var(--text-color);
	--bs-table-border-color: var(--border-color);
	--bs-table-hover-bg: color-mix(in srgb, var(--text-color) 4%, var(--card-bg));
	--bs-table-hover-color: var(--text-color);
}
#zhanlan-user-main .zhanlan-user-lp-courses-table thead,
#zhanlan-user-main .zhanlan-user-lp-courses-table thead.table-light {
	--bs-table-bg: color-mix(in srgb, var(--card-bg-hover) 72%, var(--card-bg));
	--bs-table-color: var(--text-muted);
	background: color-mix(in srgb, var(--card-bg-hover) 72%, var(--card-bg));
	color: var(--text-muted);
}
#zhanlan-user-main .zhanlan-user-lp-courses-table thead th {
	color: var(--text-muted);
	font-size: 0.8125rem;
	font-weight: 600;
	border-bottom-width: 1px;
	white-space: nowrap;
}
#zhanlan-user-main .zhanlan-user-lp-courses-table th,
#zhanlan-user-main .zhanlan-user-lp-courses-table td {
	border-color: var(--border-color);
}
#zhanlan-user-main .zhanlan-user-lp-courses-table td {
	color: var(--text-color);
	vertical-align: middle;
}
#zhanlan-user-main .zhanlan-user-lp-courses-table__col-cover {
	width: 6rem;
}
#zhanlan-user-main .zhanlan-user-lp-courses-table__col-course {
	width: 28%;
}
#zhanlan-user-main .zhanlan-user-lp-courses-table__col-status {
	width: 8rem;
}
#zhanlan-user-main .zhanlan-user-lp-courses-table__col-progress {
	width: 18%;
}
#zhanlan-user-main .zhanlan-user-lp-courses-table__col-watch {
	width: 24%;
}
#zhanlan-user-main .zhanlan-user-lp-courses-table__col-start {
	width: 9rem;
}
#zhanlan-user-main .zhanlan-user-lp-courses-table__col-action {
	width: 7rem;
}
#zhanlan-user-main .zhanlan-user-lp-courses-table__col-source {
	width: 9rem;
}
#zhanlan-user-main .zhanlan-user-lp-courses-table__col-time {
	width: 12rem;
}
#zhanlan-user-main .zhanlan-user-lp-purchase-table .zhanlan-user-lp-courses-table__col-course {
	width: auto;
}
#zhanlan-user-main .zhanlan-user-lp-purchase-table .zhanlan-user-lp-courses-table__col-source {
	width: 14rem;
}
#zhanlan-user-main .zhanlan-user-lp-purchase-table .zhanlan-user-lp-courses-table__col-time {
	width: 16rem;
}
#zhanlan-user-main .zhanlan-user-lp-courses-table__thumb {
	width: 80px;
	height: 45px;
	object-fit: cover;
	display: block;
	margin: 0 auto;
}
#zhanlan-user-main .zhanlan-user-lp-courses-table__title {
	color: var(--text-color);
}
#zhanlan-user-main .zhanlan-user-lp-courses-table__row:hover {
	background: color-mix(in srgb, var(--text-color) 4%, var(--card-bg, transparent));
}

#zhanlan-user-main .zhanlan-user-lp-table-pagination {
	display: flex;
	justify-content: center;
	padding: 0.875rem;
	background: color-mix(in srgb, var(--card-bg-hover) 45%, var(--card-bg));
	border-top: 1px solid var(--border-color);
}

#zhanlan-user-main .zhanlan-user-lp-table-pagination ul.page-numbers {
	margin: 0;
}

@media (max-width: 1199.98px) {
	#zhanlan-user-main .zhanlan-user-lp-courses-table {
		table-layout: auto;
	}
}

#zhanlan-user-main .zhanlan-user-lp-history-list {
	display: grid;
	gap: 0.75rem;
}

#zhanlan-user-main .zhanlan-user-lp-history-item {
	padding: 0.75rem;
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius-sm, 0.25rem);
}

#zhanlan-user-main .zhanlan-user-lp-purchase-list {
	display: grid;
	gap: 0.625rem;
}

#zhanlan-user-main .zhanlan-user-lp-purchase-item {
	padding: 0.75rem;
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius-sm, 0.25rem);
}

#zhanlan-user-main .zhanlan-user-lp-purchase-item__title {
	display: block;
	line-height: 1.4;
	overflow-wrap: anywhere;
	word-break: break-word;
}

#zhanlan-user-main .zhanlan-user-lp-purchase-item__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	margin-top: 0.5rem;
}

#zhanlan-user-main .zhanlan-user-lp-panel-pagination {
	display: flex;
	justify-content: center;
	margin-top: auto;
	padding-top: 0.875rem;
}

#zhanlan-user-main .zhanlan-user-lp-panel-pagination ul.page-numbers {
	margin: 0;
}

#zhanlan-user-main .zhanlan-user-lp-browse-btn {
	color: var(--text-color);
	background: transparent;
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius-sm, 0.25rem);
	box-shadow: none;
}

#zhanlan-user-main .zhanlan-user-lp-browse-btn:hover,
#zhanlan-user-main .zhanlan-user-lp-browse-btn:focus-visible {
	color: var(--link-hover-color);
	background-color: var(--card-bg-hover);
	border-color: var(--link-hover);
}

/* 顶栏：Logo、主菜单、右侧工具同一基线对齐（桌面不换行） */
.zhanlan-top-navbar .zhanlan-navbar-shell {
	min-width: 0;
	align-items: center;
}

@media (min-width: 992px) {
	.zhanlan-top-navbar > .zhanlan-navbar-shell {
		flex-wrap: nowrap;
	}

	.zhanlan-top-navbar .navbar-collapse,
	.zhanlan-top-navbar .zhanlan-navbar-menu-shell,
	.zhanlan-top-navbar .zhanlan-navbar-rail--end {
		align-items: center;
	}

	.zhanlan-top-navbar .zhanlan-navbar-cluster {
		align-items: center;
		align-self: center;
	}

	.zhanlan-top-navbar .zhanlan-navbar-menu-shell .navbar-nav {
		align-items: center;
	}

	.zhanlan-top-navbar .navbar-brand {
		display: inline-flex;
		align-items: center;
		align-self: center;
		padding-top: 0;
		padding-bottom: 0;
		line-height: 1;
	}

	.zhanlan-top-navbar .zhanlan-header-primary-nav > .nav-item > .nav-link,
	.zhanlan-top-navbar .zhanlan-header-toolbar > .nav-item > .nav-link {
		display: inline-flex;
		align-items: center;
		min-height: 2.5rem;
		padding-top: 0.35rem;
		padding-bottom: 0.35rem;
	}

	.zhanlan-top-navbar .zhanlan-navbar-collapse {
		display: flex !important;
		flex-basis: auto;
		flex-grow: 1;
		min-width: 0;
		align-self: center;
	}

	.zhanlan-top-navbar .zhanlan-navbar-rail--start,
	.zhanlan-top-navbar .zhanlan-navbar-rail--end {
		align-self: center;
	}
}

@media (max-width: 991.98px) {
	.zhanlan-top-navbar .zhanlan-navbar-menu-shell {
		align-self: stretch;
	}

	.zhanlan-top-navbar .zhanlan-navbar-center {
		flex-basis: 100%;
		order: 3;
	}

	.zhanlan-top-navbar .zhanlan-navbar-mobile-tools {
		color: var(--text-color);
	}

	.zhanlan-top-navbar .zhanlan-navbar-mobile-profile {
		color: var(--text-color);
		background-color: color-mix(in srgb, var(--card-bg) 82%, transparent);
	}

	.zhanlan-top-navbar .zhanlan-navbar-mobile-profile:hover,
	.zhanlan-top-navbar .zhanlan-navbar-mobile-profile:focus {
		color: var(--link-hover-color);
		background-color: var(--card-bg-hover);
	}

	.zhanlan-top-navbar .zhanlan-navbar-mobile-admin {
		color: var(--text-color);
		background-color: color-mix(in srgb, var(--card-bg) 82%, transparent);
		border: 1px solid color-mix(in srgb, #fbbf24 35%, transparent);
	}

	.zhanlan-top-navbar .zhanlan-navbar-mobile-admin:hover,
	.zhanlan-top-navbar .zhanlan-navbar-mobile-admin:focus {
		color: var(--link-hover-color);
		background-color: var(--card-bg-hover);
		border-color: color-mix(in srgb, #fbbf24 55%, transparent);
	}

	.zhanlan-top-navbar .zhanlan-navbar-mobile-admin__icon {
		width: 2rem;
		height: 2rem;
		font-size: 1.05rem;
		flex-shrink: 0;
		background: color-mix(in srgb, #fbbf24 22%, transparent);
		color: #fbbf24;
	}

	body.light-theme .zhanlan-top-navbar .zhanlan-navbar-mobile-admin__icon {
		background: rgba(234, 179, 8, 0.2);
		color: #ca8a04;
	}

	.zhanlan-top-navbar .zhanlan-navbar-mobile-tools .zhanlan-theme-toggle-btn {
		min-width: 2.5rem;
		min-height: 2.5rem;
	}
}

/* 相关轮播：强制横向 flex 轨（防其它样式把 .swiper-wrapper 写成 block 导致纵向叠片） */
.swiper-navbar .related-swiper-navbar--home-card {
	text-align: start;
}

.swiper-navbar .related-swiper-navbar--home-card.swiper {
	width: 100%;
	min-width: 0;
	overflow: hidden;
}

.swiper-navbar .related-swiper-navbar:not(.swiper-vertical) .swiper-wrapper,
.swiper-navbar .related-swiper-navbar.swiper-horizontal .swiper-wrapper {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: stretch;
	justify-content: flex-start;
}

.related-swiper-navbar--home-card .swiper-slide {
	flex-shrink: 0;
	height: auto;
	box-sizing: border-box;
}

.related-swiper-navbar--home-card .zhanlan-home-model-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 0;
}

.related-swiper-navbar--home-card .zhanlan-home-model-card__link {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-height: 0;
}

/* stretched-link 的 ::after 会盖住整块触摸区，易与 Swiper 横滑抢手势；链接本体仍可点 */
.related-swiper-navbar--home-card .zhanlan-home-model-card__link.stretched-link::after {
	pointer-events: none;
}

/*
 * 文章详情：WordPress 嵌套相册 / 媒体（theme.css 晚于 palette 与 block-library 入队时可覆盖 fit-content）
 */
.zhanlan-single-post-main .article-content,
.zhanlan-single-post-main .article-content .entry-content {
	min-width: 0;
	max-width: 100%;
}

.zhanlan-single-post-main .article-content .entry-content figure.wp-block-gallery,
.zhanlan-single-post-main .article-content .entry-content .wp-block-gallery {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
}

.zhanlan-single-post-main .article-content .entry-content .wp-block-gallery.is-layout-flex {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	align-items: flex-start !important;
}

.zhanlan-single-post-main .article-content .entry-content .wp-block-gallery .wp-block-image,
.zhanlan-single-post-main .article-content .entry-content .wp-block-gallery > figure.wp-block-image {
	min-width: 0;
	max-width: 100%;
	flex: 0 1 auto;
}

.zhanlan-single-post-main .article-content .entry-content .wp-block-gallery img {
	max-width: 100% !important;
	height: auto !important;
	display: block;
	margin: 0 auto;
}

.zhanlan-single-post-main .article-content .entry-content .wp-block-gallery.is-cropped .wp-block-image img {
	width: 100%;
	object-fit: cover;
}

.zhanlan-single-post-main .article-content .entry-content > figure.wp-block-image {
	width: 100%;
	max-width: 100%;
}

.zhanlan-single-post-main .article-content .entry-content > figure.wp-block-image img {
	max-width: 100% !important;
	height: auto !important;
}