/**
 * 关于我们频道 · 新版外壳样式（蓝色 #2F85C7 渐变、矩形 3D 装饰，无圆形元素）
 * 作用域：body.abu-about
 */
.abu-about {
	--abu-blue: #2F85C7;
	--abu-blue-deep: #1a5a8a;
	--abu-blue-light: #5ba3db;
	--abu-ink: #0f172a;
	--abu-muted: #64748b;
	--abu-card: #ffffff;
	--abu-line: #e2e8f0;
	position: relative;
	background: linear-gradient(180deg, #dfeaf8 0%, #eef4fb 35%, #f8fafc 100%);
	min-height: 100vh;
}

/* ---------- 背景透视装饰（仅矩形 / 平行四边形） ---------- */
.abu-about .abu-deco-bg {
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	overflow: hidden;
	perspective: 1200px;
	perspective-origin: 50% 30%;
}
.abu-about .abu-deco-bg .abu-prism {
	position: absolute;
	width: min(42vw, 520px);
	height: 120px;
	background: linear-gradient(135deg, rgba(47, 133, 199, 0.22), rgba(26, 90, 138, 0.12));
	border: 1px solid rgba(47, 133, 199, 0.25);
	border-radius: 4px;
	transform-style: preserve-3d;
	animation: abu-prism-drift 14s ease-in-out infinite;
	box-shadow: 0 20px 50px rgba(47, 133, 199, 0.15);
}
.abu-about .abu-deco-bg .abu-prism--1 {
	left: -8%;
	top: 18%;
	transform: rotateX(12deg) rotateY(-18deg) skewX(-6deg);
	animation-delay: 0s;
}
.abu-about .abu-deco-bg .abu-prism--2 {
	right: -5%;
	top: 42%;
	width: min(36vw, 380px);
	height: 90px;
	transform: rotateX(-8deg) rotateY(22deg) skewX(8deg);
	animation-delay: -4s;
	opacity: 0.85;
}
.abu-about .abu-deco-bg .abu-prism--3 {
	left: 25%;
	bottom: 8%;
	height: 72px;
	width: min(48vw, 440px);
	transform: rotateX(18deg) rotateY(10deg) skewX(-4deg);
	animation-delay: -7s;
	opacity: 0.7;
}

@keyframes abu-prism-drift {
	0%, 100% {
		transform: perspective(900px) rotateX(8deg) rotateY(-12deg) translateZ(0) skewX(-5deg);
		opacity: 0.75;
	}
	33% {
		transform: perspective(900px) rotateX(-6deg) rotateY(14deg) translateZ(28px) skewX(4deg);
		opacity: 0.95;
	}
	66% {
		transform: perspective(900px) rotateX(10deg) rotateY(-8deg) translateZ(14px) skewX(-8deg);
		opacity: 0.82;
	}
}

/* ---------- 顶栏：不规则底边（斜切折线轮廓） ---------- */
.abu-about .header {
	position: relative;
	z-index: 10;
	background: linear-gradient(100deg, #0f3d5c 0%, #1a5a8a 32%, #2F85C7 62%, #4a9ad9 92%, #5ba3db 100%) !important;
	border-bottom: none;
	box-shadow: none;
	/* 顶边微斜 + 底边折线：打破矩形感 */
	clip-path: polygon(
		0 0,
		100% 0,
		100% calc(100% - 26px),
		88% 100%,
		62% calc(100% - 14px),
		38% 100%,
		12% calc(100% - 18px),
		0 calc(100% - 8px)
	);
	padding-bottom: 12px;
	filter: drop-shadow(0 14px 28px rgba(13, 60, 95, 0.38));
}
.abu-about .header::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		165deg,
		rgba(255, 255, 255, 0.07) 0%,
		transparent 42%,
		rgba(255, 255, 255, 0.05) 78%
	);
	pointer-events: none;
	z-index: 0;
	clip-path: inherit;
}
.abu-about .header .inner {
	position: relative;
	z-index: 1;
}
.abu-about .header .inner .logo,
.abu-about .header .inner .nav {
	position: relative;
	z-index: 2;
}
.abu-about .header .inner .nav a {
	color: rgba(255, 255, 255, 0.92) !important;
	background: rgba(255, 255, 255, 0.08) !important;
	border-color: rgba(255, 255, 255, 0.2) !important;
	border-radius: 6px !important;
}
.abu-about .header .inner .nav a:hover {
	color: #fff !important;
	background: rgba(255, 255, 255, 0.2) !important;
	transform: translateY(-2px) translateZ(0);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}
