/* ========================================
   NCDA - 字体设计系统 (Typography System)
   为每个网页每个位置精心选择的字体方�?   ======================================== */

/* ----------------------------------------
   一、字体家族定�?   ---------------------------------------- */
:root {
    /* 基础字体家族 */
    --font-sans: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-serif: 'Noto Serif SC', 'Songti SC', 'STSong', serif;
    --font-display: 'ZCOOL XiaoWei', 'Noto Serif SC', cursive;

    /* 字重变量 */
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --font-black: 900;
}

/* ----------------------------------------
   二、首�?(index.html) 字体方案
   ---------------------------------------- */

/* 2.1 开屏动画区�?*/
.opening-title h1 {
    /* 大漠风华 - 使用艺术书法体，营造史诗感 */
    font-family: var(--font-display);
    font-weight: var(--font-regular);
    font-size: clamp(3rem, 8vw, 6rem);
    letter-spacing: 0.25em;
    text-shadow:
        0 0 40px rgba(212, 168, 83, 0.6),
        0 0 80px rgba(212, 168, 83, 0.3),
        0 4px 12px rgba(0, 0, 0, 0.5);
}

.skip-btn {
    /* 跳过按钮 - 使用衬线体，优雅精致 */
    font-family: var(--font-serif);
    font-weight: var(--font-light);
    font-size: 0.875rem;
    letter-spacing: 0.15em;
}

/* 2.2 指南针导航区�?*/
.compass-dir {
    /* 方位文字（北/�?�?西）- 书法体突出传统方位感 */
    font-family: var(--font-display);
    font-weight: var(--font-regular);
    font-size: 1.8rem;
    letter-spacing: 0.08em;
}

.compass-sub {
    /* 沙地名称小标�?- 衬线体，精致 */
    font-family: var(--font-serif);
    font-weight: var(--font-medium);
    font-size: 0.75rem;
    letter-spacing: 0.2em;
}

.monument-text {
    /* 石碑主文字（治沙现状等）- 书法�?*/
    font-family: var(--font-display);
    font-weight: var(--font-regular);
    font-size: 1.5rem;
    letter-spacing: 0.12em;
}

.monument-sub {
    /* 石碑副标�?- 衬线�?*/
    font-family: var(--font-serif);
    font-weight: var(--font-light);
    font-size: 0.75rem;
    letter-spacing: 0.18em;
}

.compass-page-title h2 {
    /* 页面标题浮层 - 书法�?*/
    font-family: var(--font-display);
    font-weight: var(--font-regular);
    font-size: 2.2rem;
    letter-spacing: 0.15em;
}

.compass-page-title p {
    /* 页面副标�?- 衬线�?*/
    font-family: var(--font-serif);
    font-weight: var(--font-light);
    font-size: 0.85rem;
    letter-spacing: 0.25em;
}

.compass-hint {
    /* 底部提示 - 衬线体，细字�?*/
    font-family: var(--font-serif);
    font-weight: var(--font-light);
    font-size: 0.7rem;
    letter-spacing: 0.3em;
}

/* ----------------------------------------
   三、治沙现状页 (sand-status.html) 字体方案
   ---------------------------------------- */

/* 3.1 导航�?*/
.sand-status .nav-left,
.sand-status .navbar .nav-left {
    /* 左侧导航 - 无衬线体，现代数据感 */
    font-family: var(--font-sans);
    font-weight: var(--font-bold);
    font-size: 15px;
    letter-spacing: 0.05em;
}

.sand-status .nav-center,
.sand-status .navbar .nav-center {
    /* 中心标题 - 衬线体，庄重 */
    font-family: var(--font-serif);
    font-weight: var(--font-black);
    font-size: 22px;
    letter-spacing: 0.3em;
}

/* 3.2 数据统计面板 */
.stat-meta {
    /* 统计元信�?- 等宽字体感，使用无衬�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-regular);
}

.stat-index {
    /* 统计序号 - 粗体无衬�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-bold);
    font-size: 24px;
}

.stat-total {
    /* 总数 - 细体无衬�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-regular);
    font-size: 16px;
}

.stat-title {
    /* 统计标题 - 衬线体，庄重 */
    font-family: var(--font-serif);
    font-weight: var(--font-black);
    font-size: 48px;
    line-height: 1.2;
    letter-spacing: 0.08em;
}

.stat-desc {
    /* 统计描述 - 衬线体，易读 */
    font-family: var(--font-serif);
    font-weight: var(--font-medium);
    font-size: 18px;
    line-height: 1.8;
}

