/* 帮助中心新版 — 仅 .help-center-v2 内生效，主色 #06387A */

.help-center-v2{
	--hc-primary:#06387A;
	--hc-primary-mid:#0856a8;
	--hc-primary-light:#0d6ebe;
	--hc-accent:#2d8fd9;
	--hc-ink:#0f172a;
	--hc-muted:#64748b;
	--hc-line:#e2e8f0;
	--hc-surface:#f1f5f9;
	--hc-card:#fff;
	font-family:"Microsoft YaHei","PingFang SC",system-ui,-apple-system,sans-serif;
	color:var(--hc-ink);
	background:linear-gradient(180deg,#e8eef6 0%,#f8fafc 38%,#f1f5f9 100%);
	padding-bottom:56px;
	min-height:calc(100vh - 200px);
}

.help-center-v2 .hcv2-hero{
	position:relative;
	background:linear-gradient(135deg,#031e3d 0%,var(--hc-primary) 42%,#0a4a8c 100%);
	padding:28px 16px 32px;
	overflow:hidden;
}
.help-center-v2 .hcv2-hero::before{
	content:"";
	position:absolute;
	inset:0;
	background:
		radial-gradient(ellipse 70% 55% at 85% 0%,rgba(45,143,217,.35),transparent 55%),
		radial-gradient(ellipse 50% 40% at 0% 100%,rgba(255,255,255,.08),transparent 50%);
	pointer-events:none;
}
.help-center-v2 .hcv2-hero-inner{
	position:relative;
	z-index:1;
	max-width:1200px;
	margin:0 auto;
}
.help-center-v2 .hcv2-kicker{
	margin:0 0 10px;
	font-size:12px;
	font-weight:700;
	letter-spacing:.14em;
	text-transform:uppercase;
	color:rgba(148,200,255,.85);
}
.help-center-v2 .hcv2-hero-title{
	margin:0 0 18px;
	font-size:clamp(22px,3.5vw,30px);
	font-weight:800;
	letter-spacing:-.02em;
	color:#fff;
}
.help-center-v2 .hcv2-bc{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:6px 4px;
	font-size:13px;
	line-height:1.5;
}
.help-center-v2 .hcv2-bc a{
	color:rgba(255,255,255,.72);
	text-decoration:none;
	padding:4px 8px;
	border-radius:8px;
	transition:background .15s,color .15s;
}
.help-center-v2 .hcv2-bc a:hover{
	color:#fff;
	background:rgba(255,255,255,.12);
}
.help-center-v2 .hcv2-bc-sep{
	color:rgba(255,255,255,.35);
	font-weight:300;
	user-select:none;
}

.help-center-v2 .hcv2-shell{
	width:100%;
	max-width:1200px;
	/* margin:-24px auto 0; */
	padding:0 16px 24px;
	box-sizing:border-box;
	display:grid;
	/* 主内容在左，导航在右（DOM 中 aside 在前，用 order 调整） */
	grid-template-columns:minmax(0,1fr) minmax(0,280px);
	gap:24px;
	align-items:start;
	position:relative;
	z-index:2;
}
.help-center-v2 .hcv2-shell:not(:has(.hcv2-main)){
	grid-template-columns:minmax(0,400px);
	justify-content:center;
}
.help-center-v2 .hcv2-shell:not(:has(.hcv2-main)) .hcv2-aside{
	order:0;
}

.help-center-v2 .hcv2-aside{
	order:2;
	background:var(--hc-card);
	border-radius:18px;
	border:1px solid rgba(6,56,122,.1);
	box-shadow:0 12px 40px rgba(6,56,122,.08);
	overflow:hidden;
}
.help-center-v2 .hcv2-aside-head{
	padding:20px 20px 16px;
	background:linear-gradient(180deg,rgba(6,56,122,.06),transparent);
	border-bottom:1px solid var(--hc-line);
}
.help-center-v2 .hcv2-aside-head h2{
	margin:0 0 6px;
	font-size:17px;
	font-weight:800;
	color:var(--hc-primary);
}
.help-center-v2 .hcv2-aside-head p{
	margin:0;
	font-size:12px;
	color:var(--hc-muted);
	line-height:1.5;
}

.help-center-v2 .hcv2-nav{
	padding:8px 12px 16px;
}
.help-center-v2 #parent{
	list-style:none;
	margin:0;
	padding:0;
}
.help-center-v2 #parent > li.h-cat{
	margin:0 0 8px;
	border-radius:12px;
	border:1px solid var(--hc-line);
	overflow:hidden;
	background:var(--hc-surface);
}
.help-center-v2 #parent > li.h-cat > span{
	display:flex !important;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	padding:12px 14px !important;
	background:linear-gradient(90deg,#f8fafc,#f1f5f9) !important;
	border:none !important;
	font-size:14px;
	font-weight:700;
	color:var(--hc-ink);
	cursor:pointer;
	transition:background .15s;
}
.help-center-v2 #parent > li.h-cat > span:hover{
	background:#e8eef5 !important;
}
.help-center-v2 #parent > li.h-cat > span > p{
	flex-shrink:0;
	width:0 !important;
	height:0 !important;
	margin:0 0 0 auto !important;
	float:none !important;
	border-left:7px solid transparent !important;
	border-right:7px solid transparent !important;
	transition:opacity .15s;
}
/* 与 articles.js 一致：展开=h-show 三角向下，收起=h-hide 三角向上 */
.help-center-v2 #parent > li.h-show > span > p{
	border-top:8px solid var(--hc-primary) !important;
	border-bottom:none !important;
	border-left-color:transparent !important;
	border-right-color:transparent !important;
}
.help-center-v2 #parent > li.h-hide > span > p{
	border-bottom:8px solid var(--hc-primary) !important;
	border-top:none !important;
	border-left-color:transparent !important;
	border-right-color:transparent !important;
}
.help-center-v2 #parent > li.h-cat ul.h-list{
	border:none !important;
	margin:0;
	padding:6px 8px 10px;
	background:var(--hc-card);
}
.help-center-v2 #parent > li.h-hide > ul.h-list{
	display:none !important;
}
.help-center-v2 #parent > li.h-show > ul.h-list{
	display:block !important;
}
.help-center-v2 .h-list a{
	text-decoration:none;
	color:inherit;
	display:block;
}
.help-center-v2 .h-list li{
	width:auto !important;
	margin:4px 0 !important;
	padding:10px 12px 10px 14px !important;
	border-radius:10px;
	border:1px solid transparent !important;
	font-size:13px;
	line-height:1.45;
	color:var(--hc-muted);
	transition:background .15s,border-color .15s,color .15s;
}
.help-center-v2 .h-list a:hover li{
	color:var(--hc-primary) !important;
	font-weight:600 !important;
	background:rgba(6,56,122,.05);
}
.help-center-v2 .h-list .h-curr,
.help-center-v2 .h-list li.h-curr{
	margin-left:0 !important;
	background:linear-gradient(90deg,rgba(6,56,122,.1),rgba(45,143,217,.08)) !important;
	border:1px solid rgba(6,56,122,.18) !important;
	color:var(--hc-primary) !important;
	font-weight:700 !important;
}

