/*
  Shadowrocket 小火箭 - 洛桑奥运档案 · 宣纸中性底 · 建筑立面窗格节奏系统 (最终版121)
  
  硬性指标规范：
  - 布局：12:5 广告横板，双栏 44/56 中缝 8pt 细线，基线网格锁齐，大留白 16%；主标题占幅 53%，模块间隙 5pt (6.67px)，安全边 4.2%
  - 设计：建筑立面窗格节奏；材质按 宣纸；装饰只出现在 右下；禁止渐变与投影；圆角 15 / 11 / 11 / 9 (15px 11px 11px 9px)
  - 骨架：警告骨架：注意条 + 主标题 + 不做什么；关键词植入「小火箭官方下载」；断行策略：破折号分句；信息点数量 5；禁止口号堆砌
  - 风格：洛桑奥运档案 (Lausanne Olympic Archives / Swiss Rationalist Fenestration Typo)
  - 颜色：工业安全色：底中性、条纹 品红、数字 朱红；参考色 #C22FC9 / #531543；色相约 293°
*/

:root {
  /* 材质与底色：宣纸中性底 (Neutral Raw Xuan Rice Paper, 平涂无光) */
  --xuan-paper-bg: #F4F0E6;       /* 宣纸中性底米白 (Neutral Rice Paper) */
  --xuan-surface: #FAF7F0;        /* 宣纸洁白展示板 */
  --xuan-card-bg: #EDE8DC;       /* 档案收纳纸板灰米 */
  --xuan-line-muted: #D8D2C4;     /* 建筑窗格划分细线 */
  --xuan-grid-line: #CCC5B4;      /* 基线网格锁齐对齐线 */

  /* 工业安全色与参考色：色相约 293° (条纹 品红、数字 朱红) */
  --industrial-magenta: #C22FC9;  /* 参考色 1：安全条纹品红 (Hue ~293°) */
  --magenta-deep-plum: #531543;   /* 参考色 2：洛桑档案暮深李紫 */
  --safety-vermilion: #E03A24;    /* 工业安全数字 朱红 (Vermilion Red) */
  --safety-vermilion-dim: #B82A17;/* 朱红暗调 */

  /* 文字颜色：瑞士理性主义中性墨印 */
  --archive-ink: #18151A;         /* 档案纯黑墨字 */
  --archive-muted: #4E4852;       /* 档案二级说明文字 */
  --archive-light: #7E7784;       /* 窗格编号与印鉴淡墨 */

  /* 结构硬性参数 */
  --radius-custom: 15px 11px 11px 9px; /* 严格要求：圆角 15 / 11 / 11 / 9 */
  --safe-pad: 4.2%;                     /* 安全边 4.2% */
  --gap-5pt: 5pt;                       /* 模块间隙 5pt (6.67px) */
  --seam-8pt: 8pt;                      /* 中缝 8pt 细线 (10.67px) */

  --font-serif: "Didot", "Bodoni MT", "Cinzel", "Songti SC", "SimSun", serif;
  --font-sans: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Arial", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-mono: "SF Mono", "Consolas", "Roboto Mono", "Courier New", monospace;
}

/* 全局重置：严格禁止任何渐变与投影，材质按宣纸中性纯平 */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  background-image: none !important; /* 严格禁止任何渐变 */
  box-shadow: none !important;        /* 严格禁止任何投影 */
  text-shadow: none !important;       /* 严格禁止任何文字阴影 */
}

