/* ============================================================
   禄马贵人 · 公用样式（页面布局、组件）
   - 与 design-system.css 配合使用，不在本页重复定义颜色 token
   ============================================================ */

/* ---------- Hero 通用 ---------- */
.hero{
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  padding:calc(var(--nav-height) + var(--gap-xl)) 0 var(--gap-xl);
  position:relative;overflow:hidden;
}
.hero-content{max-width:760px;text-align:center;position:relative;z-index:2}

/* ---------- Hero 八卦背景（缓慢旋转的先天八卦 + 太极，旋转由 SVG animateTransform 驱动） ---------- */
.hero .bagua{
  position:absolute;
  top:50%;left:50%;
  width:860px;height:860px;
  margin-left:-430px;
  margin-top:-430px;
  color:var(--gold-soft);
  opacity:.35;
  pointer-events:none;
  user-select:none;
  z-index:0;
}
/* 沿 X 轴翻转太极/八卦（上下颠倒），旋转中心仍在 SVG 中心 */
.hero .bagua .bagua-svg{width:100%;height:100%;display:block;transform:scaleY(-1)}
/* 太极阴部（填充外色），阳部由太极路径反显 */
.bagua-taiji-shadow{fill:currentColor}
/* 阴中之阳点 */
.bagua-taiji-eye-1{fill:var(--pure-white)}
/* 阳中之阴点 */
.bagua-taiji-eye-2{fill:currentColor}
/* 太极外缘细边框 */
.bagua-taiji-ring{fill:none;stroke:currentColor;stroke-width:0.3}
@media (max-width:960px){
  .hero .bagua{
    width:640px;height:640px;
    margin-left:-320px;margin-top:-320px;
  }
}
@media (max-width:600px){
  .hero .bagua{
    width:420px;height:420px;
    margin-left:-210px;margin-top:-210px;
  }
}

/* ---------- 特色列表 ---------- */
.feature-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-lg);
}
.feature-item{
  text-align:center;padding:var(--gap-md);
}
.feature-icon{
  width:64px;height:64px;border-radius:50%;
  background:var(--gold-pale);color:var(--gold);
  display:inline-flex;align-items:center;justify-content:center;
  font-size:1.5rem;margin-bottom:var(--gap-md);
  transition:all .3s ease;
}
.feature-item:hover .feature-icon{background:var(--gold);color:var(--pure-white)}
.feature-item h3{margin-bottom:8px}
.feature-item p{font-size:var(--fs-small);color:var(--ink-3)}

@media (max-width: 900px){
  .feature-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 480px){
  .feature-grid{grid-template-columns:1fr}
}

/* ---------- 功能卡片 ---------- */
.func-card{
  background:var(--pure-white);
  border:1px solid var(--line-soft);
  border-radius:var(--radius-lg);
  padding:var(--gap-lg);
  display:flex;flex-direction:column;
  transition:all .35s ease;
}
.func-card:hover{
  border-color:var(--gold-soft);
  box-shadow:var(--shadow-lg);
  transform:translateY(-4px);
}
.func-card .func-head{
  display:flex;align-items:center;gap:var(--gap-sm);margin-bottom:var(--gap-md);
}
.func-card .func-icon{
  width:48px;height:48px;border-radius:var(--radius-md);
  background:var(--gold-pale);color:var(--gold);
  display:inline-flex;align-items:center;justify-content:center;
  font-size:1.2rem;flex-shrink:0;
}
.func-card h3{font-size:1.15rem}
.func-card .func-tag{
  font-family:var(--font-serif);font-size:var(--fs-small);
  color:var(--gold);letter-spacing:.15em;margin-top:4px;display:block;
}
.func-card p{font-size:var(--fs-small);color:var(--ink-3);line-height:1.8}
.func-card ul{margin-top:var(--gap-sm)}
.func-card ul li{
  font-size:var(--fs-small);color:var(--ink-2);
  padding:6px 0;display:flex;align-items:flex-start;gap:8px;
}
.func-card ul li::before{
  content:"";flex-shrink:0;width:6px;height:6px;border-radius:50%;
  background:var(--gold-soft);margin-top:9px;
}

/* ---------- 品牌故事 双栏 ---------- */
.story-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-2xl);
  align-items:start;
}
.story-left{position:relative}
.story-right .prose{margin-bottom:var(--gap-md)}
.story-quote{
  border-left:2px solid var(--gold);
  padding:8px 0 8px var(--gap-md);
  font-family:var(--font-serif);color:var(--ink);
  font-size:1.15rem;line-height:1.8;margin:var(--gap-lg) 0;
}
.story-quote .src{display:block;font-family:var(--font-sans);
  font-size:var(--fs-small);color:var(--ink-3);margin-top:12px}

