/**
 * 首页 Bento 网格（工具需求列表页顶部）
 * 字号/字重/文字色对齐 CONTEXT §9
 */

.mytheme-home-bento {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	margin-bottom: 32px;
	min-width: 0;
	max-width: 100%;
	/* 宽 3×2 旁边会留 1 列空洞：dense 让竖卡填进去，避免掉到下一行最左边 */
	grid-auto-flow: dense;
}

/*
 * 电脑 / 手机两套：同一 HTML 都输出，用宽度或「像手机」（手指点、不能悬停）切换。
 * 禁止按 UA 在 PHP 里只出一套——本站整页缓存键没有设备维度，会串页。
 */
.mytheme-home-bento--mobile {
	display: none;
	content-visibility: hidden;
	grid-template-columns: minmax(0, 1fr);
	grid-auto-flow: row;
}

.mytheme-home-bento--mobile > [class*="mytheme-home-bento__cell--"] {
	grid-column: 1 / -1;
	grid-row: auto;
}

.mytheme-home-bento--mobile .mytheme-home-bento__cell--banner[data-type="poster"],
.mytheme-home-bento--mobile .mytheme-home-bento__cell--stage[data-type="poster"] {
	min-height: 0;
	aspect-ratio: 16 / 9;
}

.mytheme-home-bento--mobile .mytheme-home-bento__lead {
	grid-column: 1 / -1;
	grid-row: auto;
	grid-template-columns: minmax(0, 1fr);
	height: auto;
	min-height: 0;
}

.mytheme-home-bento--mobile .mytheme-home-bento__lead--h {
	height: auto;
}

.mytheme-home-bento--mobile .mytheme-home-bento__cell--lead-inner {
	height: auto;
	min-height: 160px;
}

.mytheme-home-bento--mobile .mytheme-home-bento__lead-side,
.mytheme-home-bento--mobile .mytheme-home-bento__greet--lead {
	flex-direction: row;
	align-items: center;
	height: auto;
	padding: 8px 4px 12px;
	justify-content: flex-start;
}

.mytheme-home-bento--mobile .mytheme-home-bento__greet-captions,
.mytheme-home-bento--mobile .mytheme-home-bento__greet-line {
	text-align: left;
}

.mytheme-home-bento--mobile .mytheme-home-bento__card--discover.is-discover-col-w .mytheme-home-bento__discover-cols {
	flex-direction: column;
}

.mytheme-home-bento--mobile .mytheme-home-bento__card--discover.is-discover-col-w .mytheme-home-bento__discover-col {
	width: 100%;
	flex: 1 1 auto;
}

@media (max-width: 768px), (hover: none) and (pointer: coarse) {
	.mytheme-home-bento--desktop {
		display: none;
		content-visibility: hidden;
	}

	.mytheme-home-bento--mobile {
		display: grid;
		content-visibility: visible;
	}

	.mytheme-home-bento:not(.mytheme-home-bento--desktop) .mytheme-home-bento__lead {
		grid-template-columns: minmax(0, 1fr);
		grid-row: auto;
		height: auto;
		min-height: 0;
	}

	.mytheme-home-bento:not(.mytheme-home-bento--desktop) .mytheme-home-bento__lead--h {
		height: auto;
	}

	.mytheme-home-bento:not(.mytheme-home-bento--desktop) .mytheme-home-bento__cell--lead-inner {
		height: auto;
		min-height: 160px;
	}

	.mytheme-home-bento:not(.mytheme-home-bento--desktop) .mytheme-home-bento__lead-side,
	.mytheme-home-bento:not(.mytheme-home-bento--desktop) .mytheme-home-bento__greet--lead {
		flex-direction: row;
		align-items: center;
		height: auto;
		justify-content: flex-start;
	}
}

.mytheme-home-bento__cell--wide {
	grid-column: span 3;
	grid-row: span 2;
	min-height: 280px;
}

.mytheme-home-bento__cell--hero {
	grid-column: span 2;
	grid-row: span 2;
	min-height: 280px;
}

.mytheme-home-bento__cell--md {
	grid-column: span 2;
	min-height: 160px;
}

.mytheme-home-bento__cell--tall {
	grid-column: span 1;
	grid-row: span 2;
	min-height: 280px;
}

.mytheme-home-bento__cell--sm {
	grid-column: span 1;
	min-height: 140px;
}

.mytheme-home-bento__cell--bar {
	grid-column: span 2;
	min-height: 72px;
}

.mytheme-home-bento__cell--free {
	grid-column: 1 / -1;
	grid-row: auto;
	min-height: 160px;
	justify-self: start;
	width: 100%;
}

/*
 * 通宽档：高度主要由内容（封面比例）决定，min-height 只当地板——
 * 这一档任何类型都能选到（尺寸下拉 + 拖宽吸附），海报之类没内容高度的
 * 不给地板会塌成一条细缝
 */
.mytheme-home-bento__cell--row {
	grid-column: 1 / -1;
	min-height: 120px;
}

/*
 * 通宽大图档：满宽 + 2 行高，给海报这类想「占大屏」的卡一个比 row 更大的舞台
 */
.mytheme-home-bento__cell--banner {
	grid-column: 1 / -1;
	grid-row: span 2;
	min-height: 340px;
}

/*
 * 通宽海报不要跟 banner 的 340px 死地板：主栏变窄时高度不跟着掉，
 * 第一张会比下面一排合集卡高出一截。跟内容同宽用 9:2 缩放（约比旧地板矮一成），
 * 图仍 cover，贴顶不拉伸；align-self:start 避免 grid stretch 把比例撑坏。
 */
.mytheme-home-bento__cell--banner[data-type="poster"] {
	min-height: 0;
	width: 100%;
	align-self: start;
	aspect-ratio: 9 / 2;
}

/*
 * 通宽大屏档：满宽 + 3 行高，比 banner 再高一档，接近大屏海报
 */
.mytheme-home-bento__cell--stage {
	grid-column: 1 / -1;
	grid-row: span 3;
	min-height: 510px;
}

.mytheme-home-bento__cell--stage[data-type="poster"] {
	min-height: 0;
	width: 100%;
	align-self: start;
	aspect-ratio: 3 / 1;
}

/*
 * 满宽留侧栏：侧栏宽 = 剩余长方形（自定义海报宽时 = 站宽 − 海报 − 缝）。
 * 红脸直径 = min(海报高/2, 侧栏宽) × 占比（默认 0.8，后台「直径占比」可调）。侧栏空着也留着，避免 dense 把别的卡填进来。
 */
.mytheme-home-bento__lead {
	--mytheme-home-lead-side: calc(var(--mytheme-poster-h, 280px) / 2);
	--mytheme-home-lead-face: calc(var(--mytheme-home-lead-side, 140px) * 0.8);
	grid-column: 1 / -1;
	grid-row: span 2;
	display: grid;
	grid-template-columns: minmax(0, 1fr) var(--mytheme-home-lead-side, 140px);
	gap: 16px;
	align-items: stretch;
	min-height: 280px;
}

.mytheme-home-bento__lead--h {
	height: var(--mytheme-poster-h);
	min-height: 0;
}

.mytheme-home-bento__cell--lead-inner {
	min-width: 0;
	min-height: 0;
	height: 100%;
}

.mytheme-home-bento__cell--lead {
	grid-column: 1 / -1;
	grid-row: span 2;
	min-height: 280px;
	width: calc(100% - var(--mytheme-home-lead-side, 140px) - 16px);
	justify-self: start;
}

.mytheme-home-bento__lead .mytheme-home-bento__card--poster,
.mytheme-home-bento__lead .mytheme-home-bento__poster-viewport {
	height: 100%;
}

.mytheme-home-bento__lead-side {
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding: 0;
	gap: 12px;
}

.mytheme-home-bento__lead-side--top {
	justify-content: flex-start;
}

.mytheme-home-bento__lead-side--bottom {
	justify-content: flex-end;
}

/* 后台填了自定义高度：盖过档位的 aspect-ratio / min-height */
.mytheme-home-bento__cell--poster-h {
	min-height: 0 !important;
	height: var(--mytheme-poster-h);
	aspect-ratio: auto !important;
	align-self: start;
	width: 100%;
}

.mytheme-home-bento__card {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: inherit;
	padding: 16px;
	border-radius: 16px;
	border: 1px solid #f3f4f6;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	text-decoration: none;
	color: #222222;
	overflow: hidden;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

a.mytheme-home-bento__card:hover,
.mytheme-home-bento__card a:hover {
	text-decoration: none;
}

a.mytheme-home-bento__card:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
	border-color: rgba(224, 48, 48, 0.20);
}

.mytheme-home-bento__card:focus-visible {
	outline: 2px solid rgba(224, 48, 48, 0.25);
	outline-offset: 2px;
}

/* 栏目头：左侧品牌短状态线（每卡 1 个识别点，不高饱和铺红） */
.mytheme-home-bento__card-head {
	position: relative;
	padding-left: 10px;
	margin-bottom: 12px;
}