.stat-unit {
    /* 单位标注 - 无衬线，现代�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-bold);
    font-size: 16px;
    letter-spacing: 0.08em;
}

.enter-map-btn {
    /* 进入地图按钮 - 衬线�?*/
    font-family: var(--font-serif);
    font-weight: var(--font-bold);
    font-size: 15px;
    letter-spacing: 0.1em;
}

/* 3.3 时间�?*/
.node-label {
    /* 时间节点标签 - 无衬线，清晰 */
    font-family: var(--font-sans);
    font-weight: var(--font-semibold);
    font-size: 14px;
    letter-spacing: 0.08em;
}

.node.active .node-label {
    /* 激活节�?- 加粗 */
    font-family: var(--font-sans);
    font-weight: var(--font-black);
    font-size: 26px;
    letter-spacing: 0.15em;
}

/* 3.4 侧边面板 */
.panel-title {
    /* 面板标题 - 衬线�?*/
    font-family: var(--font-serif);
    font-weight: var(--font-black);
    font-size: 40px;
}

.panel-meta {
    /* 面板元数�?- 无衬�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-bold);
    font-size: 18px;
    line-height: 2.2;
}

.panel-meta span {
    /* 高亮数字 - 无衬线粗�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-bold);
    font-size: 26px;
}

.panel-desc {
    /* 面板描述 - 衬线体，阅读舒�?*/
    font-family: var(--font-serif);
    font-weight: var(--font-medium);
    font-size: 18px;
    line-height: 2.2;
    text-align: justify;
}