html {
  font-size: 16px;
  line-height: 1.5;
  scroll-behavior: smooth;
  background-color: var(--xuan-paper-bg);
  color: var(--archive-ink);
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: var(--font-sans);
  background-color: var(--xuan-paper-bg);
  color: var(--archive-ink);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* WebP 图片自适应与固定比例防抖 */
img[src$=".webp"] {
  max-width: 100%;
  height: auto;
  aspect-ratio: 1200 / 628;
  display: block;
}

/* 12:5 广告横板比例与大留白 16% + 安全边 4.2% 外框 */
.lausanne-canvas-wrapper {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding-left: var(--safe-pad);
  padding-right: var(--safe-pad);
}

/* 大留白 16% (模块内留白或宽幅留白约束) */
.generous-margin-16 {
  padding: 16px 16px; /* 宣纸大留白呼吸区 */
}

/* 模块通用间隙 (严格 5pt = 6.67px) */
.archive-module {
  margin-bottom: var(--gap-5pt);
  position: relative;
}

/* 装饰只出现在右下 (Decor ONLY in bottom-right corner) */
.decor-bottom-right-stamp {
  position: absolute;
  right: 12px;
  bottom: 8px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  pointer-events: none;
  z-index: 2;
}

.decor-stamp-fenestration {
  width: 18px;
  height: 18px;
  border: 1px solid var(--industrial-magenta);
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 1px;
  padding: 1px;
  background-color: var(--xuan-paper-bg);
}

.decor-stamp-cell {
  background-color: var(--industrial-magenta);
}

.decor-stamp-cell.blank {
  background-color: transparent;
}

.decor-stamp-code {
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 800;
  color: var(--magenta-deep-plum);
  letter-spacing: 0.5px;
}

/* 建筑立面窗格节奏横线与品红条纹 (Architectural Façade Fenestration Rhythm) */
.fenestration-stripe-bar {
  width: 100%;
  height: 3px;
  background-color: var(--industrial-magenta);
  margin: 6px 0;
}

.fenestration-double-rule {
  width: 100%;
  height: 1px;
  background-color: var(--xuan-line-muted);
  border-bottom: 1px solid var(--xuan-grid-line);
  margin: 6px 0;
}

/* 双栏 44/56 中缝 8pt 细线结构 (Dual Column 44 / 56 with 8pt Seam) */
.dual-column-44-56 {
  display: grid;
  grid-template-columns: 44fr 56fr;
  gap: var(--seam-8pt);
  align-items: start;
}

.dual-seam-divider {
  border-right: 1px solid var(--industrial-magenta);
  padding-right: var(--seam-8pt);
}

/* 骨架要求：警告骨架（注意条 + 主标题 + 不做什么） */
.warning-skeleton-banner {
  background-color: #F8E6E8;
  border: 1px solid var(--safety-vermilion);
  border-left: 4px solid var(--safety-vermilion);
  border-radius: var(--radius-custom);
  padding: 6px 12px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: left;
}

.warning-notice-tag {
  background-color: var(--safety-vermilion);
  color: #FFFFFF;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 900;
  padding: 2px 6px;
  border-radius: 2px;
  flex-shrink: 0;
}

.warning-notice-text {
  font-size: 12px;
  font-weight: 700;
  color: var(--safety-vermilion-dim);
  line-height: 1.4;
}

/* 骨架要求：“不做什么” 明确指引条 (What NOT to do) */
.what-not-to-do-box {
  background-color: var(--xuan-card-bg);
  border: 1px solid var(--xuan-line-muted);
  border-radius: var(--radius-custom);
  padding: 6px 12px;
  margin-top: 6px;
  margin-bottom: 10px;
  font-size: 11px;
  color: var(--archive-muted);
  line-height: 1.5;
  text-align: left;
}

.what-not-to-do-box strong {
  color: var(--safety-vermilion);
}

/* 断行策略：破折号分句 (Em-Dash Sentence Segmentation) */
.em-dash-segmented-line {
  font-size: 13px;
  font-weight: 700;
  color: var(--magenta-deep-plum);
  line-height: 1.6;
  margin-bottom: 6px;
  letter-spacing: -0.2px;
}

/* 严格约束：信息点数量 5 (Five-Point List) */
.five-point-archive-list {
  list-style: none;
  margin: 8px 0 10px;
  padding: 0;
}

.five-point-archive-list li {
  font-size: 12px;
  line-height: 1.5;
  color: var(--archive-ink);
  margin-bottom: 5px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.point-number-vermilion {
  background-color: var(--xuan-surface);
  color: var(--safety-vermilion);
  border: 1px solid var(--safety-vermilion);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 900;
  padding: 1px 5px;
  border-radius: var(--radius-custom);
  line-height: 1.3;
  margin-top: 2px;
  flex-shrink: 0;
}

/* 顶部导航 site-header (洛桑奥运档案装订式页眉) */
.site-header {
  background-color: var(--xuan-surface);
  border-bottom: 2px solid var(--industrial-magenta);
  position: sticky;
  top: 0;
  z-index: 100;
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 54px;
}

.brand-archive-group {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: var(--archive-ink);
}

.brand-archive-badge {
  background-color: var(--magenta-deep-plum);
  color: #FFFFFF;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 900;
  padding: 3px 6px;
  border-radius: var(--radius-custom);
  border: 1px solid var(--industrial-magenta);
}

.brand-title-box {
  display: flex;
  flex-direction: column;
}

.brand-title-main {
  font-family: var(--font-serif);
  font-size: 15px;
  font-weight: 900;
  color: var(--archive-ink);
  line-height: 1.2;
}

.brand-title-sub {
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--archive-muted);
}

.main-nav {
  display: flex;
  align-items: center;
  gap: 16px;
  list-style: none;
}

.main-nav a {
  text-decoration: none;
  color: var(--archive-ink);
  font-size: 13px;
  font-weight: 600;
  padding: 3px 6px;
  border-bottom: 2px solid transparent;
}

.main-nav a:hover {
  color: var(--industrial-magenta);
  border-bottom-color: var(--industrial-magenta);
}

.nav-cta-btn {
  background-color: var(--industrial-magenta);
  color: #FFFFFF;
  text-decoration: none;
  font-size: 12px;
  font-weight: 800;
  padding: 5px 12px;
  border-radius: var(--radius-custom);
  border: 1px solid var(--magenta-deep-plum);
}

.nav-cta-btn:hover {
  background-color: var(--magenta-deep-plum);
}

.nav-toggle {
  display: none;
  background: none;
  border: 1px solid var(--industrial-magenta);
  padding: 4px;
  border-radius: 4px;
  cursor: pointer;
}

/* 1. Hero 模块 (单列居中，约 616px，主标题占幅 53%，嵌入 1.webp，装饰只出现在右下) */
.hero-box-lausanne {
  max-width: 616px;
  margin: 0 auto;
  text-align: center;
  background-color: var(--xuan-surface);
  border: 1px solid var(--xuan-line-muted);
  border-top: 3px solid var(--industrial-magenta);
  border-radius: var(--radius-custom);
  padding: 16px 16px 22px;
  position: relative;
}

/* 主标题占幅 53% 严格要求 */
.hero-title-limit-53 {
  width: 100%;
  max-width: 53%;
  margin: 0 auto 8px;
}

.hero-super-title {
  font-family: var(--font-serif);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 900;
  color: var(--archive-ink);
  letter-spacing: -0.5px;
}

/* 买断价定义条 */
.hero-buyout-tag {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background-color: var(--xuan-card-bg);
  border: 1px solid var(--xuan-line-muted);
  border-left: 3px solid var(--safety-vermilion);
  border-radius: var(--radius-custom);
  padding: 6px 14px;
  margin-bottom: 10px;
}

.buyout-price-number {
  font-family: var(--font-mono);
  font-size: 22px;
  font-weight: 900;
  color: var(--safety-vermilion);
}

.buyout-desc-text {
  font-size: 12px;
  text-align: left;
  color: var(--archive-ink);
  line-height: 1.4;
}

.hero-btn-pair {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 12px;
}

.btn-magenta-solid {
  background-color: var(--industrial-magenta);
  color: #FFFFFF;
  padding: 8px 18px;
  font-size: 13px;
  font-weight: 800;
  border-radius: var(--radius-custom);
  border: 1px solid var(--magenta-deep-plum);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.btn-magenta-solid:hover {
  background-color: var(--magenta-deep-plum);
}

.btn-outline-paper {
  background-color: var(--xuan-surface);
  color: var(--archive-ink);
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 700;
  border-radius: var(--radius-custom);
  border: 1px solid var(--xuan-line-muted);
  text-decoration: none;
}

.btn-outline-paper:hover {
  border-color: var(--industrial-magenta);
}

.hero-image-frame {
  border: 1px solid var(--xuan-line-muted);
  border-radius: var(--radius-custom);
  overflow: hidden;
  background-color: var(--xuan-paper-bg);
  margin-top: 10px;
}

.image-caption-lausanne {
  font-size: 11px;
  font-family: var(--font-mono);
  color: var(--archive-muted);
  background-color: var(--xuan-card-bg);
  padding: 4px 8px;
  border-top: 1px solid var(--xuan-line-muted);
  text-align: left;
}

/* 2. 推荐卡模块 (单卡，最宽 420px，导流到「气泡云」，信息点数量 5) */
.recommend-center-flex {
  display: flex;
  justify-content: center;
}

.recommend-lausanne-card {
  width: 100%;
  max-width: 420px; /* 严格要求：最宽 420px */
  background-color: var(--xuan-surface);
  border: 1px solid var(--xuan-line-muted);
  border-top: 3px solid var(--industrial-magenta);
  border-radius: var(--radius-custom);
  padding: 14px 16px 20px;
  text-align: left;
  position: relative;
}

.recommend-header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}

.recommend-header-title {
  font-family: var(--font-serif);
  font-size: 15px;
  font-weight: 900;
  color: var(--archive-ink);
}

.recommend-action-btn {
  display: block;
  width: 100%;
  text-align: center;
  background-color: var(--industrial-magenta);
  color: #FFFFFF;
  text-decoration: none;
  font-size: 13px;
  font-weight: 800;
  padding: 8px;
  border-radius: var(--radius-custom);
  border: 1px solid var(--magenta-deep-plum);
}

.recommend-action-btn:hover {
  background-color: var(--magenta-deep-plum);
}

/* 3. 功能模块 (5 张竖排编号卡，讲能力，每个严格 5 个信息点) */
.feature-vertical-column {
  display: flex;
  flex-direction: column;
  gap: var(--gap-5pt);
}

.feature-lausanne-card {
  background-color: var(--xuan-surface);
  border: 1px solid var(--xuan-line-muted);
  border-left: 3px solid var(--industrial-magenta);
  border-radius: var(--radius-custom);
  padding: 12px 16px 18px;
  display: grid;
  grid-template-columns: 70px 1fr;
  align-items: flex-start;
  gap: 14px;
  position: relative;
}

.feature-lausanne-index {
  font-family: var(--font-mono);
  font-size: 26px;
  font-weight: 900;
  color: var(--safety-vermilion);
  border-right: 1px solid var(--xuan-line-muted);
  padding-right: 10px;
  line-height: 1.1;
  padding-top: 2px;
}

.feature-lausanne-content h3 {
  font-family: var(--font-serif);
  font-size: 15px;
  font-weight: 900;
  color: var(--archive-ink);
  margin-bottom: 4px;
}

/* 4. 价格模块 (56px 大价 + 2×2 勾选，强化一次性买断) */
.price-lausanne-box {
  max-width: 680px;
  margin: 0 auto;
  background-color: var(--xuan-surface);
  border: 1px solid var(--xuan-line-muted);
  border-top: 3px solid var(--industrial-magenta);
  border-radius: var(--radius-custom);
  padding: 16px 18px 22px;
  text-align: center;
  position: relative;
}

.price-score-56px {
  font-size: 56px; /* 严格要求：56px 大价 */
  line-height: 1;
  font-weight: 900;
  font-family: var(--font-mono);
  color: var(--safety-vermilion);
  letter-spacing: -2px;
}

.price-currency-sign {
  font-size: 24px;
  font-weight: 700;
  vertical-align: super;
  color: var(--archive-ink);
  margin-right: 4px;
}

.price-score-caption {
  font-size: 12px;
  color: var(--archive-muted);
  margin-top: 4px;
  margin-bottom: 12px;
}

.grid-check-lausanne-2x2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 14px;
  text-align: left;
}