.mytheme-home-bento__card-head::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.35em;
	bottom: 0.35em;
	width: 3px;
	border-radius: 999px;
	background: #e03030;
}

.mytheme-home-bento__title {
	display: block;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	color: #222222;
}

.mytheme-home-bento__subtitle {
	display: block;
	margin-top: 4px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	color: #666666;
}

/*
 * 引用工具双层：顶栏胶囊分段
 * 灰轨 + 独立红拇指滑动（对齐工具导航顶栏 pill，忌硬切背景）
 */
.mytheme-home-bento__seg {
	position: relative;
	display: flex;
	width: 100%;
	max-width: 100%;
	margin: 0 0 12px;
	padding: 3px;
	gap: 0;
	border-radius: 9999px;
	background: #f3f4f6;
	border: 1px solid #e5e7eb;
	flex-shrink: 0;
	box-sizing: border-box;
}

/* 滑动红拇指：由 JS 写 width + translateX */
.mytheme-home-bento__seg-thumb {
	position: absolute;
	top: 3px;
	left: 0;
	z-index: 0;
	height: calc(100% - 6px);
	width: 0;
	border-radius: 9999px;
	background: #e03030;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
	pointer-events: none;
	will-change: transform, width;
	transform: translateX(0);
}

.mytheme-home-bento__seg-tab {
	appearance: none;
	position: relative;
	z-index: 1;
	display: inline-flex;
	flex: 1 1 0;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	min-width: 0;
	margin: 0;
	padding: 0 0.5rem;
	border: 0;
	border-radius: 9999px;
	background: transparent;
	cursor: pointer;
	font: inherit;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
	color: #666666;
	text-align: center;
}

.mytheme-home-bento__seg-label {
	display: block;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mytheme-home-bento__seg-tab:hover {
	color: #222222;
}

.mytheme-home-bento__seg-tab.is-active {
	color: #ffffff;
}

.mytheme-home-bento__seg-tab.is-active:hover {
	color: #ffffff;
}

.mytheme-home-bento__seg-tab:focus {
	outline: none;
}

.mytheme-home-bento__seg-tab:focus-visible {
	outline: 2px solid #111111;
	outline-offset: 2px;
}

@media (prefers-reduced-motion: no-preference) {
	/* 先快后慢落地，接近工具导航 spring(bounce:0, 0.28s) */
	.mytheme-home-bento__seg-thumb {
		transition:
			transform 0.28s cubic-bezier(0.32, 0.72, 0, 1),
			width 0.28s cubic-bezier(0.32, 0.72, 0, 1);
	}

	.mytheme-home-bento__seg-tab {
		transition: color 0.2s ease;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mytheme-home-bento__seg-thumb,
	.mytheme-home-bento__seg-tab {
		transition: none;
	}
}

.mytheme-home-bento__tabpanel {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 0;
}

.mytheme-home-bento__tabpanel[hidden] {
	display: none;
}

.mytheme-home-bento__empty {
	margin: 0;
	font-size: 14px;
	color: #999999;
}

/* 海报。白底图和页面底色贴在一起，沿用合集箭头那档阴影再铺开一点，大块白边才分得开。 */
.mytheme-home-bento__card--poster {
	position: relative;
	justify-content: flex-end;
	padding: 20px;
	background: #111111;
	border: none;
	color: #fff;
	background-size: cover;
	background-position: top center;
	box-shadow: 0 4px 16px rgba(17, 17, 17, 0.08);
}

/* 有图时底改白。圆角抗锯齿盖不住的那一像素原来透出 #111，看起来像边上一条黑线。 */
.mytheme-home-bento__card--poster.has-image {
	background-color: #fff;
}

/* 海报改用 img：电脑仍铺满裁切；手机在后面的断点里改成整图高度。
 * min-width:0：图一加载，flex/grid 的最小宽度会变成原图像素宽，手机上整列被撑开，视口只剩画面左边的灰底。 */
.mytheme-home-bento__poster-img {
	position: absolute;
	/* 外扩 1px：圆角裁切的抗锯齿边图片铺不满，底下的底色会成一条线。 */
	top: -1px;
	left: -1px;
	width: calc(100% + 2px);
	max-width: none;
	min-width: 0;
	height: calc(100% + 2px);
	object-fit: cover;
	object-position: center center;
	display: block;
}

.mytheme-home-bento__poster-inner {
	position: relative;
	z-index: 1;
}

.mytheme-home-bento__card--poster .mytheme-home-bento__title {
	font-size: 24px;
	font-weight: 600;
	color: #fff;
}

.mytheme-home-bento__card--poster .mytheme-home-bento__subtitle {
	color: rgba(255, 255, 255, 0.85);
}

/* 多张海报：满宽轨道 + 叠在图上的左右钮，不挤窄封面 */
.mytheme-home-bento__poster-viewport {
	position: relative;
	height: 100%;
	min-height: inherit;
	border-radius: 16px;
	box-shadow: 0 4px 16px rgba(17, 17, 17, 0.08);
}

.mytheme-home-bento__poster-track {
	display: flex;
	height: 100%;
	min-height: inherit;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	overscroll-behavior-x: contain;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.mytheme-home-bento__poster-track::-webkit-scrollbar {
	display: none;
}

.mytheme-home-bento__poster-track > .mytheme-home-bento__card--poster {
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
	min-height: inherit;
	scroll-snap-align: start;
	/* 轨道 overflow 会裁掉卡自身的阴影，改由外层 viewport 承担。 */
	box-shadow: none;
}

.mytheme-home-bento__poster-viewport .mytheme-home-bento__coll-nav {
	position: absolute;
	top: 50%;
	z-index: 2;
	transform: translateY(-50%);
}

.mytheme-home-bento__poster-viewport .mytheme-home-bento__coll-nav--prev {
	left: 12px;
}

.mytheme-home-bento__poster-viewport .mytheme-home-bento__coll-nav--next {
	right: 12px;
}

/*
 * 海报角探：宿主裁切圆角，红脸从右下角探出一块。
 * 直径 --mytheme-poster-robot-d（默认 112，跟 lead 球同一基准）。
 */
.mytheme-home-bento__poster-peek-host {
	--mytheme-home-lead-face: var(--mytheme-poster-robot-d, 112px);
	position: relative;
	height: 100%;
	min-height: inherit;
	overflow: hidden;
	border-radius: 16px;
	box-shadow: 0 4px 16px rgba(17, 17, 17, 0.08);
}

.mytheme-home-bento__poster-peek-host > .mytheme-home-bento__card--poster,
.mytheme-home-bento__poster-peek-host > .mytheme-home-bento__poster-viewport {
	height: 100%;
	min-height: inherit;
	/* 宿主 overflow:hidden 会裁掉内层阴影。 */
	box-shadow: none;
}

.mytheme-home-bento__poster-peek {
	position: absolute;
	z-index: 3;
	width: var(--mytheme-poster-robot-d, 112px);
	height: var(--mytheme-poster-robot-d, 112px);
	line-height: 0;
	pointer-events: auto;
}

.mytheme-home-bento__poster-peek--br {
	right: calc(var(--mytheme-poster-robot-d, 112px) * -0.12);
	bottom: calc(var(--mytheme-poster-robot-d, 112px) * -0.36);
	left: auto;
}

.mytheme-home-bento__poster-peek .mount-search-ai-avatar {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
}

/* 外链条 */
.mytheme-home-bento__card--link {
	flex-direction: row;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
}

.mytheme-home-bento__link-thumb {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	object-fit: cover;
	flex-shrink: 0;
}

.mytheme-home-bento__link-text {
	min-width: 0;
}

/* 工具 / 知识库列表 */
.mytheme-home-bento__tool-list,
.mytheme-home-bento__kb-list,
.mytheme-home-bento__daily-list,
.mytheme-home-bento__article-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1;
}

.mytheme-home-bento__tool-list a,
.mytheme-home-bento__kb-list a,
.mytheme-home-bento__daily-list a,
.mytheme-home-bento__article-list a {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	padding: 6px 8px;
	border-radius: 10px;
	color: #222222;
	font-size: 15px;
	font-weight: 500;
	transition: background-color 0.15s ease;
}

.mytheme-home-bento__tool-list a:hover,
.mytheme-home-bento__kb-list a:hover,
.mytheme-home-bento__daily-list a:hover,
.mytheme-home-bento__article-list a:hover {
	background: rgba(224, 48, 48, 0.06);
	color: #e03030;
}

.mytheme-home-bento__tool-list a:hover .mytheme-home-bento__title,
.mytheme-home-bento__kb-list a:hover .mytheme-home-bento__title,
.mytheme-home-bento__article-list a:hover .mytheme-home-bento__title {
	color: #e03030;
}

/* 外链卡：标题旁暗示可点击 */
.mytheme-home-bento__card--link .mytheme-home-bento__title {
	transition: color 0.15s ease;
}

.mytheme-home-bento__card--link:hover .mytheme-home-bento__title {
	color: #e03030;
}

.mytheme-home-bento__tool-list img,
.mytheme-home-bento__kb-list img {
	width: 28px;
	height: 28px;
	border-radius: 8px;
	object-fit: cover;
	flex-shrink: 0;
}

/* 三栏发现：一整张白卡。左标题说明，右最新/最热；栏与栏之间一条竖线。 */
.mytheme-home-bento__cell[data-type="discover"] {
	display: flex;
	flex-direction: column;
	align-self: stretch;
}

.mytheme-home-bento__card--discover {
	padding: 20px 4px 12px;
	border: 1px solid #f3f4f6;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	background: #fff;
	overflow: hidden;
	border-radius: 16px;
	flex: 1;
	width: 100%;
	height: 100%;
	min-height: 0;
}

.mytheme-home-bento__discover-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 0 16px 16px;
}

.mytheme-home-bento__discover-intro {
	min-width: 0;
	flex: 1 1 auto;
}

.mytheme-home-bento__discover-intro .mytheme-home-bento__subtitle {
	margin-top: 4px;
	color: #666666;
}

.mytheme-home-bento__discover-bar {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	flex-shrink: 0;
}

.mytheme-home-bento__seg--compact {
	width: 200px;
	max-width: 100%;
	margin: 0;
	padding: 3px;
	flex: 0 0 auto;
}

.mytheme-home-bento__seg--compact .mytheme-home-bento__seg-thumb {
	top: 3px;
	height: calc(100% - 6px);
}

.mytheme-home-bento__seg--compact .mytheme-home-bento__seg-tab {
	flex: 1 1 0;
	min-height: 32px;
	min-width: 0;
	padding: 0 20px;
}

.mytheme-home-bento__seg-ico {
	display: inline-flex;
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

.mytheme-home-bento__seg-ico .mytheme-home-bento__discover-svg {
	width: 16px;
	height: 16px;
}

.mytheme-home-bento__discover-svg {
	display: block;
	width: 18px;
	height: 18px;
}

.mytheme-home-bento__discover-cols {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	align-items: stretch;
	flex: 1;
	min-height: 0;
}

.mytheme-home-bento__discover-cols--1 {
	grid-template-columns: minmax(0, 1fr);
}

.mytheme-home-bento__discover-cols--2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* 后台锁了每栏宽：不再把空档均分到栏与栏之间，多出来的空留在右侧 */
.mytheme-home-bento__card--discover.is-discover-col-w .mytheme-home-bento__discover-cols {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	gap: 0;
}

.mytheme-home-bento__card--discover.is-discover-col-w .mytheme-home-bento__discover-cols--1 {
	justify-content: flex-start;
}

.mytheme-home-bento__card--discover.is-discover-col-w .mytheme-home-bento__discover-col {
	flex: 0 1 var(--mytheme-discover-col-w);
	width: var(--mytheme-discover-col-w);
	max-width: 100%;
	box-sizing: border-box;
	min-width: 0;
}

.mytheme-home-bento__card--discover.is-discover-col-h .mytheme-home-bento__discover-col {
	height: var(--mytheme-discover-col-h);
}

.mytheme-home-bento__card--discover.is-discover-col-h .mytheme-home-bento__discover-list {
	min-height: 0;
	overflow-y: auto;
	overscroll-behavior: contain;
}

.mytheme-home-bento__discover-col {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 0;
	padding: 4px 20px 8px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	min-width: 0;
}

.mytheme-home-bento__discover-col + .mytheme-home-bento__discover-col {
	border-left: 1px solid #eeeeee;
}

.mytheme-home-bento__discover-head {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 32px;
	margin: 0 0 12px;
	padding: 0;
	color: #222222;
	text-decoration: none;
}

a.mytheme-home-bento__discover-head:hover {
	text-decoration: none;
	color: #222222;
}

a.mytheme-home-bento__discover-head:hover .mytheme-home-bento__discover-head-label {
	color: #e03030;
}

a.mytheme-home-bento__discover-head:focus {
	outline: none;
}

a.mytheme-home-bento__discover-head:focus-visible {
	outline: 2px solid #111111;
	outline-offset: 2px;
	border-radius: 8px;
}

.mytheme-home-bento__discover-head-ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border-radius: 0;
	background: transparent;
	color: #e03030;
	flex-shrink: 0;
}

.mytheme-home-bento__discover-head-label {
	flex: 1;
	min-width: 0;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
	color: #222222;
	transition: color 0.15s ease;
}

.mytheme-home-bento__discover-head-arrow {
	display: inline-flex;
	color: #999999;
	flex-shrink: 0;
}

.mytheme-home-bento__discover-head-arrow .mytheme-home-bento__discover-svg {
	width: 16px;
	height: 16px;
}

.mytheme-home-bento__discover-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1;
}

