/* ============================================================
   禄马贵人 · 设计系统 (Design Tokens)
   - 所有颜色 / 尺寸 / 阴影 / 间距一律通过 CSS 变量引用
   - 严禁在页面内重复定义颜色或尺寸
   - 风格：浅色国风 · 大量留白 · 深墨 + 鎏金 + 朱砂
   ============================================================ */

/* ---------- 字体：通过 Google Fonts 加载网络字体，保证跨平台显示统一 ---------- */

/* 字体加载说明：
   - Noto Sans SC（思源黑体）在 HTML head 中通过 Google Fonts CDN 加载，font-display: swap
   - IBM Plex Sans Thai / Anuphan / Noto Sans Thai 为英文/数字字体，中文自动落到 Noto Sans SC
   - swap 模式下页面即时显示，字体加载后平滑替换，无布局抖动 */

:root {
  /* ---------- 品牌色 ---------- */
  --gold:         #8b6f2e;   /* 主品牌金 */
  --gold-soft:    #b89b5f;   /* 浅金，用于装饰线条 */
  --gold-pale:    #efe6cf;   /* 极浅金，用作底色分区 */
  --gold-deep:    #5c4a1c;   /* 深金，按钮按下 / 文字强调 */

  --cinnabar:     #9e2b25;   /* 朱砂红，印章 / 关键数字 */
  --cinnabar-soft:#c9574c;   /* 浅朱砂 */

  /* ---------- 中性色 ---------- */
  --ink:          #1c1a17;   /* 墨色主文字 */
  --ink-2:        #3a3630;   /* 次级文字 */
  --ink-3:        #7a7468;   /* 辅助文字 */
  --ink-4:        #a8a296;   /* 弱化文字 */

  --paper:        #fbf8f2;   /* 纸张底色（页面主背景） */
  --paper-warm:   #f9f6e9;   /* 暖纸底色（footer 背景） */
  --paper-2:      #f4efe4;   /* 二级底色 */
  --paper-3:      #ebe3d3;   /* 三级底色 */
  --pure-white:   #ffffff;
  --line:         #ddd5c4;   /* 分隔线 */
  --line-soft:    #eae2d0;   /* 弱分隔线 */

  /* ---------- 阴影 ---------- */
  --shadow-sm:    0 1px 2px rgba(28,26,23,0.04);
  --shadow-md:    0 4px 14px rgba(28,26,23,0.08);
  --shadow-lg:    0 12px 32px rgba(28,26,23,0.10);
  --shadow-gold:  0 6px 20px rgba(139,111,46,0.18);

  /* ---------- 字体：加载 Google Fonts 网络字体，保证跨平台显示统一 ---------- */
  /* 字体栈顺序：IBM Plex Sans Thai → Anuphan → Noto Sans Thai → Noto Sans SC → 系统字体 → 兜底 */
  /* 说明：前三个泰文字体不含中文，浏览器渲染中文时自动跳过，落到 Noto Sans SC（必须网络加载） */
  /* Anuphan 非 Google Fonts 官方字体，如用户系统未安装则自动跳过 */
  --font-serif: "IBM Plex Sans Thai", "Anuphan", "Noto Sans Thai", "Noto Sans SC", -apple-system, "Segoe UI", "Leelawadee UI", system-ui, sans-serif;
  --font-sans:  "IBM Plex Sans Thai", "Anuphan", "Noto Sans Thai", "Noto Sans SC", -apple-system, "Segoe UI", "Leelawadee UI", system-ui, sans-serif;

  /* ---------- 字号 ---------- */
  --fs-hero:  clamp(2.2rem, 5vw, 3.6rem);
  --fs-h1:    2.2rem;
  --fs-h2:    1.6rem;
  --fs-h3:    1.25rem;
  --fs-body:  1rem;
  --fs-small: 0.875rem;
  --fs-tiny:  0.75rem;

  --lh-tight: 1.25;
  --lh-base:  1.8;
  --lh-loose: 2;

  /* ---------- 间距 ---------- */
  --gap-xs: 8px;
  --gap-sm: 16px;
  --gap-md: 24px;
  --gap-lg: 40px;
  --gap-xl: 64px;
  --gap-2xl: 96px;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 18px;
  --radius-full: 9999px;

  --nav-height: 72px;
}