.help-center-v2 .hcv2-main{
	order:1;
	background:var(--hc-card);
	border-radius:18px;
	border:1px solid rgba(6,56,122,.1);
	box-shadow:0 16px 48px rgba(6,56,122,.09);
	overflow:hidden;
	min-height:420px;
}
.help-center-v2 .hcv2-article-head{
	padding:24px 28px 20px;
	border-bottom:1px solid var(--hc-line);
	background:linear-gradient(180deg,#fafbfd,#fff);
}
.help-center-v2 .hcv2-article-head h1{
	margin:0;
	padding-left:16px;
	border-left:4px solid var(--hc-accent);
	font-size:clamp(20px,2.4vw,26px);
	font-weight:800;
	letter-spacing:-.02em;
	color:var(--hc-ink);
	line-height:1.35;
}

.help-center-v2 .h-content{
	width:94% !important;
	max-width:none !important;
	min-height:0 !important;
	padding:24px 28px 32px !important;
	text-indent:0 !important;
	font-size:15px;
	line-height:1.85;
	color:#334155;
}
.help-center-v2 .h-content h1{text-align:left;}
.help-center-v2 .h-content img{
	max-width:100%;
	height:auto;
	border-radius:10px;
}
.help-center-v2 .h-content p{margin:0 0 1em;}
.help-center-v2 .h-content ul,.help-center-v2 .h-content ol{padding-left:1.25em;margin:0 0 1em;}

.help-center-v2 .h-record{
	margin:0 28px 28px;
	padding:22px 24px !important;
	width:auto !important;
	height:auto !important;
	border:none !important;
	border-radius:14px;
	background:linear-gradient(135deg,rgba(6,56,122,.06),rgba(45,143,217,.06));
	border:1px solid rgba(6,56,122,.12) !important;
	box-sizing:border-box;
}
.help-center-v2 .h-record > p{
	margin:0 0 16px !important;
	padding:0 !important;
	font-size:14px;
	font-weight:600;
	color:var(--hc-ink);
}
.help-center-v2 .h-button{
	width:auto !important;
	min-width:140px;
	height:auto !important;
	padding:11px 22px !important;
	margin:0 10px 0 0 !important;
	border-radius:999px;
	font-size:14px !important;
	font-weight:700;
	cursor:pointer;
	border:1px solid transparent;
	transition:transform .12s,box-shadow .2s,filter .15s;
}
.help-center-v2 .h-button:first-of-type{
	background:linear-gradient(135deg,var(--hc-primary-light),var(--hc-primary));
	color:#fff !important;
	box-shadow:0 8px 22px rgba(6,56,122,.3);
}
.help-center-v2 .h-button:first-of-type:hover{
	filter:brightness(1.06);
	transform:translateY(-1px);
}
.help-center-v2 .h-button:last-of-type{
	background:#fff;
	color:var(--hc-primary) !important;
	border-color:rgba(6,56,122,.25);
}
.help-center-v2 .h-button:last-of-type:hover{
	background:var(--hc-surface);
}

@media (max-width:992px){
	.help-center-v2 .hcv2-shell{
		grid-template-columns:1fr;
		margin-top:-16px;
	}
	/* 窄屏：正文在上，导航在下 */
	.help-center-v2 .hcv2-main{order:1;}
	.help-center-v2 .hcv2-aside{order:2;}
	.help-center-v2 .hcv2-shell:not(:has(.hcv2-main)){
		grid-template-columns:1fr;
	}
	.help-center-v2 .hcv2-shell:not(:has(.hcv2-main)) .hcv2-aside{
		order:0;
	}
}