.mytheme-home-bento__discover-list a {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	min-height: 44px;
	padding: 12px 8px;
	margin: 0 -8px;
	border-radius: 10px;
	color: #222222;
	text-decoration: none;
	transition: background-color 0.15s ease;
}

.mytheme-home-bento__discover-list a:hover {
	background: rgba(224, 48, 48, 0.06);
	text-decoration: none;
}

.mytheme-home-bento__discover-list a:focus {
	outline: none;
}

.mytheme-home-bento__discover-list a:focus-visible {
	outline: 2px solid #111111;
	outline-offset: 2px;
}

.mytheme-home-bento__discover-logo {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	object-fit: cover;
	flex-shrink: 0;
	background: #f3f4f6;
}

.mytheme-home-bento__discover-logo--fallback {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	color: #666666;
}

.mytheme-home-bento__discover-copy {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
	padding-top: 2px;
}

.mytheme-home-bento__discover-copy .mytheme-home-bento__title {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	color: #222222;
}

.mytheme-home-bento__discover-copy .mytheme-home-bento__subtitle {
	margin-top: 0;
	font-size: 14px;
	font-weight: 330;
	line-height: 1.5;
	color: #666666;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	line-clamp: 1;
	overflow: hidden;
}

/* 资讯卡：灰轨分类 + 标题/来源 + 底栏。红拇指分段是工具卡的，这里按稿子用白块红字，不共用。 */
.mytheme-home-bento__card--daily {
	gap: 12px;
}

.mytheme-home-bento__card--daily .mytheme-home-bento__card-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.mytheme-home-bento__daily-head-copy {
	min-width: 0;
	flex: 1;
}

.mytheme-home-bento__daily-kicker {
	flex-shrink: 0;
	font-size: 13px; /* text-footnote */
	font-weight: 400;
	line-height: 1.4;
	color: #999999; /* text-ink-tertiary */
	white-space: nowrap;
}

.mytheme-home-bento__daily-tabs {
	display: flex;
	align-items: center;
	gap: 2px;
	width: 100%;
	margin: 0;
	padding: 3px;
	border-radius: 9px;
	background: #f6f6f6;
	overflow-x: auto;
	flex-shrink: 0;
	scrollbar-width: none;
	overscroll-behavior-x: contain;
}

/* 装不下时右边会露出半个字（如「高」）。未滑到底时把截断处淡掉，滑到头后完整显示。 */
.mytheme-home-bento__daily-tabs.is-overflow-right {
	-webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 22px), transparent);
	mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 22px), transparent);
}

.mytheme-home-bento__daily-tabs::-webkit-scrollbar {
	display: none;
}

.mytheme-home-bento__daily-tab {
	appearance: none;
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	min-width: max-content;
	min-height: 32px;
	margin: 0;
	padding: 0 8px;
	border: 0;
	border-radius: 7px;
	background: transparent;
	box-shadow: none;
	cursor: pointer;
	font: inherit;
	font-size: 13px; /* text-footnote */
	font-weight: 400;
	line-height: 1.4;
	color: #666666; /* text-ink-secondary */
	white-space: nowrap;
}

.mytheme-home-bento__daily-tab:hover {
	color: #222222;
}

.mytheme-home-bento__daily-tab.is-active {
	background: #ffffff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	color: #e03030;
	font-weight: 600;
}

.mytheme-home-bento__daily-tab:focus {
	outline: none;
}

.mytheme-home-bento__daily-tab:focus-visible {
	outline: 2px solid #111111;
	outline-offset: 2px;
}

.mytheme-home-bento__card--daily .mytheme-home-bento__daily-list {
	flex: 0 0 auto;
	gap: 11px;
}

.mytheme-home-bento__card--daily .mytheme-home-bento__daily-list li {
	display: flex;
	flex: 0 0 auto;
	min-height: 0;
}

/* 作者样式里的 display:flex 会盖过 hidden 的浏览器默认 display:none */
.mytheme-home-bento__card--daily .mytheme-home-bento__daily-list li[hidden],
.mytheme-home-bento__daily-filter-empty[hidden] {
	display: none;
}

