/**
 * 全站功能归档 · /ai-tools（热门工具「查看全部」落地页）
 */

body.aith-tool-archive-page .aith-tool-archive-page__main {
	padding: 24px clamp(16px, 2.4vw, 28px) 48px;
	box-sizing: border-box;
	overflow: auto;
}

.aith-tool-archive__head {
	margin-bottom: 24px;
}

.aith-tool-archive__title {
	margin: 0;
	font-size: 1.25rem;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: rgba(248, 250, 252, 0.98);
}

.aith-tool-archive__sections {
	display: flex;
	flex-direction: column;
	gap: 28px;
	max-width: 1120px;
}

.aith-tool-archive__section-title {
	display: inline-flex;
	align-items: center;
	margin: 0 0 14px;
	padding: 0.42rem 0.95rem;
	border-radius: 999px;
	font-size: 0.9375rem;
	font-weight: 700;
	color: rgba(248, 250, 252, 0.95);
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.aith-tool-archive__links {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 12px;
}

.aith-tool-archive__link {
	display: inline-flex;
	align-items: center;
	min-height: 2.5rem;
	padding: 0.55rem 1.05rem;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.03);
	color: rgba(226, 232, 240, 0.92);
	font-size: 0.9375rem;
	line-height: 1.4;
	text-decoration: none;
	transition:
		background 0.14s ease,
		border-color 0.14s ease,
		color 0.14s ease;
}

.aith-tool-archive__link:hover,
.aith-tool-archive__link:focus-visible {
	color: #fff;
	border-color: rgba(77, 159, 255, 0.35);
	background: rgba(77, 159, 255, 0.12);
}

html[data-theme="light"] .aith-tool-archive__title {
	color: rgba(15, 23, 42, 0.96);
}

html[data-theme="light"] .aith-tool-archive__section-title {
	color: rgba(15, 23, 42, 0.92);
	background: rgba(15, 23, 42, 0.04);
	border-color: rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .aith-tool-archive__link {
	color: rgba(30, 41, 59, 0.92);
	background: rgba(255, 255, 255, 0.92);
	border-color: rgba(15, 23, 42, 0.1);
}

@media (max-width: 640px) {
	body.aith-tool-archive-page .aith-tool-archive-page__main {
		padding: 16px 12px 36px;
	}
}