/* ============================================================
   AI不眠 — 首页 (front-page.php) 专用样式
   ============================================================ */

/* ============================================================
   Hero — 紧凑、自信、不喧宾夺主
   ============================================================ */
.b-hero {
	position: relative;
	padding: var(--s-5) 0 var(--s-6);
	background:
		radial-gradient(50% 70% at 88% 0%,  rgba(255, 138, 76, 0.08) 0%, transparent 60%),
		radial-gradient(60% 80% at 6% 100%, rgba(109, 77, 255, 0.08) 0%, transparent 60%);
	overflow: hidden;
}
[data-theme="dark"] .b-hero {
	background:
		radial-gradient(50% 70% at 88% 0%,  rgba(255, 138, 76, 0.14) 0%, transparent 60%),
		radial-gradient(60% 80% at 6% 100%, rgba(108, 77, 255, 0.20) 0%, transparent 60%);
}
.b-hero::after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--line) 30%, var(--line) 70%, transparent);
}

/* 〔续23 v3 仿淘宝三栏首屏〕左 8 大类导航 ｜ 中 公告横幅 + 快捷入口 + 正方形作品 ｜ 右 用户面板。
   顶栏 / 底部 tabbar 是独立模板、不在此。移动端塌成单列（见文件内 @media ≤900）。 */
.b-hero__grid {
	display: grid;
	grid-template-columns: 176px minmax(0, 1fr) 208px;
	gap: var(--s-4);
	align-items: stretch;
}