@media (max-width: 768px){
  .story-grid{grid-template-columns:1fr;gap:var(--gap-lg)}
}

/* ---------- 数据 / 优势 ---------- */
.stat-row{
  display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-md);
  background:var(--pure-white);border:1px solid var(--line-soft);
  border-radius:var(--radius-lg);padding:var(--gap-lg);
}
.stat-item{text-align:center}
.stat-item .num{
  font-family:var(--font-serif);font-size:2.4rem;font-weight:700;
  color:var(--gold);line-height:1.1;
}
.stat-item .num small{font-size:1rem;color:var(--gold-soft);margin-left:2px}
.stat-item .label{font-size:var(--fs-small);color:var(--ink-3);margin-top:6px}

@media (max-width: 768px){
  .stat-row{grid-template-columns:repeat(2,1fr);gap:var(--gap-md)}
}

/* ---------- 时间线 ---------- */
.timeline{position:relative;max-width:720px;margin:0 auto;padding-left:var(--gap-lg)}
.timeline::before{
  content:"";position:absolute;left:6px;top:0;bottom:0;
  width:1px;background:var(--line);
}
.timeline-item{position:relative;padding-bottom:var(--gap-lg)}
.timeline-item::before{
  content:"";position:absolute;left:-30px;top:6px;
  width:12px;height:12px;border-radius:50%;
  background:var(--pure-white);border:2px solid var(--gold);
}
.timeline-item .yr{
  font-family:var(--font-serif);color:var(--gold);
  font-size:var(--fs-h3);font-weight:700;margin-bottom:4px;
}
.timeline-item .desc{font-size:var(--fs-small);color:var(--ink-2)}

/* ---------- 联系方式 ---------- */
.contact-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-lg);
}
.contact-card{
  background:var(--pure-white);border:1px solid var(--line-soft);
  border-radius:var(--radius-lg);padding:var(--gap-lg);
  text-align:center;
}
.contact-card .icon{
  width:56px;height:56px;border-radius:50%;
  background:var(--gold-pale);color:var(--gold);
  display:inline-flex;align-items:center;justify-content:center;
  font-size:1.3rem;margin-bottom:var(--gap-sm);
}
.contact-card h4{font-family:var(--font-serif);margin-bottom:8px}
.contact-card p{font-size:var(--fs-small);color:var(--ink-3)}
.contact-card a{color:var(--gold);font-weight:500}

@media (max-width: 768px){
  .contact-grid{grid-template-columns:1fr}
}

/* ---------- 下载页 ---------- */
.download-hero{
  padding:calc(var(--nav-height) + var(--gap-xl)) 0 var(--gap-xl);
  text-align:center;
}
.download-buttons{
  display:flex;gap:var(--gap-md);justify-content:center;flex-wrap:wrap;
  margin-top:var(--gap-lg);
}
.dl-btn{
  display:inline-flex;align-items:center;gap:12px;
  padding:14px 28px;border-radius:var(--radius-full);
  font-size:var(--fs-body);font-weight:500;
  transition:all .3s ease;border:none;cursor:pointer;
}
.dl-btn-primary{background:var(--gold);color:var(--pure-white);box-shadow:var(--shadow-gold)}
.dl-btn-primary:hover{background:var(--gold-deep);transform:translateY(-2px);color:var(--pure-white)}
.dl-btn-outline{background:var(--pure-white);color:var(--ink-2);border:1px solid var(--line)}
.dl-btn-outline:hover{border-color:var(--gold-soft);color:var(--gold)}
.dl-btn i{font-size:1.2rem}
.dl-btn .meta{display:flex;flex-direction:column;align-items:flex-start}
.dl-btn .meta small{font-size:var(--fs-tiny);opacity:.85;font-weight:400}

/* 下载按钮外层包裹：按钮 + 下方提示文字，垂直居中排列 */
.dl-item{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}
.dl-hint{
  font-size:var(--fs-tiny);
  color:var(--ink-3);
  letter-spacing:.15em;
  font-family:var(--font-serif);
}

/* 版本更新记录 */
.version-list{max-width:720px;margin:0 auto}
.version-item{
  display:flex;gap:var(--gap-md);padding:var(--gap-md) 0;
  border-bottom:1px solid var(--line-soft);
}
.version-item .ver{
  font-family:var(--font-serif);color:var(--gold);
  font-weight:700;min-width:90px;font-size:var(--fs-small);
}
.version-item .info{flex:1;font-size:var(--fs-small);color:var(--ink-2);line-height:1.7}

