:root {
				--cream: #f7f2eb;
				--warm: #f0e8d8;
				--paper: #ffffff;
				--ink: #1e1a14;
				--brown: #5c4a32;
				--mid: #7a6a54;
				--light: #b0a090;
				--rule: #e0d5c5;
				--terracotta: #c4622d;
				--terra-light: #fdf0e8;
				--terra-dim: rgba(196, 98, 45, 0.12);
				--sage: #4a6741;
				--sage-light: #edf2ec;
				--blush: #d4736a;
				--blush-light: #fdf0ef;
				--sand: #c8a96a;
				--sand-light: #fdf8ee;
			}

			*,
			*::before,
			*::after {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}

			html {
				scroll-behavior: smooth;
			}

			body {
				background: var(--cream);
				color: var(--ink);
				font-family: 'Noto Sans SC', sans-serif;
				font-size: 15px;
				line-height: 1.8;
				overflow-x: hidden;
			}

			/* NAV */
			nav {
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				z-index: 100;
				background: rgba(247, 242, 235, 0.92);
				backdrop-filter: blur(12px);
				border-bottom: 1px solid var(--rule);
				padding: 0 48px;
				height: 64px;
				display: flex;
				align-items: center;
				justify-content: space-between;
			}

			.nav-logo {
				font-family: 'Noto Serif SC', serif;
				font-size: 16px;
				color: var(--ink);
				font-weight: 600;
			}

			.nav-logo span {
				color: var(--terracotta);
			}

			.nav-links {
				display: flex;
				gap: 28px;
				list-style: none;
			}

			.nav-links a {
				font-size: 12.5px;
				color: var(--mid);
				text-decoration: none;
				font-weight: 400;
				letter-spacing: 0.03em;
				transition: color 0.2s;
			}

			.nav-links a:hover {
				color: var(--terracotta);
			}

			.nav-lang {
				font-size: 11px;
				color: var(--light);
				letter-spacing: 0.08em;
				text-transform: uppercase;
				cursor: pointer;
			}

			.nav-lang:hover {
				color: var(--terracotta);
			}

			/* ── SECTION BASE ── */
			.section {
				padding: 96px 80px;
			}

			.section-alt {
				background: var(--paper);
			}

			.section-dark {
				background: var(--ink);
				color: white;
			}

			.section-eyebrow {
				font-size: 10px;
				letter-spacing: 0.22em;
				text-transform: uppercase;
				color: var(--terracotta);
				font-weight: 600;
				margin-bottom: 16px;
				display: block;
			}

			.section-title {
				font-family: 'Cormorant Garamond', serif;
				font-size: 44px;
				font-weight: 400;
				line-height: 1.15;
				margin-bottom: 20px;
				color: var(--ink);
			}

			.section-title em {
				font-style: italic;
				color: var(--terracotta);
			}

			.section-dark .section-title {
				color: white;
			}

			.section-dark .section-eyebrow {
				color: var(--sand);
			}

			.section-sub {
				font-size: 15px;
				color: var(--mid);
				line-height: 1.8;
				max-width: 560px;
				margin-bottom: 48px;
			}

			.section-dark .section-sub {
				color: rgba(255, 255, 255, 0.55);
			}

			/* ═══════════════════════════
   SECTION 0 — HERO / SELF INTRO
═══════════════════════════ */
			.hero {
				
				display: flex;
				align-items: center;
				padding: 120px 80px 80px;
				position: relative;
				overflow: hidden;
			}

			.hero-bg {
				position: absolute;
				inset: 0;
				background: radial-gradient(ellipse 800px 600px at 70% 40%, rgba(196, 98, 45, 0.06) 0%, transparent 60%), radial-gradient(ellipse 600px 500px at 20% 80%, rgba(74, 103, 65, 0.05) 0%, transparent 60%);
			}

			.hero-ornament {
				position: absolute;
				top: 120px;
				right: 80px;
				width: 360px;
				height: 360px;
				border-radius: 50%;
				border: 1px solid rgba(196, 98, 45, 0.12);
				animation: spin-slow 40s linear infinite;
			}

			.hero-ornament::before {
				content: '';
				position: absolute;
				inset: 30px;
				border-radius: 50%;
				border: 1px solid rgba(196, 98, 45, 0.07);
			}

			@keyframes spin-slow {
				from {
					transform: rotate(0deg);
				}

				to {
					transform: rotate(360deg);
				}
			}

			.hero-content {
				position: relative;
				z-index: 1;
				max-width: 700px;
			}

			.hero-eyebrow {
				font-size: 11px;
				letter-spacing: 0.22em;
				text-transform: uppercase;
				color: var(--terracotta);
				font-weight: 600;
				margin-bottom: 24px;
				opacity: 0;
				animation: fade-up 0.8s ease 0.2s forwards;
			}

			.hero-cn {
				font-family: 'Noto Serif SC', serif;
				font-size: 62px;
				line-height: 1.1;
				color: var(--ink);
				font-weight: 600;
				margin-bottom: 8px;
				opacity: 0;
				animation: fade-up 0.8s ease 0.4s forwards;
			}

			.hero-en {
				font-family: 'Cormorant Garamond', serif;
				font-size: 36px;
				font-style: italic;
				font-weight: 300;
				color: var(--mid);
				line-height: 1.2;
				margin-bottom: 32px;
				opacity: 0;
				animation: fade-up 0.8s ease 0.6s forwards;
			}

			@keyframes fade-up {
				from {
					opacity: 0;
					transform: translateY(20px);
				}

				to {
					opacity: 1;
					transform: translateY(0);
				}
			}

			.hero-actions {
				display: flex;
				gap: 16px;
				flex-wrap: wrap;
				opacity: 0;
				animation: fade-up 0.8s ease 0.8s forwards;
				margin-top: 8px;
			}

			/* ── SELF INTRO CARD ── */
			.intro-grid {
				display: grid;
				grid-template-columns: 1fr 1.6fr;
				gap: 72px;
				align-items: start;
				max-width: 960px;
			}

			.intro-avatar-col {
				display: flex;
				flex-direction: column;
				gap: 20px;
				position: sticky;
				top: 100px;
			}

			.intro-avatar-frame {
				width: 100%;
				aspect-ratio: 3/4;
				background: linear-gradient(135deg, var(--warm) 0%, rgba(196, 98, 45, 0.08) 100%);
				border-radius: 16px;
				display: flex;
				align-items: center;
				justify-content: center;
				position: relative;
				overflow: hidden;
			}

			.intro-avatar-frame::before {
				content: '';
				position: absolute;
				inset: 0;
				background: radial-gradient(circle at 40% 60%, rgba(196, 98, 45, 0.12), transparent 60%);
			}

			.intro-avatar-placeholder {
				font-size: 56px;
				opacity: 0.35;
			}

			.intro-badge {
				background: var(--terracotta);
				color: white;
				border-radius: 10px;
				padding: 14px 18px;
				font-size: 13px;
				font-weight: 600;
				box-shadow: 0 6px 20px rgba(196, 98, 45, 0.28);
				line-height: 1.5;
			}

			.intro-content {}

			.intro-pull {
				font-family: 'Cormorant Garamond', serif;
				font-size: 22px;
				font-style: italic;
				color: var(--terracotta);
				line-height: 1.55;
				margin-bottom: 24px;
				padding-left: 20px;
				border-left: 3px solid var(--terracotta);
			}

			.intro-text {
				font-size: 15px;
				color: var(--mid);
				line-height: 1.9;
				margin-bottom: 18px;
			}

			.intro-chips {
				display: flex;
				flex-wrap: wrap;
				gap: 8px;
				margin-top: 28px;
			}

			.chip {
				background: var(--warm);
				border: 1px solid var(--rule);
				border-radius: 20px;
				padding: 5px 14px;
				font-size: 12px;
				color: var(--brown);
				font-weight: 500;
			}

			/* BUTTONS */
			.btn-primary {
				background: var(--terracotta);
				color: white;
				border: none;
				padding: 14px 30px;
				border-radius: 40px;
				font-size: 14px;
				font-weight: 500;
				cursor: pointer;
				text-decoration: none;
				display: inline-block;
				transition: all 0.25s;
				font-family: 'Noto Sans SC', sans-serif;
			}

			.btn-primary:hover {
				background: #a8521e;
				transform: translateY(-2px);
				box-shadow: 0 8px 24px rgba(196, 98, 45, 0.25);
			}

			.btn-ghost {
				background: transparent;
				color: var(--terracotta);
				border: 1.5px solid var(--terracotta);
				padding: 14px 30px;
				border-radius: 40px;
				font-size: 14px;
				font-weight: 500;
				cursor: pointer;
				text-decoration: none;
				display: inline-block;
				transition: all 0.25s;
				font-family: 'Noto Sans SC', sans-serif;
			}

			.btn-ghost:hover {
				background: var(--terra-light);
				transform: translateY(-2px);
			}

			/* STATS */
			.hero-stat-row {
				display: flex;
				gap: 40px;
				margin-top: 48px;
				padding-top: 36px;
				border-top: 1px solid var(--rule);
			}

			.hero-stat-val {
				font-family: 'Cormorant Garamond', serif;
				font-size: 38px;
				font-weight: 600;
				color: var(--terracotta);
				line-height: 1;
				margin-bottom: 6px;
			}

			.hero-stat-label {
				font-size: 12px;
				color: var(--mid);
				line-height: 1.5;
			}

			/* ═══════════════════════════
   STORY SUBMISSION (early)
═══════════════════════════ */
			.form-wrap {
				background: var(--paper);
				border: 1px solid var(--rule);
				border-radius: 16px;
				padding: 36px;
			}

			.form-title {
				font-family: 'Noto Serif SC', serif;
				font-size: 21px;
				font-weight: 600;
				color: var(--ink);
				margin-bottom: 8px;
			}

			.form-sub {
				font-size: 14px;
				color: var(--mid);
				margin-bottom: 26px;
				line-height: 1.7;
			}

			.form-group {
				margin-bottom: 18px;
			}

			.form-label {
				display: block;
				font-size: 12px;
				font-weight: 600;
				color: var(--brown);
				margin-bottom: 7px;
				letter-spacing: 0.04em;
			}

			.form-input,
			.form-select,
			.form-textarea {
				width: 100%;
				background: var(--cream);
				border: 1px solid var(--rule);
				border-radius: 8px;
				padding: 12px 16px;
				font-size: 14px;
				color: var(--ink);
				font-family: 'Noto Sans SC', sans-serif;
				outline: none;
				transition: border-color 0.2s;
				-webkit-appearance: none;
			}

			.form-input:focus,
			.form-select:focus,
			.form-textarea:focus {
				border-color: var(--terracotta);
				box-shadow: 0 0 0 3px rgba(196, 98, 45, 0.1);
			}

			.form-textarea {
				resize: vertical;
				min-height: 110px;
				line-height: 1.7;
			}

			.form-row {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 14px;
			}

			.form-note {
				font-size: 12px;
				color: var(--light);
				margin-top: 10px;
				line-height: 1.6;
			}

			.form-submit {
				background: var(--terracotta);
				color: white;
				border: none;
				padding: 14px 36px;
				border-radius: 40px;
				font-size: 14px;
				font-weight: 600;
				cursor: pointer;
				font-family: 'Noto Sans SC', sans-serif;
				transition: all 0.25s;
				margin-top: 8px;
				width: 100%;
			}

			.form-submit:hover {
				background: #a8521e;
				transform: translateY(-1px);
				box-shadow: 0 6px 20px rgba(196, 98, 45, 0.3);
			}

			/* ═══════════════════════════
   FINDINGS
═══════════════════════════ */
			.findings-grid {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 2px;
				border: 1px solid var(--rule);
				border-radius: 16px;
				overflow: hidden;
				margin-bottom: 44px;
			}

			.finding-card {
				background: var(--paper);
				padding: 30px;
				border-right: 1px solid var(--rule);
				border-bottom: 1px solid var(--rule);
				transition: background 0.2s;
			}

			.finding-card:hover {
				background: var(--warm);
			}

			.finding-card:nth-child(2n) {
				border-right: none;
			}

			.finding-card:nth-child(3),
			.finding-card:nth-child(4) {
				border-bottom: none;
			}

			.finding-num {
				font-family: 'Cormorant Garamond', serif;
				font-size: 46px;
				font-weight: 300;
				color: var(--terracotta);
				line-height: 1;
				margin-bottom: 12px;
			}

			.finding-title {
				font-family: 'Noto Serif SC', serif;
				font-size: 16px;
				font-weight: 600;
				color: var(--ink);
				margin-bottom: 10px;
				line-height: 1.4;
			}

			.finding-cn {
				font-size: 13px;
				color: var(--mid);
				line-height: 1.75;
				margin-bottom: 12px;
			}

			.finding-en {
				font-family: 'Cormorant Garamond', serif;
				font-style: italic;
				font-size: 15px;
				color: var(--light);
				line-height: 1.6;
				padding-top: 12px;
				border-top: 1px solid var(--rule);
			}

			.data-bar-row {
				display: flex;
				flex-direction: column;
				gap: 16px;
				background: var(--warm);
				border-radius: 12px;
				padding: 26px 30px;
				margin-bottom: 20px;
			}

			.dbi-label {
				display: flex;
				justify-content: space-between;
				font-size: 13px;
				color: var(--brown);
				margin-bottom: 8px;
				font-weight: 500;
			}

			.dbi-track {
				height: 8px;
				background: var(--rule);
				border-radius: 4px;
				overflow: hidden;
			}

			.dbi-fill {
				height: 100%;
				border-radius: 4px;
				background: var(--terracotta);
				transition: width 1.5s ease;
			}

			.dbi-fill.sage {
				background: var(--sage);
			}

			.dbi-fill.sand {
				background: var(--sand);
			}

			/* ═══════════════════════════
   GUIDES
═══════════════════════════ */
			.guides-intro {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 56px;
				align-items: start;
				margin-bottom: 60px;
			}

			.guide-cards {
				display: flex;
				flex-direction: column;
				gap: 14px;
			}

			.guide-card {
				background: var(--paper);
				border: 1px solid var(--rule);
				border-radius: 14px;
				overflow: hidden;
				cursor: pointer;
				transition: all 0.3s;
			}

			.guide-card:hover {
				transform: translateY(-3px);
				box-shadow: 0 12px 40px rgba(30, 26, 20, 0.1);
				border-color: var(--terracotta);
			}

			.guide-card.active {
				border-color: var(--terracotta);
			}

			.guide-card-head {
				padding: 20px 24px;
				display: flex;
				align-items: flex-start;
				gap: 14px;
			}

			.guide-icon {
				width: 42px;
				height: 42px;
				border-radius: 10px;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 18px;
				flex-shrink: 0;
			}

			.gi-1 {
				background: var(--terra-dim);
			}

			.gi-2 {
				background: var(--sage-light);
			}

			.gi-3 {
				background: var(--blush-light);
			}

			.gi-4 {
				background: var(--sand-light);
			}

			.gi-5 {
				background: #f0eef8;
			}

			.gi-6 {
				background: #eef4f8;
			}

			.guide-card-title {
				font-family: 'Noto Serif SC', serif;
				font-size: 14px;
				font-weight: 600;
				color: var(--ink);
				line-height: 1.4;
				margin-bottom: 4px;
			}

			.guide-card-sub {
				font-size: 11.5px;
				color: var(--light);
				font-style: italic;
			}

			.guide-content {
				display: none;
				padding: 0 24px 22px;
				border-top: 1px solid var(--rule);
				animation: fade-in 0.3s ease;
			}

			.guide-card.active .guide-content {
				display: block;
				padding-top: 18px;
			}

			@keyframes fade-in {
				from {
					opacity: 0;
					transform: translateY(-8px);
				}

				to {
					opacity: 1;
					transform: translateY(0);
				}
			}

			.guide-situation {
				font-size: 13px;
				color: var(--mid);
				margin-bottom: 14px;
				line-height: 1.7;
				padding: 12px 16px;
				background: var(--warm);
				border-radius: 8px;
				border-left: 3px solid var(--terracotta);
			}

			.guide-step {
				display: flex;
				gap: 12px;
				margin-bottom: 12px;
				align-items: flex-start;
			}

			.gs-num {
				width: 24px;
				height: 24px;
				background: var(--terracotta);
				color: white;
				border-radius: 50%;
				font-size: 11px;
				font-weight: 700;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-shrink: 0;
				margin-top: 2px;
			}

			.gs-body {
				font-size: 13.5px;
				color: var(--brown);
				line-height: 1.75;
			}

			.gs-body strong {
				color: var(--ink);
				font-weight: 600;
			}

			.guide-script {
				background: linear-gradient(135deg, var(--ink) 0%, #2d2620 100%);
				border-radius: 10px;
				padding: 16px 18px;
				margin-top: 14px;
			}

			.gs-label {
				font-size: 9px;
				letter-spacing: 0.18em;
				text-transform: uppercase;
				color: var(--sand);
				font-weight: 700;
				margin-bottom: 8px;
			}

			.gs-text {
				font-family: 'Cormorant Garamond', serif;
				font-style: italic;
				font-size: 16px;
				color: rgba(255, 255, 255, 0.85);
				line-height: 1.7;
			}

			/* ═══════════════════════════
   STORY WALL (dark)
═══════════════════════════ */
			.story-wall {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 14px;
				margin-bottom: 44px;
			}

			.story-card {
				background: rgba(255, 255, 255, 0.06);
				border: 1px solid rgba(255, 255, 255, 0.1);
				border-radius: 12px;
				padding: 22px;
				transition: background 0.2s;
			}

			.story-card:hover {
				background: rgba(255, 255, 255, 0.1);
			}

			.story-tag {
				font-size: 10px;
				letter-spacing: 0.1em;
				text-transform: uppercase;
				font-weight: 600;
				padding: 3px 10px;
				border-radius: 20px;
				display: inline-block;
				margin-bottom: 12px;
			}

			.st-east {
				background: rgba(196, 98, 45, 0.2);
				color: #e8a88a;
			}

			.st-west {
				background: rgba(74, 103, 65, 0.2);
				color: #a0c49a;
			}

			.st-both {
				background: rgba(200, 169, 106, 0.2);
				color: #e0c078;
			}

			.story-text {
				font-family: 'Cormorant Garamond', serif;
				font-style: italic;
				font-size: 17px;
				color: rgba(255, 255, 255, 0.8);
				line-height: 1.7;
				margin-bottom: 14px;
			}

			.story-meta {
				font-size: 12px;
				color: rgba(255, 255, 255, 0.35);
			}

			/* ═══════════════════════════
   INTERVIEW SECTION
═══════════════════════════ */
			.interview-hero {
				background: linear-gradient(135deg, var(--ink) 0%, #2d2620 100%);
				border-radius: 16px;
				padding: 36px 40px;
				margin-bottom: 36px;
				position: relative;
				overflow: hidden;
			}

			.interview-hero::before {
				content: '';
				position: absolute;
				top: -40px;
				right: -40px;
				width: 200px;
				height: 200px;
				border-radius: 50%;
				border: 1px solid rgba(200, 169, 106, 0.15);
			}

			.ih-label {
				font-size: 10px;
				letter-spacing: 0.2em;
				text-transform: uppercase;
				color: var(--sand);
				font-weight: 700;
				margin-bottom: 14px;
			}

			.ih-name {
				font-family: 'Cormorant Garamond', serif;
				font-size: 32px;
				color: white;
				font-weight: 400;
				margin-bottom: 6px;
			}

			.ih-title {
				font-size: 14px;
				color: rgba(255, 255, 255, 0.55);
				margin-bottom: 18px;
				line-height: 1.6;
			}

			.ih-tags {
				display: flex;
				gap: 8px;
				flex-wrap: wrap;
			}

			.ih-tag {
				background: rgba(255, 255, 255, 0.1);
				border: 1px solid rgba(255, 255, 255, 0.18);
				border-radius: 20px;
				padding: 4px 14px;
				font-size: 11px;
				color: rgba(255, 255, 255, 0.7);
			}

			.qa-list {
				display: flex;
				flex-direction: column;
				gap: 16px;
				max-width: 920px;
			}

			.qa-item {
				background: var(--paper);
				border: 1px solid var(--rule);
				border-radius: 12px;
				overflow: hidden;
				cursor: pointer;
				transition: all 0.25s;
			}

			.qa-item:hover {
				border-color: var(--terracotta);
				box-shadow: 0 6px 24px rgba(30, 26, 20, 0.08);
			}

			.qa-item.open {
				border-color: var(--terracotta);
			}

			.qa-q-row {
				display: flex;
				align-items: flex-start;
				gap: 16px;
				padding: 20px 24px;
			}

			.qa-num {
				width: 32px;
				height: 32px;
				background: var(--terra-dim);
				color: var(--terracotta);
				border-radius: 8px;
				font-size: 12px;
				font-weight: 700;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-shrink: 0;
				font-family: 'Cormorant Garamond', serif;
			}

			.qa-q {
				font-family: 'Noto Serif SC', serif;
				font-size: 15px;
				color: var(--ink);
				line-height: 1.6;
				flex: 1;
				padding-top: 5px;
			}

			.qa-chevron {
				color: var(--terracotta);
				font-size: 18px;
				transition: transform 0.3s;
				flex-shrink: 0;
				padding-top: 4px;
			}

			.qa-item.open .qa-chevron {
				transform: rotate(180deg);
			}

			.qa-answer {
				display: none;
				padding: 0 24px 22px 72px;
				animation: fade-in 0.3s ease;
			}

			.qa-item.open .qa-answer {
				display: block;
			}

			.qa-answer-inner {
				background: var(--cream);
				border-radius: 10px;
				padding: 18px 22px;
			}

			.qa-a-label {
				font-size: 10px;
				letter-spacing: 0.14em;
				text-transform: uppercase;
				color: var(--terracotta);
				font-weight: 700;
				margin-bottom: 8px;
			}

			.qa-a-text {
				font-size: 14px;
				color: var(--mid);
				line-height: 1.85;
				font-style: italic;
			}

			.qa-a-text em {
				font-style: normal;
				color: var(--ink);
				font-weight: 600;
			}

			.interview-cta {
				background: var(--warm);
				border-radius: 12px;
				padding: 22px 28px;
				border-left: 4px solid var(--terracotta);
				margin-top: 28px;
				font-size: 14px;
				color: var(--brown);
				line-height: 1.7;
			}

			.interview-cta strong {
				color: var(--terracotta);
				display: block;
				margin-bottom: 4px;
				font-size: 11px;
				letter-spacing: 0.1em;
				text-transform: uppercase;
			}

			/* ═══════════════════════════
   ABOUT
═══════════════════════════ */
			.about-grid {
				display: grid;
				grid-template-columns: 1fr 1.4fr;
				gap: 72px;
				align-items: center;
			}

			.about-img-frame {
				width: 100%;
				aspect-ratio: 4/5;
				background: linear-gradient(135deg, var(--warm) 0%, var(--terra-dim) 100%);
				border-radius: 16px;
				display: flex;
				align-items: center;
				justify-content: center;
				position: relative;
				overflow: hidden;
			}

			.about-img-frame::before {
				content: '';
				position: absolute;
				inset: 0;
				background: radial-gradient(circle at 40% 60%, rgba(196, 98, 45, 0.15), transparent 60%);
			}

			.about-placeholder {
				font-size: 60px;
				opacity: 0.4;
				position: relative;
				z-index: 1;
			}

			.about-tag-float {
				position: absolute;
				bottom: -16px;
				right: -16px;
				background: var(--terracotta);
				color: white;
				border-radius: 12px;
				padding: 14px 20px;
				font-size: 13px;
				font-weight: 600;
				box-shadow: 0 8px 24px rgba(196, 98, 45, 0.3);
			}

			.about-pull {
				font-family: 'Cormorant Garamond', serif;
				font-size: 22px;
				font-style: italic;
				color: var(--terracotta);
				line-height: 1.5;
				margin-bottom: 22px;
				padding-left: 20px;
				border-left: 3px solid var(--terracotta);
			}

			.about-text {
				font-size: 15px;
				color: var(--mid);
				line-height: 1.9;
				margin-bottom: 14px;
			}

			.about-chips {
				display: flex;
				flex-wrap: wrap;
				gap: 8px;
				margin-top: 22px;
			}

			/* FOOTER */
			footer {
				background: var(--ink);
				color: white;
				padding: 44px 80px;
				display: flex;
				justify-content: space-between;
				align-items: center;
				flex-wrap: wrap;
				gap: 16px;
			}

			.footer-logo {
				font-family: 'Noto Serif SC', serif;
				font-size: 17px;
				font-weight: 600;
			}

			.footer-logo span {
				color: var(--sand);
			}

			.footer-links {
				display: flex;
				gap: 22px;
			}

			.footer-links a {
				font-size: 13px;
				color: rgba(255, 255, 255, 0.4);
				text-decoration: none;
				transition: color 0.2s;
			}

			.footer-links a:hover {
				color: rgba(255, 255, 255, 0.8);
			}

			.footer-note {
				font-size: 12px;
				color: rgba(255, 255, 255, 0.3);
			}

			.divider {
				height: 1px;
				background: var(--rule);
				margin: 48px 0;
			}

			@media (max-width: 800px) {
				nav {
					padding: 0 22px;
				}

				.nav-links {
					display: none;
				}

				.hero,
				.section {
					padding: 96px 24px 60px;
				}

				.hero-cn {
					font-size: 40px;
				}

				.hero-en {
					font-size: 24px;
				}

				.hero-ornament {
					display: none;
				}

				.findings-grid,
				.guides-intro,
				.story-wall,
				.about-grid,
				.intro-grid {
					grid-template-columns: 1fr;
				}

				.form-row {
					grid-template-columns: 1fr;
				}

				footer {
					padding: 36px 24px;
					flex-direction: column;
					align-items: flex-start;
				}

				.hero-stat-row {
					gap: 20px;
					flex-wrap: wrap;
				}

				.intro-avatar-col {
					position: static;
				}

				.qa-answer {
					padding-left: 24px;
				}
			}