.abu-about .header .inner .nav a.current {
	color: #1a5a8a !important;
	background: linear-gradient(135deg, #ffffff 0%, #e0f2fe 100%) !important;
	font-weight: 700 !important;
	border-color: rgba(255, 255, 255, 0.55) !important;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
}

/* 顶栏下方：折线形装饰带（非矩形条） */
.abu-about .abu-head-accent {
	position: relative;
	z-index: 9;
	height: 20px;
	margin-top: -3px;
	background: linear-gradient(90deg, #1a5a8a, #2F85C7, #5ba3db, #2F85C7, #1e5f8f);
	background-size: 220% 100%;
	animation: abu-accent-scan 9s linear infinite;
	/* 顶边平直贴导航，底边折线 */
	clip-path: polygon(
		0 0,
		100% 0,
		100% 100%,
		90% 34%,
		82% 100%,
		74% 30%,
		66% 100%,
		58% 36%,
		50% 100%,
		42% 28%,
		34% 100%,
		26% 38%,
		18% 100%,
		10% 32%,
		0 100%
	);
	opacity: 0.98;
	box-shadow: 0 8px 22px rgba(47, 133, 199, 0.2);
}
@keyframes abu-accent-scan {
	0% { background-position: 0% 50%; }
	100% { background-position: 200% 50%; }
}

/* ---------- 页面容器 ---------- */
.abu-about .abu-page {
	position: relative;
	z-index: 2;
	max-width: 1220px;
	margin: 0 auto;
	padding: 28px 20px 56px;
	box-sizing: border-box;
}

/* Hero：不规则外轮廓（多边形裁切，非圆角矩形） */
.abu-about .abu-hero {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 24px;
	align-items: center;
	padding: 32px 36px 34px 32px;
	margin-bottom: 28px;
	background: linear-gradient(122deg, #0c3d56 0%, #1e5f8f 36%, #2F85C7 68%, #4a9ad9 100%);
	color: #f0f9ff;
	border-radius: 0;
	box-shadow: none;
	transform-style: preserve-3d;
	animation: abu-hero-tilt 10s ease-in-out infinite;
	overflow: hidden;
	clip-path: polygon(
		0 18px,
		22px 0,
		calc(100% - 36px) 0,
		100% 28px,
		100% calc(100% - 32px),
		calc(100% - 20px) 100%,
		56px 100%,
		0 calc(100% - 22px)
	);
	filter: drop-shadow(0 22px 45px rgba(26, 90, 138, 0.42));
}
@keyframes abu-hero-tilt {
	0%, 100% { transform: perspective(1000px) rotateX(0deg); box-shadow: 0 20px 50px rgba(47, 133, 199, 0.35); }
	50% { transform: perspective(1000px) rotateX(2deg); box-shadow: 0 28px 60px rgba(47, 133, 199, 0.42); }
}
.abu-about .abu-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		repeating-linear-gradient(
			-22deg,
			transparent,
			transparent 16px,
			rgba(255, 255, 255, 0.035) 16px,
			rgba(255, 255, 255, 0.035) 17px
		),
		linear-gradient(190deg, rgba(255, 255, 255, 0.09) 0%, transparent 45%);
	pointer-events: none;
	clip-path: inherit;
}
.abu-about .abu-hero::after {
	content: "";
	position: absolute;
	right: -5%;
	top: 40%;
	width: 45%;
	height: 55%;
	background: linear-gradient(125deg, rgba(255, 255, 255, 0.06), transparent 65%);
	transform: skewX(-8deg);
	pointer-events: none;
	z-index: 0;
}
.abu-about .abu-hero__text { position: relative; z-index: 2; max-width: 720px; }
.abu-about .abu-hero__kicker {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 12px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.95);
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 4px;
	transform: skewX(-4deg);
}
.abu-about .abu-hero h1 {
	margin: 0 0 10px;
	font-size: clamp(24px, 3vw, 32px);
	font-weight: 800;
	line-height: 1.25;
	text-shadow: 0 2px 16px rgba(0, 0, 0, 0.15);
}
.abu-about .abu-hero p {
	margin: 0;
	font-size: 15px;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.94);
	opacity: 1;
}
.abu-about .abu-hero__visual {
	position: relative;
	z-index: 2;
	width: 140px;
	height: 100px;
	transform-style: preserve-3d;
	animation: abu-stack-3d 7s ease-in-out infinite;
}
@keyframes abu-stack-3d {
	0%, 100% { transform: perspective(600px) rotateY(-12deg) rotateX(6deg); }
	50% { transform: perspective(600px) rotateY(10deg) rotateX(-4deg) translateZ(12px); }
}
.abu-about .abu-hero__visual .abu-stack {
	position: absolute;
	width: 88px;
	height: 52px;
	left: 24px;
	border-radius: 4px;
	border: 1px solid rgba(255, 255, 255, 0.35);
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(6px);
}
.abu-about .abu-hero__visual .abu-stack--1 { top: 8px; transform: translateZ(20px); }
.abu-about .abu-hero__visual .abu-stack--2 { top: 28px; left: 36px; transform: translateZ(8px) skewX(-6deg); opacity: 0.9; }
.abu-about .abu-hero__visual .abu-stack--3 { top: 44px; left: 12px; width: 72px; height: 40px; transform: translateZ(0) skewX(5deg); opacity: 0.75; }