/* ============================================================
   PC 端扫码下载入口 + 二维码模态弹窗
   ============================================================ */

/* 扫码入口卡片：米金底 + 金线，居中显示 */
.qr-entry{
  margin-top:var(--gap-lg);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:var(--gap-md);
  max-width:440px;
  margin-left:auto;
  margin-right:auto;
  padding:18px 28px;
  background:var(--gold-pale);
  border:1px solid var(--gold-soft);
  border-radius:var(--radius-lg);
  cursor:pointer;
  transition:all .3s cubic-bezier(0.32, 0.72, 0, 1);
}
.qr-entry:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 32px rgba(140,111,46,0.12);
}
.qr-entry-icon{
  width:48px;
  height:48px;
  border-radius:50%;
  background:var(--gold);
  color:var(--pure-white);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:1.2rem;
  flex-shrink:0;
}
.qr-entry-text{
  display:flex;
  flex-direction:column;
  text-align:left;
}
.qr-entry-text strong{
  font-family:var(--font-serif);
  color:var(--ink);
  font-size:var(--fs-body);
  letter-spacing:.1em;
}
.qr-entry-text small{
  color:var(--ink-3);
  font-size:var(--fs-tiny);
  margin-top:2px;
}

/* 模态弹窗遮罩：深金半透明 */
.qr-modal{
  position:fixed;
  inset:0;
  z-index:10000;
  display:none;
  align-items:center;
  justify-content:center;
}
.qr-modal.show{
  display:flex;
}
.qr-modal-overlay{
  position:absolute;
  inset:0;
  background:rgba(28, 26, 23, 0.5);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
/* 二维码卡片：白色 + 金色描边 + 大圆角 */
.qr-modal-card{
  position:relative;
  background:var(--pure-white);
  border:1px solid var(--gold-soft);
  border-radius:var(--radius-lg);
  padding:var(--gap-xl) var(--gap-lg);
  max-width:360px;
  width:90%;
  text-align:center;
  box-shadow:0 30px 80px rgba(28, 26, 23, 0.25);
  z-index:1;
}
/* 关闭按钮：金色圆形 */
.qr-modal-close{
  position:absolute;
  top:16px;
  right:16px;
  width:32px;
  height:32px;
  border-radius:50%;
  background:var(--gold-pale);
  color:var(--gold);
  border:1px solid var(--gold-soft);
  font-size:.85rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:all .25s ease;
}
.qr-modal-close:hover{
  background:var(--gold);
  color:var(--pure-white);
}
.qr-modal-title{
  font-family:var(--font-serif);
  font-size:var(--fs-h3);
  color:var(--ink);
  margin-top:6px;
  margin-bottom:var(--gap-md);
  letter-spacing:.1em;
}
/* 二维码容器：金色边框内嵌 */
.qr-code-box{
  width:200px;
  height:200px;
  margin:0 auto var(--gap-sm);
  padding:16px;
  background:var(--pure-white);
  border:2px solid var(--gold-soft);
  border-radius:var(--radius-md);
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
#qrCanvas canvas{
  display:block;
}
.qr-modal-hint{
  color:var(--ink-3);
  font-size:var(--fs-small);
  font-family:var(--font-serif);
  letter-spacing:.08em;
}

/* ============================================================
   微信引导遮罩
   ============================================================ */
.wechat-guide{
  display:none;position:fixed;top:0;left:0;width:100%;height:100%;
  background:rgba(0,0,0,0.7);z-index:9999;
}
.wechat-guide.show{display:block}
.wechat-guide .guide-content{
  position:absolute;top:20px;right:20px;color:var(--pure-white);text-align:right;
}
.wechat-guide .guide-text{font-size:18px;font-weight:700;margin-bottom:8px}
.wechat-guide .guide-tip{font-size:14px;opacity:.9}

/* ---------- 通用小组件 ---------- */
.divider{height:1px;background:var(--line-soft);border:0}

.eyebrow{
  font-family:var(--font-serif);font-size:var(--fs-small);
  color:var(--gold);letter-spacing:.3em;display:block;margin-bottom:var(--gap-sm);
}

.chip{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 14px;border-radius:var(--radius-full);
  background:var(--gold-pale);color:var(--gold-deep);
  font-size:var(--fs-tiny);font-weight:500;
}

/* 回到顶部 */
.back-top{
  position:fixed;bottom:32px;right:32px;
  width:44px;height:44px;border-radius:50%;
  background:var(--pure-white);border:1px solid var(--line);
  color:var(--gold);display:none;align-items:center;justify-content:center;
  box-shadow:var(--shadow-md);z-index:900;transition:all .3s ease;
}
.back-top.show{display:inline-flex}
.back-top:hover{background:var(--gold);color:var(--pure-white)}

/* ============================================================
   Features · 杂志式编辑排版
   - 大号衬线数字装饰 + 左右交替图文 + 手机框描边
   ============================================================ */

/* 模块区块：相对定位，为大号数字水印提供定位上下文，浅米底色区分区块 */
.module{
  position:relative;
  padding:var(--gap-xl) 0;
  overflow:hidden;
}
.module + .module{
  border-top:1px solid var(--line-soft);
}

/* 大号衬线数字水印：杂志风格，右下角超大金色描边数字 */
.module-num{
  position:absolute;
  top:var(--gap-lg);
  right:var(--gap-md);
  font-family:var(--font-serif);
  font-size:clamp(6rem, 14vw, 12rem);
  font-weight:700;
  color:var(--gold-pale);
  opacity:.5;
  letter-spacing:.02em;
  line-height:1;
  pointer-events:none;
  user-select:none;
  z-index:0;
}

/* 模块内容网格：文字 + 视觉 左右两栏 */
.module-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--gap-2xl);
  align-items:center;
  position:relative;
  z-index:1;
}

