/* ============================================================
   Bright Voice 官网 v2 · 暖米×深咖×鎏金
   字形沿用原 LOGO（assets/logo-gold|brown|cream.png），未做任何字体回退
   ============================================================ */

:root{
  --paper:#F4EEE1;          /* 暖米底 */
  --paper-soft:#EFE7D6;     /* 米色加深 */
  --surface:#FFFFFF;        /* 纯白卡 */
  --surface-warm:#FBF7ED;   /* 暖白卡 */
  --ink:#2E2117;            /* 深咖墨 */
  --ink-soft:#4C3B2B;
  --muted:#8C7A63;
  --line:#E6DCC7;
  --line-soft:#EFE8D8;
  --brown:#3E2B1D;          /* 品牌深咖 */
  --brown-2:#2A1B11;
  --gold:#C9972E;           /* 鎏金 */
  --gold-strong:#B9821F;
  --gold-wash:#F7EBD1;
  --dark:#25180E;           /* 深色卡/页脚 */
  --dark-2:#3A2A1E;
  --radius:16px;
  --radius-lg:24px;
  --ease:cubic-bezier(.16,1,.3,1);
  --shadow-sm:0 1px 2px rgba(46,33,23,.05),0 2px 8px rgba(46,33,23,.05);
  --shadow-md:0 4px 12px rgba(46,33,23,.07),0 12px 32px rgba(46,33,23,.09);
  --shadow-lg:0 8px 24px rgba(46,33,23,.12),0 24px 64px rgba(46,33,23,.14);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:"PingFang SC","Microsoft YaHei","Segoe UI","Noto Sans SC",sans-serif;
  background:var(--paper);color:var(--ink);line-height:1.75;-webkit-font-smoothing:antialiased;
}
::selection{background:var(--gold);color:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font-family:inherit}

.container{max-width:1200px;margin:0 auto;padding:0 32px}
.narrow{max-width:880px;margin:0 auto}

/* ---------- LOGO（原图字标 / 颜色按背景选 PNG） ---------- */
.brand{display:inline-flex;align-items:center;line-height:0}
.brand-logo{height:32px;width:auto;display:block}
.on-dark .brand-logo{height:30px}

/* ---------- 通用文字 ---------- */
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:13px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
  color:var(--gold-strong);
}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--gold);border-radius:2px}
h1,h2,h3,h4{font-weight:800;line-height:1.25;letter-spacing:-.01em;color:var(--ink)}
.section-head{max-width:680px;margin:0 auto 56px;text-align:center}
.section-head h2{font-size:clamp(28px,3.4vw,40px);margin:14px 0 12px}
.section-head p{color:var(--muted);font-size:17px}
section{padding:96px 0}

/* ---------- 顶部导航 ---------- */
.navbar{
  position:sticky;top:0;z-index:100;
  background:rgba(244,238,225,.88);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-soft);
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:76px}
.nav-links{display:flex;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px}
.nav-links a{
  padding:8px 18px;font-size:14px;font-weight:500;
  color:var(--ink-soft);border-radius:999px;transition:.3s var(--ease);
}
.nav-links a:hover{color:var(--ink)}
.nav-links a.active{background:var(--brown);color:var(--paper)}

