/* Aurora — 极简清新
   关键词：留白、轻盈、青绿点缀、单列阅读流 */

html[data-mode="light"]{
	--bg: #f6faf9;
	--bg-soft: #eef6f4;
	--surface: #ffffff;
	--surface-2: #f1f7f6;
	--text: #14211f;
	--text-strong: #07120f;
	--muted: #5b6b67;
	--line: #e2ecea;
	--line-strong: #cfe1dd;
	--accent: #0f766e;
	--accent-2: #0ea5e9;
	--accent-ink: #ffffff;
	--chip-bg: #e6f3f0;
	--chip-text: #0d5f58;
	--shadow: 0 1px 2px rgba(18, 60, 54, .04), 0 10px 28px rgba(18, 60, 54, .06);
	--shadow-hover: 0 2px 6px rgba(18, 60, 54, .06), 0 22px 46px rgba(18, 60, 54, .12);
	--header-bg: rgba(255, 255, 255, .78);
	--hero-bg: #ffffff;
	--selection: rgba(15, 118, 110, .2);
}
html[data-mode="dark"]{
	--bg: #091310;
	--bg-soft: #0d1a17;
	--surface: #10201c;
	--surface-2: #142823;
	--text: #dcefeb;
	--text-strong: #ffffff;
	--muted: #9db8b2;
	--line: #1e352f;
	--line-strong: #2f4c45;
	--accent: #5eead4;
	--accent-2: #7dd3fc;
	--accent-ink: #04211d;
	--chip-bg: #12322d;
	--chip-text: #8ff2e4;
	--shadow: 0 1px 2px rgba(0,0,0,.25), 0 12px 32px rgba(0,0,0,.32);
	--shadow-hover: 0 2px 8px rgba(0,0,0,.35), 0 26px 54px rgba(0,0,0,.45);
	--header-bg: rgba(9, 19, 16, .78);
	--hero-bg: #10201c;
	--selection: rgba(94, 234, 212, .25);
}

:root{
	--wrap: 1120px;
	--radius: 20px;
	--radius-sm: 12px;
}

body{
	background-image:
		radial-gradient(900px 480px at 12% -8%, rgba(14, 165, 233, .08), transparent 62%),
		radial-gradient(700px 420px at 92% 4%, rgba(15, 118, 110, .07), transparent 60%);
	background-repeat: no-repeat;
}

.site-header{
	border-bottom: 1px solid transparent;
	box-shadow: 0 1px 0 var(--line);
}
.header-inner{
	min-height: 78px;
}
.brand-mark{
	border-radius: 14px;
	font-weight: 700;
	box-shadow: 0 6px 16px rgba(15, 118, 110, .22);
}
html[data-mode="dark"] .brand-mark{
	box-shadow: 0 6px 18px rgba(94, 234, 212, .18);
}
.brand-name{
	font-size: 16.5px;
}
.nav-list > li > a,
.nav-list summary{
	font-size: 13.5px;
}
.theme-toggle,
.nav-toggle{
	border-color: transparent;
	background: var(--surface-2);
}

.hero{
	grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
	border-radius: 26px;
	box-shadow: 0 18px 50px rgba(18, 60, 54, .08);
}
html[data-mode="dark"] .hero{
	box-shadow: 0 18px 50px rgba(0, 0, 0, .35);
}
.hero-copy{
	padding: clamp(32px, 4.2vw, 60px);
}
.hero-title{
	font-size: clamp(1.7rem, 3.4vw, 2.85rem);
}
.hero-excerpt{
	font-size: 15px;
	line-height: 1.8;
}
.hero-link{
	padding-bottom: 3px;
	border-bottom: 1px solid currentColor;
}
.hero-cover{
	min-height: 380px;
}

.page-intro{
	padding-top: clamp(48px, 7vw, 90px);
	border-bottom: 0;
	position: relative;
}
.page-intro::after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, var(--line), transparent);
}

.section-head{
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 26px;
}
.section-head h2{
	font-weight: 700;
}

.post-card{
	border-color: transparent;
	box-shadow: var(--shadow);
}
.post-card:hover{
	border-color: transparent;
}
.post-list.layout-list .post-card{
	min-height: 200px;
	border-radius: 22px;
}
.post-list.layout-list .post-cover{
	flex-basis: 300px;
	width: 300px;
	min-height: 200px;
}
.post-list.layout-list .post-body{
	padding: 28px 32px;
}
.post-list.layout-list .post-title{
	font-size: 1.42rem;
}
.post-excerpt{
	line-height: 1.75;
}
.post-meta{
	font-size: 11.5px;
}

.term-chip,
.tag-cloud a,
.footer-tags a,
.post-tags a{
	background: transparent;
}
.widget{
	border-color: transparent;
	box-shadow: var(--shadow);
}

.page-intro h1,
.archive-hero h1,
.about-hero h1{
	font-weight: 800;
}

.btn-primary{
	box-shadow: 0 10px 24px rgba(15, 118, 110, .22);
}
html[data-mode="dark"] .btn-primary{
	box-shadow: 0 10px 26px rgba(94, 234, 212, .16);
}

.footer-subtle{
	opacity: .7;
}