/* 文字栏：内部竖排金色细线，编辑风 */
.module-text-inner{
  max-width:520px;
  padding-left:var(--gap-md);
  border-left:2px solid var(--gold);
}

/* 手机截图框：黑色描边圆角，柔和阴影 */
.phone-frame{
  background:var(--ink);
  border-radius:36px;
  padding:10px;
  box-shadow:0 20px 50px rgba(28,26,23,0.16);
  display:inline-block;
  position:relative;
}
.phone-frame::before{
  /* 顶摄像头凹槽 */
  content:"";
  position:absolute;
  top:18px;
  left:50%;
  transform:translateX(-50%);
  width:52px;
  height:6px;
  background:var(--ink);
  border-radius:3px;
  z-index:2;
}
.phone-frame img{
  width:260px;
  height:auto;
  border-radius:26px;
  display:block;
}

/* 模块功能列表 */
.module-feature-list{
  margin-top:var(--gap-md);
}
.module-feature-list li{
  padding:10px 0;
  display:flex;
  gap:14px;
  align-items:flex-start;
  border-bottom:1px solid var(--line-soft);
}
.module-feature-list li:last-child{
  border-bottom:0;
}
.module-feature-list .feat-key{
  color:var(--gold);
  font-weight:700;
  font-family:var(--font-serif);
  font-size:var(--fs-small);
  min-width:60px;
  flex-shrink:0;
}
.module-feature-list .feat-desc{
  color:var(--ink-2);
  font-size:var(--fs-small);
  line-height:1.7;
}

/* 视觉栏：手机截图居中 */
.module-visual{
  display:flex;
  justify-content:center;
  align-items:center;
}

/* 起名模块：命名卡片在窄文字栏下竖向堆叠 */
.naming-cards{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--gap-sm);
  margin-top:var(--gap-md);
  max-width:100%;
}
.naming-card{
  background:var(--pure-white);
  border:1px solid var(--line-soft);
  border-radius:var(--radius-md);
  padding:var(--gap-sm);
  transition:all .3s ease;
}
.naming-card:hover{
  border-color:var(--gold-soft);
  box-shadow:var(--shadow-md);
}
.naming-card-icon{
  width:36px;
  height:36px;
  border-radius:var(--radius-sm);
  background:var(--gold-pale);
  color:var(--gold);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:0.95rem;
  margin-bottom:8px;
}
.naming-card h3{
  font-family:var(--font-serif);
  font-size:var(--fs-small);
  margin-bottom:4px;
}
.naming-card p{
  font-size:var(--fs-tiny);
  color:var(--ink-3);
  line-height:1.6;
}

/* 响应式：平板端（≤900px）改为单栏堆叠 */
@media (max-width: 900px){
  .module-grid{
    grid-template-columns:1fr;
    gap:var(--gap-lg);
    text-align:center;
  }
  .module-text-inner{
    max-width:100%;
    padding-left:0;
    border-left:0;
    padding-top:var(--gap-sm);
    border-top:2px solid var(--gold);
  }
  .module-text-inner .deco-line{
    margin:var(--gap-sm) auto;
  }
  .phone-frame img{
    width:220px;
  }
  .naming-cards{
    grid-template-columns:1fr;
  }
  .module-feature-list li{
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
  }
}