.mytheme-home-bento__card--daily .mytheme-home-bento__daily-list a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 5px;
	flex: 1;
	width: 100%;
	min-height: 44px;
	padding: 0;
	border-radius: 0;
	border-bottom: 0;
	background: transparent;
	font-size: 14px; /* text-caption */
	font-weight: 500;
	line-height: 1.4;
	color: #222222;
}

.mytheme-home-bento__card--daily .mytheme-home-bento__daily-list a:hover {
	background: transparent;
	color: #222222;
}

.mytheme-home-bento__daily-item-title {
	min-width: 0;
	max-width: 100%;
	font-size: 14px; /* text-caption：窄卡里的条目标题 */
	font-weight: 500;
	line-height: 1.35;
	color: #222222;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	line-clamp: 1;
	overflow: hidden;
	word-break: break-word;
	transition: color 0.15s ease;
}

.mytheme-home-bento__daily-source {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	max-width: 100%;
	min-width: 0;
	color: #999999; /* text-ink-tertiary */
}

.mytheme-home-bento__daily-source-name {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px; /* text-footnote */
	font-weight: 400;
	line-height: 1.4;
}

.mytheme-home-bento__daily-out {
	flex-shrink: 0;
	color: #c2c2c2;
}

.mytheme-home-bento__card--daily .mytheme-home-bento__daily-list a:hover .mytheme-home-bento__daily-item-title {
	color: #e03030;
}

.mytheme-home-bento__card--daily .mytheme-home-bento__daily-list a:focus {
	outline: none;
}

.mytheme-home-bento__card--daily .mytheme-home-bento__daily-list a:focus-visible {
	outline: 2px solid #111111;
	outline-offset: 2px;
	border-radius: 4px;
}

.mytheme-home-bento__daily-filter-empty {
	margin: 0;
	font-size: 13px; /* text-footnote */
	font-weight: 400;
	line-height: 1.4;
	color: #999999;
}

.mytheme-home-bento__daily-foot {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	min-height: 44px;
	margin-top: auto;
	padding: 0 12px;
	border-radius: 9px;
	background: #fafafa;
	font-size: 13px; /* text-footnote */
	font-weight: 500;
	line-height: 1.4;
	color: #666666; /* text-ink-secondary */
	text-decoration: none;
	flex-shrink: 0;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.mytheme-home-bento__daily-foot:hover {
	background: #f3f4f6;
	color: #222222;
	text-decoration: none;
}

.mytheme-home-bento__daily-foot:focus {
	outline: none;
}

.mytheme-home-bento__daily-foot:focus-visible {
	outline: 2px solid #111111;
	outline-offset: 2px;
}

@media (hover: none) and (pointer: coarse) {
	.mytheme-home-bento__daily-tab {
		min-height: 44px;
	}
}

.mytheme-home-bento__article-thumb {
	display: block;
	width: 56px;
	height: 40px;
	border-radius: 8px;
	overflow: hidden;
	flex-shrink: 0;
}

.mytheme-home-bento__article-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mytheme-home-bento__article-meta {
	min-width: 0;
}

.mytheme-home-bento__article-meta .mytheme-home-bento__title {
	font-size: 15px;
	font-weight: 500;
}

/*
 * 合集卡：整行里是「栏目头 + 一组各自独立的卡」，不套外层大白卡
 * data-coll-cols = 后台「最多几张」。格子窄时 @container / JS data-coll-fit 再往下收。
 * 平铺超出一行不换行，走横向轨道 + 底部指示条（海报仍用左右按钮）
 */
.mytheme-home-bento__cell[data-type='collection'] {
	display: flex;
	flex-direction: column;
	gap: 12px;
	height: 100%;
	min-height: 0;
}

.mytheme-home-bento__coll-viewport {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 16px;
	min-width: 0;
	flex: 1 1 auto;
	min-height: 0;
	padding-top: 35px;
	container-type: inline-size;
	container-name: home-coll;
}

.mytheme-home-bento__coll {
	--mytheme-coll-gap: 16px;
	display: grid;
	grid-template-columns: repeat(var(--mytheme-coll-cols, 3), minmax(0, 1fr));
	gap: var(--mytheme-coll-gap);
}

.mytheme-home-bento__coll[data-coll-cols='2'] {
	--mytheme-coll-cols: 2;
}

.mytheme-home-bento__coll[data-coll-cols='3'] {
	--mytheme-coll-cols: 3;
}

.mytheme-home-bento__coll[data-coll-cols='4'] {
	--mytheme-coll-cols: 4;
}

/*
 * 按格子实宽收列（约 240px 一张）。阈值对齐 JS MIN_CARD+gap。
 * 只减不增，所以 2 张设定在宽格子里仍是 2。
 */
@container home-coll (max-width: 1007px) {
	.mytheme-home-bento__coll--grid[data-coll-cols='4'] {
		--mytheme-coll-cols: 3;
	}
}

@container home-coll (max-width: 751px) {
	.mytheme-home-bento__coll--grid[data-coll-cols='3'],
	.mytheme-home-bento__coll--grid[data-coll-cols='4'] {
		--mytheme-coll-cols: 2;
	}
}

@container home-coll (max-width: 495px) {
	.mytheme-home-bento__coll--grid[data-coll-cols] {
		--mytheme-coll-cols: 1;
	}
}

.mytheme-home-bento__coll--grid[data-coll-fit='1'] {
	--mytheme-coll-cols: 1;
}

.mytheme-home-bento__coll--grid[data-coll-fit='2'] {
	--mytheme-coll-cols: 2;
}

.mytheme-home-bento__coll--grid[data-coll-fit='3'] {
	--mytheme-coll-cols: 3;
}

.mytheme-home-bento__coll--grid[data-coll-fit='4'] {
	--mytheme-coll-cols: 4;
}

.mytheme-home-bento__coll--grid {
	display: flex;
	flex-wrap: nowrap;
	min-width: 0;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	overscroll-behavior-x: contain;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.mytheme-home-bento__coll--grid::-webkit-scrollbar {
	display: none;
}

.mytheme-home-bento__coll--grid > .mytheme-home-bento__card--coll-item {
	flex: 0 0 calc((100% - (var(--mytheme-coll-cols, 3) - 1) * var(--mytheme-coll-gap)) / var(--mytheme-coll-cols, 3));
	width: calc((100% - (var(--mytheme-coll-cols, 3) - 1) * var(--mytheme-coll-gap)) / var(--mytheme-coll-cols, 3));
	scroll-snap-align: start;
}

.mytheme-home-bento__coll--single {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
}

.mytheme-home-bento__coll-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 1px solid #ededed;
	border-radius: 9999px;
	background: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	color: #222222;
	cursor: pointer;
	transition: background 0.2s ease, opacity 0.2s ease;
}

.mytheme-home-bento__coll-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2px;
	flex-shrink: 0;
	margin-top: auto;
	padding: 4px 0 2px;
}

.mytheme-home-bento__coll-viewport.is-fit .mytheme-home-bento__coll-dots {
	display: none;
}

.mytheme-home-bento__coll-dot {
	position: relative;
	width: 28px;
	height: 24px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	flex-shrink: 0;
}

.mytheme-home-bento__coll-dot::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 28px;
	height: 3px;
	border-radius: 999px;
	background: #cccccc;
	opacity: 0.7;
	transform: translate(-50%, -50%) scaleX(0.5);
	transition:
		background-color 0.35s ease,
		transform 0.35s cubic-bezier(0.32, 0.72, 0, 1),
		opacity 0.35s ease;
}

.mytheme-home-bento__coll-dot.is-on::after {
	background: #222222;
	opacity: 1;
	transform: translate(-50%, -50%) scaleX(1);
}

.mytheme-home-bento__coll-dot:focus-visible {
	outline: 2px solid #222222;
	outline-offset: 2px;
	border-radius: 999px;
}

.mytheme-home-bento__coll-nav:hover {
	background: #fff;
}

.mytheme-home-bento__coll-nav:focus-visible {
	outline: 2px solid #222222;
	outline-offset: 2px;
}

.mytheme-home-bento__coll-nav svg {
	width: 20px;
	height: 20px;
}

/* padding 归零让封面顶到卡边；min-height 断开 .card 的 inherit 链，避免从 cell 继承出空高 */
.mytheme-home-bento__card--coll-item {
	padding: 0;
	min-height: 0;
}

.mytheme-home-bento__coll-thumb {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #f3f4f6;
	flex-shrink: 0;
}

/* 单张大图横跨整行，16:9 会把首页撑得太高，压扁到 21:9 */
.mytheme-home-bento__coll--single .mytheme-home-bento__coll-thumb {
	aspect-ratio: 21 / 9;
}

.mytheme-home-bento__coll-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

a.mytheme-home-bento__card--coll-item:hover .mytheme-home-bento__coll-thumb img {
	transform: scale(1.04);
}

.mytheme-home-bento__coll-thumb-fallback {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	color: #cccccc;
}

.mytheme-home-bento__coll-thumb-fallback svg {
	width: 40px;
	height: 40px;
}

