/* =========================================================================
   AI不眠 — 问答（列表 / 详情 / 提问 / 我的问答）
   令牌驱动（tokens.css：--brand / --ink-* / --bg-* / --line / --s-* / --r-*），
   暗色随令牌自动翻色；对照首页、PC=移动、列表不做大卡片。
   ========================================================================= */

/* 居中窄栏 + 保证窄屏不贴边（page.php 同隐患，作用域内补水平内边距）。 */
.b-qa-ask {
	padding-left: var(--s-4);
	padding-right: var(--s-4);
}
.b-qa-inner {
	max-width: 820px;
	margin-inline: auto;
}
.b-qa-inner--narrow {
	max-width: 640px;
}
/* 归档图文卡用满宽栅格（覆盖 .b-qa-inner 的 820 窄栏）。 */
.b-qa-inner--wide {
	max-width: none;
}

.b-qa-back {
	position: relative;
	display: inline-block;
	margin-bottom: var(--s-2);   /* 〔续25 用户拍板〕返回链接→标题 留白收紧、留一丝呼吸 */
	color: var(--ink-3);
	font-size: 0.92rem;
	text-decoration: none;
}
/* 透明扩点击区：上下各扩 11px，把 ~24px 高的返回链接命中区补到 ≈46px（§9 ≥44），视觉位置不变。 */
.b-qa-back::before { content: ""; position: absolute; inset: -11px 0; }
.b-qa-back:hover { color: var(--brand); }

/* ---------- 列表页：头部 ---------- */

/* ---------- 排序 tab ---------- */

/* ---------- 分类 chip ---------- */

/* ---------- 列表：图文卡 ----------
   复用首页作品市场同款栅格 .b-works-grid + 卡片 .b-card（components.css），
   与作品卡视觉统一；下面仅补问答专属部件。见 template-parts/card-question.php。 */

/* 问答卡部件（解决徽章 / 分类 chip / 回答数）已迁到 components.css（全站加载）——
   card-question 也被首页「大家都在问」区复用，而首页不加载 qa.css → 原放这里会掉色
   （徽章失去绿/橙语义、分类 chip 退化纯文字）。见 components.css「跨页复用的卡片部件」段。 */

/* ---------- 分页 ---------- */

/* ---------- 空态 ---------- */
   /* 批46:问答空态内距 64→24 */

/* ---------- 等级 chip（问答通用）---------- */

/* ---------- 详情：问题 ---------- */
/* 问题整块套白卡底（与详情页「作品信息」框一致：bg-0 + line 边框 + r-3），把「问」与下方「答」列表分明、便于阅读；回答保持分隔线列表（不逐条套卡，不削弱采纳绿卡）。 */

/* ---------- 详情：回答区 ---------- */

/* 点赞列 */

.b-answer__vote {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 44px;
	min-height: 44px; /* 触控 ≥44（DESIGN-LOCKED §9）。原高 ~40px。修 UI 深审 win07 F-3。 */
	padding: 4px 0;
	border: 1px solid var(--line);
	border-radius: var(--r-2);
	background: var(--bg-0);
	color: var(--ink-2);
	cursor: pointer;
	transition: all var(--dur-1) var(--ease);
	line-height: 1.1;
}
.b-answer__vote:hover:not(:disabled) { border-color: var(--brand); color: var(--brand); }
.b-answer__vote:disabled { cursor: default; opacity: 0.55; }
.b-answer__vote.is-voted { border-color: var(--brand); background: var(--brand-50); color: var(--brand); }

/* 回答正文 */

/* 「举报」触发：推到 byline / 回答 foot 行右端，低调（基样式 .b-report-trigger 在 components.css 全站加载）。
   margin 全置 0 仅左 auto：抵消 .b-report-trigger 基样式的 margin-top（详情页版位用，问答行内不需要）。 */

/* ---------- 写回答 / 表单 ---------- */

/* 表单字段（自带样式）。 */
.b-qa-ask-form .b-field { margin-bottom: var(--s-2); }   /* 〔续25 用户拍板〕字段间留白收紧、留一丝呼吸（含 至少4字→分类） */
.b-qa-ask-form .b-field__label {
	display: block;
	margin-bottom: var(--s-2);
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--ink-2);
}
.b-qa-ask-form .b-field__input,.b-qa-ask-form .b-field__select,.b-qa-ask-form .b-field__textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid var(--field-border);
	border-radius: var(--r-2);
	background: var(--bg-0);
	color: var(--ink-0);
	font-size: 0.95rem;
	font-family: inherit;
	line-height: 1.6;
	box-sizing: border-box;
	transition: border-color var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease);
}
.b-qa-ask-form .b-field__textarea { resize: vertical; }
.b-qa-ask-form .b-field__input::placeholder,.b-qa-ask-form .b-field__textarea::placeholder { color: var(--ink-4); }
.b-qa-ask-form .b-field__input:focus,.b-qa-ask-form .b-field__select:focus,.b-qa-ask-form .b-field__textarea:focus {
	outline: none;
	border-color: var(--brand);
	box-shadow: 0 0 0 3px var(--brand-50);
}
.b-qa-ask-form__actions { display: flex; justify-content: flex-end; gap: var(--s-3); margin-top: var(--s-3); }