/* 响应式：手机端（≤600px）数字水印缩小 */
@media (max-width: 600px){
  .module-num{
    font-size:5rem;
    top:var(--gap-sm);
    right:var(--gap-sm);
  }
  .phone-frame img{
    width:180px;
  }
}

/* ============================================================
   Story · 三星寓意 — 编辑奢华纵列 + Double-Bezel 嵌套
   Vibe: Editorial Luxury | Layout: Asymmetrical Columns
   ============================================================ */

/* 三星容器：三纵列 + 顶部贯穿金线 */
.three-stars{
  position:relative;
  padding:var(--gap-xl) 0;
}

/* 贯穿金线：连接三星顶部，象征三者同聚 */
.stars-connector{
  position:absolute;
  top:calc(var(--gap-xl) + 52px);
  left:8%;
  right:8%;
  height:1px;
  background:linear-gradient(to right,
    transparent 0%,
    var(--gold-soft) 15%,
    var(--gold-soft) 85%,
    transparent 100%);
  z-index:0;
}

/* 顶部英文标签：微缩字号，均匀分布在金线上方 */
.stars-caps{
  position:absolute;
  top:calc(var(--gap-xl) + 24px);
  left:8%;
  right:8%;
  display:flex;
  justify-content:space-between;
  z-index:1;
}
.stars-caps span{
  font-family:var(--font-serif);
  font-size:var(--fs-tiny);
  color:var(--gold);
  letter-spacing:.35em;
  font-weight:600;
}

/* 三星卡片网格：三纵列，非对称等高 */
.three-stars{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:var(--gap-lg);
  align-items:stretch;
}

/* 每张卡片外层包裹：对齐顶部，留出版心内边距 */
.star-card{
  padding-top:calc(var(--gap-xl) + 88px);
  display:flex;
  flex-direction:column;
}

/* Double-Bezel 外框：暖金底 + 极细金线描边 + 大圆角，营造温润国风质感 */
.star-shell{
  background:var(--gold-pale);
  border:1px solid var(--gold-soft);
  border-radius:calc(var(--radius-lg) + 4px);
  padding:6px;
  box-shadow:0 12px 40px rgba(140,111,46,0.08);
  position:relative;
  z-index:1;
  transition:all .8s cubic-bezier(0.32, 0.72, 0, 1);
}
.star-shell:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 60px rgba(140,111,46,0.14);
}

/* Double-Bezel 内核：暖纸渐变，与页面主背景融合，避免纯白生硬对比 */
.star-inner{
  background:linear-gradient(160deg, var(--paper) 0%, var(--paper-warm) 100%);
  border-radius:calc(var(--radius-lg) + 2px);
  padding:var(--gap-lg);
  display:flex;
  flex-direction:column;
  position:relative;
  overflow:hidden;
  min-height:340px;
  box-shadow:inset 0 1px 0 var(--line-soft);
}
/* 内核顶部极淡高光：金色 1px 渐隐线 */
.star-inner::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:1px;
  background:linear-gradient(to right,
    transparent 0%,
    var(--gold-soft) 50%,
    transparent 100%);
  opacity:.5;
}

/* 标题区：主名 + 英文小标签，加大加粗凸显 */
.star-head{
  text-align:center;
  margin-bottom:var(--gap-md);
  padding-bottom:var(--gap-md);
  border-bottom:1px solid var(--line-soft);
  position:relative;
}
.star-head h3{
  font-family:var(--font-serif);
  font-size:3.6rem;
  color:var(--ink);
  margin-bottom:10px;
  letter-spacing:.25em;
  font-weight:700;
  position:relative;
  z-index:1;
  line-height:1.1;
}
.star-card-1 .star-head h3{
  color:var(--cinnabar);
}
.star-card-2 .star-head h3{
  color:var(--gold);
}
.star-card-3 .star-head h3{
  color:var(--gold-deep);
}
.star-tag{
  display:block;
  font-family:var(--font-serif);
  font-size:var(--fs-tiny);
  color:var(--gold);
  letter-spacing:.3em;
  font-weight:600;
  position:relative;
  z-index:1;
}

/* 描述文字 */
.star-inner p{
  color:var(--ink-2);
  font-size:var(--fs-small);
  line-height:1.8;
  text-align:center;
  margin:0 auto;
  max-width:280px;
}

/* 底部标签条：金色圆点 + 一句话总结 */
.star-meta{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:var(--gap-md);
  padding-top:var(--gap-sm);
  border-top:1px dashed var(--line-soft);
  font-family:var(--font-serif);
  font-size:var(--fs-tiny);
  color:var(--gold-deep);
  letter-spacing:.15em;
}
.meta-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--gold);
}