.mytheme-home-bento__coll-body {
	display: block;
	padding: 12px 14px;
}

.mytheme-home-bento__coll-body .mytheme-home-bento__title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	transition: color 0.15s ease;
}

/* 单张大图配 16px 标题太轻，抬到 24px 档 */
.mytheme-home-bento__coll--single .mytheme-home-bento__coll-body {
	padding: 14px 16px;
}

.mytheme-home-bento__coll--single .mytheme-home-bento__coll-body .mytheme-home-bento__title {
	font-size: 24px;
}

a.mytheme-home-bento__card--coll-item:hover .mytheme-home-bento__title {
	color: #e03030;
}

@media (max-width: 900px) {
	.mytheme-home-bento {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mytheme-home-bento__cell--wide,
	.mytheme-home-bento__cell--hero {
		grid-column: span 2;
		grid-row: span 1;
		min-height: 200px;
	}

	.mytheme-home-bento__cell--md,
	.mytheme-home-bento__cell--bar {
		grid-column: span 2;
	}

	.mytheme-home-bento__cell--tall,
	.mytheme-home-bento__cell--sm {
		grid-column: span 1;
	}

	.mytheme-home-bento__cell--tall {
		grid-row: span 2;
	}

	.mytheme-home-bento__cell--row {
		grid-column: 1 / -1;
	}

	.mytheme-home-bento__cell--banner {
		grid-column: 1 / -1;
		grid-row: span 1;
		min-height: 240px;
	}

	.mytheme-home-bento__cell--stage {
		grid-column: 1 / -1;
		grid-row: span 1;
		min-height: 320px;
	}

	.mytheme-home-bento__lead,
	.mytheme-home-bento__cell--lead {
		grid-column: 1 / -1;
		grid-row: auto;
	}

	/* 平板宽不够，9:2 / 3:1 会压成一条缝，改接近 2.3:1 */
	.mytheme-home-bento__cell--banner[data-type="poster"],
	.mytheme-home-bento__cell--stage[data-type="poster"] {
		min-height: 0;
		aspect-ratio: 16 / 7;
	}

	.mytheme-home-bento__discover-cols {
		grid-template-columns: 1fr;
	}

	.mytheme-home-bento__discover-col + .mytheme-home-bento__discover-col {
		border-left: 0;
		border-top: 1px solid #eeeeee;
		margin-top: 8px;
		padding-top: 16px;
	}

	.mytheme-home-bento__card--discover.is-discover-col-w .mytheme-home-bento__discover-cols {
		flex-direction: column;
	}

	.mytheme-home-bento__card--discover.is-discover-col-w .mytheme-home-bento__discover-col {
		width: 100%;
		flex: 1 1 auto;
	}
}

@media (max-width: 560px) {
	.mytheme-home-bento__discover-top {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}

	.mytheme-home-bento__discover-bar {
		justify-content: flex-start;
	}

	.mytheme-home-bento__discover-bar .mytheme-home-bento__seg--compact {
		width: 200px;
		max-width: 100%;
	}

	.mytheme-home-bento {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.mytheme-home-bento__cell--wide,
	.mytheme-home-bento__cell--hero,
	.mytheme-home-bento__cell--md,
	.mytheme-home-bento__cell--tall,
	.mytheme-home-bento__cell--sm,
	.mytheme-home-bento__cell--bar {
		grid-column: span 1;
		grid-row: span 1;
	}

	.mytheme-home-bento__cell--row,
	.mytheme-home-bento__cell--banner,
	.mytheme-home-bento__cell--stage {
		grid-column: 1 / -1;
		grid-row: span 1;
	}

	.mytheme-home-bento__cell--banner[data-type="poster"],
	.mytheme-home-bento__cell--stage[data-type="poster"] {
		aspect-ratio: 16 / 9;
	}

	.mytheme-home-bento__coll--single {
		grid-template-columns: minmax(0, 1fr);
	}

	.mytheme-home-bento__coll-nav {
		width: 44px;
		height: 44px;
	}

	.mytheme-home-bento__coll-dot {
		width: 36px;
		height: 44px;
	}

	/* 手机上 21:9 只剩一条窄缝，回到 16:9 */
	.mytheme-home-bento__coll--single .mytheme-home-bento__coll-thumb {
		aspect-ratio: 16 / 9;
	}

	.mytheme-home-bento__card--poster .mytheme-home-bento__title {
		font-size: 20px;
	}
}

/* 自定义高度必须压过上面档位 / 断点里的 aspect-ratio */
.mytheme-home-bento__cell--poster-h {
	min-height: 0 !important;
	height: var(--mytheme-poster-h) !important;
	aspect-ratio: auto !important;
	align-self: start;
	width: 100%;
}

/* WHY: 高度锁死后列表比卡片高时，在卡片里滚，头和底栏留在外面 */
.mytheme-home-bento__cell--poster-h[data-type="daily"] .mytheme-home-bento__daily-list {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	overscroll-behavior: contain;
}

/* 自定义宽度：居中锁死设计画布；手机仍铺满。WHY !important：盖过 poster-h 的 width:100% */
.mytheme-home-bento__cell--poster-w {
	width: var(--mytheme-poster-w) !important;
	max-width: 100%;
	justify-self: center;
}

.mytheme-home-bento--mobile .mytheme-home-bento__cell--poster-w {
	width: 100% !important;
	justify-self: stretch;
}

@media (max-width: 768px), (hover: none) and (pointer: coarse) {
	.mytheme-home-bento__cell--poster-w {
		width: 100% !important;
		justify-self: stretch;
	}
}

/* 知识库立体书：不要白卡片框，书单独浮在格子里 */
.mytheme-home-bento__cell[data-type="kb"] {
	min-height: 260px;
	overflow: visible;
	z-index: 2;
}

/*
 * 搜索条是细胶囊，不要吃通宽大图/大屏那些内容卡地板。
 * WHY !important：档位 min-height 与本选择器专一性打平，后到的媒体查询还会再写一遍。
 */
.mytheme-home-bento__cell[data-type="search"] {
	min-height: 0 !important;
	height: auto;
	align-self: start;
	overflow: visible;
}

.mytheme-home-bento__search {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 2px 0;
}

.mytheme-home-bento__search-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 100%;
	max-width: var(--mytheme-home-search-max, 100%);
	margin-inline: auto;
}

.mytheme-home-bento__search-form {
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
}

.mytheme-home-bento__search-form input[type="search"] {
	/* 去掉 WebKit 搜索框默认内边，高度才压得住 */
	-webkit-appearance: none;
	appearance: none;
}

.mytheme-home-bento__search .mount-search-ai-avatar {
	flex-shrink: 0;
	line-height: 0;
}

.mytheme-home-bento__greet {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	width: 100%;
	min-width: 0;
}

.mytheme-home-bento__greet--lead {
	flex: 0 0 auto;
	height: auto;
	justify-content: flex-start;
}

.mytheme-home-bento__card--greet {
	align-items: center;
	justify-content: center;
	padding: 16px 12px;
}

.mytheme-home-bento__greet-captions {
	position: relative;
	width: 100%;
	min-height: 3em;
	text-align: center;
}

.mytheme-home-bento__greet .mount-search-ai-avatar {
	flex-shrink: 0;
	line-height: 0;
}

/*
 * 海报侧栏红脸：参照侧栏一半再 ×0.8（36px 原件按比例拉到 --mytheme-home-lead-face）。
 * 不用 transform:scale，否则跟鼠标的 px 位移会被放大、眼珠飞出脸。
 */
.mytheme-home-bento__greet--lead .mount-search-ai-avatar,
.mytheme-home-bento__poster-peek .mount-search-ai-avatar {
	width: var(--mytheme-home-lead-face, 140px);
	height: var(--mytheme-home-lead-face, 140px);
	display: flex;
	align-items: center;
	justify-content: center;
}

.mytheme-home-bento__greet--lead .mount-search-ai-avatar > button,
.mytheme-home-bento__poster-peek .mount-search-ai-avatar > button {
	width: var(--mytheme-home-lead-face, 140px) !important;
	height: var(--mytheme-home-lead-face, 140px) !important;
}

.mytheme-home-bento__greet--lead .mount-search-ai-avatar > button > span.left-\[10px\],
.mytheme-home-bento__greet--lead .mount-search-ai-avatar > button > span.right-\[10px\],
.mytheme-home-bento__poster-peek .mount-search-ai-avatar > button > span.left-\[10px\],
.mytheme-home-bento__poster-peek .mount-search-ai-avatar > button > span.right-\[10px\] {
	width: calc(var(--mytheme-home-lead-face, 140px) * 5 / 36);
	height: calc(var(--mytheme-home-lead-face, 140px) * 12 / 36);
	top: calc(var(--mytheme-home-lead-face, 140px) * 12 / 36);
}

.mytheme-home-bento__greet--lead .mount-search-ai-avatar > button > span.left-\[10px\],
.mytheme-home-bento__poster-peek .mount-search-ai-avatar > button > span.left-\[10px\] {
	left: calc(var(--mytheme-home-lead-face, 140px) * 10 / 36);
}

.mytheme-home-bento__greet--lead .mount-search-ai-avatar > button > span.right-\[10px\],
.mytheme-home-bento__poster-peek .mount-search-ai-avatar > button > span.right-\[10px\] {
	right: calc(var(--mytheme-home-lead-face, 140px) * 10 / 36);
	left: auto;
}

.mytheme-home-bento__greet--lead .mount-search-ai-avatar > button > span.h-\[2px\],
.mytheme-home-bento__poster-peek .mount-search-ai-avatar > button > span.h-\[2px\] {
	height: calc(var(--mytheme-home-lead-face, 140px) * 2 / 36);
}

/* 字幕：caption 14 / 二级色；不另做滚动条 */
.mytheme-home-bento__greet-line {
	margin: 0;
	font-size: 14px;
	font-weight: 330;
	line-height: 1.45;
	color: #666666;
	text-align: center;
	word-break: break-word;
	opacity: 0;
	transform: translateY(4px);
	transition: opacity 280ms ease, transform 280ms ease;
}

.mytheme-home-bento__greet-line.is-on {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.mytheme-home-bento__greet-line {
		transition: none;
		opacity: 1;
		transform: none;
	}
}

.mytheme-home-bento__card--kb {
	overflow: visible;
	align-items: stretch;
	justify-content: center;
	background: transparent;
	border: 0;
	box-shadow: none;
	border-radius: 0;
	padding: 0;
	--home-kb-w: 140px;
}

.mytheme-home-bento__card--kb .mytheme-home-bento__card-head {
	align-self: stretch;
	flex-shrink: 0;
	padding: 0 4px;
}

.mytheme-home-bento__kb-stage {
	position: relative;
	width: 100%;
	flex: 1 1 auto;
	padding: 12px 8px 8px;
	min-width: 0;
	min-height: 0;
}

.mytheme-home-bento__kb-track {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 16px 20px;
	width: 100%;
	height: 100%;
	min-height: inherit;
}

.mytheme-home-bento__kb-slide {
	display: flex;
	justify-content: center;
	align-items: center;
}

/*
 * 书架里 .wpbd-book 是有明确列宽的格子，width:min(var(--width),100%) 才成立。
 * 首页是 flex 子项、父级宽度 auto，100% 会算成 0，书整本消失。这里改成像素宽。
 */
.mytheme-home-bento__kb-stage .wpbd-book {
	flex: 0 0 auto;
	width: var(--home-kb-w, 140px);
	animation: mytheme-home-kb-float 3.4s ease-in-out infinite;
}

.mytheme-home-bento__kb-stage .wpbd-book-inner {
	width: 100%;
	--width: 100%;
}

.mytheme-home-bento__card--kb[data-kb-slots="2"] {
	--home-kb-w: 148px;
}

.mytheme-home-bento__card--kb[data-kb-slots="3"] {
	--home-kb-w: 128px;
}

.mytheme-home-bento__card--kb[data-kb-slots="4"] {
	--home-kb-w: 110px;
}

/*
 * 竖 1×2 / 小：一次一本，按格子高度等比例撑满。
 */
.mytheme-home-bento__card--kb[data-kb-slots="1"] .mytheme-home-bento__kb-stage {
	min-height: 220px;
}

.mytheme-home-bento__card--kb[data-kb-slots="1"] .wpbd-book {
	width: auto;
	height: 88%;
	max-width: 90%;
	max-height: 100%;
	aspect-ratio: 17 / 21;
}

.mytheme-home-bento__card--kb[data-kb-slots="1"] .wpbd-book-inner {
	height: 100%;
	width: 100%;
	--thick: 32px;
	--kb-angle: 18deg;
}

/* 一本轮播：整排滑过，舞台裁切掉格外的书（不是白卡片框） */
.mytheme-home-bento__card--kb.is-kb-carousel .mytheme-home-bento__kb-stage,
.mytheme-home-bento__card--kb.is-kb-single .mytheme-home-bento__kb-stage {
	overflow: hidden;
	padding: 0;
}

.mytheme-home-bento__card--kb.is-kb-carousel .mytheme-home-bento__kb-slide,
.mytheme-home-bento__card--kb.is-kb-single .mytheme-home-bento__kb-slide {
	box-sizing: border-box;
	padding: 12px 10px 8px;
}

.mytheme-home-bento__card--kb.is-kb-carousel .mytheme-home-bento__kb-track,
.mytheme-home-bento__card--kb.is-kb-single .mytheme-home-bento__kb-track {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	gap: 0;
	height: 100%;
	transition: transform 0.58s cubic-bezier(0.22, 1, 0.36, 1);
}

.mytheme-home-bento__card--kb.is-kb-carousel .mytheme-home-bento__kb-slide,
.mytheme-home-bento__card--kb.is-kb-single .mytheme-home-bento__kb-slide {
	position: relative;
	inset: auto;
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
	opacity: 1;
	transform: none;
	pointer-events: auto;
	transition: none;
}

.mytheme-home-bento__card--kb.is-kb-carousel .mytheme-home-bento__kb-slide[data-kb-clone],
.mytheme-home-bento__card--kb.is-kb-single .mytheme-home-bento__kb-slide[data-kb-clone] {
	pointer-events: none;
}

.mytheme-home-bento__kb-stage .wpbd-book:hover,
.mytheme-home-bento__kb-stage .wpbd-book:focus-within {
	z-index: 5;
}

.mytheme-home-bento__kb-slide:nth-child(2) .wpbd-book { animation-delay: 0.45s; }
.mytheme-home-bento__kb-slide:nth-child(3) .wpbd-book { animation-delay: 0.9s; }
.mytheme-home-bento__kb-slide:nth-child(4) .wpbd-book { animation-delay: 0.2s; }
.mytheme-home-bento__kb-slide:nth-child(5) .wpbd-book { animation-delay: 0.65s; }
.mytheme-home-bento__kb-slide:nth-child(6) .wpbd-book { animation-delay: 1.1s; }

.mytheme-home-bento__kb-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2px;
	flex-shrink: 0;
	padding: 4px 0 2px;
}

