/* 问答模块：与全站 #4e6ef2 扁平风格对齐 */

.ask-page { padding-bottom: 32px; }

.ask-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 96px;
	height: 40px;
	padding: 0 16px;
	border-radius: 8px;
	border: 1px solid #dbe1ea;
	background: #fff;
	color: #4e6ef2;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	box-sizing: border-box;
}
.ask-btn:hover { border-color: #4e6ef2; color: #4e6ef2; }
a.ask-btn-primary,
a.ask-btn-primary:link,
a.ask-btn-primary:visited,
a.ask-btn-primary:active,
button.ask-btn-primary {
	background: #4e6ef2;
	border-color: #4e6ef2;
	color: #fff;
}
a.ask-btn-primary:hover,
button.ask-btn-primary:hover {
	background: #3d5de0;
	color: #fff;
}

.ask-hero {
	display: flex;
	justify-content: space-between;
	gap: 32px;
	padding: 32px 36px;
	margin-bottom: 20px;
	border-radius: 16px;
	background: linear-gradient(135deg, #eef2ff 0%, #f7f8fc 58%, #fff 100%);
	border: 1px solid #e6ebf5;
}
.ask-hero-kicker {
	display: inline-block;
	margin-bottom: 10px;
	padding: 3px 10px;
	border-radius: 999px;
	background: rgba(78,110,242,.12);
	color: #4e6ef2;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
}
.ask-hero h1 { margin: 0 0 10px; color: #1a1a1a; font-size: 30px; line-height: 1.35; }
.ask-hero p { margin: 0; max-width: 640px; color: #646973; font-size: 15px; line-height: 1.8; }
.ask-hero-search {
	display: flex;
	margin-top: 20px;
	max-width: 520px;
	height: 48px;
	border: 1px solid #dbe3f2;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
}
.ask-hero-search input { flex: 1; min-width: 0; height: 48px; border: 0; padding: 0 16px; font-size: 14px; outline: none; }
.ask-hero-search button { width: 108px; border: 0; background: #4e6ef2; color: #fff; font-size: 15px; font-weight: 600; cursor: pointer; }
.ask-hero-stats { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
.ask-hero-stats span {
	padding: 8px 14px;
	border-radius: 8px;
	background: rgba(255,255,255,.92);
	color: #646973;
	box-shadow: inset 0 0 0 1px rgba(78,110,242,.08);
}
.ask-hero-stats strong { margin-right: 4px; color: #4e6ef2; font-size: 20px; }
.ask-hero-aside { min-width: 220px; display: flex; flex-direction: column; justify-content: center; gap: 16px; }
.ask-hero-steps { display: flex; flex-direction: column; gap: 10px; }
.ask-hero-step { display: flex; align-items: center; color: #4e5969; font-size: 14px; }
.ask-hero-step em {
	display: inline-flex; align-items: center; justify-content: center;
	width: 24px; height: 24px; margin-right: 10px; border-radius: 50%;
	background: #4e6ef2; color: #fff; font-style: normal; font-size: 12px; font-weight: 700;
}
.ask-hero-actions { display: flex; gap: 10px; flex-wrap: wrap; }

.ask-cat-strip { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.ask-cat-strip a {
	display: inline-flex; align-items: center; height: 34px; padding: 0 14px;
	border-radius: 17px; background: #fff; border: 1px solid #eef1f5; color: #4e5969; font-size: 13px;
}
.ask-cat-strip a i { margin-left: 6px; color: #9aa3b2; font-style: normal; }
.ask-cat-strip a.on,
.ask-cat-strip a:hover { border-color: #4e6ef2; color: #4e6ef2; background: #f1f4fe; }

.PageAskMain { display: flex; align-items: flex-start; gap: 20px; }
.PageAskMainL { flex: 1; min-width: 0; }
.PageAskMainR { width: 260px; flex: none; }
.PageAskListLayout { gap: 24px; }

.ask-section-card,
.ask-side-card,
.ask-filter,
.ask-search-form,
.ask-question-detail,
.ask-answer-card,
.ask-empty-card,
.ask-question-card {
	background: #fff;
	border: 1px solid #eef1f5;
	border-radius: 12px;
	box-shadow: 0 8px 24px rgba(31,45,61,.04);
}
.ask-section-card { margin-bottom: 20px; padding: 22px 24px 16px; }
.ask-section-head,
.ask-show .ask-section-head { display: flex; align-items: baseline; gap: 10px; margin: 0 0 16px; }
.ask-section-head strong { font-size: 18px; color: #1a1a1a; }
.ask-section-head span { color: #8590a6; font-size: 13px; }
.ask-section-head a { margin-left: auto; color: #4e6ef2; font-size: 13px; }

.ask-expert-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.ask-expert-card { display: flex; gap: 12px; padding: 12px; border: 1px solid #f0f1f4; border-radius: 10px; }
.ask-expert-card img { width: 56px; height: 56px; border-radius: 12px; object-fit: cover; background: #f6f7fb; }
.ask-expert-card strong { display: block; }
.ask-expert-card strong a { color: #1a1a1a; }
.ask-expert-card p { margin: 4px 0 8px; color: #8590a6; font-size: 13px; }
.ask-expert-card div a { color: #4e6ef2; font-size: 13px; font-weight: 600; }

.ask-side-card { margin-bottom: 16px; overflow: hidden; }
.ask-side-title { padding: 14px 16px 10px; font-size: 16px; font-weight: 600; color: #1a1a1a; }
.ask-side-user { display: flex; align-items: center; gap: 14px; padding: 16px 18px; }
.ask-side-avatar img { width: 56px; height: 56px; border-radius: 12px; object-fit: cover; display: block; }
.ask-side-user p { margin: 6px 0 0; }
.ask-side-user a { margin-right: 10px; color: #4e6ef2; }
.ask-side-guest { padding: 4px 0; }
.ask-side-guest p { margin: 0 0 12px; color: #8590a6; font-size: 13px; }
.ask-stats { padding: 16px 0; }
.ask-stats ul { display: flex; justify-content: space-around; list-style: none; margin: 0; padding: 0; }
.ask-stats li { text-align: center; flex: 1; color: #646973; }
.ask-stats li div { border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; }
.ask-stats i { display: block; font-size: 22px; color: #4e6ef2; font-style: normal; margin-bottom: 4px; }
.ask-side-links { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 16px 16px; }
.ask-side-links a { padding: 4px 10px; border-radius: 6px; background: #f7f8fc; color: #4e5969; font-size: 13px; }
.ask-side-links a:hover { color: #4e6ef2; }
.ask-side-rank { padding: 0 16px 12px; }
.ask-side-rank a { display: flex; align-items: center; height: 32px; color: #4e5969; font-size: 13px; }
.ask-side-rank em { width: 18px; margin-right: 8px; color: #c5cad3; font-style: normal; font-weight: 700; }
.ask-side-rank a:nth-child(-n+3) em { color: #4e6ef2; }
.ask-side-cta { display: flex; flex-direction: column; gap: 10px; padding: 0 16px 16px; }

.ask-filter { padding: 8px 0 4px; margin-bottom: 16px; }
.ask-filter-row { display: flex; padding: 8px 20px; }
.ask-filter-k { width: 64px; color: #8590a6; line-height: 30px; flex: none; }
.ask-filter-v { display: flex; flex-wrap: wrap; gap: 6px; }
.ask-filter-v a { height: 30px; line-height: 30px; padding: 0 10px; border-radius: 6px; color: #4e5969; font-size: 13px; }
.ask-filter-v a.on,
.ask-filter-v a:hover { background: #f1f4fe; color: #4e6ef2; }
.ask-filter-v a i { color: #9aa3b2; font-style: normal; }
.ask-result-bar { display: flex; align-items: center; margin-bottom: 8px; color: #8590a6; font-size: 13px; }
.ask-result-bar strong { color: #4e6ef2; }
.ask-result-bar a { margin-left: auto; color: #4e6ef2; }
.ask-nav-actions { float: right; }

.ask-search-form { padding: 24px; }
.ask-search-row { display: flex; align-items: center; margin-bottom: 16px; }
.ask-search-row label { width: 72px; color: #8590a6; flex: none; }
.ask-search-input { width: 360px; height: 40px; padding: 0 12px; border: 1px solid #e5e9f0; border-radius: 8px; }
.ask-search-opts { display: flex; flex-wrap: wrap; gap: 10px; }
.ask-check { color: #4e5969; font-size: 13px; }

.ask-question-card { padding: 18px 20px; margin-bottom: 12px; }
.ask-question-link { display: block; color: #1a1a1a; }
.ask-question-head { display: flex; align-items: flex-start; gap: 10px; }
.ask-question-flag {
	display: inline-flex; align-items: center; justify-content: center;
	width: 28px; height: 28px; border-radius: 8px; background: #eef2ff; color: #4e6ef2; font-weight: 700; flex: none;
}
.ask-question-head h1,
.ask-question-head h3 { flex: 1; min-width: 0; margin: 0; font-size: 18px; line-height: 28px; color: #1a1a1a; }
.ask-question-main { flex: 1; min-width: 0; }
.ask-question-status {
	flex: none; height: 24px; line-height: 24px; padding: 0 10px; border-radius: 12px; font-size: 12px; font-weight: 600;
}
.ask-question-status.is-pending { background: #fff4e8; color: #ff7a00; }
.ask-question-status.is-solved { background: #ecf9f1; color: #22a35a; }
.ask-question-status.is-voting { background: #eef2ff; color: #4e6ef2; }
.ask-question-status.is-closed { background: #f2f4f8; color: #8c93a3; }
.ask-question-excerpt { margin: 10px 0 0 38px; color: #626f86; font-size: 14px; line-height: 22px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ask-question-meta { display: flex; flex-wrap: wrap; gap: 8px 12px; margin: 12px 0 0 38px; color: #8590a6; font-size: 13px; }
.ask-question-reward { color: #ff7a00; }
.ask-question-adopt { color: #22a35a; }

.ask-question-detail { padding: 28px 32px 24px; margin-bottom: 16px; }
.ask-question-detail .ask-question-head { align-items: flex-start; }
.ask-question-detail .ask-question-flag {
	width: 36px;
	height: 36px;
	font-size: 16px;
	line-height: 1;
	border-radius: 8px;
}
.ask-question-detail .ask-question-head h1 { font-size: 26px; line-height: 36px; font-weight: 700; }
.ask-question-detail .ask-question-meta { margin: 10px 0 0; }
.ask-avatar { width: 38px; height: 38px; border-radius: 6px; overflow: hidden; background: #eef1f5; flex: none; }
.ask-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ask-avatar.js-usercard,
.ask-answer-name .js-usercard,
.ask-question-by .js-usercard { cursor: pointer; }
.ask-author-sign { margin: 2px 0 0; color: #646464; font-size: 14px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ask-school { display: block; margin-top: 12px; color: #4e6ef2; }
.ask-content { margin-top: 16px; line-height: 1.85; color: #1a1a1a; font-size: 16px; }
.ask-content img { max-width: 100%; height: auto; border-radius: 8px; }
.ask-addition { margin-top: 16px; padding: 14px 16px; border-radius: 10px; background: #f8f9fd; }
.ask-addition strong { display: block; margin-bottom: 6px; }
.ask-question-by {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	margin: 0;
	color: #8590a6;
	font-size: 13px;
}
.ask-question-by .ask-avatar { width: 28px; height: 28px; border-radius: 50%; }
.ask-question-by strong { color: #121212; font-size: 13px; font-weight: 600; }
.ask-question-by em {
	max-width: 220px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-style: normal;
	color: #8590a6;
}
.ask-question-bar {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 12px;
	margin-top: 16px;
	padding-top: 12px;
	border-top: 1px solid #f1f3f7;
}
.ask-question-detail .tool {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
	margin: 0 0 0 auto;
	padding: 0;
	border: 0;
	background: none;
	min-height: 0;
	text-align: left;
	justify-content: flex-start;
	border-radius: 0;
}
.ask-question-detail .tool i,
.ask-question-detail .tool a,
.ask-question-detail .tool .like,
.ask-question-detail .tool .liked,
.ask-question-detail .tool .hate,
.ask-question-detail .tool .hated,
.ask-question-detail .tool .report,
.ask-question-detail .tool .favorite,
.ask-question-detail .tool .favorited,
.ask-question-detail .tool .share,
.ask-question-detail .tool .comment,
.ask-question-detail .tool .award {
	display: inline-flex;
	align-items: center;
	height: 32px;
	line-height: 32px;
	padding: 0 10px;
	margin: 0;
	border-radius: 3px;
	background: none !important;
	background-image: none !important;
	color: #8590a6;
	font-size: 14px;
	flex-direction: row;
	white-space: nowrap;
	width: auto;
}
.ask-question-detail .tool i:hover,
.ask-question-detail .tool a:hover i,
.ask-question-detail .tool .like:hover,
.ask-question-detail .tool .favorite:hover,
.ask-question-detail .tool .share:hover,
.ask-question-detail .tool .report:hover {
	background: #f6f6f6 !important;
	color: #121212;
}
.ask-question-detail .tool .liked,
.ask-question-detail .tool .favorited,
.ask-question-detail .tool .hated {
	color: #4e6ef2;
}
.ask-question-detail .tool b {
	margin-left: 4px;
	color: inherit;
	font-size: 14px;
	font-weight: 600;
}

.ask-show-layout { display: flex; align-items: flex-start; gap: 20px; }
.ask-show-main { flex: 1; min-width: 0; }
.ask-show-side { width: 280px; flex: none; }
.ask-answer-card { padding: 0; margin-bottom: 16px; overflow: hidden; }
.ask-answer-best {
	border: 1px solid #e6ebf5;
	border-left: 3px solid #4e6ef2;
	background: #fff;
	box-shadow: 0 8px 24px rgba(78,110,242,.04);
}
.ask-best-tag {
	display: inline-flex;
	align-items: center;
	height: 22px;
	padding: 0 8px;
	border-radius: 4px;
	background: #f1f4fe;
	color: #4e6ef2;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
}
.ask-answer-head { display: flex; align-items: flex-start; gap: 12px; padding: 16px 20px 0; }
.ask-answer-name { flex: 1; min-width: 0; }
.ask-answer-title { display: flex; align-items: center; gap: 8px; }
.ask-answer-title strong { font-size: 16px; color: #121212; }
.ask-answer-title strong a { color: #121212; }
.ask-answer-title strong a:hover { color: #175199; }
.ask-answer-head span { padding: 1px 8px; border-radius: 4px; background: #fff4e8; color: #ff7a00; font-size: 12px; }
.ask-answer-card .ask-content { padding: 12px 20px 0; margin-top: 0; }
.ask-answer-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin-top: 14px; padding: 4px 20px 16px; }
.ask-vote { display: inline-flex; height: 32px; margin-right: 8px; }
.ask-vote a,
.ask-vote .ui-ico-like,
.ask-vote .ui-ico-liked,
.ask-vote .ui-ico-hate,
.ask-vote .ui-ico-hated {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	padding: 0 12px;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: #eef2ff !important;
	background-image: none !important;
	color: #4e6ef2 !important;
	font-size: 14px;
	font-weight: 500;
	line-height: 32px !important;
	box-sizing: border-box;
}
.ask-vote a:first-child { border-radius: 3px 0 0 3px; }
.ask-vote a:last-child {
	position: relative;
	border-radius: 0 3px 3px 0;
	padding: 0;
	width: 32px;
	border-left: 1px solid rgba(78,110,242,.16);
}
.ask-vote a:hover { background: #e0e8ff !important; }
.ask-vote .ui-ico-liked,
.ask-vote .ui-ico-hated { background: #4e6ef2 !important; color: #fff !important; }
.ask-vote a:first-child i,
.ask-vote a:last-child i {
	display: inline-block;
	width: 0;
	height: 0;
	padding: 0;
	border-style: solid;
	background: none;
}
.ask-vote a:first-child i { border-width: 0 5px 7px; border-color: transparent transparent currentColor; margin-right: 6px; }
.ask-vote a:last-child i { border-width: 7px 5px 0; border-color: currentColor transparent transparent; }
.ask-vote a:last-child span {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
}
.ask-answer-actions .ask-act-plain,
.ask-answer-actions .ask-act-plain:hover {
	height: 32px;
	line-height: 32px;
	padding: 0 10px;
	background: none;
	border-radius: 3px;
	color: #8590a6;
	font-size: 14px;
}
.ask-answer-actions .ask-act-plain:hover { background: #f6f6f6; color: #121212; }
.ask-act-time { margin-left: auto; color: #8590a6; font-size: 13px; }
.ask-empty-card { padding: 36px 24px; text-align: center; margin-bottom: 16px; }
.ask-answer-card .ask-addition { margin: 12px 20px 0; }
.ask-question-meta a { color: #4e6ef2; }
.ask-side-facts { list-style: none; margin: 0; padding: 0 16px 16px; }
.ask-side-facts li { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid #f4f6fa; color: #8590a6; font-size: 13px; }
.ask-side-facts li:last-child { border-bottom: 0; }
.ask-side-facts strong,
.ask-side-facts a { color: #1a1a1a; font-weight: 600; }
.ask-side-facts .is-solved { color: #22a35a; }
.ask-side-facts .is-pending { color: #ff7a00; }

.ask-page .nav { position: relative; }
.ui-ball { z-index: 20; }
.ask-side-card .side_li a { display: block; padding: 8px 16px; color: #4e5969; }
.ask-side-card .side_on a,
.ask-side-card .side_li a:hover { color: #4e6ef2; background: #f1f4fe; }
.ask-side-card form { padding: 0 16px 16px; }
.ask-side-card form input { width: 100%; height: 36px; padding: 0 10px; border: 1px solid #e5e9f0; border-radius: 8px; box-sizing: border-box; }

@media (max-width: 991px) {
	.ask-hero,
	.PageAskMain,
	.ask-show-layout,
	.ask-expert-grid { flex-direction: column; display: flex; }
	.ask-expert-grid { display: grid; grid-template-columns: 1fr; }
	.PageAskMainR,
	.ask-show-side { width: 100%; }
	.ask-hero-aside { min-width: 0; }
	.ask-question-excerpt,
	.ask-question-meta { margin-left: 0; }
}