/* 入场动画：错峰淡入 */
.three-stars .star-card-1{
  animation-delay:0.05s;
}
.three-stars .star-card-2{
  animation-delay:0.15s;
}
.three-stars .star-card-3{
  animation-delay:0.25s;
}

/* 响应式：平板端（≤900px）纵列堆叠，连接器变垂直 */
@media (max-width: 900px){
  .three-stars{
    grid-template-columns:1fr;
    max-width:440px;
    margin:0 auto;
    padding:var(--gap-lg) 0;
  }
  .stars-connector{
    display:none;
  }
  .stars-caps{
    display:none;
  }
  .star-card{
    padding-top:0;
  }
  .star-inner{
    min-height:0;
  }
}

/* 响应式：手机端（≤600px）内边距收紧 */
@media (max-width: 600px){
  .star-inner{
    padding:var(--gap-md);
  }
  .star-head h3{
    font-size:2.8rem;
  }
  .three-stars{
    max-width:100%;
  }
}

/* ============================================================
   关于我们 · 编辑式公司简介（about.html）
   左：衬线宣言 + 金色竖线装饰 + 印章
   右：2×2 价值支柱网格，编号徽章 + 衬线标题
   ============================================================ */

.company-intro{
  display:grid;
  grid-template-columns:1fr 1.4fr;
  gap:var(--gap-2xl);
  align-items:start;
}

/* 左侧宣言区 */
.company-manifesto{
  position:relative;
  padding:var(--gap-lg) var(--gap-md) var(--gap-lg) var(--gap-lg);
  border-left:2px solid var(--gold);
}
.company-manifesto .eyebrow{
  font-family:var(--font-serif);
  font-size:var(--fs-tiny);
  color:var(--gold);
  letter-spacing:.35em;
  font-weight:600;
  display:block;
  margin-bottom:var(--gap-md);
}
.company-manifesto h2{
  font-family:var(--font-serif);
  font-size:clamp(1.8rem, 3vw, 2.4rem);
  color:var(--ink);
  font-weight:600;
  line-height:var(--lh-tight);
  margin-bottom:var(--gap-md);
}
.company-manifesto .deco-line{
  margin:var(--gap-sm) 0;
}
.company-manifesto .prose{
  font-size:var(--fs-small);
  color:var(--ink-2);
  line-height:var(--lh-loose);
  max-width:100%;
}
.company-manifesto .seal{
  position:absolute;
  bottom:var(--gap-sm);
  right:var(--gap-sm);
  width:52px;
  height:52px;
  font-size:1rem;
}

/* 右侧价值支柱 2×2 网格 */
.company-pillars{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  background:var(--line-soft);
  border:1px solid var(--line-soft);
  border-radius:var(--radius-md);
  overflow:hidden;
}
.company-pillar{
  background:var(--paper);
  padding:var(--gap-md) var(--gap-md);
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:160px;
  position:relative;
}
.company-pillar .pillar-no{
  font-family:var(--font-serif);
  font-size:var(--fs-tiny);
  color:var(--gold);
  letter-spacing:.3em;
  font-weight:600;
  line-height:1;
}
.company-pillar .pillar-title{
  font-family:var(--font-serif);
  font-size:1.15rem;
  color:var(--ink);
  font-weight:600;
  line-height:var(--lh-tight);
  margin:0;
}
.company-pillar .pillar-desc{
  font-size:var(--fs-tiny);
  color:var(--ink-3);
  line-height:1.7;
  margin:0;
}