.check-pill-lausanne {
  background-color: var(--xuan-card-bg);
  border: 1px solid var(--xuan-line-muted);
  border-left: 3px solid var(--safety-vermilion);
  border-radius: var(--radius-custom);
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 600;
  color: var(--archive-ink);
  display: flex;
  align-items: center;
  gap: 6px;
}

/* 5. 评价模块 (3 列，三类用户背书，信息点 5) */
.review-3col-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap-5pt);
  align-items: stretch;
}

.review-lausanne-card {
  background-color: var(--xuan-surface);
  border: 1px solid var(--xuan-line-muted);
  border-top: 2px solid var(--industrial-magenta);
  border-radius: var(--radius-custom);
  padding: 12px 14px 22px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.reviewer-archive-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.reviewer-stamp-box {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-custom);
  background-color: var(--xuan-card-bg);
  color: var(--safety-vermilion);
  font-family: var(--font-mono);
  font-weight: 900;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--industrial-magenta);
}

.reviewer-title-box h4 {
  font-size: 13px;
  font-weight: 800;
  color: var(--archive-ink);
}

.reviewer-title-box span {
  font-size: 11px;
  font-family: var(--font-mono);
  color: var(--magenta-deep-plum);
}

.review-quote-text {
  font-size: 12px;
  line-height: 1.5;
  color: var(--archive-ink);
  margin-bottom: 8px;
}