/* ============================================================
   全局重置 & 基础排版
   ============================================================ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
/* 强制声明页面仅支持浅色主题，阻止手机端浏览器在系统深色模式下自动反转/覆盖背景色 */
:root,html{color-scheme:light}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-feature-settings:"palt"}
body{
  font-family:var(--font-sans);
  font-size:var(--fs-body);
  line-height:var(--lh-base);
  color:var(--ink) !important;
  background:var(--paper) !important;
  overflow-x:hidden;
  transition:overflow .2s ease;
}
/* 移动端菜单展开时锁定页面滚动 */
body.nav-open{overflow:hidden}

a{color:inherit;text-decoration:none;transition:color .25s ease}
a:hover{color:var(--gold)}
img{max-width:100%;display:block}
ul,ol{list-style:none}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}

::selection{background:var(--gold-pale);color:var(--ink)}

/* 页面容器 */
.container{
  max-width:1200px;
  margin:0 auto;
  padding:0 var(--gap-md);
}

/* ============================================================
   排版组件
   ============================================================ */

/* 标题：衬线体，国风骨架 */
h1,h2,h3,h4{font-family:var(--font-serif);color:var(--ink);font-weight:600;line-height:var(--lh-tight)}
.h-hero{font-size:var(--fs-hero);letter-spacing:.04em}
.h-h1{font-size:var(--fs-h1)}
.h-h2{font-size:var(--fs-h2)}
.h-h3{font-size:var(--fs-h3)}

/* 段落 */
p{color:var(--ink-2)}

/* 中文衬线段落（用于引语、品牌故事） */
.prose{
  font-family:var(--font-serif);
  color:var(--ink-2);
  line-height:var(--lh-loose);
  font-size:1.05rem;
}

/* 分隔装饰线（金色） */
.deco-line{
  width:48px;height:2px;background:var(--gold);border:0;display:block;
}
.deco-line.center{margin:0 auto}

/* 印章式小徽标（朱砂） */
.seal{
  display:inline-flex;align-items:center;justify-content:center;
  width:56px;height:56px;
  background:var(--cinnabar);color:var(--pure-white);
  font-family:var(--font-serif);font-weight:700;
  border-radius:var(--radius-sm);
  font-size:1.1rem;letter-spacing:.1em;
  box-shadow:var(--shadow-md);
}

/* ============================================================
   通用组件
   ============================================================ */

/* 按钮 */
.btn{
  display:inline-flex;align-items:center;gap:var(--gap-xs);
  padding:.9rem 2rem;border-radius:var(--radius-full);
  font-size:var(--fs-body);font-weight:500;
  transition:all .3s ease;cursor:pointer;border:none;
}
.btn-primary{
  background:var(--gold);color:var(--pure-white);
  box-shadow:var(--shadow-gold);
}
.btn-primary:hover{background:var(--gold-deep);transform:translateY(-2px);color:var(--pure-white)}
.btn-outline{
  background:transparent;color:var(--gold);
  border:1px solid var(--gold-soft);
}
.btn-outline:hover{background:var(--gold-pale);color:var(--ink);border-color:var(--gold)}

/* 章节通用 */
.section{padding:var(--gap-xl) 0}
.section-title{
  text-align:center;margin-bottom:var(--gap-lg);
}
.section-title .eyebrow{
  font-family:var(--font-serif);
  font-size:var(--fs-small);color:var(--gold);
  letter-spacing:.3em;margin-bottom:var(--gap-sm);display:block;
}
.section-title h2{margin-bottom:var(--gap-sm)}
.section-title .sub{color:var(--ink-3);max-width:680px;margin:0 auto;font-size:var(--fs-small)}

/* ============================================================
   导航栏
   ============================================================ */

.nav{
  position:fixed;top:0;left:0;right:0;
  height:var(--nav-height);
  background:rgba(251,248,242,0.92);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid transparent;
  z-index:1000;
  transition:all .3s ease;
}
.nav.scrolled{border-bottom-color:var(--line);box-shadow:var(--shadow-sm)}
.nav-inner{
  height:100%;display:flex;align-items:center;justify-content:space-between;
  max-width:1200px;margin:0 auto;padding:0 var(--gap-md);
}
.nav-brand{display:flex;align-items:center;gap:12px;font-family:var(--font-serif);font-weight:600;font-size:1.1rem}
.nav-brand img{width:40px;height:40px;border-radius:var(--radius-sm)}
.nav-links{display:flex;gap:var(--gap-lg);align-items:center}
.nav-links a{font-size:var(--fs-small);color:var(--ink-2);position:relative;padding:4px 0}
.nav-links a::after{
  content:"";position:absolute;left:0;bottom:0;height:1.5px;width:0;
  background:var(--gold);transition:width .3s ease;
}
.nav-links a:hover,
.nav-links a.active{color:var(--gold)}
.nav-links a:hover::after,
.nav-links a.active::after{width:100%}