/* ---------- Hero ---------- */
.hero{padding:80px 0 64px}
.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}
.hero-tag{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 14px;border-radius:999px;
  background:var(--surface-warm);border:1px solid var(--line);
  font-size:13.5px;font-weight:600;color:var(--brown);
}
.hero-tag .pulse{
  width:8px;height:8px;border-radius:50%;background:var(--gold-strong);
  box-shadow:0 0 0 0 rgba(201,151,46,.5);
  animation:pulse 2.2s infinite;
}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(201,151,46,.45)}
  70%{box-shadow:0 0 0 10px rgba(201,151,46,0)}
  100%{box-shadow:0 0 0 0 rgba(201,151,46,0)}
}
.hero h1{font-size:clamp(46px,5.6vw,84px);margin:22px 0 24px;letter-spacing:-.02em}
.hero h1 .serif{
  background:linear-gradient(135deg,var(--brown) 0%,var(--gold-strong) 60%,var(--brown-2) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-sub{font-size:18px;color:var(--ink-soft);max-width:540px;margin-bottom:36px}
.hero-sub .hl{color:var(--brown);font-weight:700;border-bottom:2px solid var(--gold-wash);padding-bottom:1px}

.cta-buttons{display:flex;gap:14px;flex-wrap:wrap}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 28px;border-radius:999px;font-size:15px;font-weight:600;
  transition:.35s var(--ease);cursor:pointer;border:1px solid transparent;
}
.btn-primary{background:var(--brown);color:var(--paper);box-shadow:var(--shadow-md)}
.btn-primary:hover{background:var(--brown-2);transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.btn-ghost{background:transparent;color:var(--brown);border-color:var(--brown)}
.btn-ghost:hover{background:var(--brown);color:var(--paper)}
.btn-gold{
  background:linear-gradient(135deg,var(--gold) 0%,var(--gold-strong) 100%);
  color:#fff;box-shadow:0 4px 14px rgba(201,151,46,.3);
}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(201,151,46,.4)}

/* ---------- Hero 右侧卡片 ---------- */
.hero-card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  overflow:hidden;box-shadow:var(--shadow-lg);
}
.hero-card-head{
  display:flex;align-items:center;gap:8px;padding:14px 20px;
  background:var(--surface-warm);border-bottom:1px solid var(--line);
}
.dot{width:11px;height:11px;border-radius:50%}
.dot.red{background:#E58471}.dot.yellow{background:#E7C26A}.dot.green{background:#7FB069}
.card-title{margin-left:auto;font-size:13px;color:var(--muted);letter-spacing:.04em}
.hero-card-body{padding:28px}
.step-label{
  font-size:12.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold-strong);margin-bottom:18px;
}
.frame-demo{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}
.frame-row{
  display:flex;align-items:flex-start;gap:14px;padding:12px 14px;
  background:var(--surface-warm);border-radius:12px;border-left:3px solid var(--gold);
}
.frame-no{
  flex-shrink:0;width:26px;height:26px;border-radius:8px;
  display:grid;place-items:center;background:var(--brown);color:var(--paper);
  font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:14px;
}
.frame-row b{display:block;font-size:15px;color:var(--brown);margin-bottom:2px}
.frame-row i{font-style:normal;font-size:13.5px;color:var(--muted)}
.loop-demo{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.loop-node{
  padding:6px 12px;border-radius:999px;
  background:var(--paper-soft);color:var(--ink-soft);font-size:13px;font-weight:500;
  border:1px solid var(--line);
}
.loop-node.ai{
  background:var(--brown);color:var(--paper);border-color:var(--brown);
}
.loop-arrow{color:var(--gold-strong);font-size:14px;font-weight:700}

/* ---------- 小程序入口：搜索引导（二维码待小程序上线后替换） ---------- */
.wx-entry{
  margin-top:18px;padding:22px 24px;text-align:center;
  background:var(--surface);border:1px solid var(--gold-wash);
  border-radius:var(--radius);box-shadow:var(--shadow-sm);
}
.wx-entry .wx-label{
  display:block;font-size:12px;letter-spacing:.22em;
  color:var(--muted);text-transform:uppercase;margin-bottom:4px;
}
.wx-entry .wx-name{
  display:block;font-family:"Playfair Display",Georgia,serif;
  font-size:30px;font-weight:700;color:var(--brown);
  letter-spacing:.01em;line-height:1.25;margin-bottom:8px;
}
.wx-entry p{font-size:13px;color:var(--muted);line-height:1.6}
.wx-entry .wx-steps{
  display:flex;align-items:center;justify-content:center;gap:8px;
  flex-wrap:wrap;margin-top:12px;font-size:12.5px;color:var(--ink-soft);
}
.wx-entry .wx-steps span{
  padding:5px 12px;border-radius:999px;
  background:var(--surface-warm);border:1px solid var(--line);
}
.wx-entry .wx-steps i{font-style:normal;color:var(--gold-strong);font-weight:700}

/* ---------- 品牌介绍引述 ---------- */
.brand-intro{padding:64px 0 88px;background:var(--surface-warm);border-radius:var(--radius-lg)}
.brand-card{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:48px 56px;
  box-shadow:var(--shadow-sm);position:relative;overflow:hidden;
}
.brand-card::before{
  content:"“";position:absolute;top:-26px;left:28px;
  font-family:Georgia,serif;font-size:150px;color:var(--gold-wash);line-height:1;
}
.brand-card p{position:relative;color:var(--ink-soft);font-size:16.5px;margin-bottom:16px}
.brand-card p:last-child{margin-bottom:0}
.brand-card strong{color:var(--brown)}

/* ---------- 核心优势卡片 ---------- */
.feature-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.feature-card{
  grid-column:span 6;
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);padding:32px 30px;
  transition:.4s var(--ease);position:relative;overflow:hidden;
}
.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--gold-wash)}
.feature-card.core{
  grid-column:span 12;
  background:linear-gradient(135deg,var(--brown) 0%,var(--brown-2) 100%);
  color:#F7F0E2;border-color:transparent;
}
.feature-card.core p{color:rgba(247,240,226,.78)}
.feature-card.highlight{
  grid-column:span 12;
  background:linear-gradient(135deg,var(--dark-2) 0%,var(--brown-2) 100%);
  color:#FBF7ED;border-color:transparent;
}
.feature-card.highlight p{color:rgba(251,247,237,.72)}
.feature-card h3{
  font-size:21px;margin:18px 0 10px;
}
.feature-card.core h3,.feature-card.highlight h3{color:#F7F0E2;font-size:24px}
.feature-card p{font-size:14.5px;color:var(--muted);line-height:1.7}
.feature-icon{
  width:54px;height:54px;border-radius:14px;
  display:grid;place-items:center;font-size:26px;
}
.badge{
  display:inline-block;padding:4px 12px;border-radius:999px;
  font-size:12px;font-weight:700;letter-spacing:.05em;
}
.badge-core{background:rgba(247,235,209,.16);color:#F7EBD1;border:1px solid rgba(247,235,209,.32)}
.badge-hl{background:rgba(201,151,46,.18);color:#F7EBD1;border:1px solid rgba(201,151,46,.4)}

/* ---------- 方法论体系卡片 ---------- */
.method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.method-card{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:36px 32px;
  transition:.4s var(--ease);
}
.method-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.method-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}
.method-name{
  font-family:"Playfair Display",Georgia,serif;
  font-size:30px;font-weight:700;color:var(--brown);letter-spacing:.04em;line-height:1;
}
.method-tag{
  font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;
  background:var(--gold-wash);color:var(--gold-strong);
}
.method-card h3{font-size:18px;margin-bottom:14px;color:var(--brown)}
.method-card .desc{font-size:14.5px;color:var(--ink-soft);margin-bottom:18px}
.method-steps{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;padding-top:14px;border-top:1px dashed var(--line)}
.method-step{display:flex;gap:14px}
.method-step b{
  display:block;font-family:"Playfair Display",Georgia,serif;
  font-size:15.5px;color:var(--gold-strong);letter-spacing:.04em;
  min-width:30px;
}
.method-step p{font-size:14px;color:var(--ink-soft)}
.method-when{
  font-size:13px;color:var(--muted);padding-top:14px;
  border-top:1px solid var(--line-soft);
}
.method-when b{color:var(--brown)}

/* ---------- 场景双栏 ---------- */
.scene-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.scene-card{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:36px;transition:.4s var(--ease);
}
.scene-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}
.scene-icon{
  width:60px;height:60px;border-radius:18px;
  display:grid;place-items:center;font-size:30px;
  margin-bottom:18px;
}
.scene-card.work .scene-icon{background:var(--gold-wash);color:var(--gold-strong)}
.scene-card.life .scene-icon{background:var(--paper-soft);color:var(--brown)}
.scene-card h3{font-size:22px;margin-bottom:14px;color:var(--ink)}
.scene-card ul{list-style:none;padding:0;margin-top:14px}
.scene-card li{
  position:relative;padding:8px 0 8px 22px;
  font-size:14.5px;color:var(--ink-soft);
  border-bottom:1px solid var(--line-soft);
}
.scene-card li:last-child{border-bottom:none}
.scene-card li::before{
  content:"";position:absolute;left:0;top:17px;
  width:8px;height:1px;background:var(--gold);
}

/* ---------- 训练体系（产品页） ---------- */
.training-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.training-card{
  grid-column:span 4;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);padding:30px 28px;
  transition:.4s var(--ease);
}
.training-card.core{
  grid-column:span 6;
  background:linear-gradient(135deg,var(--brown) 0%,var(--brown-2) 100%);
  color:#F7F0E2;border-color:transparent;
}
.training-card.core p{color:rgba(247,240,226,.74)}
.training-card.highlight{
  grid-column:span 6;
  background:linear-gradient(135deg,var(--dark-2) 0%,var(--brown-2) 100%);
  color:#FBF7ED;border-color:transparent;
}
.training-card.highlight p{color:rgba(251,247,237,.7)}
.training-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.training-card h3{font-size:18px;margin:14px 0 10px}
.training-card.core h3,.training-card.highlight h3{color:#F7F0E2;font-size:21px}
.training-card p{font-size:14px;color:var(--muted);line-height:1.7}
.training-no{
  font-family:"Playfair Display",Georgia,serif;font-size:42px;font-weight:700;
  line-height:1;color:var(--gold-strong);
}
.training-card.core .training-no,.training-card.highlight .training-no{color:#F7EBD1}

/* ---------- 适配人群 ---------- */
.people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.people-card{
  text-align:center;padding:32px 20px;
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);transition:.4s var(--ease);
}
.people-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.people-emoji{font-size:42px;margin-bottom:10px}
.people-card h3{font-size:17px;margin:8px 0 10px;color:var(--brown)}
.people-card p{font-size:13.5px;color:var(--muted);line-height:1.65}

/* ---------- 引述卡 ---------- */
.mission{
  margin-top:32px;background:var(--gold-wash);
  border-left:4px solid var(--gold);border-radius:0 var(--radius) var(--radius) 0;padding:24px 28px;
}
.mission p{color:var(--brown)!important;font-size:16.5px!important}

/* ---------- CTA Band ---------- */
.cta-band{background:var(--brown);color:var(--paper)}
.cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:48px;flex-wrap:wrap}
.cta-band h2{color:var(--paper);font-size:clamp(24px,2.6vw,32px);margin-bottom:14px}
.cta-band p{color:rgba(244,238,225,.7);max-width:560px}
.cta-band .wx-entry{
  background:rgba(244,238,225,.07);
  border-color:rgba(255,225,166,.32);
  box-shadow:none;min-width:280px;
}
.cta-band .wx-entry .wx-label{color:rgba(244,238,225,.5)}
.cta-band .wx-entry .wx-name{color:#FFE1A6}
.cta-band .wx-entry p{color:rgba(244,238,225,.68)}
.cta-band .wx-entry .wx-steps{color:rgba(244,238,225,.75)}
.cta-band .wx-entry .wx-steps span{
  background:rgba(244,238,225,.08);border-color:rgba(255,225,166,.22);
}
.cta-band .wx-entry .wx-steps i{color:#FFE1A6}

/* ---------- 页脚 ---------- */
.footer{background:var(--dark);color:rgba(247,240,226,.66);padding:64px 0 40px;font-size:14px}
.footer-top{display:flex;justify-content:space-between;gap:48px;flex-wrap:wrap;padding-bottom:40px;border-bottom:1px solid rgba(255,229,178,.12)}
.footer-brand{display:flex;flex-direction:column;gap:14px}
.footer-brand .brand-logo{height:30px}
.footer-slogan{font-size:13px;color:rgba(247,240,226,.45);letter-spacing:.1em}
.footer-info p{margin-bottom:8px}
.footer-info a{color:rgba(247,240,226,.78);border-bottom:1px dashed rgba(247,240,226,.25);transition:.25s var(--ease)}
.footer-info a:hover{color:#FFE1A6;border-bottom-color:#FFE1A6}
.footer-bot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-top:32px;font-size:13px}
.footer-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.footer-links a{color:rgba(247,240,226,.78);border-bottom:1px dashed rgba(247,240,226,.3)}
.footer-links a:hover{color:#FFE1A6}
.footer-links .note{color:rgba(247,240,226,.35)}
.footer-declare{color:rgba(247,240,226,.45);font-size:12.5px;margin-top:18px;text-align:center;width:100%}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .hero-inner{grid-template-columns:1fr;gap:48px}
  .feature-grid{gap:14px}
  .method-grid,.scene-grid{grid-template-columns:1fr}
  .training-card.core,.training-card.highlight{grid-column:span 12}
  .training-card{grid-column:span 6}
  .people-grid{grid-template-columns:repeat(2,1fr)}
  .brand-card{padding:36px 28px}
  .cta-band .container{flex-direction:column;text-align:center}
}
@media (max-width:720px){
  .container{padding:0 20px}
  .nav-inner{height:64px}
  .brand-logo{height:26px}
  .hero{padding:48px 0 32px}
  .hero h1{font-size:42px}
  .hero-sub{font-size:16px}
  section{padding:64px 0}
  .feature-card,.feature-card.core,.feature-card.highlight{grid-column:span 12}
  .feature-card{padding:26px 22px}
  .training-card,.training-card.core,.training-card.highlight{grid-column:span 12}
  .people-grid{grid-template-columns:1fr}
  .method-card,.scene-card{padding:28px 22px}
  .brand-card{padding:28px 22px}
}

/* ---------- 滚动渐入动画 ---------- */
.fade-in{opacity:0;transform:translateY(20px);transition:.7s var(--ease)}
.fade-in.visible{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
  .fade-in{opacity:1;transform:none;transition:none}
  .hero-tag .pulse{animation:none}
}