/* 6. FAQ 模块 (单列，最宽 820px，配置排障，手风琴互斥单开) */
.faq-center-limit-820 {
  max-width: 820px; /* 严格要求：最宽 820px */
  margin: 0 auto;
}

.faq-lausanne-accordion {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.faq-lausanne-item {
  background-color: var(--xuan-surface);
  border: 1px solid var(--xuan-line-muted);
  border-radius: var(--radius-custom);
  overflow: hidden;
  position: relative;
}

.faq-lausanne-trigger {
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 700;
  color: var(--archive-ink);
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-family: inherit;
}

.faq-lausanne-arrow {
  width: 14px;
  height: 14px;
  stroke: var(--industrial-magenta);
  transition: transform 0.2s ease;
  flex-shrink: 0;
}

.faq-lausanne-item.active .faq-lausanne-arrow {
  transform: rotate(180deg);
}

.faq-lausanne-body {
  display: none;
  padding: 0 14px 10px;
  font-size: 12px;
  line-height: 1.6;
  color: var(--archive-muted);
  border-top: 1px dashed var(--xuan-line-muted);
}

.faq-lausanne-item.active .faq-lausanne-body {
  display: block;
}

/* 7. 指南模块 (3 列，5 张，内部教程入口) */
.guide-3col-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap-5pt);
  align-items: stretch;
}