.nav-links a.nav-download{
  /* 特异性 0,3,1 覆盖 .nav-links a(0,2,1)，避免被继承为普通链接样式 */
  padding:.55rem 1.4rem;
  color:var(--pure-white);
  font-weight:500;
  border-radius:var(--radius-full);
  background:var(--gold);
  box-sizing:border-box;
  gap: 10px;
  display: flex;
  align-items: center;
}
.nav-links a.nav-download:hover,
.nav-links a.nav-download.active{color:var(--pure-white)}
/* 隐藏下载按钮上的 ::after 下划线伪元素 */
.nav-links a.nav-download::after{display:none}

/* 移动端菜单切换 */
.nav-toggle{
  display:none;width:36px;height:36px;
  flex-direction:column;align-items:center;justify-content:center;gap:5px;
}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--ink);transition:all .3s ease}

@media (max-width: 768px){
  .nav-toggle{display:flex}
  /* 下载按钮仅在 PC 端显示，移动端隐藏 */
  .nav-links a.nav-download{
    /* 特异性 (0,3,1)，确保在移动端菜单中也被隐藏 */
    display:none !important;
  }

  /* 移动端菜单蒙版：默认隐藏，菜单展开时显示 */
  .nav-mask{
    position:fixed;
    top:var(--nav-height);
    left:0;right:0;
    height:calc(100vh - var(--nav-height));
    background:rgba(28,26,23,0.5);
    z-index:998;
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .35s ease,visibility .35s ease;
  }
  .nav-mask.active{
    opacity:1;visibility:visible;pointer-events:auto;
  }

  .nav-links{
    position:fixed;top:var(--nav-height);left:0;right:0;
    flex-direction:column;align-items:stretch;gap:0;
    background:linear-gradient(180deg, var(--paper) 0%, var(--pure-white) 100%);
    border-bottom:1px solid var(--line);
    max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);
    box-shadow:var(--shadow-lg);
    z-index:999;
    /* 顶部朱砂装饰条，呼应国风印章 */
    border-top:3px solid var(--cinnabar);
  }
  .nav-links.open{max-height:640px}

  /* 菜单项：左对齐、左侧金色装饰短杠、衬线字体，仿卷轴条目 */
  .nav-links a{
    display:flex;align-items:center;gap:14px;
    padding:18px var(--gap-lg);
    border-bottom:1px solid var(--line-soft);
    font-family:var(--font-serif);
    font-size:1.05rem;
    color:var(--ink);
    font-weight:500;
    letter-spacing:.05em;
    /* 移除下划线伪元素 */
  }
  .nav-links a::before{
    content:"";
    display:inline-block;width:4px;height:18px;
    background:var(--gold);
    border-radius:2px;
    flex-shrink:0;
    transition:all .25s ease;
  }
  .nav-links a::after{display:none}
  .nav-links a:hover{color:var(--gold)}
  .nav-links a:hover::before,
  .nav-links a.active::before{background:var(--cinnabar);height:22px}
}

/* ============================================================
   Footer
   ============================================================ */

.footer{
  background:var(--paper-warm);color:var(--ink);
  padding:var(--gap-xl) 0 var(--gap-md);
  margin-top:var(--gap-xl);
  border-top:1px solid var(--line-soft);
}
.footer-grid{
  display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:var(--gap-lg);
  padding-bottom:var(--gap-lg);border-bottom:1px solid var(--line-soft);
}
.footer-brand p{color:var(--ink-3);font-size:var(--fs-small);margin-top:12px;line-height:1.7}
.footer-col h4{
  font-family:var(--font-serif);color:var(--gold);
  font-size:var(--fs-small);letter-spacing:.15em;margin-bottom:var(--gap-md);
}
.footer-col a{display:block;font-size:var(--fs-small);color:var(--ink-3);margin-bottom:10px}
.footer-col a:hover{color:var(--gold)}
.footer-bottom{
  display:flex;justify-content:center;align-items:center;
  padding-top:var(--gap-md);flex-wrap:wrap;gap:var(--gap-sm);
  font-size:var(--fs-tiny);color:var(--ink-4);
}
.footer-contact{display:flex;align-items:center;gap:6px}
.footer-contact i{color:var(--gold-soft)}