/* ---- 左：8 大类导航 rail ---- */
.b-hero__cats {
	display: flex; flex-direction: column;
	background: var(--bg-0); border: 1px solid var(--line);
	border-radius: var(--r-4); padding: var(--s-2);
	box-shadow: var(--sh-1);
}
.b-hero__cats-head {
	margin: 0; padding: 8px 10px 9px;
	font-size: 13px; font-weight: 700; color: var(--ink-1);
	border-bottom: 1px solid var(--line);
	display: flex; align-items: center; gap: 6px;
}
.b-hero__cat {
	display: flex; align-items: center; gap: 10px;
	flex: 1 1 0; min-height: 40px;
	padding: 0 10px; border-radius: var(--r-2);
	text-decoration: none;
}
.b-hero__cat-ic {
	width: 30px; height: 30px; flex: 0 0 auto;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: var(--r-2);
	background: var(--b-cat-grad, linear-gradient(135deg, var(--brand), var(--brand-600)));
	color: #fff;
	box-shadow: 0 3px 8px var(--b-cat-shadow, rgba(0, 0, 0, 0.12));
}
.b-hero__cat-ic .b-cat-svg { width: 60%; height: 60%; }   /* 〔续24 风格B〕分类白色矢量图标占圆 60%、随圆缩放 */
.b-hero__cat-name { flex: 1; font-size: 14.5px; font-weight: 600; color: var(--ink-0); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.b-hero__cat-arrow { color: var(--ink-4); font-size: 13px; }

/* ---- 中：公告横幅 + 快捷入口 + 正方形作品 ---- */
.b-hero__center { display: flex; flex-direction: column; gap: var(--s-3); min-width: 0; }

/* 公告 → 品牌渐变横幅（inc/announcement.php 渲染 .b-hero__notice；后台可编辑） */
.b-hero__notice {
	display: flex; align-items: center; gap: var(--s-3);
	padding: var(--s-4) var(--s-5);
	border-radius: var(--r-4);
	background: linear-gradient(110deg, var(--brand), var(--brand-600) 55%, var(--accent) 165%);
	color: #fff;
	box-shadow: 0 8px 22px rgba(109, 77, 255, 0.26);
}
.b-hero__notice-icon { flex: 0 0 auto; font-size: 24px; line-height: 1; }
.b-hero__notice-body { min-width: 0; flex: 1; }
.b-hero__notice-title { margin: 0; font-size: 15px; font-weight: 800; color: #fff; }
.b-hero__notice-text { margin: 2px 0 0; font-size: 12.5px; line-height: 1.5; color: rgba(255, 255, 255, 0.9); }
.b-hero__notice-link { display: inline-block; margin-top: var(--s-2); font-size: 12.5px; font-weight: 700; color: #fff; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.32); padding: 4px 13px; border-radius: var(--r-pill); }
.b-hero__notice-link:hover { color: #fff; background: rgba(255, 255, 255, 0.3); }
/* 〔0.4.741 站长指令·仅电脑端〕公告横幅在宽屏里字号偏小 → PC(≥901，hero 桌面断点)放大标题/正文/链接；
   移动端(≤900)保持上面基础字号不变（站长要求只调电脑端）。 */
@media (min-width: 901px) {
	.b-hero__notice { gap: var(--s-4); padding: var(--s-5) var(--s-6); }
	.b-hero__notice-icon .b-moon { width: 32px; height: 32px; } /* SVG 有固定 width/height 属性，须直接覆盖（font-size 管不到）。 */
	.b-hero__notice-title { font-size: 20px; }
	.b-hero__notice-text { margin-top: 4px; font-size: 15.5px; }
	.b-hero__notice-link { font-size: 13.5px; }
}

/* 〔续53〕首屏三拍主张（站长定稿：让灵感落地 / 让作品被看见 / 让创作者被支持，每段一图标；全 token、无硬编码 hex） */
/* 〔续55 站长拍板·DESIGN-LOCKED 范围已确认〕电脑端：把三拍价值条 (.b-hero__value) 与快捷 chips (.b-hero__quick) 并到同一行——价值条排在「销量榜」chip 之后、与 chips 垂直居中对齐。DOM 顺序仍是 value→quick，桌面用 order 调成 chips(1)→value(2)；移动端 (≤900) 退回竖排、价值条仍在 chips 之上（见 @media 块）。flex-wrap 保证窄桌面不溢出（必要时价值条整体折到 chips 下方，优雅降级）。 */
.b-hero__quickrow { display: flex; flex-wrap: wrap; align-items: center; column-gap: var(--s-4); row-gap: var(--s-2); }
.b-hero__quickrow .b-hero__quick { order: 1; }
.b-hero__quickrow .b-hero__value { order: 2; }

.b-hero__value { display: flex; flex-wrap: wrap; align-items: center; gap: 6px var(--s-4); margin: 0; padding: 0; list-style: none; }
.b-hero__value-item { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; font-weight: 600; color: var(--ink-2); white-space: nowrap; }
.b-hero__value-ic { display: inline-flex; color: var(--success-strong); }
.b-hero__value-ic svg { width: 15px; height: 15px; stroke-width: 2.5; } /* 〔续53〕加粗描边：bulb/eye/heart 是开放轮廓、同线宽下比老的圆圈系图标显轻 → 加粗到 2.5 补足实在感 */
@media (max-width: 480px) { .b-hero__value { gap: 5px var(--s-3); } .b-hero__value-item { font-size: 11.5px; } }

/* 快捷入口 chips（免费 / 付费 / 问答 + 查看全部） */
.b-hero__quick { display: flex; align-items: center; gap: var(--s-2); flex-wrap: wrap; }
.b-hero__chip {
	display: inline-flex; align-items: center; gap: 7px;
	padding: 6px 14px;
	background: var(--bg-0); border: 1px solid var(--line);
	border-radius: var(--r-pill);
	font-size: 13px; font-weight: 700; color: var(--ink-1);
	text-decoration: none; box-shadow: var(--sh-1);
}
.b-hero__chip:hover { border-color: var(--line-strong); color: var(--ink-0); }
.b-hero__chip-dot { width: 9px; height: 9px; border-radius: 50%; flex: 0 0 auto; }
.b-hero__chip[data-kind="free"] .b-hero__chip-dot { background: linear-gradient(135deg, var(--success), #0d9488); }
.b-hero__chip[data-kind="paid"] .b-hero__chip-dot { background: linear-gradient(135deg, var(--brand), var(--brand-600)); }
.b-hero__chip[data-kind="qa"] .b-hero__chip-dot { background: linear-gradient(135deg, var(--accent), var(--accent-strong)); }
.b-hero__chip[data-kind="rank"] .b-hero__chip-dot { background: linear-gradient(135deg, #fbbf24, #d97706); } /* 销量榜：金奖杯色（=Agent 身份渐变） */
/* 〔续41〕快捷 chip 形态标签视口感知：短标＝全称＝免费 / 付费（双 span，移动 ≤900 切短标）。 */
.b-hero__chip-tx--short { display: none; }
@media (max-width: 900px) {
	.b-hero__chip-tx--full { display: none; }
	.b-hero__chip-tx--short { display: inline; }
}
/* 〔续后·站长定「销量榜正常一排不换行」〕窄屏(≤480·含 vivo 等窄安卓机)收紧快捷 chips 的间距/内边距，
   保证 免费 / 付费 / 问答 / 销量榜 四枚单行不折（原 4 chip + 3×8px gap ≈ 325px，在 ~360 CSS px 以下放不下 → 销量榜换行）。
   仅收水平内边距与 chip 间距、不缩字号、不动竖向触控热区。 */
@media (max-width: 480px) {
	.b-hero__quick { gap: 6px; }
	.b-hero__chip { padding: 6px 10px; gap: 5px; }
}

/* 正方形作品 4 列 */
.b-hero__works { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--s-3); }
/* 〔2026-07-07 站长定〕移动端这 4 张改标准作品卡：桌面隐藏标准卡版（.b-hero__works-m），只显 tile；移动端反转（见 @media ≤900）。 */
.b-hero__works-m { display: none; }
.b-hero__w {
	display: flex; flex-direction: column;
	background: var(--bg-0); border: 1px solid var(--line);
	border-radius: var(--r-3); overflow: hidden;
	box-shadow: var(--sh-1); text-decoration: none; color: inherit;
	transition: box-shadow var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease);
}
.b-hero__w:hover { color: inherit; }
.b-hero__w-thumb { position: relative; aspect-ratio: 1 / 1; background: var(--bg-2); overflow: hidden; }
.b-hero__w-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; display: block; }/* 〔续63〕封面完整放进正方形·非方图露 thumb 底色(--bg-2) */
.b-hero__w-tag {
	position: absolute; top: var(--s-2); right: var(--s-2);
	font-size: 11px; font-weight: 700; padding: 2px 8px;
	border-radius: var(--r-pill);
	background: rgba(255, 255, 255, 0.94); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
}
/* 章底固定白（上行 0.94 白，同收款码「固定白底」姿态）→ 字色也固定亮色系深色：token 版在暗色会翻成
   提亮色（--price #ff9466 / --success-strong #34d399）浮在白章上仅 ≈2:1（续63 GPT 核查系统暗巡检扫出、
   手动暗同病）。取亮色 token 同值硬编码，亮色视觉不变。 */
.b-hero__w-tag--paid { color: #c2410c; }
.b-hero__w-tag--free { color: #15803d; }
.b-hero__w-body { padding: 8px 10px 10px; display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.b-hero__w-title { font-size: 12.5px; font-weight: 600; color: var(--ink-0); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.b-hero__w-meta { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.b-hero__w-author { font-size: 11px; color: var(--ink-4); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.b-hero__w-price { font-size: 12.5px; font-weight: 800; flex: 0 0 auto; }
.b-hero__w-price--paid { color: var(--price); }
.b-hero__w-price--free { color: var(--success-strong); }

/* ---- 右：用户面板 ---- */
.b-hero__panel {
	display: flex; flex-direction: column; gap: var(--s-2);   /* 〔续38 用户反馈〕块间距压紧（12→8）留一丝呼吸感。 */
	background: var(--bg-0); border: 1px solid var(--line);
	border-radius: var(--r-4); padding: var(--s-4);
	box-shadow: var(--sh-1);
}
.b-hero__user { display: flex; align-items: center; gap: 10px; text-decoration: none; color: inherit; }
.b-hero__user-av {
	width: 44px; height: 44px; flex: 0 0 auto;
	border-radius: 50%; object-fit: cover;
	display: inline-flex; align-items: center; justify-content: center;
	font-size: 22px;
	background: linear-gradient(135deg, var(--brand), var(--accent));
}
.b-hero__user-info { min-width: 0; }
.b-hero__user-name { display: block; font-size: 14px; font-weight: 700; color: var(--ink-0); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.b-hero__user-lv { display: block; font-size: 11.5px; color: var(--ink-3); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.b-hero__auth { display: flex; gap: var(--s-2); }
.b-hero__auth .b-button { flex: 1; justify-content: center; padding: 9px 0; font-size: 13px; }
.b-hero__panel-cta { justify-content: center; width: 100%; min-height: 40px; }   /* 〔续38 用户反馈〕逛逛社区钮上下留白压紧（44→40）。 */

/* 签到卡 */
.b-hero__checkin-form { margin: 0; }
.b-hero__checkin-card {
	display: flex; align-items: center; gap: 9px; width: 100%;
	padding: 7px 12px; border-radius: var(--r-3);   /* 〔续38 用户反馈〕签到卡上下留白压紧（10→7）。 */
	background: var(--accent-50); border: 1px solid var(--accent-50);
	text-decoration: none; color: inherit; cursor: pointer;
	font: inherit; text-align: left;
}
.b-hero__checkin-ic { font-size: 17px; flex: 0 0 auto; }
.b-hero__checkin-tx { flex: 1; font-size: 13px; font-weight: 700; color: var(--price); }
/* 白字胶囊底走 solid 系（体检批 2026-07-04）：原 accent-strong 白字亮 2.8/暗 2.3、is-done 的 success 白字 3.3——均不达 AA。 */
.b-hero__checkin-go { flex: 0 0 auto; font-size: 11.5px; font-weight: 700; color: #fff; background: var(--accent-solid); padding: 4px 11px; border-radius: var(--r-pill); }
.b-hero__checkin-card.is-done { background: var(--success-50); border-color: var(--success-50); }
.b-hero__checkin-card.is-done .b-hero__checkin-tx { color: var(--success-strong); }
.b-hero__checkin-card.is-done .b-hero__checkin-go { background: var(--success-solid); }

/* 快捷入口 2×2 */
.b-hero__links { margin-top: auto; display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-2); }
.b-hero__link {
	display: flex; flex-direction: column; align-items: center; gap: 4px;
	padding: 9px 4px; border-radius: var(--r-2);
	background: var(--bg-1); border: 1px solid var(--line);
	text-decoration: none;
}
.b-hero__link:hover { border-color: var(--line-strong); }
.b-hero__link-i { font-size: 17px; }
.b-hero__link-t { font-size: 11.5px; font-weight: 600; color: var(--ink-1); }

/* ---- 移动端（≤900）：塌成单列；8 大类一排（8 图标填满列）；右侧面板隐藏（顶栏+tabbar 已覆盖） ---- */
@media (max-width: 900px) {
	.b-hero { padding: var(--s-1) 0 var(--s-3); }   /* 〔续26 用户反馈〕分类区上方留白再收 8→4px（留一丝丝呼吸感、不贴死）；〔续25〕原 16→8 */
	.b-hero__grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
	.b-hero__panel { display: none; }
	.b-hero__cats { display: grid; grid-template-columns: repeat(8, 1fr); gap: 1px; padding: 0; background: transparent; border: 0; box-shadow: none; }   /* 〔续24 用户拍板·分类一排·图标填满列〕8 大类一排；图标 width:100% 填满列宽随屏自适应、列间距 1px 极小 → 图标大、缝极小、永不溢出/不截断 */
	.b-hero__cats-head { display: none; }
	.b-hero__cat { flex-direction: column; gap: 4px; min-height: 0; padding: 2px 0; text-align: center; }
	/* 〔续24 用户选风格 B〕移动端 8 大类 = 身份渐变实底圆 + 白色矢量图标（emoji 已换 bumian_theme_category_icon_svg；圆底由 --b-cat-shadow 淡底改 --b-cat-grad 渐变；图标白=父级 color:#fff）。桌面左栏=渐变方块同理。 */
	.b-hero__cat-ic { width: 36px; height: 36px; border-radius: 50%; background: var(--b-cat-grad, linear-gradient(135deg, var(--brand), var(--brand-600))); box-shadow: none; }   /* 〔续25〕图标 36px。〔续后·站长报 vivo 圆压扁〕宽高写死(同桌面 .b-hero__cat-ic 30px 套路)取代原 width:100%+height:auto+aspect-ratio:1/1——vivo 浏览器不认 aspect-ratio 致 height 塌成椭圆(挤压变形)；定死宽高则任何浏览器都正圆。8 列×36px 在 320 CSS px 宽实测不溢出(列宽≈36)。 */
	.b-hero__cat-name { flex: 0 0 auto; font-size: 14px; }   /* 〔续25 用户反馈〕文字大一号 13→14 */
	.b-hero__cat-arrow { display: none; }
	/* 〔2026-07-07 站长定〕移动端隐藏桌面紧凑 tile、改显标准作品卡版；标准卡自带响应式列数（手机 2 列 / 平板 3 列，与下方 rail 一致）。 */
	.b-hero__works { display: none; }
	.b-hero__works-m { display: grid; }
	/* 〔续24 用户拍板·分类与公告换位〕移动端 center 走 display:contents（公告/chips/作品 升为网格直接项），按自然 DOM 序 = 分类(一排)→公告→chips→作品（撤续23 的 公告 order:-1）。桌面不受影响（center 仍是 col2 的 flex 列）。 */
	.b-hero__center { display: contents; }
	/* 〔续55〕电脑端价值条并行只在桌面生效；移动端 quickrow 退回竖排、价值条仍在 chips 之上（保持原 DOM 顺序、间距同原 10px）。 */
	.b-hero__quickrow { display: flex; flex-direction: column; gap: 10px; }
	.b-hero__quickrow .b-hero__quick, .b-hero__quickrow .b-hero__value { order: 0; }
	.b-hero__notice { padding: var(--s-3) var(--s-4); }
}
@media (max-width: 380px) {
	.b-hero__cat-name { font-size: 13px; }   /* 〔续25 用户反馈〕极窄屏文字也大一号 12→13 */
}

/* 〔垃圾代码排查批〕原「8 大类入口」板块样式(b-categories / b-category-card 系)整段已删——
   板块自续23 起由上方 Hero 左栏分类导航(.b-hero__cat)承担、模板 section-categories.php
   已删除;作品卡网格 master 基准现独归 components.css 的 .b-works-grid。 */

/* ============================================================
   首页双栏 (main + sidebar)
   ============================================================ */
.b-home-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: var(--s-7);
	align-items: start;
}
@media (max-width: 1024px) {
	.b-home-grid { grid-template-columns: minmax(0, 1fr); gap: var(--s-5); }   /* 移动端主→侧 gap 56→24 */
}

/* 主列各 section 都去掉 top padding：
   - 第一个(最新作品)→ 顶部对齐右侧栏第一张卡（外层 .b-section 已提供页面上间距，不会贴上面的实时动态）；
   - 第二个+(8 大类)→ 紧跟上一个、共享其 bottom padding 形成视觉间距（不要 160px 空隔阂，用户红线）。 */
.b-home-grid__main > .b-section { padding-top: 0; }

.b-sidebar { display: flex; flex-direction: column; gap: var(--s-5); position: sticky; top: calc(var(--header-h) + 16px); }
.admin-bar .b-sidebar { top: calc(var(--header-h) + 16px + 32px); }
@media (max-width: 782px) {
	.admin-bar .b-sidebar { top: calc(var(--header-h) + 16px + 46px); }
}
@media (max-width: 1024px) { .b-sidebar { position: static; } }

.b-side-card {
	background: var(--bg-0);
	border: 1px solid var(--line);
	border-radius: var(--r-3);
	overflow: hidden;
}
.b-side-card__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--s-3);
	padding: var(--s-4) var(--s-5);
	border-bottom: 1px solid var(--line);
}
.b-side-card__title {
	display: inline-flex;
	align-items: center;
	gap: var(--s-2);
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	color: var(--ink-0);
}
.b-side-card__title-icon { font-size: 16px; }
.b-side-card__more {
	font-size: 12px;
	color: var(--ink-3);
}
.b-side-card__more:hover { color: var(--brand); }
.b-side-card__body { padding: var(--s-3) var(--s-2); }

/* 创作者榜 (sidebar 小窗) */
.b-creator-rank {
	list-style: none;
	margin: 0; padding: 0;
	display: flex; flex-direction: column;
}
.b-creator-rank__item {
	display: flex;
	align-items: center;
	gap: var(--s-3);
	padding: var(--s-2) var(--s-3);
	border-radius: var(--r-2);
	transition: background var(--dur-1) var(--ease);
	text-decoration: none;
	color: inherit;
}
.b-creator-rank__item:hover { background: var(--bg-2); color: inherit; text-decoration: none; }
.b-creator-rank__rank {
	display: inline-flex;
	align-items: center; justify-content: center;
	width: 22px; height: 22px;
	font-weight: 700;
	font-size: 12px;
	color: var(--ink-3);
	font-variant-numeric: tabular-nums;
	flex-shrink: 0;
}
/* 名次奖牌色：仅按榜单行 __row 的位次上金/银/铜；第 4 名起回落默认 ink-3。
   （旧 .b-creator-rank__item:nth-child(N) 选择器因 __item[=<a>] 恒为 <li> 首子 → 命中每一行 → 给全部名次上金，已移除——见 RB-3。） */
.b-creator-rank__row:nth-child(1) .b-creator-rank__rank { color: var(--gold); font-size: 14px; }
.b-creator-rank__row:nth-child(2) .b-creator-rank__rank { color: var(--rank-silver); font-size: 13px; }   /* token 化 + 亮色 ≥4.5（原硬编码 #9aa3af≈2.55:1） */
.b-creator-rank__row:nth-child(3) .b-creator-rank__rank { color: var(--rank-bronze); font-size: 13px; }   /* token 化 + 亮色 ≥4.5（原硬编码 #b8794d≈3.57:1） */
.b-creator-rank__avatar {
	width: 32px; height: 32px;
	border-radius: var(--r-pill);
	object-fit: cover;
	background: var(--bg-3);
	flex-shrink: 0;
}
/* 老内核钉高（0.4.747·X112·机制见 components.css .b-avatar 处注释）：与上条 width 同值。 */
.woocommerce .b-creator-rank__avatar, .woocommerce-page .b-creator-rank__avatar { height: 32px; }
.b-creator-rank__body { flex: 1; min-width: 0; }
.b-creator-rank__name {
	font-size: 13px;
	font-weight: 600;
	color: var(--ink-1);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.b-creator-rank__meta { font-size: 11px; color: var(--ink-3); margin-top: 1px; }

/* 「大家都在问」问答卡区 —— 嵌在「最新作品」板块内（作品网格之后，以上边线区隔同板块的子区） */
.b-qa-home { margin-top: var(--s-5); padding-top: var(--s-4); border-top: 1px solid var(--line); }   /* 批46:「大家都在问」分隔块 40+32→20+16 */
.b-qa-home__head { margin-bottom: var(--s-5); }
.b-qa-home__more {
	flex: 0 0 auto;
	align-self: flex-end;
	color: var(--brand);
	font-size: 0.92rem;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}
.b-qa-home__more:hover { color: var(--brand-600); }

/* 〔恢复链删除批 0.4.739〕原「最新作品」筛选 chip 行 + AJAX 加载态两簇规则已随该板块恢复链整体删除。 */

/* ============================================================
   Featured 横向 banner 区 (插件 [bumian_banner] 容器)
   ============================================================ */
.b-banner-wrap {
	margin-bottom: var(--s-7);
}
.b-banner-wrap:empty { display: none; }

/* 安全兜底:[bumian_featured] 输出包裹 */

/* 续19: 首页移动端「极限紧凑」——各子板块/rail 间距大幅收。 */
@media (max-width: 768px) {
	.b-qa-home { margin-top: var(--s-3); padding-top: var(--s-3); }
	.b-qa-home__head { margin-bottom: var(--s-3); }
	.b-banner-wrap { margin-bottom: var(--s-4); }
	
	
}

/* ============================================================
   V2 新增样式
   ============================================================ */

/* ---------- 热门搜索标签 ---------- */
.b-hot-tags {
	padding: var(--s-4) 0 var(--s-2);
	border-bottom: 1px solid var(--line);
}
.b-hot-tags__inner {
	display: flex;
	align-items: center;
	gap: var(--s-3);
	flex-wrap: wrap;
}
.b-hot-tags__label {
	display: inline-flex;
	align-items: center;
	gap: var(--s-1);
	font-size: 13px;
	font-weight: 600;
	color: var(--ink-2);
	flex-shrink: 0;
}
.b-hot-tags__list {
	list-style: none;
	margin: 0; padding: 0;
	display: flex;
	gap: var(--s-2);
	flex-wrap: wrap;
}
.b-hot-tags__item {
	display: inline-flex;
	align-items: center;
	height: 28px;
	padding: 0 var(--s-3);
	background: var(--bg-0);
	border: 1px solid var(--line);
	border-radius: var(--r-pill);
	color: var(--ink-2);
	font-size: 12px;
	font-weight: 500;
	transition: all var(--dur-1) var(--ease);
	text-decoration: none;
}
.b-hot-tags__item:hover {
	background: var(--brand-50);
	border-color: var(--brand);
	color: var(--brand);
	text-decoration: none;
}

/* ---------- 活动滚动条 ---------- */
.b-activity {
	padding: var(--s-3) 0;
	background: var(--bg-0);
	border-bottom: 1px solid var(--line);
	overflow: hidden;
	width: 100%;                              /* V3.11: 显式宽度,跑马灯不许撑爆 */
	max-width: 100%;
}
.b-activity__inner {
	display: flex;
	align-items: center;
	gap: var(--s-4);
	max-width: 100%;                          /* V3.11: 二重保险 */
	min-width: 0;                             /* flex 子项允许收缩 */
}
.b-activity__indicator {
	display: inline-flex;
	align-items: center;
	gap: var(--s-2);
	flex-shrink: 0;
	font-size: 12px;
	font-weight: 600;
	color: var(--ink-2);
	letter-spacing: 0.02em;
	padding-right: var(--s-3);
	border-right: 1px solid var(--line);
}
.b-activity__pulse {
	display: inline-block;
	width: 8px; height: 8px;
	background: var(--success);
	border-radius: 50%;
	box-shadow: 0 0 0 0 var(--success);
	animation: b-activity-pulse 2s ease-out infinite;
}
@keyframes b-activity-pulse {
	0%   { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.5); }
	70%  { box-shadow: 0 0 0 8px rgba(22, 163, 74, 0); }
	100% { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0); }
}
.b-activity__track {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 32px, #000 calc(100% - 32px), transparent 100%);
	        mask-image: linear-gradient(90deg, transparent 0, #000 32px, #000 calc(100% - 32px), transparent 100%);
}
.b-activity__row {
	list-style: none;
	margin: 0; padding: 0;
	display: inline-flex;
	gap: var(--s-5);
	white-space: nowrap;
	animation: b-activity-scroll 60s linear infinite;
}
.b-activity__track:hover .b-activity__row,
.b-activity__row:hover {
	animation-play-state: paused;
}
@keyframes b-activity-scroll {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
	.b-activity__row { animation: none; }
	.b-activity__track {
		overflow-x: auto; overscroll-behavior: contain;
		-webkit-mask-image: none;
		mask-image: none;
		/* 仍可横滑查看，但隐藏原生横向滚动条（用户不要这条"移动条"）。 */
		scrollbar-width: none;     /* Firefox */
		-ms-overflow-style: none;  /* 旧 Edge / IE */
	}
	.b-activity__track::-webkit-scrollbar { width: 0; height: 0; display: none; } /* Chrome / Safari */
}
.b-activity__item {
	display: inline-flex;
	align-items: center;
	gap: var(--s-2);
	font-size: 13px;
	color: var(--ink-2);
}
.b-activity__author {
	color: var(--brand);
	font-weight: 600;
}
.b-activity__author:hover { color: var(--brand-600); }
.b-activity__verb { color: var(--ink-3); }
/* bug#3: 作品标题是单 item 里长度不定、会把 item 撑到 381-447px 的部分。
   约束最大宽度 + 省略号, 从根上保证单 item 不超出窄屏视口, 跑马灯仍正常滚动。 */
.b-activity__work {
	color: var(--ink-1);
	font-weight: 500;
	display: inline-block;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: bottom;
}
.b-activity__work:hover { color: var(--brand); }
.b-activity__dot { color: var(--ink-4); margin-left: var(--s-3); }

/* ---------- 用户卡片 (登录态 sidebar) ---------- */
.b-user-card {
	background: var(--bg-0);
	border: 1px solid var(--line);
	border-radius: var(--r-3);
	overflow: hidden;
	padding: var(--s-5);
}
.b-user-card__head {
	display: flex;
	align-items: center;
	gap: var(--s-3);
	margin-bottom: var(--s-4);
}
.b-user-card__avatar {
	width: 52px; height: 52px;
	border-radius: var(--r-pill);
	background: var(--bg-3);
	object-fit: cover;
	flex-shrink: 0;
}
/* 老内核钉高（0.4.747·X112·机制见 components.css .b-avatar 处注释）：与上条 width 同值。 */
.woocommerce .b-user-card__avatar, .woocommerce-page .b-user-card__avatar { height: 52px; }
.b-user-card__meta { flex: 1; min-width: 0; }
.b-user-card__name {
	font-size: 15px;
	font-weight: 700;
	color: var(--ink-0);
	margin: 0 0 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.b-user-card__sub {
	font-size: 12px;
	color: var(--ink-3);
	margin: 0;
	display: flex;
	align-items: center;
	gap: var(--s-1);
	flex-wrap: wrap;
}
.b-user-card__level {
	display: inline-flex;
	align-items: center;
	padding: 1px 8px;
	background: linear-gradient(135deg, var(--brand) 0%, var(--brand-600) 100%);
	color: #fff;
	font-weight: 700;
	border-radius: var(--r-pill);
	letter-spacing: 0.04em;
}
.b-user-card__dot { color: var(--ink-4); }
.b-user-card__xp {
	margin-bottom: var(--s-4);
}
.b-user-card__xp-meta {
	display: flex;
	justify-content: space-between;
	font-size: 11px;
	color: var(--ink-3);
	margin-bottom: var(--s-2);
	font-variant-numeric: tabular-nums;
}
.b-user-card__xp-track {
	height: 6px;
	background: var(--bg-3);
	border-radius: var(--r-pill);
	overflow: hidden;
	position: relative;
}
.b-user-card__xp-fill {
	position: absolute;
	left: 0; top: 0; bottom: 0;
	background: linear-gradient(90deg, var(--brand) 0%, var(--accent) 100%);
	border-radius: var(--r-pill);
	min-width: 2px;
	transition: width var(--dur-2) var(--ease);
}
.b-user-card__today {
	font-size: 12px;
	color: var(--accent-solid);   /* 亮色 --accent-strong 在白卡底仅 2.80:1 → accent-solid(#c2410c) 5.18 达 AA */
	margin: var(--s-3) 0 0;
	font-weight: 500;
}
/* 暗色 accent-solid 在暗底仅 3.25 → 还原 --accent-strong（暗色提亮版 7.20 达 AA）。 */
[data-theme="dark"] .b-user-card__today { color: var(--accent-strong); }
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) .b-user-card__today { color: var(--accent-strong); }
}
.b-user-card__actions {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: var(--s-2);
	padding-top: var(--s-4);
	border-top: 1px solid var(--line);
}
.b-user-card__action {
	display: flex;
	align-items: center;
	gap: var(--s-2);
	padding: var(--s-3);
	border-radius: var(--r-2);
	color: var(--ink-1);
	font-size: 13px;
	transition: all var(--dur-1) var(--ease);
	background: var(--bg-1);
	position: relative;
}
.b-user-card__action:hover {
	background: var(--brand-50);
	color: var(--brand);
	text-decoration: none;
	transform: translateY(-1px);
}
.b-user-card__action-icon { font-size: 16px; line-height: 1; }
.b-user-card__action-text {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 500;
}

/* ============================================================
   V3 新增样式
   ============================================================ */

/* ---------- 每日任务卡 (sidebar) ---------- */
.b-tasks-card .b-side-card__head { padding-right: var(--s-4); }
.b-tasks-card__count {
	display: inline-flex;
	align-items: center;
	height: 20px;
	padding: 0 8px;
	margin-left: var(--s-2);
	background: var(--bg-2);
	color: var(--ink-2);
	font-size: 11px;
	font-weight: 700;
	border-radius: var(--r-pill);
	letter-spacing: 0.02em;
	font-variant-numeric: tabular-nums;
}

@keyframes b-tasks-pulse {
	0%, 100% { box-shadow: 0 0 0 0 rgba(255, 138, 76, 0.45); }
	50%      { box-shadow: 0 0 0 6px rgba(255, 138, 76, 0); }
}

.b-tasks-card__list {
	list-style: none;
	margin: 0; padding: var(--s-2) 0;
	display: flex; flex-direction: column;
}

.b-tasks-card__row {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	align-items: center;
	gap: var(--s-3);
	padding: var(--s-3) var(--s-5);
	transition: background var(--dur-1) var(--ease);
}
.b-tasks-card__row + .b-tasks-card__row {
	border-top: 1px solid var(--line);
}
/* (合并:--available 行底色统一在 V3.1 块,使用品牌紫衬底) */
.b-tasks-card__row--claimed { opacity: 0.55; }

.b-tasks-card__emoji {
	font-size: 18px;
	line-height: 1;
	text-align: center;
}

.b-tasks-card__body { min-width: 0; }
.b-tasks-card__name-row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--s-2);
	margin-bottom: 4px;
}
.b-tasks-card__name {
	font-size: 13px;
	font-weight: 600;
	color: var(--ink-1);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.b-tasks-card__row--claimed .b-tasks-card__name { text-decoration: line-through; }
.b-tasks-card__reward {
	font-size: 11px;
	font-weight: 700;
	color: var(--accent-strong);
	flex-shrink: 0;
}

.b-tasks-card__progress-row {
	display: flex;
	align-items: center;
	gap: var(--s-2);
}
.b-tasks-card__bar {
	flex: 1;
	height: 4px;
	background: var(--bg-3);
	border-radius: var(--r-pill);
	overflow: hidden;
}
.b-tasks-card__bar-fill {
	display: block;
	height: 100%;
	background: linear-gradient(90deg, var(--brand) 0%, var(--accent) 100%);
	border-radius: var(--r-pill);
	transition: width var(--dur-2) var(--ease);
}
.b-tasks-card__row--claimed .b-tasks-card__bar-fill { background: var(--success); }
/* 今日任务:完成态（无"领取",达标即完成） */
.b-tasks-card__row--done .b-tasks-card__bar-fill { background: var(--success); }
.b-tasks-card__check {
	font-size: 11px;
	font-weight: 700;
	color: var(--success-strong);   /* 亮色达 AA（原 --success≈3.30） */
	flex-shrink: 0;
}
.b-tasks-card__foot {
	margin: 0;
	padding: var(--s-3) var(--s-5);
	border-top: 1px solid var(--line);
	font-size: 11.5px;
	color: var(--ink-3);
	text-align: center;
}
.b-tasks-card__progress-text {
	font-size: 11px;
	color: var(--ink-3);
	font-variant-numeric: tabular-nums;
	flex-shrink: 0;
	min-width: 32px;
	text-align: right;
}

/* (合并:--available 按钮的视觉定义统一在 V3.1 块) */

/* ---------- 排行榜 follow 按钮内嵌 ---------- */
.b-creator-rank__row {
	position: relative;
	display: flex;
	align-items: center;
	gap: var(--s-1);
	padding-right: var(--s-3);
}
.b-creator-rank__row .b-creator-rank__item { flex: 1; min-width: 0; }
.b-creator-rank__follow {
	flex-shrink: 0;
}

/* 让插件输出的关注按钮在 mini-rank 里更紧凑 */
.b-creator-rank__follow .b-button {
	min-height: 26px;
	min-width: auto;
	padding: 0 8px;
	font-size: 11px;
	font-weight: 600;
	border-radius: var(--r-pill);
}
/* (合并:mini-rank follow 按钮样式统一在 V3.1 块,outlined ghost 风格) */

/* ---------- 卡片星级评分 ---------- */
/* ============================================================
   V3.1 设计精细化 (覆盖 V3 的几处)
   ============================================================ */

/* ---------- 任务行紧凑到 40px (V3 是 48px) ---------- */
.b-tasks-card__row {
	padding: var(--s-2) var(--s-5);
	gap: var(--s-3);
	grid-template-columns: 24px minmax(0, 1fr);
}
.b-tasks-card__emoji { font-size: 16px; }
.b-tasks-card__name-row { margin-bottom: 3px; }
.b-tasks-card__name { font-size: 12.5px; }
.b-tasks-card__reward { font-size: 10.5px; }
.b-tasks-card__bar { height: 3px; }
.b-tasks-card__progress-text { font-size: 10.5px; min-width: 28px; }

/* ---------- 领取按钮:桔色 → 品牌紫(降低视觉竞争) ---------- */
 /* 移动触控目标 ≥44px */

/* available 状态行的微衬底也改紫色调,与按钮同源 */
.b-tasks-card__row--available {
	background: linear-gradient(90deg, rgba(109, 77, 255, 0.05), transparent 70%);
}
.b-tasks-card__row--available .b-tasks-card__bar-fill {
	background: linear-gradient(90deg, var(--brand), var(--brand-600));
}
/* 卡头"X 个待领"徽章保持桔色脉冲 (它是"摘要级"提示,不与每个按钮同色) */

/* ---------- mini-rank 关注按钮:ghost outline + hover 填充 ---------- */
.b-creator-rank__follow .b-button--primary {
	background: transparent;
	border: 1px solid var(--brand);
	color: var(--brand);
	box-shadow: none;
	font-weight: 600;
	height: 26px;
	padding: 0 10px;
	min-height: 26px;
}
.b-creator-rank__follow .b-button--primary:hover {
	background: var(--brand-solid);
	border-color: var(--brand);
	color: #fff;
}
.b-creator-rank__follow .b-button--ghost {
	background: transparent;
	border: 1px solid var(--line-strong);
	color: var(--ink-3);
	font-weight: 500;
	height: 26px;
	padding: 0 10px;
	min-height: 26px;
}
.b-creator-rank__follow .b-button--ghost:hover {
	border-color: var(--ink-3);
	color: var(--ink-1);
}

/* ---------- 卡片 stats 行:中点分隔 + 颜色层级 ---------- */
.b-card__stats {
	display: inline-flex;
	align-items: center;
	gap: 0;
	color: var(--ink-3);
	font-size: 12.5px;
	flex-shrink: 0;
}
/* 作品卡 stat / 中点分隔 / 评分金色 / 收藏·已售 样式已迁到 components.css（全站加载）——
   这些部件跨页复用（商店/分类/搜索/账户/店铺），原放只在首页加载的 front-page.css
   会让那些页掉色（评分变灰）/掉中点分隔符。见 components.css「跨页复用的卡片部件」段。 */

/* ============================================================
   V3.2 生产级代码规范修正
   ============================================================ */

/* ---------- 取代 inline:卡片缩略图占位符 ---------- */
.b-card__thumb-placeholder { padding: 0; }
.b-card__thumb-placeholder-char {
	width: 100%; height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 36px;
	font-weight: 800;
	color: rgba(255, 255, 255, 0.92);
	background: linear-gradient(135deg, var(--brand) 0%, var(--accent) 100%);
}

/* ============================================================
   每日签到卡 (section-checkin.php) — 粉丝引擎日活核心
   复用 .b-side-card 框架;7 天奖励条 + 连签徽标 + 签到按钮。
   颜色全走 token (light/dark 自动翻色)。
   ============================================================ */
.b-checkin-card__streak {
	display: inline-flex; align-items: center; gap: 4px;
	font-size: 12px; font-weight: 600;
	color: var(--accent-strong); background: var(--accent-50);
	padding: 2px var(--s-2); border-radius: var(--r-pill); white-space: nowrap;
}
.b-checkin-card__body { padding: var(--s-3); }
.b-checkin-card__flash {
	margin: 0 0 var(--s-3); padding: var(--s-2) var(--s-3);
	font-size: 12.5px; color: var(--success-strong); background: var(--success-50);
	border-radius: var(--r-2); text-align: center;
}
.b-checkin-week {
	display: grid; grid-template-columns: repeat(7, 1fr); gap: var(--s-1);
	margin: 0 0 var(--s-3); padding: 0; list-style: none;
}
.b-checkin-week__day {
	position: relative; display: flex; flex-direction: column;
	align-items: center; gap: 2px; padding: var(--s-2) 0;
	border-radius: var(--r-2); background: var(--bg-2);
	color: var(--ink-3); min-width: 0;
}
.b-checkin-week__n { font-size: 9.5px; line-height: 1.1; }
.b-checkin-week__r { font-size: 11px; font-weight: 700; line-height: 1; color: var(--ink-1); }
.b-checkin-week__day--done { background: var(--brand-50); color: var(--brand-600); }
.b-checkin-week__day--done .b-checkin-week__r { color: var(--brand-600); }
.b-checkin-week__day--today { background: var(--brand-solid); color: #fff; box-shadow: var(--sh-2); }
.b-checkin-week__day--today .b-checkin-week__n,
.b-checkin-week__day--today .b-checkin-week__r { color: #fff; }
.b-checkin-week__day--peak .b-checkin-week__r { color: var(--gold); }
.b-checkin-week__day--today.b-checkin-week__day--peak .b-checkin-week__r { color: #fff; }
.b-checkin-week__tick { position: absolute; top: 2px; right: 3px; font-size: 8px; color: var(--brand-600); }
.b-checkin-week__day--today .b-checkin-week__tick { color: #fff; }
.b-checkin-card__form { margin: 0; }
.b-checkin-card__btn {
	display: block; width: 100%; border: 0; border-radius: var(--r-3);
	padding: var(--s-3); font-size: 14px; font-weight: 600; font-family: inherit;
	cursor: pointer; transition: filter var(--dur-1) var(--ease), transform var(--dur-1) var(--ease);
}
.b-checkin-card__btn--go {
	/* 白字实心底必须走 --brand-solid 系（tokens.css 契约）：暗色 --brand 提亮为 #9882ff、白字仅 3.56:1
	   不达 AA（体检批 2026-07-04）。亮色 --brand-solid=--brand=#6d4dff → 亮色像素零变化，暗色回到标准主钮紫。 */
	background: linear-gradient(135deg, var(--brand-solid), var(--brand-600));
	color: #fff; box-shadow: var(--sh-2);
}
.b-checkin-card__btn--go:hover { filter: brightness(1.06); }
.b-checkin-card__btn--go:active { transform: translateY(1px); }
.b-checkin-card__btn--done { background: var(--bg-2); color: var(--ink-3); cursor: default; }
.b-checkin-card__hint { margin: var(--s-2) 0 0; font-size: 11px; color: var(--ink-3); text-align: center; }

/* ---------- 取代 inline:空态收缩版 ---------- */
.b-empty-state--inset {
	padding: var(--s-6);
	border: none;
	background: transparent;
}

/* ---------- 取代 inline:Logo img / Footer brand mark ---------- */
.b-topbar__logo-img { border-radius: var(--r-2); }
.b-topbar__logo-mark--sm { width: 28px; height: 28px; font-size: 16px; }
.b-footer__copyright {
	font-size: 12px;
	color: var(--ink-4);
	margin: 0;
}

/* (注:V3.1 .b-card__rating 已用 var(--gold),无需 V3.2 单独覆写) */

/* ---------- #13 修正:活动滚动条时长跟条目数挂钩 (PHP inline var 注入 --b-activity-duration) ---------- */
.b-activity__row { animation-duration: var(--b-activity-duration, 60s); }

/* ============================================================
   V3.3 终审修正
   ============================================================ */

/* ---------- M12: 用户卡 head 变成链接,保留 flex 布局 + 去除链接外观 ---------- */
.b-user-card__head {
	text-decoration: none;
	color: inherit;
	transition: opacity var(--dur-1) var(--ease);
}
.b-user-card__head:hover {
	color: inherit;
	text-decoration: none;
	opacity: 0.85;
}
.b-user-card__head:focus-visible {
	outline: 2px solid var(--brand);
	outline-offset: 2px;
	border-radius: var(--r-2);
}

/* 404 页样式已迁到 components.css（站点级、全站加载）。front-page.css 只在首页 enqueue，
   原放这里会导致非首页的 404 裸渲染（.b-404__code 等失效）。见 components.css「404 页」段。 */

/* ============================================================
   V3.4 触屏 sticky-hover 守护扩展 (kind-card + category-card)
   ============================================================ */

@media (hover: none) {
	/* 触屏 tap 后 reset,避免 ghost 残影 */
	
}

/* ============================================================
   V3.4 移动端密度优化 — 让首屏装下更多内容
   ============================================================ */

/* 分类卡:窄屏 min-height 收紧,2x4 网格高度更紧凑 */

/* 极窄屏 < 480:icon 更小、padding 再紧、min-height 自适应 */

/* 活动条:窄屏只留脉冲点 + 竖线, 文字 "实时动态" 隐藏,释放滚动区宽度 */
@media (max-width: 640px) {
	.b-activity__indicator { padding-right: var(--s-2); }
	.b-activity__label { display: none; }   /* 留脉冲点 + 右侧竖线就够了 */
	/* bug#3: 窄屏用视口相对宽度收紧作品标题, 375px 上单 item 也不溢出;
	   section/inner 二重 overflow 兜底 (reduced-motion 时 track 转 overflow-x:auto 的路径)。 */
	.b-activity__work { max-width: 40vw; }
	.b-activity,
	.b-activity__inner { max-width: 100%; overflow: hidden; }
}

/* 热门标签:极窄屏只留 🔥 emoji,"热门:" 文字隐藏 */
@media (max-width: 479px) {
	.b-hot-tags__label {
		gap: 0;
		font-size: 14px;
	}
	.b-hot-tags__label-text { display: none; }
}

/* iOS 底部 safe-area 留白已迁到 base.css（全站加载）；原放此处只覆盖首页 → 非首页底栏遮挡正文。 */

/* ============================================================
   V3.5 「为何选 AI不眠」价值卡 (替代旧抽成卡)
   ============================================================ */

/* ============================================================
   V3.6 移动端真生产级调优
   ============================================================ */

/* sidebar 选择性显示 ——
   < 1024:hide 用户卡 / 创作者榜 / 价值卡 (bottom tabbar 已覆盖)
   保留:任务卡 (engagement) + 游客卡 (转化关键) */
@media (max-width: 1023px) {
	.b-side-card--mobile-hide,
	.b-user-card.b-side-card--mobile-hide { display: none; }
	/* 让 sidebar 在移动端不再无意义占整个 main 下方 */
	.b-sidebar { gap: var(--s-4); }
}

/* hero 主标题:CJK 自然换行,避免硬 <br> 在窄屏拆词 */

  /* "长成作品" 4 字保持一体 */

/* 极窄屏 (<360) hero 标题再小一档 + padding 再紧 */
@media (max-width: 359px) {
	.b-hero { padding: var(--s-5) 0; }
	
	
	/* 极窄屏 hero stats 由 3 列改 1 列堆叠 */
	
}

/* 热门标签 — 嵌入 Hero 模式(置于 eyebrow 上方,用户指定)：
   去掉独立成条时的分隔线/负边距/上下 padding,改为只与 eyebrow 留间距。 */
.b-hot-tags--in-hero {
	padding: 0;
	margin: 0 0 var(--s-4);
	border-bottom: 0;
}

/* 热门标签 — 「热门:」与词条连成一排（label + 所有 li 同处一个 flex 换行流，不再 label 独占一行） */
.b-hot-tags__inner { gap: var(--s-2) var(--s-3); }
.b-hot-tags__list { display: contents; }

/* 平台数据统计（已发布作品/活跃创作者/今日新增）暂隐（续20，2026-06-18 用户拍板·留存导向）：
   早期数字小（如 38/9）= 负面社会证明、暴露平台冷清 → 先不秀；放量后或换正向指标（如「N 件免费作品可领」）再开。
   DOM/数据源 $bumian_stats 仍在 → 删此规则即恢复。 */

/* 首页主体区(最新作品+侧栏)间距随全局 .b-section（批45 起统一 --s-4 / 移动 --s-3），无需单独覆盖。 */   /* 紧跟跑马灯、留一点呼吸感(原 --s-9 48px 太多) */

/* 〔续23 用户拍板 2026-06-19〕带右侧栏的「左右栏」布局，左边主列偏窄 → 作品网格回 4 列（不随 master 桌面 5 列）。
   目前仅首页 .b-home-grid__main（最新作品 + 320px 热门创作者侧栏）；全宽页（分类/全部作品/榜单/搜索）仍 5 列。
   ≤1024 侧栏下沉、主列转全宽 → 交回 master(3/2)，本规则只在 ≥1025（侧栏在场）生效。 */
@media (min-width: 1025px) {
	.b-home-grid__main .b-works-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* ============================================================
   〔续24 用户拍板 2026-06-19·恢复链删除批 0.4.739 订正措辞〕移动端首页两项（仅 ≤1024 单列时生效；PC ≥1025 完全不变）。
   全站「主列 + 右侧栏」结构仅首页 .b-home-grid__main（DESIGN-LOCKED §12.3），选择器天然限定首页。
   ① 「大家都在问」(.b-qa-home) 浮到主列板块最前：把首页主列里的板块（现宿主 =「大家在看」的
      <section class="b-section">，front-page.php 直出）转成 flex 列、QA 子块 order:-1 浮到最前；
      原本在 QA 上方的分隔线移到块下方作区隔。规则为活规则——旧宿主已删但选择器按结构命中现宿主。
   ② 「每日签到 / 今日任务」卡移动端隐藏：已给两卡加 .b-side-card--mobile-hide（沿用 ≤1023 既有规则）。
   移动端最终序：大家在问 → 大家在看 → 新人新作。
   ============================================================ */
@media (max-width: 1024px) {
	.b-home-grid__main > .b-section { display: flex; flex-direction: column; }
	.b-home-grid__main .b-qa-home {
		order: -1;
		margin-top: 0;
		padding-top: 0;
		border-top: 0;
		margin-bottom: var(--s-4);
		padding-bottom: var(--s-4);
		border-bottom: 1px solid var(--line);
	}
}

/* ============================================================
   〔续34 用户拍板〕移动端(≤640,2 列) 首页各区块默认显示数收口：
     大家在看 6 / 大家都在问 3 / 最新作品 6 / 新人新作 6
   （作品区 6 = 3 整行 2 列、不留单张拖尾；问答精简到 3）。
   纯 CSS nth-child 裁剪 = 免疫页面缓存（同 P1-1 响应式纪律），**平板/桌面计数不变**：
     · 最新作品（.b-home-grid__main .b-works-grid，PHP 载 12）：≤640 隐第 7 起 → 6。
     · 大家都在问（.b-qa-home .b-qa-rows，PHP 载 5）：≤640 隐第 4 起 → 3。
     · 大家在看 / 新人新作（.b-rail，front-page.php 取前 6）：≥641（平板/桌面）隐第 6 → 维持 5；≤640 取满 6。
   ============================================================ */
@media (max-width: 640px) {
	.b-home-grid__main .b-works-grid > *:nth-child(n+7) { display: none; }
	.b-qa-home .b-qa-rows > .b-qa-row:nth-child(n+4) { display: none; }
}
@media (min-width: 641px) {
	.b-rail .b-works-grid > *:nth-child(n+6) { display: none; }
}