/* 表单消息 */
.b-ask__msg { margin: var(--s-2) 0 0; font-size: 0.88rem; min-height: 1.2em; }
.b-ask__msg.is-error { color: var(--danger-strong); }
.b-ask__msg.is-ok { color: var(--success-strong); }

/* ---------- 提问页 ---------- */
.b-qa-ask__head { margin-bottom: var(--s-1); }   /* 〔续25 用户拍板〕头部(intro 隐藏时为空 sr-only)→标题 留白收紧 */
.b-qa-ask__title { margin: 0 0 var(--s-2); font-size: 1.5rem; font-weight: 800; color: var(--ink-0); }

.b-qa-ask__gate { padding: var(--s-6); text-align: center; color: var(--ink-2); background: var(--bg-2); border-radius: var(--r-3); }
.b-qa-ask__gate p { margin: 0 0 var(--s-4); }

/* ---------- 用户中心：我的问答 ---------- */
.b-account-qa__block { margin-bottom: var(--s-6); }
.b-account-qa__title { margin: 0 0 var(--s-3); font-size: 1.05rem; font-weight: 700; color: var(--ink-0); }

/* ---------- 移动端 ---------- */
@media ( max-width: 600px ) {
	/* 「我要提问」与「问答」标题同排靠右（用户要求）：移动端不再 column 堆叠到标题下方，保持横排 + 顶对齐；
	   副标题在标题下自动换行、不挤压右侧按钮。 */
	
	
	
	
	
	
	/* 分类 chips 缩一圈，9 个挤进 2 排（原 3 排）。 */
	
	
	
	
	
}

/* ---------- 附图：详情页缩略图网格（问题 / 回答）---------- */
.b-qa-imgs {
	display: flex;
	flex-wrap: wrap;
	gap: var(--s-2);
	margin: var(--s-3) 0 0;
}
.b-qa-imgs__link {
	display: block;
	line-height: 0;
	border: 1px solid var(--line);
	border-radius: var(--r-2);
	overflow: hidden;
	background: var(--bg-2);
}

/* ---------- 附图：表单选择器（提问 / 回答）---------- */
.b-qa-imgpick {
	display: flex;
	flex-wrap: wrap;
	gap: var(--s-2);
	align-items: flex-start;
}
.b-qa-imgpick__list { display: contents; }
.b-qa-imgpick__item {
	position: relative;
	width: 84px;
	height: 84px;
	border: 1px solid var(--line);
	border-radius: var(--r-2);
	overflow: hidden;
	background: var(--bg-2);
}
.b-qa-imgpick__thumb { width: 100%; height: 100%; object-fit: cover; display: block; }
.b-qa-imgpick__rm {
	position: absolute;
	top: 3px;
	right: 3px;
	width: 20px;
	height: 20px;
	padding: 0;
	border: 0;
	border-radius: var(--r-pill);
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	font-size: 14px;
	line-height: 1;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background var(--dur-1) var(--ease);
}
.b-qa-imgpick__rm:hover { background: var(--danger); }
/* 透明扩点击区到 ≈44px（视觉仍是 20px 圆形 ×，便于在小缩略图角落点中删除）。 */
.b-qa-imgpick__rm::before { content: ""; position: absolute; inset: -12px; }
.b-qa-imgpick__add {
	position: relative;
	width: 84px;
	height: 84px;
	border: 1px dashed var(--line-strong);
	border-radius: var(--r-2);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	cursor: pointer;
	color: var(--ink-3);
	background: var(--bg-1);
	transition: border-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease);
}
.b-qa-imgpick__add:hover { border-color: var(--brand); color: var(--brand); }
.b-qa-imgpick__input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
}
.b-qa-imgpick__add-icon { font-size: 22px; line-height: 1; }
.b-qa-imgpick__add-icon svg { width: 22px; height: 22px; display: block; }
.b-qa-imgpick__add-text { font-size: 12px; }
.b-qa-imgpick.is-full .b-qa-imgpick__add { display: none; }
/* 发布作品：第一张缩略图的「封面」角标（仅 publish 页传 coverBadge 时出现）。 */
.b-qa-imgpick__cover {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 1px 6px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.5;
	color: #fff;
	background: var(--brand-solid);
	border-top-right-radius: var(--r-2);
	pointer-events: none;
}

/* ---------- 附图：看大图灯箱 ---------- */

/* 问题详情页「相关问题」（同分类、复用问答卡网格 .b-works-grid） */
   /* 批46:相关问题外距 48→24 */