.mytheme-home-bento__kb-dot {
	position: relative;
	width: 24px;
	height: 24px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	flex-shrink: 0;
}

.mytheme-home-bento__kb-dot::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 8px;
	height: 8px;
	border-radius: 999px;
	background: #cccccc;
	transform: translate(-50%, -50%) scale(1);
	opacity: 0.7;
	transition:
		background-color 0.35s ease,
		transform 0.35s cubic-bezier(0.32, 0.72, 0, 1),
		opacity 0.35s ease;
}

.mytheme-home-bento__kb-dot.is-on::after {
	background: #222222;
	opacity: 1;
	transform: translate(-50%, -50%) scale(1.15);
}

.mytheme-home-bento__kb-dot:focus-visible {
	outline: 2px solid #222222;
	outline-offset: 2px;
	border-radius: 999px;
}

@keyframes mytheme-home-kb-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-7px); }
}

@media (prefers-reduced-motion: reduce) {
	.mytheme-home-bento__card,
	.mytheme-home-bento__tool-list a,
	.mytheme-home-bento__kb-list a,
	.mytheme-home-bento__daily-list a,
	.mytheme-home-bento__article-list a,
	.mytheme-home-bento__daily-tab,
	.mytheme-home-bento__daily-item-title,
	.mytheme-home-bento__daily-foot {
		transition: none;
	}

	.mytheme-home-bento__kb-stage .wpbd-book {
		animation: none;
	}

	.mytheme-home-bento__card--kb.is-kb-carousel .mytheme-home-bento__kb-track,
	.mytheme-home-bento__card--kb.is-kb-single .mytheme-home-bento__kb-track {
		transition: none;
	}

	.mytheme-home-bento__kb-dot::after {
		transition: none;
	}

	.mytheme-home-bento__coll-dot::after {
		transition: none;
	}

	.mytheme-home-bento__discover-head-label {
		transition: none;
	}

	.mytheme-home-bento__coll--grid {
		scroll-behavior: auto;
	}

	.mytheme-home-bento__poster-track {
		scroll-behavior: auto;
	}

	.mytheme-home-bento__coll-nav {
		transition: none;
	}

	a.mytheme-home-bento__card:hover {
		transform: none;
	}

	a.mytheme-home-bento__card--coll-item:hover .mytheme-home-bento__coll-thumb img {
		transform: none;
	}

	.mytheme-home-bento__bookshelf-item,
	.mytheme-home-bento__bookshelf-item .wpbd-book-inner,
	.mytheme-home-bento__bookshelf-stage .wpbd-face,
	.mytheme-home-bento__bookshelf-title,
	.mytheme-home-bento__bookshelf-cta {
		transition: none;
	}

	.mytheme-home-bento__card--bookshelf.is-entering .mytheme-home-bento__bookshelf-item[data-pos="left"],
	.mytheme-home-bento__card--bookshelf.is-entering .mytheme-home-bento__bookshelf-item[data-pos="right"],
	.mytheme-home-bento__card--bookshelf.is-entering .mytheme-home-bento__bookshelf-item[data-pos="center"] {
		animation: none;
	}
}

