.article-page{--ink:#080a20;--blue:#5965f5;background:#f5f6fa;color:#171a30;min-height:100vh;padding-bottom:110px}.article-page *{box-sizing:border-box}.article-breadcrumb{display:flex;align-items:center;gap:11px;padding-top:24px;padding-bottom:24px;color:#858ca2;font-size:var(--type-caption)}.article-breadcrumb a{color:#555e79}.article-breadcrumb strong{color:#1b1f36;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-header{max-width:940px;padding-top:55px;padding-bottom:60px;text-align:center}.article-header>p,.article-aside>div p{font-size:var(--type-caption);letter-spacing:.22em;color:#6271ed;font-weight:700;margin:0 0 20px}.article-header h1{font-size:var(--type-display);line-height:1.2;letter-spacing:-.045em;margin:0;color:#11142a}.article-header>div{display:flex;justify-content:center;gap:12px;margin-top:25px}.article-header>div span{padding:7px 11px;border-radius:var(--radius-ui);background:#e8ebf7;color:#677089;font-size:var(--type-caption)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:26px;align-items:start}.article-content{background:#fff;border-radius:var(--radius-ui);padding:55px 65px;box-shadow:0 16px 52px rgba(19,29,72,.06);font-size:var(--type-body);line-height:2;color:#3f455b;overflow:hidden}.article-content p{margin:0 0 24px}.article-content h2,.article-content h3,.article-content h4{color:#14182f;line-height:1.45;margin:36px 0 18px}.article-content h2{font-size:var(--type-heading)}.article-content h3{font-size:var(--type-title)}.article-content img{max-width:100%!important;height:auto!important;border-radius:var(--radius-ui);margin:28px auto;display:block}.article-content a{color:#4f5ee3;text-decoration:underline}.article-content table{width:100%!important;max-width:100%;border-collapse:collapse;display:block;overflow-x:auto}.article-content td,.article-content th{border:1px solid #e2e6ef;padding:10px}.article-content blockquote{border-left:3px solid #6875f2;background:#f3f4fb;padding:18px 22px;margin:25px 0;color:#596078}.article-aside{position:sticky;top:95px;background:#fff;border-radius:var(--radius-ui);padding:27px 22px}.article-aside h2{font-size:var(--type-title);margin:0}.article-aside ol{list-style:none;margin:18px 0 0;padding:0}.article-aside li{border-top:1px solid #e9ecf3}.article-aside li a{display:grid;grid-template-columns:34px 1fr;gap:9px;padding:15px 0;color:#171a30;text-decoration:none!important}.article-aside li span{font-size:var(--type-caption);color:#7080f4;letter-spacing:.15em;padding-top:3px}.article-aside li strong{font-size:var(--type-body);line-height:1.55}.article-back{display:block;margin-top:17px;padding-top:16px;border-top:1px solid #e9ecf3;color:#5260df;text-decoration:none!important;font-size:var(--type-caption)}
.article-content .editor-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0}.article-content .editor-images--1{grid-template-columns:1fr}.article-content .editor-images--3{grid-template-columns:repeat(3,minmax(0,1fr))}.article-content .editor-images--4{grid-template-columns:repeat(4,minmax(0,1fr))}.article-content .editor-images img{width:100%;height:260px!important;margin:0;object-fit:cover}.article-content .editor-images--1 img{height:auto!important;max-height:760px;object-fit:contain}.article-content .editor-video{display:block;width:100%;height:auto;max-height:760px;margin:28px 0;border-radius:var(--radius-ui);background:#02040d}
@media(max-width:991px){.article-layout{grid-template-columns:1fr}.article-aside{position:static}.article-aside ol{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}}
@media(max-width:767px){.article-page{padding-bottom:65px}.article-breadcrumb{padding-left:16px;padding-right:16px}.article-header{padding:35px 20px 42px}.article-header h1{font-size:var(--type-heading)}.article-layout{padding:0}.article-content,.article-aside{border-radius:0;padding:32px 20px}.article-content{font-size:var(--type-body);line-height:1.9}.article-content .editor-images--3,.article-content .editor-images--4{grid-template-columns:repeat(2,minmax(0,1fr))}.article-content .editor-images img{height:30vw!important}.article-aside ol{display:block}}

/* 长文页保持深色阅读面，正文对比度独立于装饰光效。 */
.article-page{
	--ink:#050816;
	--blue:#3b82f6;
	background:
		radial-gradient(circle at 18% 8%,rgba(59,130,246,.16),transparent 30rem),
		radial-gradient(circle at 86% 48%,rgba(168,85,247,.12),transparent 34rem),
		#050816;
	color:var(--text);
}

.article-breadcrumb{
	color:var(--text-muted);
}

.article-breadcrumb a{
	color:var(--text-soft);
}

.article-breadcrumb strong,.article-header h1,.article-content h2,.article-content h3,.article-content h4,.article-aside h2{
	color:var(--text);
}

.article-header>div span{
	border:1px solid rgba(126,148,225,.18);
	background:rgba(16,24,58,.72);
	color:var(--text-soft);
}

.article-content,.article-aside{
	border:1px solid rgba(126,148,225,.16);
	background:linear-gradient(145deg,rgba(16,24,58,.9),rgba(8,14,35,.82));
	box-shadow:var(--shadow-glow);
}

.article-content{
	color:#cbd4ef;
}

.article-content a,.article-back,.article-aside li span{
	color:#3b82f6;
}

.article-content td,.article-content th{
	border-color:rgba(126,148,225,.2);
	background:rgba(5,8,22,.3);
}

.article-content blockquote{
	border-color:var(--primary);
	background:rgba(59,130,246,.1);
	color:var(--text-soft);
}

.article-aside li,.article-back{
	border-color:rgba(134,146,184,.15);
}

.article-aside li a{
	color:var(--text-soft);
}