@media (max-width: 900px) {
	.abu-about .abu-hero {
		grid-template-columns: 1fr;
		text-align: left;
		padding: 26px 22px 30px;
		clip-path: polygon(
			0 14px,
			18px 0,
			100% 0,
			100% calc(100% - 24px),
			calc(100% - 14px) 100%,
			44px 100%,
			0 calc(100% - 18px)
		);
	}
	.abu-about .abu-hero__visual { margin: 8px auto 0; }
	.abu-about .header {
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - 18px), 50% 100%, 0 calc(100% - 12px));
		padding-bottom: 16px;
	}
}

/* ---------- 关于我们：双栏（与 .cinner 共存时需 grid 优先） ---------- */
.abu-about .cinner.abu-layout {
	display: grid !important;
	grid-template-columns: 240px 1fr;
	gap: 28px;
	align-items: start;
	width: 100% !important;
	max-width: 1220px;
	margin: 0 auto !important;
	padding: 0 !important;
	min-height: 0 !important;
	overflow: visible !important;
	animation: none;
}
@media (max-width: 960px) {
	.abu-about .cinner.abu-layout { grid-template-columns: 1fr !important; }
}

/* 关于我们：下拉导航（单列） */
.abu-about .cinner.abu-layout.abu-layout--select {
	grid-template-columns: 1fr !important;
	gap: 22px !important;
	align-items: stretch !important;
}
.abu-about .abu-about-nav-panel {
	width: 100%;
	box-sizing: border-box;
	padding: 22px 24px;
	background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
	border: 1px solid var(--abu-line);
	border-radius: 14px;
	box-shadow: 0 12px 36px rgba(15, 23, 42, 0.06);
}
.abu-about .abu-about-select-label {
	display: block;
	font-size: 13px;
	font-weight: 700;
	color: var(--abu-blue-deep);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.abu-about .abu-about-select {
	display: block;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 14px 42px 14px 16px;
	font-size: 16px;
	font-weight: 600;
	color: var(--abu-ink);
	border: 2px solid #cbd5e1;
	border-radius: 10px;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%232F85C7' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	transition: border-color 0.2s, box-shadow 0.2s;
}
.abu-about .abu-about-select:hover {
	border-color: rgba(47, 133, 199, 0.55);
}
.abu-about .abu-about-select:focus {
	outline: none;
	border-color: var(--abu-blue);
	box-shadow: 0 0 0 4px rgba(47, 133, 199, 0.18);
}
.abu-about .abu-about-select-hint {
	margin: 14px 0 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.65;
	color: var(--abu-muted);
}

.abu-about .cinner .leftnav {
	width: 100% !important;
	margin: 0 !important;
	padding: 18px 16px !important;
	background: var(--abu-card) !important;
	border: 1px solid var(--abu-line) !important;
	border-radius: 14px !important;
	box-shadow: 0 12px 36px rgba(15, 23, 42, 0.06);
	text-align: left !important;
	transform-style: preserve-3d;
	animation: abu-card-glow 9s ease-in-out infinite;
}
@keyframes abu-card-glow {
	0%, 100% { box-shadow: 0 12px 36px rgba(15, 23, 42, 0.06); transform: translateZ(0); }
	50% { box-shadow: 0 18px 44px rgba(47, 133, 199, 0.12); transform: translateZ(2px); }
}
.abu-about .cinner .leftnav a {
	display: block !important;
	width: 100% !important;
	box-sizing: border-box !important;
	margin: 0 0 10px !important;
	padding: 12px 14px !important;
	text-align: left !important;
	border-radius: 8px !important;
	border: 1px solid #e2e8f0 !important;
	background: #f8fafc !important;
	color: var(--abu-blue-deep) !important;
	font-weight: 600 !important;
	transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s, background 0.2s;
}
.abu-about .cinner .leftnav a:hover {
	background: linear-gradient(135deg, #eff6ff, #dbeafe) !important;
	border-color: rgba(47, 133, 199, 0.45) !important;
	color: var(--abu-blue-deep) !important;
	transform: translateX(4px);
	box-shadow: 0 6px 16px rgba(47, 133, 199, 0.15);
}
.abu-about .cinner .leftnav a.current {
	background: linear-gradient(135deg, #2F85C7, #1a5a8a) !important;
	color: #fff !important;
	border-color: transparent !important;
	box-shadow: 0 10px 28px rgba(47, 133, 199, 0.35);
}
.abu-about .cinner .rightcontent {
	width: 94% !important;
	max-width: none !important;
	padding: 28px 32px !important;
	background: var(--abu-card) !important;
	border: 1px solid var(--abu-line) !important;
	border-radius: 16px !important;
	box-shadow: 0 14px 44px rgba(15, 23, 42, 0.07);
	line-height: 1.85 !important;
	font-size: 15px !important;
	color: #334155 !important;
	min-height: 320px;
}
.abu-about .cinner .rightcontent img { max-width: 100%; height: auto; border-radius: 8px; }

/* ---------- 公告 ---------- */
.abu-about .announce {
	width: 100% !important;
	max-width: 1220px !important;
	margin: 0 auto !important;
	padding: 0 !important;
}
.abu-about .announce .title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	line-height: 1.4 !important;
	height: auto !important;
	min-height: 48px;
	padding: 14px 18px !important;
	margin-bottom: 0 !important;
	text-indent: 0 !important;
	background: linear-gradient(90deg, #f1f5f9, #fff) !important;
	border: 1px solid var(--abu-line) !important;
	border-left: 4px solid var(--abu-blue) !important;
	border-radius: 12px 12px 0 0 !important;
	font-family: inherit !important;
}
.abu-about .announce .title .l {
	float: none !important;
	width: auto !important;
	flex: 1 1 280px;
	font-size: 17px !important;
	font-weight: 700;
	color: var(--abu-ink) !important;
}
.abu-about .announce .title .r {
	float: none !important;
	font-size: 13px !important;
	color: var(--abu-muted) !important;
	margin: 0 !important;
}
.abu-about .announce .announcecontent {
	background: #fff !important;
	border: 1px solid var(--abu-line) !important;
	border-top: none !important;
	border-radius: 0 0 12px 12px !important;
	padding: 22px 22px 26px !important;
	margin: 0 0 22px !important;
	line-height: 1.85 !important;
	font-size: 15px !important;
	box-shadow: 0 8px 28px rgba(15, 23, 42, 0.05);
	animation: abu-block-in 0.5s ease-out both;
}
@keyframes abu-block-in {
	from { opacity: 0; transform: perspective(800px) rotateX(6deg) translateY(12px); }
	to { opacity: 1; transform: perspective(800px) rotateX(0) translateY(0); }
}

/* ---------- FAQ ---------- */
.abu-about .faq {
	width: 100% !important;
	max-width: 1220px !important;
	margin: 0 auto !important;
	padding: 0 !important;
}
.abu-about dl.qlist {
	border: 1px solid var(--abu-line) !important;
	border-radius: 14px !important;
	padding: 18px 20px !important;
	margin-bottom: 18px !important;
	background: #fff !important;
	box-shadow: 0 8px 28px rgba(15, 23, 42, 0.05);
	overflow: hidden;
}
.abu-about dl.qlist dt {
	float: none !important;
	width: auto !important;
	padding: 0 0 12px 0 !important;
	font-size: 16px !important;
	color: var(--abu-blue-deep) !important;
	border-bottom: 1px dashed var(--abu-line);
	margin-bottom: 12px;
}
.abu-about dl.qlist dt i {
	position: static !important;
	display: inline-block !important;
	width: 10px !important;
	height: 10px !important;
	margin-right: 10px !important;
	vertical-align: middle !important;
	border-radius: 2px !important;
	transform: skewX(-6deg);
	box-shadow: 0 2px 6px rgba(47, 133, 199, 0.35);
}
.abu-about dl.qlist dt i.b-1 { background: linear-gradient(135deg, #2F85C7, #1a5a8a) !important; }
.abu-about dl.qlist dt i.b-2 { background: linear-gradient(135deg, #5ba3db, #2F85C7) !important; }
.abu-about dl.qlist dt i.b-3 { background: linear-gradient(135deg, #1a5a8a, #5ba3db) !important; }
.abu-about dl.qlist dt i.b-4,
.abu-about dl.qlist dt i.b-5,
.abu-about dl.qlist dt i.b-6,
.abu-about dl.qlist dt i.b-7,
.abu-about dl.qlist dt i.b-8,
.abu-about dl.qlist dt i.b-9 { background: linear-gradient(135deg, #2F85C7, #4a9ad9) !important; }

.abu-about dl.qlist dd {
	float: none !important;
	width: 100% !important;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.abu-about dl.qlist dd a {
	float: none !important;
	display: inline-block !important;
	width: auto !important;
	padding: 8px 14px !important;
	border-radius: 6px !important;
	border: 1px solid #e2e8f0 !important;
	background: #f8fafc !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	color: var(--abu-blue-deep) !important;
	transition: transform 0.15s, box-shadow 0.15s;
}
.abu-about dl.qlist dd a:hover,
.abu-about dl.qlist dd a.current {
	background: linear-gradient(135deg, #eff6ff, #dbeafe) !important;
	border-color: rgba(47, 133, 199, 0.45) !important;
	color: var(--abu-ink) !important;
	font-weight: 700 !important;
	transform: translateY(-1px);
	box-shadow: 0 6px 14px rgba(47, 133, 199, 0.12);
	text-decoration: none !important;
}
.abu-about .faqcontent {
	background: #fff !important;
	border: 1px solid var(--abu-line) !important;
	border-radius: 14px !important;
	padding: 26px 28px !important;
	margin-top: 10px !important;
	box-shadow: 0 14px 40px rgba(15, 23, 42, 0.07);
	animation: abu-float-soft 8s ease-in-out infinite;
}
@keyframes abu-float-soft {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-3px); }
}
.abu-about .faqcontent h1 {
	font-size: 22px !important;
	color: var(--abu-ink) !important;
	border-bottom: 2px solid rgba(47, 133, 199, 0.25) !important;
	padding-bottom: 14px !important;
	margin-bottom: 18px !important;
}
.abu-about .faqcontent p {
	margin: 0 !important;
	height: auto !important;
	overflow: visible !important;
	font-size: 15px !important;
	line-height: 1.85 !important;
	color: #334155 !important;
}

/* ---------- 友情链接 ---------- */
.abu-about .friendlink {
	width: 100% !important;
	max-width: 1220px !important;
	margin: 0 auto !important;
	padding: 0 !important;
}
.abu-about .friendlink .links .tit {
	font-size: 17px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	height: auto !important;
	padding: 14px 18px !important;
	margin-top: 18px !important;
	text-indent: 0 !important;
	background: linear-gradient(90deg, rgba(47, 133, 199, 0.12), transparent) !important;
	border-left: 4px solid var(--abu-blue) !important;
	border-radius: 8px !important;
	color: var(--abu-ink) !important;
}
.abu-about .friendlink .links .link {
	margin-bottom: 8px !important;
}
.abu-about .friendlink .links .cont a {
	width: calc(25% - 12px) !important;
	min-width: 140px;
	box-sizing: border-box;
	padding: 10px 12px !important;
	margin: 8px 8px 0 0 !important;
	height: auto !important;
	line-height: 1.5 !important;
	float: left !important;
	border-radius: 8px !important;
	border: 1px solid var(--abu-line) !important;
	background: #fff !important;
	transition: transform 0.15s, box-shadow 0.15s;
}
.abu-about .friendlink .links .cont a:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(47, 133, 199, 0.12);
	border-color: rgba(47, 133, 199, 0.35);
}
.abu-about .friendlink .links .contt {
	padding: 18px 20px !important;
	background: #fff !important;
	border: 1px solid var(--abu-line) !important;
	border-radius: 12px !important;
	font-size: 14px !important;
	line-height: 1.85 !important;
	margin-top: 10px;
}
.abu-about .friendlink .link_table input,
.abu-about .friendlink .link_table select,
.abu-about .friendlink .link_table textarea {
	border: 1px solid #cbd5e1 !important;
	border-radius: 8px !important;
	padding: 8px 10px !important;
	font-size: 14px !important;
}
.abu-about .friendlink .submit {
	background: linear-gradient(135deg, #2F85C7, #1a5a8a) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 8px !important;
	width: auto !important;
	min-width: 120px;
	padding: 0 24px !important;
	height: 40px !important;
	line-height: 40px !important;
	cursor: pointer;
	box-shadow: 0 8px 22px rgba(47, 133, 199, 0.35);
}

/* ---------- 网站地图（整体置于 1200px 居中盒内） ---------- */
.abu-about .abu-page.abu-page--sitemap {
	max-width: 1200px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow-x: hidden;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
}

.abu-about .abu-sitemap-intro {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	margin-bottom: 28px;
}
@media (max-width: 920px) {
	.abu-about .abu-sitemap-intro {
		grid-template-columns: 1fr;
	}
}
.abu-about .abu-sitemap-intro__card {
	position: relative;
	padding: 20px 22px 22px;
	background: linear-gradient(155deg, #ffffff 0%, #eff6ff 55%, #e0f2fe 100%);
	border: 1px solid rgba(47, 133, 199, 0.18);
	border-radius: 14px;
	box-shadow: 0 12px 36px rgba(47, 133, 199, 0.1);
	overflow: hidden;
	transform-style: preserve-3d;
	animation: abu-sitemap-card 10s ease-in-out infinite;
}
.abu-about .abu-sitemap-intro__card:nth-child(2) { animation-delay: -3s; }
.abu-about .abu-sitemap-intro__card:nth-child(3) { animation-delay: -6s; }
@keyframes abu-sitemap-card {
	0%, 100% { transform: perspective(800px) rotateX(0deg) translateY(0); box-shadow: 0 12px 36px rgba(47, 133, 199, 0.1); }
	50% { transform: perspective(800px) rotateX(3deg) translateY(-4px); box-shadow: 0 18px 44px rgba(47, 133, 199, 0.14); }
}
.abu-about .abu-sitemap-intro__tag {
	display: inline-block;
	padding: 4px 10px;
	margin-bottom: 10px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.14em;
	color: #fff;
	background: linear-gradient(90deg, #2F85C7, #5ba3db);
	border-radius: 4px;
}
.abu-about .abu-sitemap-intro__card strong {
	display: block;
	font-size: 17px;
	color: var(--abu-ink);
	margin-bottom: 8px;
}
.abu-about .abu-sitemap-intro__card p {
	margin: 0;
	font-size: 13px;
	line-height: 1.65;
	color: var(--abu-muted);
}

.abu-about .sitemap.abu-sitemap,
.abu-about .abu-sitemap {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
	overflow-x: hidden !important;
	box-sizing: border-box !important;
}
.abu-about .abu-sitemap-groups {
	width: 100%;
	max-width: 100%;
	overflow: visible;
}

.abu-about .abu-sitemap-group {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0 0 22px;
	border: 1px solid var(--abu-line);
	border-radius: 14px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 12px 40px rgba(15, 23, 42, 0.07);
}

.abu-about .abu-sitemap-group .h3 {
	font-size: 17px !important;
	font-weight: 700 !important;
	line-height: 1.45 !important;
	height: auto !important;
	padding: 16px 20px !important;
	margin: 0 !important;
	text-indent: 0 !important;
	background: linear-gradient(95deg, #153d5c 0%, #2F85C7 55%, #4a9ad9 100%) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	animation: none !important;
	transform: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.abu-about .abu-sitemap-group .h3 a {
	color: #fff !important;
	text-decoration: none !important;
	display: inline-block;
	padding: 2px 0;
	border-bottom: 2px solid transparent;
	transition: border-color 0.2s;
}
.abu-about .abu-sitemap-group .h3 a:hover {
	border-bottom-color: rgba(255, 255, 255, 0.65);
}

.abu-about .sitemap ul.abu-sitemap-grid,
.abu-about ul.abu-sitemap-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(168px, 1fr)) !important;
	gap: 12px !important;
	width: 100% !important;
	max-width: 100% !important;
	padding: 18px !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	height: auto !important;
	overflow: visible !important;
	background: linear-gradient(180deg, #fafbfc 0%, #fff 40%) !important;
	border: none !important;
	border-radius: 0 !important;
	list-style: none !important;
}

.abu-about .sitemap ul.abu-sitemap-grid li,
.abu-about ul.abu-sitemap-grid li {
	width: auto !important;
	min-width: 0 !important;
	max-width: 100%;
	float: none !important;
	display: block !important;
	text-indent: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	box-sizing: border-box !important;
	line-height: 1.45 !important;
}

.abu-about ul.abu-sitemap-grid li a {
	display: block !important;
	width: 100%;
	box-sizing: border-box;
	padding: 12px 14px !important;
	font-size: 14px !important;
	font-weight: 500;
	color: var(--abu-blue-deep) !important;
	text-decoration: none !important;
	border-radius: 8px !important;
	border: 1px solid #e2e8f0 !important;
	background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
	transition: transform 0.15s, border-color 0.15s, box-shadow 0.15s;
	word-break: break-word;
	overflow-wrap: anywhere;
}

.abu-about ul.abu-sitemap-grid li a:hover {
	background: linear-gradient(135deg, #eff6ff, #dbeafe) !important;
	border-color: rgba(47, 133, 199, 0.45) !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 18px rgba(47, 133, 199, 0.12);
	color: var(--abu-ink) !important;
}

/* 兼容旧结构（无 abu-sitemap-grid 类时） */
.abu-about .sitemap .ul:not(.abu-sitemap-groups) ul {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(168px, 1fr)) !important;
	gap: 12px !important;
	width: 100% !important;
	max-width: 100% !important;
	overflow: visible !important;
}
.abu-about .sitemap .ul:not(.abu-sitemap-groups) ul li {
	width: auto !important;
	min-width: 0 !important;
	float: none !important;
}

.abu-about.full .sitemap,
.abu-about.full .friendlink,
.abu-about.full .faq,
.abu-about.full .announce {
	max-width: 100% !important;
	overflow-x: hidden !important;
	box-sizing: border-box !important;
}

/* ---------- 页脚区域对齐 ---------- */
.abu-about.full .footer {
	width: 100% !important;
	max-width: 1220px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	box-sizing: border-box;
}

.abu-about .clear15 { height: 12px; }