.mytheme-home-bento__cell[data-type="bookshelf"]:not(.mytheme-home-bento__cell--poster-h) {
	min-height: 380px;
}

.mytheme-home-bento__card--bookshelf {
	container-type: inline-size;
	overflow: hidden;
	justify-content: center;
	--home-shelf-inset: 20px;
	--home-shelf-gap-y: 8px;
	padding: var(--home-shelf-inset);
	/* 书栏略放宽，按高度吃掉多余上下空；C 位单独放大 */
	--home-shelf-cluster: 2.35;
	--home-shelf-stack: 1.62;
	--home-shelf-scale: 1;
	--home-shelf-center-scale: 1.1;
	--home-shelf-book: calc(46cqi / var(--home-shelf-cluster) * var(--home-shelf-scale));
	--home-shelf-spread-left: 0.74;
	--home-shelf-spread-right: 0.7;
	--home-shelf-lift: calc(var(--home-shelf-book) * -0.16);
	--home-shelf-drop-left: calc(var(--home-shelf-book) * 0.2);
	--home-shelf-drop-right: calc(var(--home-shelf-book) * 0.12);
	/* WHY: C 位上抬后视觉偏上，整组下移让上下留白对齐 */
	--home-shelf-nudge: calc(var(--home-shelf-book) * 0.055);
	/* WHY: 右书转角更大，再往右挪会贴上标题。归零后左右出头一样 */
	--home-shelf-shift-x: 0px;
	/* WHY: 书组左侧到卡片边、右侧到标题，用同一段留白 */
	--home-shelf-side-gap: 32px;
	--home-shelf-tilt-left: -16deg;
	--home-shelf-tilt-right: 22deg;
	--home-shelf-side-scale: 0.86;
}

.mytheme-home-bento__card--bookshelf[data-bookshelf-count="1"] {
	--home-shelf-cluster: 1;
	--home-shelf-stack: 1.24;
	--home-shelf-center-scale: 1;
	--home-shelf-nudge: 0px;
	--home-shelf-shift-x: 0px;
	--home-shelf-lift: 0px;
}

.mytheme-home-bento__cell--poster-h[data-type="bookshelf"] .mytheme-home-bento__card--bookshelf {
	--home-shelf-book: min(
		calc(46cqi / var(--home-shelf-cluster) * var(--home-shelf-scale)),
		calc((var(--mytheme-poster-h) - (var(--home-shelf-inset) * 2) - (var(--home-shelf-gap-y) * 2)) / var(--home-shelf-stack) * var(--home-shelf-scale))
	);
}

.mytheme-home-bento__bookshelf {
	display: grid;
	/* WHY: 栏宽跟书组走，不跟百分比缩。左右留白才不会被书角吃掉 */
	grid-template-columns: calc(var(--home-shelf-book) * var(--home-shelf-cluster)) minmax(0, 1fr);
	column-gap: var(--home-shelf-side-gap);
	padding-left: var(--home-shelf-side-gap);
	box-sizing: border-box;
	align-items: center;
	width: 100%;
	min-width: 0;
	min-height: 0;
	height: 100%;
}

.mytheme-home-bento__bookshelf-stage {
	position: relative;
	z-index: 1;
	/* WHY: 侧书旋转后角会超出栏宽；hidden 会裁角，看起来像画面被缩小 */
	overflow: visible;
	width: 100%;
	height: calc(var(--home-shelf-book) * var(--home-shelf-stack));
	max-width: 100%;
	min-width: 0;
}

.mytheme-home-bento__cell--poster-h[data-type="bookshelf"] .mytheme-home-bento__bookshelf-stage {
	height: 100%;
}

.mytheme-home-bento__bookshelf-item {
	position: absolute;
	left: calc(50% + var(--home-shelf-shift-x));
	top: 50%;
	width: var(--home-shelf-book);
	margin: 0;
	user-select: none;
	transform: translate(-50%, -50%);
	transform-origin: center center;
	transition: transform 0.52s cubic-bezier(0.22, 1.15, 0.36, 1);
}

.mytheme-home-bento__bookshelf-item[data-pos="hidden"] {
	display: none;
}

.mytheme-home-bento__bookshelf-item[data-pos="left"] {
	transform: translate(
			calc(-50% - var(--home-shelf-book) * var(--home-shelf-spread-left)),
			calc(-50% + var(--home-shelf-drop-left) + var(--home-shelf-nudge))
		)
		rotate(var(--home-shelf-tilt-left))
		scale(var(--home-shelf-side-scale));
	z-index: 1;
}

.mytheme-home-bento__bookshelf-item[data-pos="right"] {
	transform: translate(
			calc(-50% + var(--home-shelf-book) * var(--home-shelf-spread-right)),
			calc(-50% + var(--home-shelf-drop-right) + var(--home-shelf-nudge))
		)
		rotate(var(--home-shelf-tilt-right))
		scale(var(--home-shelf-side-scale));
	z-index: 2;
}

.mytheme-home-bento__bookshelf-item[data-pos="center"] {
	transform: translate(-50%, calc(-50% + var(--home-shelf-lift) + var(--home-shelf-nudge))) scale(var(--home-shelf-center-scale));
	z-index: 3;
}

/* WHY: 每次进首页从底部叠放张开；不靠知识库回站时晚加载 CSS 的偶然过渡 */
@keyframes mytheme-home-shelf-open {
	from {
		transform: translate(-50%, calc(-50% + var(--home-shelf-drop-left) + var(--home-shelf-nudge))) scale(0.9);
	}
}

.mytheme-home-bento__card--bookshelf.is-entering .mytheme-home-bento__bookshelf-item[data-pos="left"],
.mytheme-home-bento__card--bookshelf.is-entering .mytheme-home-bento__bookshelf-item[data-pos="right"],
.mytheme-home-bento__card--bookshelf.is-entering .mytheme-home-bento__bookshelf-item[data-pos="center"] {
	animation: mytheme-home-shelf-open 0.52s cubic-bezier(0.22, 1.15, 0.36, 1) both;
}

.mytheme-home-bento__card--bookshelf.is-entering .mytheme-home-bento__bookshelf-stage {
	pointer-events: none;
}

.mytheme-home-bento__card--bookshelf.is-switching .mytheme-home-bento__bookshelf-item[data-pos="center"] {
	z-index: 5;
}

.mytheme-home-bento__bookshelf-item[data-pos="left"]:hover,
.mytheme-home-bento__bookshelf-item[data-pos="left"]:focus-within {
	transform: translate(
			calc(-50% - var(--home-shelf-book) * var(--home-shelf-spread-left)),
			calc(-50% + 8px + var(--home-shelf-nudge))
		)
		rotate(-2deg)
		scale(0.94);
	z-index: 4;
}

.mytheme-home-bento__bookshelf-item[data-pos="right"]:hover,
.mytheme-home-bento__bookshelf-item[data-pos="right"]:focus-within {
	transform: translate(
			calc(-50% + var(--home-shelf-book) * var(--home-shelf-spread-right)),
			calc(-50% + 4px + var(--home-shelf-nudge))
		)
		rotate(2deg)
		scale(0.94);
	z-index: 4;
}

.mytheme-home-bento__bookshelf-stage .wpbd-book {
	width: 100%;
	perspective: none;
	align-items: stretch;
}

.mytheme-home-bento__bookshelf-stage .wpbd-book-inner {
	width: 100%;
	--width: 100%;
	--thick: 0px;
	--kb-angle: 0deg;
	--kb-tilt: 0deg;
	--radius: 14px;
	transform: none;
	transform-origin: center center;
	transition: box-shadow 0.32s ease;
}

.mytheme-home-bento__bookshelf-stage .wpbd-spine,
.mytheme-home-bento__bookshelf-stage .wpbd-top,
.mytheme-home-bento__bookshelf-stage .wpbd-pages {
	display: none;
}

.mytheme-home-bento__bookshelf-stage .wpbd-face {
	transform: none;
	border-radius: 14px;
	box-shadow: 0 8px 18px -8px rgba(17, 17, 17, 0.16);
	transition: box-shadow 0.32s ease;
}

.mytheme-home-bento__bookshelf-item[data-pos="center"] .wpbd-face {
	box-shadow: 0 22px 40px -12px rgba(17, 17, 17, 0.3);
}

.mytheme-home-bento__bookshelf-stage .wpbd-title {
	display: none;
}

.mytheme-home-bento__bookshelf-stage .wpbd-book:hover .wpbd-book-inner,
.mytheme-home-bento__bookshelf-stage .wpbd-book:focus-within .wpbd-book-inner {
	transform: none;
}