@media (max-width: 768px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:var(--gap-md)}
  .footer-bottom{flex-direction:column;text-align:center}
}

/* ============================================================
   滚动入场动画
   ============================================================ */

.fade-up{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.fade-up.visible{opacity:1;transform:translateY(0)}
.fade-in{opacity:0;transition:opacity 1s ease}
.fade-in.visible{opacity:1}

/* 手机 mockup 通用样式（截图展示） */
.phone{
  background:var(--ink);
  border-radius:32px;
  padding:8px;
  box-shadow:var(--shadow-lg);
  display:inline-block;
}
.phone img{border-radius:24px;width:240px;height:auto;display:block}

/* 三星齐聚 · 天圆地方徽标：同心圆环 + 12 辰刻度 + 三星归一印 */
.story-emblem{
  display:flex;flex-direction:column;align-items:center;gap:16px;
  margin:0 auto
}
.emblem-stage{
  position:relative;width:400px;height:400px;
  display:block
}
.emblem-geo{
  position:absolute;inset:0;width:100%;height:100%;overflow:visible
}
.emblem-geo .ring{
  fill:none;stroke:var(--gold-soft);stroke-width:1.2;opacity:.55
}
.emblem-geo .ring-inner{
  stroke-width:.8;opacity:.32
}
.emblem-geo .ticks circle{
  fill:var(--gold-soft);opacity:.55
}
.emblem-geo .paths line{
  stroke:var(--gold);stroke-width:1;
  stroke-dasharray:2 5;opacity:.45
}

.star{
  position:absolute;width:64px;height:64px;border-radius:50%;
  background:var(--pure-white);
  border:2px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 0 6px var(--gold-pale),var(--shadow-gold);
  transform:translate(-50%,-50%);z-index:2;
  animation:star-pulse 3.6s ease-in-out infinite
}
.star .star-char{
  font-family:var(--font-serif);font-weight:700;font-size:1.6rem;
  color:var(--gold);line-height:1
}
.star-lu{top:7.5%;left:50%}
.star-ma{top:71.25%;left:86.8%}
.star-gui{top:71.25%;left:13.2%}

.emblem-seal{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:120px;height:120px;border-radius:6px;
  background:var(--cinnabar);color:var(--pure-white);
  display:flex;align-items:center;justify-content:center;
  box-shadow:var(--shadow-md);z-index:3;
  animation:seal-pulse 4s ease-in-out infinite
}
.emblem-seal .seal-char{
  font-family:var(--font-serif);font-weight:700;font-size:3.2rem;
  line-height:1;letter-spacing:0
}

.emblem-caption{
  font-family:var(--font-serif);
  font-size:var(--fs-tiny);color:var(--gold);letter-spacing:.4em;
  margin-left:.4em
}

@keyframes star-pulse{
  0%,100%{box-shadow:0 0 0 6px var(--gold-pale),var(--shadow-gold)}
  50%{box-shadow:0 0 0 10px var(--gold-pale),0 0 24px rgba(139,111,46,.35)}
}
@keyframes seal-pulse{
  0%,100%{box-shadow:var(--shadow-md)}
  50%{box-shadow:var(--shadow-md),0 0 20px rgba(158,43,37,.22)}
}

@media (prefers-reduced-motion: reduce){
  .star,.emblem-seal{animation:none}
  .fade-up,.fade-in{transition:none;opacity:1;transform:none}
}

@media (max-width: 768px){
  .phone img{width:160px;border-radius:20px}
  .emblem-stage{width:320px;height:320px}
  .emblem-stage .star{width:52px;height:52px}
  .emblem-stage .star .star-char{font-size:1.3rem}
  .emblem-stage .emblem-seal{width:96px;height:96px}
  .emblem-stage .emblem-seal .seal-char{font-size:2.4rem}
  .emblem-caption{font-size:.7rem;letter-spacing:.3em;margin-left:.3em}
}

/* ============================================================
   应用截图无限轮播组件
   ============================================================ */

/* 轮播外层容器：相对定位，限制显示区域，为渐隐遮罩提供定位上下文 */
.carousel-wrap{
  position:relative;
  max-width:1200px;
  margin:0 auto;
  padding:var(--gap-md) 0;
}

/* 横向滚动轨道：flex 平铺，overflow-x 允许滚动，自定义金色滚动条（默认隐藏，滚动时显示） */
.carousel-track{
  position:relative;
  display:flex;
  flex-wrap:nowrap;
  gap:24px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:var(--gap-md) 0 var(--gap-sm);
  scroll-behavior:smooth;
  /* 滚动条默认隐藏 */
  scrollbar-width:none;
  -ms-overflow-style:none;
}
/* Chrome / Edge / Safari：滚动条默认隐藏 */
.carousel-track::-webkit-scrollbar{
  height:6px;
}
.carousel-track::-webkit-scrollbar-thumb{
  background:transparent;
  border-radius:3px;
}
.carousel-track::-webkit-scrollbar-track{
  background:transparent;
}
/* 滚动时（JS 添加 .scrolling 类）显示金色自定义滚动条 */
.carousel-track.scrolling{
  scrollbar-width:thin;
  scrollbar-color:var(--gold) transparent;
  -ms-overflow-style:auto;
}
.carousel-track.scrolling::-webkit-scrollbar{
  height:6px;
}
.carousel-track.scrolling::-webkit-scrollbar-thumb{
  background:var(--gold);
  border-radius:3px;
  transition:background .3s ease;
}
.carousel-track.scrolling::-webkit-scrollbar-track{
  background:transparent;
}

/* 单张卡片：固定宽度，flex 不收缩，横向平铺 */
.carousel-card{
  flex:0 0 calc((100% - 3 * 24px) / 4);
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  position:relative;
}

/* 手机外框：宽度跟随卡片，aspect-ratio 锁定 9:16，与截图比例一致 */
.carousel-phone{
  background:var(--ink);
  border-radius:32px;
  padding:8px;
  box-shadow:var(--shadow-lg);
  width:100%;
  aspect-ratio:9/16;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:transform .4s cubic-bezier(.25,1,.5,1),box-shadow .4s ease;
  opacity:1;
  z-index:1;
  position:relative;
}

/* 悬停时卡片轻微上浮 + 阴影加深 */
.carousel-card:hover .carousel-phone{
  transform:translateY(-6px);
  box-shadow:0 20px 50px rgba(28,26,23,.18);
}

/* 手机内部截图图片 */
.carousel-phone img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:24px;
  display:block;
}