/* 响应式：平板端纵列 */
@media (max-width: 900px){
  .company-intro{
    grid-template-columns:1fr;
    gap:var(--gap-xl);
  }
  .company-manifesto{
    padding:var(--gap-md);
    border-left:2px solid var(--gold);
    border-top:none;
  }
  .company-pillars{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width: 600px){
  .company-pillars{
    grid-template-columns:1fr;
  }
  .company-pillar{
    min-height:0;
  }
}

/* ============================================================
   FAQ · 常见问题
   ============================================================ */
.faq-list{
  max-width:840px;margin:0 auto;display:flex;flex-direction:column;gap:var(--gap-sm);
}
.faq-item{
  background:var(--paper);border:1px solid var(--line-soft);
  border-radius:var(--radius-lg);padding:var(--gap-md) var(--gap-lg);
  transition:all .3s ease;
}
.faq-item:hover{
  border-color:var(--gold-soft);box-shadow:var(--shadow-md);
}
.faq-q{
  font-family:var(--font-serif);font-size:var(--fs-h3);
  color:var(--ink);font-weight:600;margin-bottom:var(--gap-xs);
  display:flex;align-items:center;gap:12px;
}
.faq-q::before{
  content:"";flex-shrink:0;width:6px;height:22px;background:var(--gold);border-radius:2px;
}
.faq-a{
  font-size:var(--fs-small);color:var(--ink-3);line-height:var(--lh-loose);
}

/* 轮播滑动引导提示 */
.carousel-hint{
  margin-top:var(--gap-md);text-align:center;
  font-family:var(--font-serif);font-size:var(--fs-tiny);
  color:var(--ink-4);letter-spacing:.2em;
  display:flex;align-items:center;justify-content:center;gap:10px;
}
.carousel-hint i{color:var(--gold-soft);font-size:.85rem}

/* PC 端四张卡片完整展示，无需滑动提示，仅移动端显示 */
@media (min-width: 900px){
  .carousel-hint{display:none}
}

/* ============================================================
   四大功能 · Editorial Split 布局
   ============================================================ */
.features-editorial{
  padding:var(--gap-2xl) 0;
}
.features-split{
  display:grid;
  grid-template-columns:0.85fr 1.15fr;
  gap:var(--gap-2xl);
  align-items:start;
}
.features-left{
  position:relative;
  padding-left:var(--gap-lg);
  border-left:2px solid var(--gold);
  padding-top:var(--gap-sm);
}
.features-eyebrow{
  font-family:var(--font-serif);
  font-size:var(--fs-small);
  color:var(--gold);
  letter-spacing:.3em;
  display:block;
  margin-bottom:var(--gap-md);
}
.features-num{
  position:absolute;
  top:-40px;
  right:-20px;
  font-family:var(--font-serif);
  font-size:clamp(6rem, 12vw, 10rem);
  font-weight:700;
  color:var(--gold-pale);
  opacity:.7;
  line-height:1;
  letter-spacing:0;
  pointer-events:none;
  user-select:none;
}
.features-h{
  font-family:var(--font-serif);
  font-size:var(--fs-h1);
  color:var(--ink);
  font-weight:600;
  line-height:var(--lh-tight);
  margin-bottom:var(--gap-md);
}
.features-desc{
  font-size:var(--fs-small);
  color:var(--ink-3);
  line-height:var(--lh-loose);
  max-width:320px;
}
.features-right{
  display:flex;
  flex-direction:column;
  gap:0;
  padding:0;
  list-style:none;
}
.feature-row{
  display:grid;
  grid-template-columns:auto auto 1fr;
  align-items:center;
  gap:var(--gap-md);
  padding:var(--gap-md) 0;
  border-bottom:1px solid var(--line-soft);
  position:relative;
  transition:all .4s cubic-bezier(0.32, 0.72, 0, 1);
}
.feature-row:first-child{
  border-top:1px solid var(--line-soft);
}
.feature-row:hover{
  padding-left:var(--gap-sm);
  border-bottom-color:var(--gold-soft);
}
.feature-row-num{
  font-family:var(--font-serif);
  font-size:var(--fs-h3);
  color:var(--gold);
  font-weight:700;
  min-width:28px;
  text-align:center;
}
.feature-row-icon{
  width:48px;height:48px;border-radius:50%;
  background:var(--gold-pale);color:var(--gold);
  display:inline-flex;align-items:center;justify-content:center;
  font-size:1.1rem;flex-shrink:0;
  transition:all .35s ease;
}
.feature-row:hover .feature-row-icon{
  background:var(--gold);color:var(--pure-white);
}
.feature-row-text{
  display:flex;flex-direction:column;gap:4px;
}
.feature-row-title{
  font-family:var(--font-serif);
  font-size:var(--fs-h3);
  color:var(--ink);font-weight:600;
}
.feature-row-desc{
  font-size:var(--fs-small);
  color:var(--ink-3);
  line-height:1.7;
}

@media (max-width: 900px){
  .features-split{
    grid-template-columns:1fr;
    gap:var(--gap-xl);
  }
  .features-left{
    padding-left:0;
    border-left:0;
    border-top:2px solid var(--gold);
    padding-top:var(--gap-md);
    padding-right:var(--gap-md);
  }
  .features-num{
    position:static;
    font-size:5rem;
    margin-top:var(--gap-sm);
    display:block;
  }
  .feature-row{
    grid-template-columns:auto 1fr;
  }
  .feature-row-num{display:none}
}

/* ============================================================
   为什么选择我们 · 双列非对称
   左：核心优势大卡片（壹，米金底 + 衬线大字水印）
   右：序号索引列（02/03/04，纯衬线编辑风，无图标）
   ============================================================ */
.advantages-section{
  padding:var(--gap-2xl) 0;
}
.adv-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--gap-xl);
  align-items:stretch;
}