.guide-lausanne-card {
  background-color: var(--xuan-surface);
  border: 1px solid var(--xuan-line-muted);
  border-top: 2px solid var(--industrial-magenta);
  border-radius: var(--radius-custom);
  padding: 12px 14px 20px;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}

.guide-lausanne-card:hover {
  border-color: var(--industrial-magenta);
  background-color: #FAF5F8;
}

.guide-lausanne-title {
  font-family: var(--font-serif);
  font-size: 13px;
  font-weight: 800;
  color: var(--archive-ink);
  margin-bottom: 4px;
}

.guide-lausanne-snippet {
  font-size: 12px;
  color: var(--archive-muted);
  line-height: 1.4;
  margin-bottom: 8px;
}

.guide-lausanne-link {
  font-size: 11px;
  font-family: var(--font-mono);
  font-weight: 700;
  color: var(--industrial-magenta);
}

/* 8. 下载 CTA 模块 (居中双按钮，指向 App Store / 本地安装，嵌入 3.webp) */
.cta-lausanne-box {
  background-color: var(--xuan-surface);
  border: 1px solid var(--xuan-line-muted);
  border-top: 3px solid var(--industrial-magenta);
  border-radius: var(--radius-custom);
  padding: 16px 18px 22px;
  text-align: center;
  position: relative;
}

.cta-lausanne-title {
  font-family: var(--font-serif);
  font-size: 18px;
  font-weight: 900;
  color: var(--archive-ink);
  margin-bottom: 4px;
}

.cta-lausanne-lead {
  font-size: 12px;
  color: var(--archive-muted);
  margin-bottom: 12px;
}

.cta-dual-btn-box {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 12px;
}

.cta-image-wrap {
  max-width: 680px;
  margin: 0 auto;
  border: 1px solid var(--xuan-line-muted);
  border-radius: var(--radius-custom);
  overflow: hidden;
}

/* 9. 对比表模块 (表格，最宽 900px，压过「同类工具」，嵌入 4.webp) */
.cmp-lausanne-wrapper {
  max-width: 900px; /* 严格要求：最宽 900px */
  margin: 0 auto;
  background-color: var(--xuan-surface);
  border: 1px solid var(--xuan-line-muted);
  border-top: 3px solid var(--industrial-magenta);
  border-radius: var(--radius-custom);
  padding: 16px 16px 22px;
  position: relative;
}