/* 模块名称标签：鎏金底色 + 衬线字体，仿印章标签 */
.carousel-label{
  margin-top:var(--gap-sm);
  text-align:center;
  width:100%;
}

.carousel-label .label-tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 18px;
  background:var(--gold-pale);
  border:1px solid var(--gold-soft);
  border-radius:var(--radius-full);
  font-family:var(--font-serif);
  font-size:var(--fs-small);
  color:var(--gold-deep);
  letter-spacing:.12em;
  font-weight:500;
  white-space:nowrap;
}

.carousel-label .label-icon{
  font-size:.9em;
  opacity:.8;
}

/* 左右渐隐遮罩：提示存在更多可滚动内容，渐变从容器底色到透明 */
.carousel-fade-left,
.carousel-fade-right{
  position:absolute;
  top:var(--gap-md);
  bottom:var(--gap-md);
  width:60px;
  z-index:5;
  pointer-events:none;
  transition:opacity .3s ease;
}
.carousel-fade-left{
  left:0;
  background:linear-gradient(to right, var(--pure-white) 0%, rgba(255,255,255,0) 100%);
}
.carousel-fade-right{
  right:0;
  background:linear-gradient(to left, var(--pure-white) 0%, rgba(255,255,255,0) 100%);
}
/* 滚动到边界时遮罩自动变淡（JS 添加 .at-start / .at-end 类） */
.carousel-wrap.at-start .carousel-fade-left,
.carousel-wrap.at-end .carousel-fade-right{
  opacity:0;
}

/* 响应式：平板端（≤900px）显示 3 张 */
@media (max-width: 900px){
  .carousel-card{
    flex:0 0 calc((100% - 2 * 24px) / 3);
  }
}

/* 响应式：手机端（≤600px）显示 2 张 */
@media (max-width: 600px){
  .carousel-card{
    flex:0 0 calc((100% - 24px) / 2);
  }
  .carousel-label .label-tag{
    font-size:.8rem;
    padding:5px 14px;
  }
}