.mytheme-home-bento__bookshelf-stage .wpbd-book-inner:focus-visible {
	outline: 2px solid #222222;
	outline-offset: 3px;
}

.mytheme-home-bento__bookshelf-copy {
	position: relative;
	z-index: 2;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 18px;
	padding-left: var(--home-shelf-inset);
	box-sizing: border-box;
	/* WHY: 白底会盖住右侧书角；点字仍用下面的 auto */
	background: transparent;
	pointer-events: none;
}

.mytheme-home-bento__bookshelf-title,
.mytheme-home-bento__bookshelf-excerpt,
.mytheme-home-bento__bookshelf-cta {
	pointer-events: auto;
}

.mytheme-home-bento__bookshelf-title {
	font-size: 32px;
	font-weight: 630;
	line-height: 40px;
	letter-spacing: -0.4px;
	color: #222222;
	text-decoration: none;
}

.mytheme-home-bento__bookshelf-title:hover {
	color: #222222;
}

.mytheme-home-bento__bookshelf-title:focus-visible {
	outline: 2px solid #222222;
	outline-offset: 2px;
}

.mytheme-home-bento__bookshelf-excerpt {
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	color: #666666;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.mytheme-home-bento__bookshelf-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 38px;
	padding: 0 16px;
	border: 1px solid #222222;
	border-radius: 9999px;
	background: #ffffff;
	color: #222222;
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
}

.mytheme-home-bento__bookshelf-cta:hover {
	background: #f8f8f8;
	color: #222222;
}

.mytheme-home-bento__bookshelf-cta:focus-visible {
	outline: 2px solid #222222;
	outline-offset: 2px;
}

.mytheme-home-bento__bookshelf-cta-icon {
	flex-shrink: 0;
	width: 15px;
	height: 15px;
}

.mytheme-home-bento--mobile .mytheme-home-bento__bookshelf,
.mytheme-home-bento:not(.mytheme-home-bento--desktop) .mytheme-home-bento__bookshelf {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	column-gap: 0;
	padding-left: 0;
}

.mytheme-home-bento--mobile .mytheme-home-bento__cell[data-type="bookshelf"]:not(.mytheme-home-bento__cell--poster-h),
.mytheme-home-bento:not(.mytheme-home-bento--desktop) .mytheme-home-bento__cell[data-type="bookshelf"]:not(.mytheme-home-bento__cell--poster-h) {
	min-height: 0;
}

.mytheme-home-bento--mobile .mytheme-home-bento__card--bookshelf,
.mytheme-home-bento:not(.mytheme-home-bento--desktop) .mytheme-home-bento__card--bookshelf {
	padding: var(--home-shelf-inset);
	--home-shelf-book: calc(min(280px, 80cqi) / var(--home-shelf-cluster) * var(--home-shelf-scale));
	--home-shelf-tilt-left: -12deg;
	--home-shelf-tilt-right: 16deg;
}

.mytheme-home-bento--mobile .mytheme-home-bento__bookshelf-copy,
.mytheme-home-bento:not(.mytheme-home-bento--desktop) .mytheme-home-bento__bookshelf-copy {
	padding-left: 0;
	padding-top: 16px;
}

.mytheme-home-bento--mobile .mytheme-home-bento__bookshelf-title,
.mytheme-home-bento:not(.mytheme-home-bento--desktop) .mytheme-home-bento__bookshelf-title {
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
}

.mytheme-home-bento--mobile .mytheme-home-bento__bookshelf-cta,
.mytheme-home-bento:not(.mytheme-home-bento--desktop) .mytheme-home-bento__bookshelf-cta {
	min-height: 44px;
	height: 44px;
}

.mytheme-home-bento--mobile .mytheme-home-bento__bookshelf-stage,
.mytheme-home-bento:not(.mytheme-home-bento--desktop) .mytheme-home-bento__bookshelf-stage {
	width: min(280px, 80%);
	align-self: center;
}

.mytheme-home-bento--mobile .mytheme-home-bento__bookshelf-item,
.mytheme-home-bento:not(.mytheme-home-bento--desktop) .mytheme-home-bento__bookshelf-item {
	left: 50%;
}

.mytheme-home-bento--mobile .mytheme-home-bento__cell--poster-h[data-type="bookshelf"] .mytheme-home-bento__card--bookshelf,
.mytheme-home-bento:not(.mytheme-home-bento--desktop) .mytheme-home-bento__cell--poster-h[data-type="bookshelf"] .mytheme-home-bento__card--bookshelf {
	--home-shelf-book: min(
		calc(min(280px, 80cqi) / var(--home-shelf-cluster) * var(--home-shelf-scale)),
		calc((var(--mytheme-poster-h) - (var(--home-shelf-inset) * 2)) / var(--home-shelf-stack) * var(--home-shelf-scale))
	);
}

@media (max-width: 768px) {
	.mytheme-home-bento__cell[data-type="bookshelf"]:not(.mytheme-home-bento__cell--poster-h) {
		min-height: 0;
	}

	.mytheme-home-bento__bookshelf {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		column-gap: 0;
		padding-left: 0;
	}

	.mytheme-home-bento__card--bookshelf {
		padding: var(--home-shelf-inset);
		--home-shelf-book: calc(min(280px, 80cqi) / var(--home-shelf-cluster) * var(--home-shelf-scale));
		--home-shelf-tilt-left: -12deg;
		--home-shelf-tilt-right: 16deg;
	}

	.mytheme-home-bento__bookshelf-copy {
		padding-left: 0;
		padding-top: 16px;
	}

	.mytheme-home-bento__bookshelf-title {
		font-size: 24px;
		font-weight: 600;
		line-height: 32px;
	}

	.mytheme-home-bento__bookshelf-cta {
		min-height: 44px;
		height: 44px;
	}

	.mytheme-home-bento__bookshelf-stage {
		width: min(280px, 80%);
		align-self: center;
	}

	.mytheme-home-bento__bookshelf-item {
		left: 50%;
	}

	.mytheme-home-bento__cell--poster-h[data-type="bookshelf"] .mytheme-home-bento__card--bookshelf {
		--home-shelf-book: min(
			calc(min(280px, 80cqi) / var(--home-shelf-cluster) * var(--home-shelf-scale)),
			calc((var(--mytheme-poster-h) - (var(--home-shelf-inset) * 2)) / var(--home-shelf-stack) * var(--home-shelf-scale))
		);
	}
}

/*
 * 手机：不要沿用电脑画布的固定高。
 * 宽海报用 cover + 固定高时，画面只剩空白底色，看起来像模块没渲染。
 */
@media (max-width: 768px) {
	.mytheme-home-bento__cell--poster-h[data-type="poster"],
	.mytheme-home-bento__cell--banner[data-type="poster"],
	.mytheme-home-bento__cell--stage[data-type="poster"] {
		height: auto !important;
		min-height: 0 !important;
		aspect-ratio: auto !important;
	}

	.mytheme-home-bento__card--poster {
		display: block;
		height: auto;
		min-height: 0;
		padding: 0;
		aspect-ratio: auto;
	}

	.mytheme-home-bento__cell,
	.mytheme-home-bento__card,
	.mytheme-home-bento__card--poster,
	.mytheme-home-bento__coll-thumb,
	.mytheme-home-bento__coll-thumb img {
		min-width: 0;
		max-width: 100%;
	}

	.mytheme-home-bento__poster-img {
		position: static;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		height: auto;
		object-fit: contain;
		object-position: center;
	}

	.mytheme-home-bento__card--poster .mytheme-home-bento__poster-inner {
		position: absolute;
		inset: auto 16px 16px 16px;
	}

	.mytheme-home-bento__cell--wide,
	.mytheme-home-bento__cell--tall,
	.mytheme-home-bento__cell--hero,
	.mytheme-home-bento__cell--banner,
	.mytheme-home-bento__cell--stage {
		min-height: 0;
	}

	.mytheme-home-bento__coll--grid {
		--mytheme-coll-cols: 1;
	}

	.mytheme-home-bento__coll--grid > .mytheme-home-bento__card--coll-item {
		flex: 0 0 100%;
		width: 100%;
	}

	/* 首页知识库书：手机上立体翻转会糊成色块，改成平放封面 */
	.mytheme-home-bento__kb-stage .wpbd-book {
		perspective: none;
		width: min(200px, 72%);
		margin-inline: auto;
	}

	.mytheme-home-bento__kb-stage .wpbd-book-inner {
		transform: none;
		width: 100%;
		--thick: 0px;
		--kb-angle: 0deg;
		--kb-tilt: 0deg;
	}

	.mytheme-home-bento__kb-stage .wpbd-spine,
	.mytheme-home-bento__kb-stage .wpbd-top,
	.mytheme-home-bento__kb-stage .wpbd-pages {
		display: none;
	}

	.mytheme-home-bento__kb-stage .wpbd-face {
		transform: none;
	}
}