.lausanne-manifest-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  margin-top: 8px;
  margin-bottom: 12px;
}

.lausanne-manifest-table th,
.lausanne-manifest-table td {
  padding: 7px 8px;
  border: 1px solid var(--xuan-line-muted);
  text-align: left;
}

.lausanne-manifest-table th {
  background-color: var(--xuan-card-bg);
  font-family: var(--font-serif);
  font-weight: 800;
  color: var(--archive-ink);
}

.lausanne-manifest-table th.hl,
.lausanne-manifest-table td.hl {
  background-color: #FDF4FA;
  font-weight: 700;
  color: var(--magenta-deep-plum);
  border-left: 2px solid var(--industrial-magenta);
  border-right: 2px solid var(--industrial-magenta);
}

.cmp-lausanne-disclaimer {
  font-size: 11px;
  color: var(--archive-light);
  line-height: 1.4;
  margin-bottom: 10px;
}

.cmp-image-frame {
  border: 1px solid var(--xuan-line-muted);
  border-radius: var(--radius-custom);
  overflow: hidden;
  background-color: var(--xuan-paper-bg);
}

/* 10. 页脚 site-footer (四列，下载 / 帮助回收) */
.site-footer {
  background-color: var(--xuan-surface);
  border-top: 2px solid var(--industrial-magenta);
  padding-top: 20px;
  padding-bottom: 14px;
  margin-top: auto;
  position: relative;
}

.footer-lausanne-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 14px;
}

.footer-lausanne-col h4 {
  font-family: var(--font-serif);
  font-size: 12px;
  font-weight: 900;
  color: var(--magenta-deep-plum);
  margin-bottom: 6px;
  padding-bottom: 2px;
  border-bottom: 1px solid var(--industrial-magenta);
}

.footer-lausanne-col ul {
  list-style: none;
}

.footer-lausanne-col ul li {
  margin-bottom: 4px;
}

.footer-lausanne-col ul li a {
  text-decoration: none;
  font-size: 12px;
  color: var(--archive-muted);
}

.footer-lausanne-col ul li a:hover {
  color: var(--industrial-magenta);
  text-decoration: underline;
}

.footer-seo-box {
  background-color: var(--xuan-card-bg);
  border: 1px solid var(--xuan-line-muted);
  border-left: 3px solid var(--safety-vermilion);
  border-radius: var(--radius-custom);
  padding: 8px 10px;
  font-size: 11px;
  line-height: 1.5;
  color: var(--archive-muted);
  margin-bottom: 10px;
}

.footer-seo-box strong {
  color: var(--safety-vermilion);
}

.footer-lausanne-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  color: var(--archive-light);
  padding-top: 8px;
  border-top: 1px solid var(--xuan-line-muted);
}

/* 响应式适配 */
@media (max-width: 860px) {
  .hero-title-limit-53 {
    max-width: 80%;
  }
  .dual-column-44-56 {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .dual-seam-divider {
    border-right: none;
    border-bottom: 1px solid var(--industrial-magenta);
    padding-right: 0;
    padding-bottom: 10px;
  }
  .review-3col-grid,
  .guide-3col-grid {
    grid-template-columns: 1fr;
  }
  .feature-lausanne-card {
    grid-template-columns: 1fr;
    gap: 6px;
  }
  .feature-lausanne-index {
    border-right: none;
    border-bottom: 1px solid var(--xuan-line-muted);
    padding-bottom: 2px;
  }
  .grid-check-lausanne-2x2 {
    grid-template-columns: 1fr;
  }
  .footer-lausanne-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .main-nav {
    display: none;
    position: absolute;
    top: 54px;
    left: 0;
    width: 100%;
    background-color: var(--xuan-surface);
    border-bottom: 2px solid var(--industrial-magenta);
    flex-direction: column;
    padding: 12px;
  }
  .main-nav.open {
    display: flex;
  }
  .nav-toggle {
    display: block;
  }
  .hero-btn-pair,
  .cta-dual-btn-box {
    flex-direction: column;
  }
  .footer-lausanne-grid {
    grid-template-columns: 1fr;
  }
  .footer-lausanne-bottom {
    flex-direction: column;
    gap: 4px;
    text-align: center;
  }
}