/* ============================================================
   CTA 行动号召：全宽两栏，左文右视觉，与全站米色主题融合
   ============================================================ */

/* CTA 区块外层：居中排版，上下留白 */
.cta-section{
  padding:var(--gap-xl) 0;
}

/* CTA 全宽容器：米金渐变底色 + 金色描边 + 柔和阴影 */
.cta-wrap{
  display:grid;
  grid-template-columns:1fr auto;
  gap:var(--gap-xl);
  align-items:center;
  padding:var(--gap-xl) var(--gap-xl);
  background:linear-gradient(135deg, var(--gold-pale) 0%, var(--paper) 100%);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);
  position:relative;
  overflow:hidden;
}

/* 容器背景大字装饰：衬线"禄"字水印，极低透明度，增添国风韵味 */
.cta-wrap::before{
  content:"禄";
  position:absolute;
  top:50%;
  left:35%;
  transform:translate(-50%, -50%);
  font-family:var(--font-serif);
  font-size:clamp(10rem, 20vw, 18rem);
  font-weight:700;
  color:var(--gold-soft);
  opacity:.05;
  letter-spacing:.1em;
  pointer-events:none;
  user-select:none;
}
.cta-wrap > *{
  position:relative;
  z-index:1;
}

/* 左侧：文字 + 按钮 */
.cta-left{
  text-align:left;
  max-width:480px;
}

/* 右侧：徽章 + 功能图标，与左侧以细金线分隔 */
.cta-right{
  display:flex;
  align-items:center;
  gap:var(--gap-lg);
  padding-left:var(--gap-xl);
  border-left:1px solid var(--gold-soft);
  min-height:280px;
}

/* 圆形徽章：金色描边圆环 + 中心"禄"字 */
.cta-medallion{
  position:relative;
  width:112px;
  height:112px;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.cta-medallion .medallion-char{
  font-family:var(--font-serif);
  font-size:2.4rem;
  font-weight:700;
  color:var(--gold);
  z-index:1;
}
.cta-medallion .medallion-ring{
  position:absolute;
  inset:0;
  border:2px solid var(--gold-soft);
  border-radius:50%;
  box-shadow:inset 0 0 0 6px rgba(239,230,207,.4);
}
.cta-medallion::after{
  content:"";
  position:absolute;
  inset:8px;
  border:1px dashed var(--gold-soft);
  border-radius:50%;
  opacity:.5;
}

/* 功能图标列表：徽章右侧，垂直排列 */
.cta-features{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.cta-feature-item{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:var(--fs-small);
  color:var(--ink-2);
  font-family:var(--font-serif);
  white-space:nowrap;
}
.cta-feat-icon{
  width:30px;
  height:30px;
  border-radius:50%;
  background:var(--gold-pale);
  color:var(--gold);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:0.8rem;
  flex-shrink:0;
}
.cta-feat-label{
  letter-spacing:.08em;
}

/* CTA 按钮：放大尺寸 + 强调金色阴影，突出行动号召 */
.cta-btn{
  padding:1rem 2.8rem;
  font-size:1.05rem;
  font-weight:600;
}

/* 响应式：平板端（≤768px）改为单栏堆叠 */
@media (max-width: 768px){
  .cta-wrap{
    grid-template-columns:1fr;
    gap:var(--gap-lg);
    padding:var(--gap-lg) var(--gap-md);
    text-align:center;
  }
  .cta-left{
    text-align:center;
    max-width:100%;
    margin:0 auto;
  }
  .cta-left .deco-line{
    margin:var(--gap-sm) auto var(--gap-sm);
  }
  .cta-right{
    flex-direction:column;
    padding-left:0;
    padding-top:var(--gap-lg);
    border-left:0;
    border-top:1px solid var(--gold-soft);
    min-height:0;
  }
  .cta-features{
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
  }
}

/* 响应式：手机端（≤480px）功能图标缩小 */
@media (max-width: 480px){
  .cta-medallion{
    width:88px;
    height:88px;
  }
  .cta-medallion .medallion-char{
    font-size:1.8rem;
  }
  .cta-feature-item{
    font-size:var(--fs-tiny);
  }
  .cta-feat-icon{
    width:26px;
    height:26px;
    font-size:0.7rem;
  }
}