/* =========================================================
 * 吱吱智能体 · 语音播报与问答界面（2.12）
 * 只补充新版智能体新增的元素样式，沿用原站 --c-* 配色
 * ========================================================= */

/* 面板内消息区可真正收缩：不加 min-height 时内容会撑破面板，
 * 底部「内容由 AI 生成」提示会被圆角裁掉。 */
.ai-msgs {
	min-height: 0;
}

.ai-head,
.ai-chips,
.ai-input,
.ai-note {
	flex: 0 0 auto;
}

/* 头部右侧工具区：语音开关 + 关闭 */
.ai-head-tools {
	display: flex;
	align-items: center;
	gap: 4px;
}

.ai-voice {
	border: 0;
	background: transparent;
	color: #fff;
	cursor: pointer;
	font-size: 15px;
	line-height: 1;
	padding: 6px;
	border-radius: 50%;
	opacity: .85;
	transition: opacity .15s ease, background .15s ease;
}

.ai-voice:hover {
	opacity: 1;
	background: rgba(255, 255, 255, .16);
}

.ai-voice.is-off {
	opacity: .38;
}

/* 每条回答右下角的「▶ 语音」 */
.ai-speak-row {
	display: block;
	margin-top: 8px;
	text-align: right;
}

.ai-speak {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	border: 1px solid var(--c-line);
	border-radius: 999px;
	background: var(--c-paper-2);
	color: var(--c-green-deep);
	font-family: inherit;
	font-size: .7rem;
	letter-spacing: .06em;
	padding: 4px 10px;
	cursor: pointer;
	transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.ai-speak:hover {
	background: var(--c-gold-light);
	border-color: var(--c-gold);
}

.ai-speak.is-playing {
	background: var(--c-green);
	border-color: var(--c-green);
	color: #fff;
}

/* 测试题进行中的提示条（复用 chip 区，仅微调间距） */
.ai-chips .ai-chip.is-quiz {
	border-color: var(--c-green-light);
}

@media (max-width: 480px) {
	.ai-speak { font-size: .66rem; padding: 3px 8px; }
}

/* =========================================================
 * v2.14.0 茶旅抽签：输入框上方横幅 + 国风签文卡片
 * ========================================================= */
.ai-game-banner {
	flex: 0 0 auto;
	padding: 9px 12px 10px;
	background: linear-gradient(180deg, #fbf6e9 0%, #f6f0e1 100%);
	border-top: 1px solid var(--c-line);
	font-size: .72rem;
	line-height: 1.5;
	color: var(--c-ink);
}

.ai-game-banner b {
	display: block;
	margin-bottom: 2px;
	color: var(--c-green-deep);
	font-size: .8rem;
	letter-spacing: .03em;
}

.ai-game-banner span {
	display: block;
	opacity: .84;
}

.ai-game-banner span + span {
	margin-top: 2px;
	opacity: .7;
}

.ai-card-wrap {
	margin-top: 10px;
	text-align: center;
}

.ai-sign-card {
	display: block;
	width: 100%;
	max-width: 260px;
	margin: 0 auto;
	border: 1px solid var(--c-line);
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(60, 54, 38, .1);
}

.ai-card-save {
	display: inline-block;
	margin-top: 7px;
	padding: 3px 11px;
	border: 1px solid var(--c-line);
	border-radius: 999px;
	background: var(--c-paper-2);
	color: var(--c-green-deep);
	font-size: .68rem;
	text-decoration: none;
}

.ai-card-save:hover {
	border-color: var(--c-gold);
	background: var(--c-gold-light);
}

.ai-card-hint {
	margin-top: 4px;
	color: #8c8c82;
	font-size: .64rem;
}


/* v2.15.0 私域入口卡片：只在解锁后由 JS 动态创建 */
.ai-private-wrap {
	padding: 12px;
	border: 1px solid var(--c-gold);
	border-radius: 10px;
	background: linear-gradient(160deg, #fffdf6, #f6f1e4);
}
.ai-private-qr {
	display: block;
	width: 168px;
	max-width: 100%;
	height: auto;
	margin: 0 auto 8px;
	border: 1px solid var(--c-line);
	border-radius: 6px;
	background: #fff;
}
.ai-private-num {
	margin: 6px 0;
	color: var(--c-green-deep);
	font-size: .82rem;
	letter-spacing: .02em;
}
.ai-private-num b { font-size: .95rem; letter-spacing: .06em; }
.ai-private-copy {
	margin: 4px 0 2px;
	padding: 4px 14px;
	border: 1px solid var(--c-gold);
	border-radius: 999px;
	background: var(--c-gold-light);
	color: var(--c-green-deep);
	font-size: .7rem;
	cursor: pointer;
}
.ai-private-copy:hover { background: var(--c-gold); }
.ai-private-hint {
	display: block;
	margin-top: 4px;
	color: var(--c-green-deep);
	font-size: .66rem;
	opacity: .8;
}