/* 左侧核心优势卡 */
.adv-hero{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:var(--gap-xl) var(--gap-lg);
  background:var(--gold-pale);
  border:1px solid var(--gold-soft);
  border-radius:var(--radius-lg);
  box-shadow:0 8px 24px rgba(139,111,46,0.10);
  overflow:hidden;
  min-height:400px;
  transition:all .5s cubic-bezier(0.32, 0.72, 0, 1);
}
.adv-hero:hover{
  box-shadow:0 16px 40px rgba(139,111,46,0.20);
}
.adv-hero-watermark{
  position:absolute;
  top:-24px;
  right:24px;
  font-family:var(--font-serif);
  font-size:clamp(8rem, 22vw, 16rem);
  font-weight:700;
  color:var(--gold-soft);
  opacity:.18;
  line-height:1;
  letter-spacing:0;
  pointer-events:none;
  user-select:none;
}
.adv-hero-inner{
  position:relative;
  z-index:1;
  display:flex;flex-direction:column;
  gap:var(--gap-sm);
  max-width:360px;
}
.adv-hero-eyebrow{
  font-family:var(--font-serif);
  font-size:var(--fs-tiny);
  color:var(--gold-deep);
  letter-spacing:.3em;
  font-weight:600;
}
.adv-hero-title{
  font-family:var(--font-serif);
  font-size:var(--fs-h1);
  color:var(--ink);
  font-weight:700;
  letter-spacing:.02em;
}
.adv-hero-sep{
  width:36px;height:2px;background:var(--gold);
  border:0;display:block;
}
.adv-hero-desc{
  font-size:var(--fs-small);
  color:var(--ink-2);
  line-height:var(--lh-loose);
  margin-top:4px;
}
.adv-hero-tags{
  display:flex;flex-wrap:wrap;
  gap:8px;
  margin-top:var(--gap-sm);
}
.adv-tag{
  font-family:var(--font-serif);
  font-size:var(--fs-tiny);
  color:var(--gold-deep);
  letter-spacing:.15em;
  padding:5px 12px;
  background:var(--pure-white);
  border:1px solid var(--gold-soft);
  border-radius:var(--radius-full);
}

/* 右侧序号索引列 */
.adv-indices{
  display:flex;
  flex-direction:column;
  list-style:none;
  padding:0;
  margin:0;
  gap:0;
}
.adv-index{
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:var(--gap-md);
  padding:var(--gap-md) 0;
  border-bottom:1px solid var(--line-soft);
  align-items:baseline;
  transition:all .4s cubic-bezier(0.32, 0.72, 0, 1);
}
.adv-index:first-child{
  border-top:1px solid var(--line-soft);
}
.adv-index:last-child{
  border-bottom:0;
}
.adv-index:hover{
  padding-left:var(--gap-sm);
}
.adv-index-num{
  font-family:var(--font-serif);
  font-size:clamp(2.8rem, 5vw, 3.6rem);
  font-weight:700;
  color:var(--gold);
  line-height:1;
  letter-spacing:0;
}
.adv-index-body{
  display:flex;flex-direction:column;
  gap:6px;
  padding-top:6px;
}
.adv-index-title{
  font-family:var(--font-serif);
  font-size:var(--fs-h3);
  color:var(--ink);
  font-weight:600;
  letter-spacing:.05em;
}
.adv-index-desc{
  font-size:var(--fs-small);
  color:var(--ink-3);
  line-height:var(--lh-base);
  max-width:360px;
}

/* 平板端：单栏堆叠 */
@media (max-width: 900px){
  .adv-split{
    grid-template-columns:1fr;
    gap:var(--gap-lg);
  }
  .adv-hero{
    min-height:320px;
  }
  .adv-hero-inner{
    max-width:100%;
  }
  .adv-index{
    grid-template-columns:auto 1fr;
    align-items:center;
  }
  .adv-index-num{
    font-size:2.4rem;
  }
}

/* 手机端：hero 紧凑 + 索引列横向紧凑 */
@media (max-width: 600px){
  .adv-hero{
    padding:var(--gap-lg) var(--gap-md);
    min-height:260px;
  }
  .adv-hero-watermark{
    font-size:6rem;
    top:-16px;
    right:16px;
  }
  .adv-hero-title{
    font-size:var(--fs-h2);
  }
  .adv-index{
    padding:var(--gap-sm) 0;
    column-gap:var(--gap-sm);
  }
  .adv-index-num{
    font-size:2rem;
  }
  .adv-index-desc{
    max-width:100%;
  }
}