:root {
	color-scheme: dark;
	--bg: #0a0a0f;
	--panel: #15151d;
	--text: #f4f1e8;
	--muted: #b4b0a8;
	--gold: #dcae3c;
	--border: rgba(220, 174, 60, 0.28);
}

* { box-sizing: border-box; }
body {
	margin: 0;
	background: var(--bg);
	color: var(--text);
	font-family: "Noto Sans TC", system-ui, sans-serif;
	line-height: 1.8;
}
a { color: var(--gold); }
.page {
	width: min(860px, calc(100% - 32px));
	margin: 0 auto;
	padding: 56px 0 72px;
}
.eyebrow { color: var(--gold); letter-spacing: .12em; font-size: .8rem; }
h1, h2 { line-height: 1.3; }
h1 { margin: .6rem 0 1rem; font-size: clamp(2rem, 5vw, 3.4rem); }
h2 { margin-top: 2.4rem; color: var(--gold); font-size: 1.45rem; }
p, li { color: var(--muted); }
.answer {
	margin: 1.4rem 0 2rem;
	padding: 1.2rem 1.4rem;
	border-left: 3px solid var(--gold);
	background: var(--panel);
	font-size: 1.08rem;
	color: var(--text);
}
.card {
	margin: 1rem 0;
	padding: 1.2rem 1.4rem;
	background: var(--panel);
	border: 1px solid var(--border);
	border-radius: 14px;
}
.nav { display: flex; flex-wrap: wrap; gap: .8rem 1.2rem; margin-top: 2.5rem; }
footer { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--border); color: var(--muted); font-size: .9rem; }
footer a { margin-right: 1rem; }