.back-map-btn {
    /* 返回按钮 - 无衬�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-bold);
    font-size: 15px;
}

/* ----------------------------------------
   四、治沙故事页 (sand-stories.html) 字体方案
   ---------------------------------------- */

/* 4.1 导航�?*/
.sand-stories .nav-left {
    /* 导航左侧 - 无衬�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-semibold);
    font-size: 15px;
}

.sand-stories .nav-center {
    /* 导航中心 - 书法体，故事�?*/
    font-family: var(--font-display);
    font-weight: var(--font-regular);
    font-size: 20px;
    letter-spacing: 0.25em;
}

/* 4.2 英雄区域 */
.hero-title {
    /* 英雄标题 - 书法体，史诗�?*/
    font-family: var(--font-display);
    font-weight: var(--font-regular);
    font-size: 5rem;
    letter-spacing: 0.2em;
    text-shadow: 0 10px 30px rgba(0,0,0,0.8);
}

.hero-subtitle {
    /* 英雄副标�?- 衬线�?*/
    font-family: var(--font-serif);
    font-weight: var(--font-light);
    font-size: 1.5rem;
    letter-spacing: 0.4em;
}

.scroll-indicator {
    /* 滚动提示 - 无衬线，细体 */
    font-family: var(--font-sans);
    font-weight: var(--font-light);
    font-size: 12px;
    letter-spacing: 0.15em;
}

/* 4.3 故事节点 */
.text-content h2 {
    /* 故事标题 - 衬线体，戏剧�?*/
    font-family: var(--font-serif);
    font-weight: var(--font-black);
    font-size: 3.5rem;
    line-height: 1.2;
    letter-spacing: 0.05em;
}

.text-content h3 {
    /* 故事副标�?- 衬线体细�?*/
    font-family: var(--font-serif);
    font-weight: var(--font-light);
    font-size: 1.4rem;
    letter-spacing: 0.15em;
}

.text-content p {
    /* 故事正文 - 衬线体，阅读舒�?*/
    font-family: var(--font-serif);
    font-weight: var(--font-regular);
    font-size: 1.15rem;
    line-height: 2;
    text-align: justify;
}

.tag {
    /* 标签 - 无衬线，现代�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-medium);
    font-size: 0.9rem;
    letter-spacing: 0.1em;
}

.cutout-placeholder {
    /* 占位�?- 无衬�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-regular);
    font-size: 14px;
    letter-spacing: 0.15em;
}

/* 4.4 结尾区域 */
.outro-title {
    /* 结尾标题 - 书法�?*/
    font-family: var(--font-display);
    font-weight: var(--font-regular);
    font-size: 4.5rem;
    letter-spacing: 0.15em;
}

.outro-subtitle {
    /* 结尾副标�?- 衬线�?*/
    font-family: var(--font-serif);
    font-weight: var(--font-light);
    font-size: 1.5rem;
    letter-spacing: 0.2em;
}

.counter-num {
    /* 计数器数�?- 无衬线，科技�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-bold);
    font-size: 6rem;
}

/* ----------------------------------------
   五、造林知识�?(forestry-knowledge.html) 字体方案
   ---------------------------------------- */

/* 5.1 游戏区域标题 */
.camel-scene-title h1 {
    /* 场景标题 - 书法体，自然�?*/
    font-family: var(--font-display);
    font-weight: var(--font-regular);
    font-size: 2.8rem;
    letter-spacing: 0.15em;
}

.camel-scene-title p {
    /* 场景副标�?- 衬线�?*/
    font-family: var(--font-serif);
    font-weight: var(--font-light);
    font-size: 0.9rem;
    letter-spacing: 0.2em;
}

/* 5.2 植物面板 */
.plant-panel-name {
    /* 植物名称 - 书法体，典雅 */
    font-family: var(--font-display);
    font-weight: var(--font-regular);
    font-size: 1.8rem;
    letter-spacing: 0.08em;
}

.plant-panel-latin {
    /* 拉丁学名 - 衬线体斜�?*/
    font-family: var(--font-serif);
    font-weight: var(--font-light);
    font-size: 0.85rem;
    font-style: italic;
    letter-spacing: 0.05em;
}

.plant-panel-desc {
    /* 植物描述 - 无衬线，清晰 */
    font-family: var(--font-sans);
    font-weight: var(--font-regular);
    font-size: 0.95rem;
    line-height: 1.8;
}

.plant-panel-guide {
    /* 操作指引 - 无衬线细�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-medium);
    font-size: 0.85rem;
    line-height: 1.7;
}

/* 5.3 游戏提示 */
.game-controls-hint {
    /* 控制提示 - 无衬�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-medium);
    font-size: 0.8rem;
    letter-spacing: 0.12em;
}

.gesture-guide-item {
    /* 手势指引 - 无衬线细�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-regular);
    font-size: 11px;
    letter-spacing: 0.08em;
}

.camera-status,
.gesture-label {
    /* 摄像头状�?- 无衬�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-medium);
    font-size: 10px;
    letter-spacing: 0.05em;
}

/* 5.4 电视教学�?*/
.tv-section-title h2 {
    /* 教学区标�?- 书法�?*/
    font-family: var(--font-display);
    font-weight: var(--font-regular);
    font-size: 2.4rem;
    letter-spacing: 0.12em;
}

.tv-section-title p {
    /* 教学区副标题 - 衬线�?*/
    font-family: var(--font-serif);
    font-weight: var(--font-light);
    font-size: 0.9rem;
    letter-spacing: 0.15em;
}

.tv-channel-title {
    /* 频道标题 - 书法�?*/
    font-family: var(--font-display);
    font-weight: var(--font-regular);
    font-size: 2rem;
    letter-spacing: 0.1em;
}

.tv-channel-desc {
    /* 频道描述 - 衬线�?*/
    font-family: var(--font-serif);
    font-weight: var(--font-regular);
    font-size: 1rem;
    line-height: 1.9;
}

.tv-dot {
    /* 频道指示�?- 无衬�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-medium);
    font-size: 0.85rem;
}

.tv-gesture-hint .gesture-text {
    /* 手势文字 - 无衬线细�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-light);
    font-size: 0.8rem;
    letter-spacing: 0.15em;
}

/* 5.5 答题�?*/
.quiz-section-title h2 {
    /* 答题区标�?- 书法�?*/
    font-family: var(--font-display);
    font-weight: var(--font-regular);
    font-size: 2rem;
    letter-spacing: 0.12em;
}

.quiz-question {
    /* 问题 - 衬线体，正式 */
    font-family: var(--font-serif);
    font-weight: var(--font-semibold);
    font-size: 1.2rem;
    line-height: 1.6;
}

.quiz-question-number {
    /* 题号 - 无衬�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-medium);
    font-size: 0.9rem;
}

.quiz-option {
    /* 选项 - 无衬�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-regular);
    font-size: 1rem;
}

.quiz-feedback {
    /* 反馈 - 无衬�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-regular);
    font-size: 0.95rem;
    line-height: 1.6;
}

.quiz-result-score {
    /* 结果分数 - 书法�?*/
    font-family: var(--font-display);
    font-weight: var(--font-regular);
    font-size: 3.5rem;
}

.quiz-result-text {
    /* 结果文字 - 衬线�?*/
    font-family: var(--font-serif);
    font-weight: var(--font-medium);
    font-size: 1.1rem;
}

/* 5.6 过渡�?*/
.transition-text {
    /* 过渡文字 - 书法体，诗意 */
    font-family: var(--font-display);
    font-weight: var(--font-regular);
    font-size: 2rem;
    letter-spacing: 0.25em;
}

/* ----------------------------------------
   六、参与通道�?(participation.html) 字体方案
   ---------------------------------------- */

/* 6.1 导航�?*/
.participation nav,
.participation .navbar {
    font-family: var(--font-sans);
}

.participation .nav-left {
    /* 导航左侧 - 无衬线细�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-regular);
    font-size: 14px;
    letter-spacing: 0.05em;
}

.participation .nav-center {
    /* 导航中心 - 无衬线，加宽字距 */
    font-family: var(--font-sans);
    font-weight: var(--font-semibold);
    font-size: 16px;
    letter-spacing: 0.4em;
}

/* 6.2 Section 1 - 开�?*/
.s1-title {
    /* 标题 - 书法体，温暖 */
    font-family: var(--font-display);
    font-weight: var(--font-regular);
    font-size: 4rem;
    letter-spacing: 0.15em;
}

.s1-sub {
    /* 副标�?- 衬线�?*/
    font-family: var(--font-serif);
    font-weight: var(--font-light);
    font-size: 1.1rem;
    letter-spacing: 0.2em;
}

/* 6.3 Section 2 - 植物轮播 */
.s2-title {
    /* 区域标题 - 无衬线粗�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-semibold);
    font-size: 28px;
}

.s2-sub {
    /* 区域副标�?- 无衬线细�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-regular);
    font-size: 14px;
    letter-spacing: 0.05em;
}

.mini-card-title {
    /* 卡片标题 - 无衬�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-semibold);
    font-size: 14px;
    line-height: 1.4;
}

.mini-card-quote {
    /* 卡片引用 - 衬线体斜�?*/
    font-family: var(--font-serif);
    font-weight: var(--font-regular);
    font-size: 12px;
    font-style: italic;
    line-height: 1.6;
}

.mini-tag {
    /* 标签 - 无衬线细�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-medium);
    font-size: 11px;
}

.mini-d-num {
    /* 数字 - 无衬线粗�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-bold);
    font-size: 18px;
}

.mini-d-unit {
    /* 单位 - 无衬线细�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-regular);
    font-size: 11px;
}

.card-title {
    /* 大卡标题 - 无衬�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-semibold);
    font-size: 24px;
    line-height: 1.35;
}

.card-quote {
    /* 大卡引用 - 衬线�?*/
    font-family: var(--font-serif);
    font-weight: var(--font-regular);
    font-size: 14px;
    font-style: italic;
    line-height: 1.85;
}

.card-desc {
    /* 描述 - 无衬�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-regular);
    font-size: 14px;
    line-height: 1.75;
}

.d-num {
    /* 数据数字 - 无衬线粗�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-bold);
    font-size: 28px;
}

.d-unit {
    /* 数据单位 - 无衬线细�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-regular);
    font-size: 12px;
}

.tag {
    /* 标签 - 无衬�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-medium);
    font-size: 12px;
}

.card-bg-text {
    /* 背景文字 - 无衬线粗�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-bold);
    font-size: 72px;
    letter-spacing: -0.02em;
}

/* 6.4 Section 3 - 活动手风�?*/
.s3-sup {
    /* 上标 - 无衬线细�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-regular);
    font-size: 11px;
    letter-spacing: 0.5em;
}

.s3-title {
    /* 标题 - 书法�?*/
    font-family: var(--font-display);
    font-weight: var(--font-regular);
    font-size: 52px;
}

.s3-sub {
    /* 副标�?- 无衬线细�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-regular);
    font-size: 16px;
    letter-spacing: 0.1em;
}

.acc-title {
    /* 手风琴标�?- 无衬�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-semibold);
    font-size: 16px;
}

.acc-date {
    /* 日期 - 无衬线细�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-medium);
    font-size: 12px;
}

.acc-desc {
    /* 描述 - 无衬�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-regular);
    font-size: 14px;
    line-height: 1.85;
}

.acc-loc {
    /* 地点 - 无衬�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-medium);
    font-size: 13px;
}

.acc-link {
    /* 链接 - 无衬�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-medium);
    font-size: 14px;
}

.spot-label {
    /* 地点标签 - 无衬线细�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-regular);
    font-size: 12px;
}

.spot-num {
    /* 地点数字 - 无衬�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-bold);
    font-size: 28px;
}

.spot-total {
    /* 总计 - 无衬线细�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-regular);
    font-size: 14px;
}

.btn-join {
    /* 加入按钮 - 无衬线粗�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-semibold);
    font-size: 14px;
}

/* 6.5 Section 4 - 志愿�?*/
.s4-label {
    /* 标签 - 无衬线细�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-regular);
    font-size: 18px;
}

.s4-number {
    /* 数字 - 无衬线粗�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-bold);
    font-size: 72px;
}

.s4-slogan {
    /* 口号 - 无衬线细�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-regular);
    font-size: 15px;
    letter-spacing: 0.2em;
}

.s4-call {
    /* 号召 - 衬线体斜�?*/
    font-family: var(--font-serif);
    font-weight: var(--font-regular);
    font-size: 15px;
    font-style: italic;
}

.btn-main {
    /* 主按�?- 无衬线粗�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-semibold);
    font-size: 18px;
    letter-spacing: 0.08em;
}

.vol-tooltip {
    /* 提示 - 无衬线细�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-medium);
    font-size: 12px;
}

/* 6.6 Section 5 - 3D森林 */
.f-line1 {
    /* 第一�?- 无衬线细�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-light);
    font-size: 34px;
    letter-spacing: 0.35em;
}

.f-line2 {
    /* 第二�?- 无衬线细�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-regular);
    font-size: 18px;
    letter-spacing: 0.18em;
}

.f-txt {
    /* 文字 - 无衬线细�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-regular);
    font-size: 14px;
}

.f-num {
    /* 数字 - 书法体，醒目 */
    font-family: var(--font-display);
    font-weight: var(--font-regular);
    font-size: 64px;
}

.btn-final {
    /* 最终按�?- 无衬�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-medium);
    font-size: 16px;
    letter-spacing: 0.05em;
}

.gesture-guide .gg-title {
    /* 手势标题 - 无衬线细�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-medium);
    font-size: 12px;
    letter-spacing: 0.2em;
}

.gesture-guide .gg-row {
    /* 手势�?- 无衬�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-regular);
    font-size: 14px;
}

.cooldown-msg,
.sys-msg {
    /* 消息 - 无衬线细�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-medium);
    font-size: 12px;
}

.fallback-btn {
    /* 回退按钮 - 无衬�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-medium);
    font-size: 14px;
}

/* ----------------------------------------
   七、全局导航栏字体方�?   ---------------------------------------- */

.global-nav-logo {
    /* Logo - 衬线体，典雅 */
    font-family: var(--font-serif);
    font-weight: var(--font-semibold);
    font-size: 19px;
    letter-spacing: 0.05em;
}

.global-nav-link {
    /* 导航链接 - 衬线�?*/
    font-family: var(--font-serif);
    font-weight: var(--font-regular);
    font-size: 14px;
}

.global-nav-dir {
    /* 方位标识 - 无衬线粗�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-bold);
    font-size: 11px;
}

.global-nav-home {
    /* 首页按钮 - 衬线�?*/
    font-family: var(--font-serif);
    font-weight: var(--font-regular);
    font-size: 14px;
}

/* ----------------------------------------
   八、返回导航字�?   ---------------------------------------- */

.back-nav-text {
    /* 返回文字 - 无衬线细�?*/
    font-family: var(--font-sans);
    font-weight: var(--font-regular);
    font-size: 0.875rem;
    letter-spacing: 0.1em;
}

/* ----------------------------------------
   九、加载页字体
   ---------------------------------------- */

.loading-text {
    /* 加载文字 - 衬线�?*/
    font-family: var(--font-serif);
    font-weight: var(--font-regular);
    font-size: 0.875rem;
    letter-spacing: 0.2em;
}

/* ========================================
   十、响应式字体调整
   ======================================== */

@media (max-width: 768px) {
    /* 首页 */
    .opening-title h1 {
        font-size: clamp(2rem, 10vw, 3.5rem);
        letter-spacing: 0.15em;
    }

    .compass-dir {
        font-size: 1.4rem;
    }

    .monument-text {
        font-size: 1.2rem;
    }

    /* 治沙现状 */
    .stat-title {
        font-size: 32px;
    }

    .panel-title {
        font-size: 28px;
    }

    /* 治沙故事 */
    .hero-title {
        font-size: 3rem;
        letter-spacing: 0.1em;
    }

    .text-content h2 {
        font-size: 2rem;
    }

    .outro-title {
        font-size: 2.5rem;
    }

    /* 造林知识 */
    .camel-scene-title h1 {
        font-size: 2rem;
    }

    .tv-section-title h2 {
        font-size: 1.8rem;
    }

    /* 参与通道 */
    .s3-title {
        font-size: 36px;
    }

    .s4-number {
        font-size: 48px;
    }

    .f-num {
        font-size: 42px;
    }

    .f-line1 {
        font-size: 24px;
        letter-spacing: 0.2em;
    }
}

@media (max-width: 480px) {
    .compass-page-title h2 {
        font-size: 1.6rem;
    }

    .hero-title {
        font-size: 2.2rem;
    }

    .text-content h2 {
        font-size: 1.6rem;
    }
}