/* ============================================================
   Motion & Polish v20260824 —— 动效与精致化层
   加载顺序：style.css 之后；全站遵守 prefers-reduced-motion
   ============================================================ */
:root{
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
  --ring:rgba(255,122,43,.5);
}

/* ---------- 阅读进度条 ---------- */
#scrollProgress{position:fixed;top:0;left:0;right:0;height:3px;z-index:999;pointer-events:none;background:linear-gradient(90deg,var(--orange),#ffb26b);transform:scaleX(0);transform-origin:0 50%;box-shadow:0 1px 6px rgba(255,122,43,.35)}

/* ---------- 顶栏：滚动收窄 + 毛玻璃 ---------- */
.site-header{transition:box-shadow .35s var(--ease-io)}
.site-header.scrolled{background:rgba(10,31,61,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(10,31,61,.18)}
.site-header .header-inner{transition:height .35s var(--ease-io)}
.site-header.scrolled .header-inner{height:60px}

/* 导航下划线生长 */
.main-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:var(--orange);transform:scaleX(0);transform-origin:left center;transition:transform .25s var(--ease-io)}
.main-nav a:hover::after,.main-nav a.active::after{transform:scaleX(1)}

/* ---------- 首屏：慢推镜头 + 文字阶梯入场 ---------- */
.hero-slide::before{content:"";position:absolute;inset:-4%;z-index:0;background:inherit;background-size:cover;background-position:center;opacity:0;transform:scale(1.08);transition:opacity .8s var(--ease-io);will-change:transform}
.hero-slide.is-active::before{opacity:1;animation:heroZoom 9s var(--ease-out) forwards}
@keyframes heroZoom{from{transform:scale(1.08)}to{transform:scale(1.18)}}

.hero-content{will-change:transform,opacity}
.hero-content>*{opacity:0;transform:translateY(28px)}
.hero-slide.is-active .hero-content>*{animation:heroIn .75s var(--ease-out) forwards}
.hero-slide.is-active .hero-content>*:nth-child(1){animation-delay:.15s}
.hero-slide.is-active .hero-content>*:nth-child(2){animation-delay:.32s}
.hero-slide.is-active .hero-content>*:nth-child(3){animation-delay:.5s}
@keyframes heroIn{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}

/* 下滑提示（右下角，避开轮播指示点） */
.hero-scroll{position:absolute;right:28px;bottom:30px;z-index:6;display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,.9);font-size:12px;letter-spacing:3px;opacity:0;animation:heroIn 1s var(--ease-out) 1.1s forwards;pointer-events:none}
.hero-scroll .mouse{width:24px;height:38px;border:2px solid rgba(255,255,255,.75);border-radius:14px;position:relative}
.hero-scroll .mouse::after{content:"";position:absolute;left:50%;top:7px;width:4px;height:9px;margin-left:-2px;border-radius:3px;background:#fff;animation:wheel 1.7s var(--ease-io) infinite}
@keyframes wheel{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(12px)}100%{opacity:0}}

/* ---------- 滚动入场增强 ---------- */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .55s var(--ease-out),transform .35s var(--ease-out),box-shadow .3s var(--ease);transition-delay:var(--rd,0s);will-change:opacity,transform}
.reveal-left{transform:translateX(-36px)}
.reveal-right{transform:translateX(36px)}
.reveal-zoom{transform:scale(.9)}
.reveal.is-visible{opacity:1;transform:none;transition-delay:0s}

/* 组合容器：子元素依次入场 */
.reveal-stagger>*{opacity:0;transform:translateY(20px);transition:opacity .55s var(--ease-out),transform .55s var(--ease-out);transition-delay:calc(var(--i,0)*.09s)}
.reveal-stagger>*:nth-child(2){--i:1}
.reveal-stagger>*:nth-child(3){--i:2}
.reveal-stagger>*:nth-child(4){--i:3}
.reveal-stagger>*:nth-child(5){--i:4}
.reveal-stagger>*:nth-child(6){--i:5}
.reveal-stagger>*:nth-child(7){--i:6}
.reveal-stagger>*:nth-child(8){--i:7}
.reveal-stagger.is-visible>*{opacity:1;transform:none}

/* 卡片级联入场（未可见时才带延迟，避免影响 hover） */
.values-grid .reveal:not(.is-visible):nth-child(2),.bento-grid .reveal:not(.is-visible):nth-child(2),.news-grid .reveal:not(.is-visible):nth-child(2),.advantage-grid .reveal:not(.is-visible):nth-child(2){--rd:.1s}
.values-grid .reveal:not(.is-visible):nth-child(3),.bento-grid .reveal:not(.is-visible):nth-child(3),.news-grid .reveal:not(.is-visible):nth-child(3),.advantage-grid .reveal:not(.is-visible):nth-child(3){--rd:.2s}
.bento-grid .reveal:not(.is-visible):nth-child(4),.advantage-grid .reveal:not(.is-visible):nth-child(4){--rd:.3s}

/* 标题下划线绘制 */
.section-title{position:relative}
.section-title::after{content:"";display:block;width:64px;height:4px;border-radius:4px;margin:14px auto 0;background:linear-gradient(90deg,var(--orange),#ffb26b);transform:scaleX(0);transform-origin:center;transition:transform .6s var(--ease-out) .12s}
.section-title.is-visible::after{transform:scaleX(1)}

/* ---------- 卡片交互 ---------- */
.value-card,.bento-card,.news-card,.advantage-card,.contact-card{position:relative;will-change:transform}
.value-card:hover .value-icon,.advantage-card:hover .advantage-icon{transform:translateY(-3px) rotate(-6deg) scale(1.1)}
.bento-card{overflow:hidden}
.bento-card::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.14) 45%,transparent 60%);transform:translateX(-130%);transition:transform .85s var(--ease-io);pointer-events:none}
.bento-card:hover::after{transform:translateX(130%)}
.more{transition:transform .3s var(--ease-io),color .3s var(--ease)}
.bento-card:hover .more,.news-card:hover .more{transform:translateX(5px)}

/* ---------- 按钮光扫 + 悬浮 ---------- */
.btn{position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translateX(-140%);transition:transform .7s var(--ease-io);pointer-events:none}
.btn:hover::after{transform:translateX(140%)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(255,122,43,.35)}
.btn-outline:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(255,122,43,.18)}

/* ---------- CTA / 内页头：渐变缓慢漂移 ---------- */
.cta-banner,.page-hero{background:linear-gradient(120deg,var(--navy),var(--blue),var(--navy));background-size:220% 220%;animation:ctaDrift 14s ease-in-out infinite alternate}
@keyframes ctaDrift{0%{background-position:0% 50%}100%{background-position:100% 50%}}

/* ---------- 智能客服：呼吸光环 ---------- */
.chat-fab::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(255,122,43,.55);animation:fabPulse 2.8s var(--ease-io) infinite;pointer-events:none}
@keyframes fabPulse{0%{transform:scale(.95);opacity:.85}70%{transform:scale(1.22);opacity:0}100%{opacity:0}}

/* ---------- FAQ 手风琴 ---------- */
.faq-item{transition:box-shadow .3s var(--ease-io),border-color .3s var(--ease-io)}
.faq-item:hover{box-shadow:0 10px 26px rgba(10,31,61,.1)}
.faq-item[open]{box-shadow:0 14px 34px rgba(10,31,61,.12)}
.faq-item summary{cursor:pointer;transition:color .2s}
.faq-item summary::after{content:"+";transition:transform .35s var(--ease-io),color .3s}
.faq-item[open] summary::after{content:"+";transform:rotate(135deg);color:var(--orange-deep)}
.faq-item p{animation:faqIn .35s var(--ease-out)}
@keyframes faqIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ---------- 服务对比表 / 流程 / 关键信息卡 ---------- */
.service-compare tbody tr{transition:background .25s var(--ease)}
.service-compare tbody tr:hover{background:rgba(255,122,43,.05)}
.home-process li{transition:transform .3s var(--ease-io),box-shadow .3s var(--ease-io),border-color .3s var(--ease-io)}
.home-process li:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(10,31,61,.1);border-color:rgba(255,122,43,.45)}
.answer-facts li{transition:transform .3s var(--ease-io),box-shadow .3s var(--ease-io)}
.answer-facts li:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(10,31,61,.1)}

/* ---------- 焦点可见性（键盘可达） ---------- */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--ring);outline-offset:2px}

/* ---------- 移动端 ---------- */
@media (max-width:767px){.hero-scroll{display:none}}

/* ---------- 减弱动效偏好 ---------- */
@media (prefers-reduced-motion:reduce){
  .hero-slide.is-active::before,.hero-scroll,.cta-banner,.page-hero,.chat-fab::after{animation:none}
  .hero-slide::before{opacity:1;transform:none}
  .hero-content>*,.hero-scroll,.reveal,.reveal-left,.reveal-right,.reveal-zoom,.reveal-stagger>*{opacity:1!important;transform:none!important}
  .section-title::after{transform:scaleX(1)}
  .chat-fab::after,#scrollProgress{display:none}
}

/* ============================================================
   妈妈帮 · 暖色主题覆盖（奶油 + 琥珀金）
   ============================================================ */
:root{
  --navy:#3B2A20;        /* 深咖（导航/深底） */
  --blue:#5E4632;        /* 摩卡（渐变副色） */
  --blue-soft:#F6EDE3;   /* 奶油浅底 */
  --orange:#D97706;      /* 琥珀金（主强调） */
  --orange-deep:#B45309;
  --ink:#2A2119;
  --muted:#7D6E5C;
  --line:#EADFD1;
  --shadow-card:0 8px 24px rgba(59,43,34,.10);
  --shadow-hover:0 16px 38px rgba(59,43,34,.16);
  --ring:rgba(217,119,6,.5);
}
body{background:#FDF8F2}
.section-alt{background:var(--blue-soft)}
.home-answer{background:linear-gradient(180deg,#FAF1E6,#FFFDF9)}
.hero-shade{background:linear-gradient(90deg,rgba(59,43,34,.88),rgba(59,43,34,.55) 45%,rgba(59,43,34,.16))}
.site-header.scrolled{background:rgba(59,43,34,.94)}
.cta-banner,.page-hero{background:linear-gradient(120deg,#3B2A20,#6B4A33,#3B2A20);background-size:220% 220%}
.news-thumb-industry{background-image:radial-gradient(circle at 25% 30%,rgba(217,119,6,.5) 0 8px,transparent 9px),radial-gradient(circle at 60% 55%,rgba(255,255,255,.35) 0 5px,transparent 6px),radial-gradient(circle at 80% 25%,rgba(94,70,50,.9) 0 12px,transparent 13px),linear-gradient(135deg,#3B2A20,#5E4632)}
.news-thumb-company{background-image:linear-gradient(160deg,rgba(217,119,6,.2),transparent 55%),repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 12px,transparent 12px 24px),linear-gradient(135deg,#5E4632,#3B2A20)}
.chat-fab{background:var(--orange);box-shadow:0 8px 24px rgba(217,119,6,.4)}
.chat-fab::after{border-color:rgba(217,119,6,.55)}
.btn-primary:hover{box-shadow:0 12px 30px rgba(217,119,6,.35)}
.btn-outline:hover{box-shadow:0 10px 26px rgba(217,119,6,.18)}
#scrollProgress{background:linear-gradient(90deg,var(--orange),#f5b04c)}

/* ============================================================
   妈妈帮 · 动画首屏（替换顶部3图轮播）
   ============================================================ */
.hero-animated{background:linear-gradient(160deg,#FDF6EC 0%,#FBEFDF 46%,#F6E5CE 100%);height:auto;min-height:560px;overflow:hidden}
.hero-animated .hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero-animated .blob{position:absolute;border-radius:50%;filter:blur(16px);opacity:.55;will-change:transform}
.hero-animated .blob-1{width:430px;height:430px;left:-100px;top:-120px;background:radial-gradient(circle at 30% 30%,#F5C68D,transparent 70%);animation:blobFloat 14s ease-in-out infinite alternate}
.hero-animated .blob-2{width:390px;height:390px;right:-80px;top:30px;background:radial-gradient(circle at 60% 40%,#E8B97E,transparent 72%);animation:blobFloat 18s ease-in-out -4s infinite alternate-reverse}
.hero-animated .blob-3{width:310px;height:310px;left:36%;bottom:-130px;background:radial-gradient(circle at 50% 50%,#F9E3C0,transparent 70%);animation:blobFloat 16s ease-in-out -8s infinite alternate}
@keyframes blobFloat{0%{transform:translate(0,0) scale(1)}100%{transform:translate(36px,28px) scale(1.12)}}
.hero-animated .dot-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(59,42,32,.12) 1px,transparent 1.5px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse at 32% 38%,#000 18%,transparent 72%);mask-image:radial-gradient(ellipse at 32% 38%,#000 18%,transparent 72%)}
.hero-anim-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;min-height:560px;padding:110px 0 96px}
.hero-anim-copy .hero-kicker{display:inline-flex;align-items:center;gap:8px;color:#A16207;font-weight:600;font-size:14px;letter-spacing:2px;background:rgba(255,255,255,.72);border:1px solid rgba(217,119,6,.25);padding:7px 16px;border-radius:999px;margin-bottom:22px}
.hero-anim-copy .hero-kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:#D97706;animation:kickDot 2s ease-in-out infinite}
@keyframes kickDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}
.hero-anim-copy h1{font-size:46px;line-height:1.25;color:#3B2A20;margin:0 0 16px;text-shadow:none;max-width:560px}
.hero-anim-copy p{font-size:17px;color:#7D6E5C;max-width:480px;margin-bottom:30px;text-shadow:none}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero-anim-copy>*{opacity:0;transform:translateY(24px);animation:heroIn .7s var(--ease-out) forwards}
.hero-anim-copy>*:nth-child(1){animation-delay:.1s}
.hero-anim-copy>*:nth-child(2){animation-delay:.22s}
.hero-anim-copy>*:nth-child(3){animation-delay:.34s}
.hero-anim-copy>*:nth-child(4){animation-delay:.46s}
.hero-anim-stage{position:relative;height:440px;display:flex;align-items:center;justify-content:center;animation:stageIn 1s var(--ease-out) .25s both}
@keyframes stageIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
.hero-anim-stage .ring{position:absolute;width:400px;height:400px;border-radius:50%;border:1.5px dashed rgba(217,119,6,.35);animation:ringSpin 34s linear infinite}
.hero-anim-stage .ring::before{content:"";position:absolute;inset:-26px;border-radius:50%;border:1px solid rgba(217,119,6,.18);animation:ringSpin 46s linear infinite reverse}
.hero-anim-stage .ring::after{content:"";position:absolute;top:-7px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#D97706;box-shadow:0 0 18px rgba(217,119,6,.8)}
@keyframes ringSpin{to{transform:rotate(360deg)}}
.hero-anim-stage .core{position:relative;width:150px;height:150px;border-radius:50%;background:linear-gradient(145deg,#FFF9F0,#F3DDBB);border:1px solid rgba(217,119,6,.28);box-shadow:0 24px 60px rgba(120,80,30,.22),inset 0 0 30px rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;color:#B45309;animation:corePulse 5s ease-in-out infinite}
@keyframes corePulse{0%,100%{transform:scale(1);box-shadow:0 24px 60px rgba(120,80,30,.22)}50%{transform:scale(1.04);box-shadow:0 30px 74px rgba(120,80,30,.32)}}
.float-card{position:absolute;display:flex;align-items:center;gap:12px;min-width:190px;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.84);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.85);box-shadow:0 18px 44px rgba(80,52,20,.16);animation:cardFloat 5.5s ease-in-out infinite;will-change:transform}
.float-card .fc-icon{width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:linear-gradient(145deg,#F7D9A8,#EBB45F);color:#6B3E0B;display:flex;align-items:center;justify-content:center}
.float-card .fc-icon svg{width:22px;height:22px}
.float-card b{display:block;font-size:15px;color:#3B2A20}
.float-card small{display:block;font-size:12px;color:#7D6E5C;margin-top:2px}
.fc-1{top:4%;left:2%}
.fc-2{top:52%;left:-4%}
.fc-3{top:10%;right:0}
.fc-4{top:54%;right:2%}
.fc-2{animation-delay:-1.4s}
.fc-3{animation-delay:-2.8s}
.fc-4{animation-delay:-4.2s}
@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.hero-animated .hero-scroll{color:#6B4A33}
.hero-animated .hero-scroll .mouse{border-color:rgba(107,74,51,.65)}
.hero-animated .hero-scroll .mouse::after{background:#6B4A33}

@media (max-width:1023px){
  .hero-animated{min-height:0}
  .hero-anim-inner{grid-template-columns:1fr;padding:76px 0 56px;min-height:auto;gap:28px}
  .hero-anim-copy{text-align:center}
  .hero-anim-copy h1{font-size:34px;margin-inline:auto}
  .hero-anim-copy p{margin:0 auto 26px}
  .hero-ctas{justify-content:center}
  .hero-anim-stage{height:380px;margin-top:8px}
  .hero-anim-stage .ring{width:330px;height:330px}
}
@media (max-width:767px){
  .hero-anim-inner{padding:64px 0 40px}
  .hero-anim-copy h1{font-size:28px}
  .hero-anim-stage{height:300px}
  .hero-anim-stage .ring{width:250px;height:250px}
  .hero-anim-stage .core{width:118px;height:118px}
  .hero-anim-stage .core svg{width:50px;height:50px}
  .float-card{min-width:150px;padding:10px 13px;gap:9px}
  .float-card small{display:none}
  .fc-1{left:0}
  .fc-2{left:-2%}
  .fc-4{right:0}
}

@media (prefers-reduced-motion:reduce){
  .hero-animated .blob,.hero-animated .dot-grid,.hero-animated .ring,.hero-anim-stage .core,.float-card,.hero-kicker::before,.hero-anim-copy>*{animation:none!important}
  .hero-anim-copy>*{opacity:1!important;transform:none!important}
  .hero-anim-stage{animation:none}
}

/* ============================================================
   妈妈帮 · 模块式布局（悬浮胶囊菜单 + 区块卡片化）
   ============================================================ */
body{background:#F4E9DA}

/* 悬浮胶囊菜单栏 */
.site-header{background:transparent;padding-top:14px;box-shadow:none}
.site-header .header-inner{height:64px;border-radius:999px;background:rgba(255,255,255,.86);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.9);box-shadow:0 12px 36px rgba(80,52,20,.14);padding:0 14px 0 20px}
.site-header.scrolled{background:transparent;box-shadow:none}
.site-header.scrolled .header-inner{background:rgba(255,255,255,.97);box-shadow:0 14px 40px rgba(80,52,20,.18);backdrop-filter:none;-webkit-backdrop-filter:none}
.brand-name{color:#3B2A20}
.main-nav a{color:#6B5743}
.main-nav a:hover,.main-nav a.active{color:#3B2A20}
.menu-toggle span{background:#3B2A20}
.brand-badge{border-color:rgba(59,42,32,.25)}

/* 区块卡片化：每一块一个圆角浮动模块 */
.section{background:#FFFDF8;border-radius:28px;box-shadow:0 18px 50px rgba(80,52,20,.08);margin:0 auto 28px;padding:72px 0;max-width:1180px;width:min(1180px,100% - 32px);border:1px solid rgba(255,255,255,.75)}
.section-alt{background:var(--blue-soft)}
.home-answer{background:linear-gradient(180deg,#FBF3E8,#FFFDF9)}
.faq-section{background:#FBF3E8}
.news-section{background:#FFFDF8}
.cta-banner{background:linear-gradient(120deg,#3B2A20,#6B4A33,#3B2A20);background-size:220% 220%;color:#fff;padding:0}
.cta-banner .cta-inner{padding:64px 24px}

/* 首屏同样做成大圆角卡片 */
.hero-animated{max-width:1180px;width:min(1180px,100% - 32px);margin:16px auto 28px;border-radius:32px;box-shadow:0 24px 70px rgba(80,52,20,.14)}
.hero-anim-inner{min-height:520px;padding:92px 20px 80px}

@media (max-width:767px){
  .site-header{padding-top:10px}
  .site-header .header-inner{height:56px;border-radius:999px}
  .main-nav{top:74px;left:10px;right:10px;border-radius:20px;padding:12px 18px 16px;background:rgba(255,255,255,.97);box-shadow:0 18px 50px rgba(80,52,20,.22)}
  .main-nav a{color:#3B2A20;border-bottom:1px solid rgba(59,42,32,.08)}
  .section{width:calc(100% - 24px);padding:52px 0;border-radius:22px}
  .hero-animated{width:calc(100% - 24px);border-radius:24px;margin:10px auto 24px}
  .hero-anim-inner{padding:64px 0 40px}
}

/* ============================================================
   妈妈帮 · 神奇魔法层（星光 / 光环 / 流光 / 鎏金文字 / 视差）
   ============================================================ */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .hero-anim-copy h1 .hl{background:linear-gradient(100deg,#A85B10 15%,#E8890C 38%,#F8D488 50%,#E8890C 62%,#A85B10 85%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmerText 5.5s linear infinite}
}
@keyframes shimmerText{to{background-position:-220% 0}}
.hero-animated .beam{position:absolute;top:-18%;bottom:-18%;width:150px;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translateX(-240px) rotate(14deg);filter:blur(1px);animation:beamSweep 9s ease-in-out 2.5s infinite;pointer-events:none;z-index:1}
@keyframes beamSweep{0%{transform:translateX(-240px) rotate(14deg);opacity:0}12%{opacity:.65}55%{transform:translateX(1350px) rotate(14deg);opacity:0}100%{transform:translateX(1350px) rotate(14deg);opacity:0}}
.hero-anim-stage::before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(255,205,130,.30),transparent 65%);animation:glowPulse 6s ease-in-out infinite;pointer-events:none}
@keyframes glowPulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.95;transform:scale(1.07)}}
.hero-anim-stage .core{z-index:2}
.hero-anim-stage .core::before{content:"";position:absolute;inset:-36px;border-radius:50%;background:conic-gradient(from 0deg,rgba(217,119,6,0),rgba(217,119,6,.32),rgba(255,214,150,.6),rgba(217,119,6,0));filter:blur(6px);z-index:-1;animation:auroraSpin 8s linear infinite}
@keyframes auroraSpin{to{transform:rotate(360deg)}}
.sparkle-layer{position:absolute;inset:0;pointer-events:none;z-index:1}
.sparkle{position:absolute;border-radius:50%;background:radial-gradient(circle,#FFF3D0 0%,#F7BC58 45%,transparent 70%);opacity:0;animation:sparkleFloat linear infinite;will-change:transform,opacity}
.sparkle::after{content:"";position:absolute;inset:-7px;background:radial-gradient(circle,rgba(255,224,160,.55),transparent 70%)}
@keyframes sparkleFloat{0%{opacity:0;transform:translateY(0) scale(.35)}12%{opacity:.95}55%{opacity:.6}100%{opacity:0;transform:translateY(-130px) scale(1.15)}}
.float-card,.hero-anim-stage .core{will-change:translate}

@media (prefers-reduced-motion:reduce){
  .hero-anim-copy h1 .hl,.hero-animated .beam,.hero-anim-stage::before,.hero-anim-stage .core::before,.sparkle{animation:none!important}
  .sparkle{opacity:0}
  .hero-anim-copy h1 .hl{background:none;color:#A85B10;-webkit-text-fill-color:#A85B10}
}

/* ── 妈妈帮 2026 新首屏：轻盈守护丝带 ───────────────────── */
.brand-badge-new{border:0;box-shadow:none;border-radius:14px}
.footer-brand img{border:0;box-shadow:none;border-radius:12px}
.hero-guardian{width:min(1240px,calc(100% - 28px));height:auto;min-height:650px;margin:14px auto 34px;border-radius:34px;background:#FFF9F1;overflow:hidden;isolation:isolate;box-shadow:0 26px 90px rgba(100,61,28,.12)}
.guardian-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.guardian-wash{position:absolute;border-radius:50%;filter:blur(5px);opacity:.8;will-change:transform}
.wash-one{width:720px;height:720px;right:-240px;top:-280px;background:radial-gradient(circle,#F8E1B9 0,rgba(248,225,185,.3) 48%,transparent 72%);animation:guardianDrift 14s ease-in-out infinite alternate}
.wash-two{width:560px;height:560px;left:-270px;bottom:-330px;background:radial-gradient(circle,#F3C69A 0,rgba(243,198,154,.2) 46%,transparent 72%);animation:guardianDrift 18s ease-in-out -7s infinite alternate-reverse}
.guardian-grain{position:absolute;inset:0;opacity:.32;background-image:radial-gradient(rgba(116,71,36,.18) .7px,transparent .9px);background-size:18px 18px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 58%);mask-image:linear-gradient(90deg,#000,transparent 58%)}
.guardian-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.92fr);align-items:center;gap:36px;min-height:650px;padding:104px 28px 86px}
.guardian-copy{position:relative;z-index:3;max-width:600px}
.guardian-copy>*{opacity:0;transform:translateY(22px);animation:guardianIn .65s cubic-bezier(.16,1,.3,1) forwards}
.guardian-copy>*:nth-child(1){animation-delay:.06s}.guardian-copy>*:nth-child(2){animation-delay:.14s}.guardian-copy>*:nth-child(3){animation-delay:.24s}.guardian-copy>*:nth-child(4){animation-delay:.34s}.guardian-copy>*:nth-child(5){animation-delay:.42s}
.guardian-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;color:#9A5722;font-size:14px;font-weight:650;letter-spacing:2px}
.guardian-eyebrow i{width:32px;height:1px;background:linear-gradient(90deg,#E89A47,transparent);position:relative}
.guardian-eyebrow i::after{content:"";position:absolute;left:0;top:-3px;width:7px;height:7px;border-radius:50%;background:#E89A47;box-shadow:0 0 0 5px rgba(232,154,71,.12)}
.guardian-copy h1{margin:0 0 22px;color:#432C20;font-family:"Songti SC","STSong","Noto Serif SC","PingFang SC",serif;font-size:clamp(44px,5vw,68px);font-weight:700;line-height:1.15;letter-spacing:-1px}
.guardian-copy h1 span{color:#C96F2E;position:relative;white-space:nowrap}
.guardian-copy h1 span::after{content:"";position:absolute;left:2%;right:1%;bottom:-7px;height:7px;background:linear-gradient(90deg,rgba(230,151,69,.18),rgba(230,151,69,.7),rgba(230,151,69,.06));border-radius:100%;transform:rotate(-1deg)}
.guardian-copy p{max-width:530px;margin:0 0 30px;color:#786557;font-size:17px;line-height:1.9}
.guardian-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-bottom:30px}
.guardian-actions .btn{min-height:48px;padding:13px 24px;border-radius:999px;background:linear-gradient(135deg,#D8782F,#B95624);box-shadow:0 12px 28px rgba(190,94,39,.24)}
.guardian-actions .btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(190,94,39,.32)}
.guardian-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:#6B4430;font-weight:650;border-bottom:1px solid rgba(107,68,48,.24)}
.guardian-link span{transition:transform .25s ease}.guardian-link:hover span{transform:translateX(4px)}
.guardian-proof{display:flex;align-items:center;gap:0;color:#8B7667;font-size:13px}
.guardian-proof span{display:flex;align-items:center}.guardian-proof span:not(:last-child)::after{content:"";width:3px;height:3px;margin:0 13px;border-radius:50%;background:#D99B65}
.guardian-stage{position:relative;height:520px;display:grid;place-items:center;z-index:2}
.guardian-ribbon{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ribbon-ghost{stroke:#E9BD83;stroke-width:2;opacity:.16}.ribbon-main{stroke-width:4;stroke-linecap:round;stroke-dasharray:1300;stroke-dashoffset:1300;animation:ribbonDraw 1.15s cubic-bezier(.16,1,.3,1) .1s forwards}
.ribbon-home{stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:620;stroke-dashoffset:620;opacity:.58;animation:ribbonDraw .9s cubic-bezier(.16,1,.3,1) .25s forwards}
.ribbon-embrace{stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:420;stroke-dashoffset:420;animation:ribbonDraw .75s cubic-bezier(.16,1,.3,1) .4s forwards}
.guardian-logo-orb{position:relative;width:148px;height:148px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.72);box-shadow:0 24px 60px rgba(141,78,32,.16),inset 0 0 0 1px rgba(255,255,255,.9);animation:orbBreathe 5.5s ease-in-out infinite}
.guardian-logo-orb img{position:relative;z-index:2;width:112px;height:112px;filter:drop-shadow(0 12px 24px rgba(125,61,26,.22))}
.orb-halo{position:absolute;inset:-42px;border-radius:50%;border:1px solid rgba(218,127,52,.22);box-shadow:0 0 70px rgba(235,171,90,.28);animation:haloPulse 3.8s ease-out infinite}
.service-seed{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid rgba(222,166,102,.28);border-radius:999px;background:rgba(255,255,255,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 10px 30px rgba(109,67,34,.09);color:#6E4A37;font-size:13px;font-weight:650;animation:seedFloat 5s ease-in-out infinite}
.service-seed i{width:7px;height:7px;border-radius:50%;background:#E49A4A;box-shadow:0 0 0 4px rgba(228,154,74,.12)}
.seed-one{left:2%;top:23%;animation-delay:-1s}.seed-two{right:0;top:22%;animation-delay:-3.2s}.seed-three{right:3%;bottom:19%;animation-delay:-1.8s}.seed-four{left:0;bottom:18%;animation-delay:-4.1s}
.guardian-spark{position:absolute;width:6px;height:6px;border-radius:50%;background:#F2B963;box-shadow:0 0 18px #E89B49;animation:sparkBlink 2.8s ease-in-out infinite}
.spark-one{left:19%;top:15%}.spark-two{right:15%;top:43%;animation-delay:-1.1s}.spark-three{left:28%;bottom:12%;animation-delay:-2s}
.guardian-scroll{position:absolute;z-index:5;left:50%;bottom:24px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;color:#9A7A65;font-size:11px;letter-spacing:2px}
.guardian-scroll span{width:1px;height:26px;background:linear-gradient(#D4803C,transparent);animation:scrollLine 2s ease-in-out infinite}
@keyframes guardianIn{to{opacity:1;transform:none}}@keyframes guardianDrift{to{transform:translate3d(35px,24px,0) scale(1.08)}}@keyframes ribbonDraw{to{stroke-dashoffset:0}}@keyframes orbBreathe{50%{transform:translateY(-7px) scale(1.025)}}@keyframes haloPulse{0%{transform:scale(.88);opacity:.15}55%{opacity:.7}100%{transform:scale(1.12);opacity:0}}@keyframes seedFloat{50%{transform:translateY(-9px)}}@keyframes sparkBlink{50%{opacity:.2;transform:scale(.5)}}@keyframes scrollLine{0%,100%{transform:scaleY(.45);transform-origin:top;opacity:.35}50%{transform:scaleY(1);opacity:1}}
@media (max-width:960px){.hero-guardian{min-height:0}.guardian-inner{grid-template-columns:1fr;gap:8px;padding:94px 20px 58px;text-align:center}.guardian-copy{margin:auto}.guardian-copy p{margin-left:auto;margin-right:auto}.guardian-actions,.guardian-proof{justify-content:center}.guardian-stage{height:420px;max-width:560px;width:100%;margin:auto}.guardian-scroll{display:none}}
@media (max-width:600px){.hero-guardian{width:calc(100% - 20px);margin-top:10px;border-radius:25px}.guardian-inner{padding:76px 12px 36px}.guardian-copy h1{font-size:39px}.guardian-copy p{font-size:15px;line-height:1.75}.guardian-proof{flex-wrap:wrap;row-gap:8px}.guardian-stage{height:330px;margin-top:10px}.guardian-logo-orb{width:116px;height:116px}.guardian-logo-orb img{width:88px;height:88px}.service-seed{font-size:11px;padding:7px 10px}.seed-one{left:1%;top:24%}.seed-two{right:0;top:21%}.seed-three{right:2%;bottom:18%}.seed-four{left:0;bottom:17%}.guardian-actions{gap:16px}.brand-badge-new{width:40px;height:40px}.brand-name{font-size:17px;letter-spacing:1px}}
@media (prefers-reduced-motion:reduce){.guardian-wash,.guardian-copy>*,.ribbon-main,.ribbon-home,.ribbon-embrace,.guardian-logo-orb,.orb-halo,.service-seed,.guardian-spark,.guardian-scroll span{animation:none!important}.guardian-copy>*{opacity:1;transform:none}.ribbon-main,.ribbon-home,.ribbon-embrace{stroke-dashoffset:0}.orb-halo{opacity:.35}}

/* ── 妈妈帮全页动效编排：每个模块拥有不同运动语义 ─────── */
.motion-scene{position:relative;overflow:hidden;isolation:isolate}
.motion-scene>.container{position:relative;z-index:2}
.motion-item{opacity:0;transform:translateY(24px) scale(.975)}
.motion-item.item-visible{animation:mamiSceneIn .62s var(--ease-out) both;animation-delay:calc(min(var(--motion-i,0),7)*.07s)}
@keyframes mamiSceneIn{to{opacity:1;transform:none}}
.motion-scene::before{content:"";position:absolute;z-index:0;width:280px;height:280px;border-radius:50%;right:-190px;top:-170px;border:1px solid rgba(216,132,58,.14);box-shadow:0 0 0 32px rgba(216,132,58,.035),0 0 0 72px rgba(216,132,58,.025);opacity:0;transform:scale(.7) rotate(-18deg);transition:opacity .8s ease,transform 1.2s var(--ease-out);pointer-events:none}
.motion-scene.scene-visible::before{opacity:1;transform:scale(1) rotate(8deg)}

/* 选择说明：数据胶囊逐个点亮，正文出现一束移动暖光 */
.home-answer .answer-facts li{overflow:hidden;isolation:isolate}
.home-answer .answer-facts li::after{content:"";position:absolute;inset:-40% auto -40% -35%;width:42%;background:linear-gradient(90deg,transparent,rgba(255,225,176,.28),transparent);transform:skewX(-18deg) translateX(-220%);pointer-events:none}
.home-answer.scene-visible .answer-facts li::after{animation:mamiFactSweep 1.1s var(--ease-io) both;animation-delay:calc(.4s + var(--motion-i,0)*.13s)}
@keyframes mamiFactSweep{to{transform:skewX(-18deg) translateX(440%)}}
.home-answer .answer-copy{position:relative;overflow:hidden}
.home-answer .answer-copy::after{content:"";position:absolute;left:-10%;right:-10%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#E7A65F,transparent);transform:scaleX(0);transition:transform 1.1s var(--ease-out) .45s}
.home-answer.scene-visible .answer-copy::after{transform:scaleX(1)}

/* 价值卡：图标依次呼吸，卡片角落扩散柔光 */
.values.scene-visible .value-icon{animation:mamiIconBloom .8s var(--ease-out) both;animation-delay:calc(.28s + var(--motion-i,0)*.13s)}
@keyframes mamiIconBloom{0%{transform:scale(.72) rotate(-10deg);box-shadow:0 0 0 0 rgba(218,133,57,.28)}70%{transform:scale(1.08);box-shadow:0 0 0 14px rgba(218,133,57,0)}100%{transform:none}}
.motion-glow-card::before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(245,190,114,.18),transparent 64%);opacity:0;transition:opacity .25s ease;pointer-events:none}
.motion-glow-card:hover::before{opacity:1}.motion-glow-card>*{position:relative;z-index:1}

/* 服务模块：鎏金边沿流动，四张卡形成错峰波浪 */
.services-overview .bento-card{border:1px solid rgba(232,171,99,.16)}
.services-overview .bento-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--edge-angle,0deg),transparent 0 68%,rgba(250,209,145,.78) 76%,transparent 84%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;pointer-events:none}
.services-overview.scene-visible .bento-card::before{opacity:1;animation:mamiEdge 7s linear infinite;animation-delay:calc(var(--motion-i,0)*-.8s)}
@property --edge-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes mamiEdge{to{--edge-angle:360deg}}
.services-overview.scene-visible .bento-icon{animation:mamiServiceFloat 4s ease-in-out infinite;animation-delay:calc(var(--motion-i,0)*-.6s)}
@keyframes mamiServiceFloat{50%{transform:translateY(-6px) rotate(4deg)}}

/* 四步流程：连接线先生长，步骤再落位 */
.home-process{position:relative}
.home-process::after{content:"";position:absolute;z-index:0;left:8%;right:8%;top:34px;height:2px;background:linear-gradient(90deg,transparent,#E1A15B 12%,#E1A15B 88%,transparent);transform:scaleX(0);transform-origin:left;transition:transform 1.15s var(--ease-out) .2s}
.home-answer.scene-visible .home-process::after{transform:scaleX(1)}
.home-process li{position:relative;z-index:1}

/* FAQ：左右交错入场，展开时答案顺着细线滑入 */
.faq-section .faq-item:nth-child(even).motion-item{transform:translateX(28px)}
.faq-section .faq-item:nth-child(odd).motion-item{transform:translateX(-28px)}
.faq-section .faq-item.item-visible{animation-name:mamiFaqIn}
@keyframes mamiFaqIn{to{opacity:1;transform:none;filter:none}}
.faq-item[open]{border-color:rgba(217,119,6,.35)}
.faq-item[open] p{border-left:2px solid rgba(217,119,6,.32);padding-left:18px}

/* 新闻：图片轻推镜头，卡片依次浮出 */
.news-section .news-thumb{overflow:hidden}.news-section .news-thumb img{transition:transform .8s var(--ease-out),filter .5s ease}
.news-card:hover .news-thumb img{transform:scale(1.055);filter:saturate(1.08)}
.news-section.scene-visible .news-card:nth-child(2){animation-delay:.12s}.news-section.scene-visible .news-card:nth-child(3){animation-delay:.24s}

/* 底部行动区：两道柔和光环从按钮背后扩散 */
.cta-banner::after{content:"";position:absolute;left:50%;top:50%;width:120px;height:120px;border-radius:50%;border:1px solid rgba(255,205,135,.24);transform:translate(-50%,-50%) scale(.45);opacity:0;pointer-events:none}
.cta-banner.scene-visible::after{animation:mamiCtaHalo 3.4s ease-out infinite}
@keyframes mamiCtaHalo{0%{transform:translate(-50%,-50%) scale(.45);opacity:.75}100%{transform:translate(-50%,-50%) scale(5.2);opacity:0}}
.cta-banner .cta-inner{position:relative;z-index:2}

/* 页脚：品牌标志与三列信息作最后一次轻收束 */
.site-footer.motion-scene::before{top:auto;bottom:-170px;right:6%;border-color:rgba(255,198,126,.16)}
.site-footer.scene-visible .footer-brand img{animation:mamiFooterMark 4.8s ease-in-out infinite}
@keyframes mamiFooterMark{50%{transform:translateY(-5px) rotate(3deg);filter:drop-shadow(0 10px 16px rgba(218,124,45,.28))}}

@media (max-width:767px){.home-process::after{display:none}.motion-item{transform:translateY(16px);filter:none}.faq-section .faq-item:nth-child(n).motion-item{transform:translateY(16px)}.motion-item.item-visible{animation-duration:.45s}.services-overview.scene-visible .bento-card::before{animation:none;opacity:.55}}
@media (prefers-reduced-motion:reduce){.motion-item,.motion-item.item-visible{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}.motion-scene::before,.answer-facts li::after,.answer-copy::after,.home-process::after,.bento-card::before,.cta-banner::after{animation:none!important;transition:none!important}.values .value-icon,.services-overview .bento-icon,.site-footer .footer-brand img{animation:none!important}}

/* ============================================================
   妈妈帮内页动效：服务 / 关于 / 联系 / 新闻 / 文章 / 404
   ============================================================ */
.inner-hero{width:min(1180px,calc(100% - 32px));margin:16px auto 28px;padding:78px 0;border-radius:30px;background:radial-gradient(circle at 80% 20%,rgba(248,207,143,.62),transparent 34%),linear-gradient(145deg,#FFF8EE,#F5E2C8);color:#493225;box-shadow:0 22px 62px rgba(91,55,28,.12);border:1px solid rgba(255,255,255,.82)}
.inner-hero h1{color:#493225;font-family:"Songti SC","STSong","Noto Serif SC","PingFang SC",serif;font-size:clamp(36px,5vw,56px);text-shadow:none}
.inner-hero p{max-width:720px;margin:14px auto 0;color:#7B6657;font-size:17px;line-height:1.8}
.inner-hero::after{content:"";position:absolute;left:8%;right:8%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#D98742,transparent);transform:scaleX(0);transition:transform 1.1s var(--ease-out) .25s}
.inner-hero.scene-visible::after{transform:scaleX(1)}
.inner-hero .container.motion-item{transform:translateY(20px) scale(.98)}

/* 服务页：服务卡错位展开，编号像被柔光依次点亮 */
.service-catalog .service-rows{position:relative}
.service-catalog .service-rows::before{content:"";position:absolute;left:50%;top:28px;bottom:28px;width:1px;background:linear-gradient(transparent,rgba(218,139,70,.38),transparent);transform:scaleY(0);transform-origin:top;transition:transform 1.4s var(--ease-out) .25s}
.service-catalog.scene-visible .service-rows::before{transform:scaleY(1)}
.service-row{position:relative;overflow:hidden;border:1px solid rgba(216,151,89,.15)}
.service-row.motion-item:nth-child(odd){transform:translateX(-34px)}.service-row.motion-item:nth-child(even){transform:translateX(34px)}
.service-row::after{content:"";position:absolute;left:0;top:0;width:0;height:3px;background:linear-gradient(90deg,#C96F2E,#F3C477,transparent);transition:width .9s var(--ease-out);pointer-events:none}
.service-row.item-visible::after{width:100%}
.service-row.item-visible .service-badge{animation:serviceBadgeBloom .85s var(--ease-out) both;animation-delay:calc(.2s + var(--motion-i,0)*.07s)}
@keyframes serviceBadgeBloom{0%{transform:scale(.65) rotate(-16deg);box-shadow:0 0 0 0 rgba(217,119,6,.3)}70%{transform:scale(1.08);box-shadow:0 0 0 16px rgba(217,119,6,0)}100%{transform:none}}
.service-visual{overflow:hidden;border-radius:18px}.service-img{transition:transform .85s var(--ease-out),filter .5s ease}.service-row:hover .service-img{transform:scale(1.045);filter:saturate(1.06)}
.service-features li{transition:transform .25s ease,background .25s ease,border-color .25s ease}.service-features li:hover{transform:translateY(-2px);background:#FFF6E8;border-color:rgba(217,119,6,.3)}
.service-guarantee.scene-visible .value-card:nth-child(2){animation-delay:.12s}.service-guarantee.scene-visible .value-card:nth-child(3){animation-delay:.24s}

/* 关于页：业务卡和公司信息像一本温暖档案逐项打开 */
.about-core .advantage-card{position:relative;overflow:hidden;border:1px solid rgba(216,151,89,.14)}
.about-core .advantage-card::after{content:"";position:absolute;right:-35px;bottom:-35px;width:96px;height:96px;border-radius:50%;border:1px solid rgba(218,132,58,.15);transition:transform .6s var(--ease-out),background .4s ease}
.about-core .advantage-card:hover::after{transform:scale(1.35);background:rgba(243,193,119,.08)}
.about-core.scene-visible .advantage-icon{animation:mamiIconBloom .85s var(--ease-out) both;animation-delay:calc(.24s + var(--motion-i,0)*.09s)}
.about-facts .fact-grid{perspective:900px}.about-facts .fact-card{position:relative;overflow:hidden;transition:transform .32s var(--ease-out),box-shadow .32s ease}
.about-facts .fact-card:hover{transform:translateY(-5px) rotateX(1.5deg);box-shadow:0 16px 34px rgba(90,54,25,.12)}
.about-facts .fact-card::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,#D47B34,#F0BF7A);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease-out)}
.about-facts .fact-card.item-visible::after{transform:scaleX(1)}
.timeline{position:relative}.timeline::before{transform:scaleY(0);transform-origin:top;transition:transform 1.2s var(--ease-out)}.scene-visible .timeline::before{transform:scaleY(1)}

/* 联系页：地图由圆角窗展开，联系方式错峰出现，表单聚焦有暖色轨迹 */
.contact-scene .contact-layout{align-items:start}.map-block.motion-item{clip-path:inset(12% 8% 12% 8% round 26px);transform:translateY(12px);transition:clip-path .9s var(--ease-out),transform .7s var(--ease-out),opacity .55s ease}
.map-block.item-visible{clip-path:inset(0 round 18px)}
.contact-card.motion-item:nth-of-type(odd){transform:translateX(-24px)}.contact-card.motion-item:nth-of-type(even){transform:translateX(24px)}
.contact-card h3{display:flex;align-items:center;gap:10px}.contact-card h3::before{content:"";width:8px;height:8px;border-radius:50%;background:#DB873E;box-shadow:0 0 0 5px rgba(219,135,62,.1);transition:transform .3s ease}.contact-card:hover h3::before{transform:scale(1.4)}
.consult-form{position:relative;overflow:hidden}.consult-form::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,#D97706,transparent);transform:translateX(-100%)}.consult-form.item-visible::after{animation:formWarmSweep 1.15s var(--ease-out) .35s both}
@keyframes formWarmSweep{to{transform:translateX(100%)}}
.form-field input,.form-field textarea{transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.form-field input:focus,.form-field textarea:focus{border-color:#D8843C;box-shadow:0 0 0 4px rgba(216,132,60,.11);transform:translateY(-1px)}

/* 新闻列表：筛选胶囊先落位，卡片形成波浪，封面慢推镜头 */
.news-archive .news-tabs.motion-item{transform:translateY(-16px) scale(.96)}
.news-archive .news-tab{position:relative;overflow:hidden}.news-archive .news-tab::after{content:"";position:absolute;left:18%;right:18%;bottom:3px;height:2px;background:#D97706;transform:scaleX(0);transition:transform .3s ease}.news-archive .news-tab:hover::after,.news-archive .news-tab.is-active::after{transform:scaleX(1)}
.news-archive .news-grid{perspective:1000px}.news-archive .news-card.motion-item:nth-child(3n+1){transform:translateY(26px) rotateY(-2deg)}.news-archive .news-card.motion-item:nth-child(3n+2){transform:translateY(38px)}.news-archive .news-card.motion-item:nth-child(3n){transform:translateY(26px) rotateY(2deg)}
.news-archive .news-thumb{overflow:hidden}.news-archive .news-thumb img{transition:transform .9s var(--ease-out)}.news-archive .news-card:hover .news-thumb img{transform:scale(1.06)}

/* 文章页：文章卡先展开，正文段落按阅读方向渐进出现 */
.article-section{background:linear-gradient(180deg,#FFFDF9,#FAF0E3)}
.article-section .breadcrumb{opacity:0;transform:translateX(-20px);animation:mamiSceneIn .55s var(--ease-out) .08s forwards}
.article-card.motion-item{transform:translateY(24px) scale(.985);transform-origin:top center}
.article-head h1{font-family:"Songti SC","STSong","Noto Serif SC","PingFang SC",serif;line-height:1.45}
.article-head::after{content:"";display:block;width:0;height:2px;margin-top:20px;background:linear-gradient(90deg,#D97706,transparent);transition:width .9s var(--ease-out) .35s}.article-card.item-visible .article-head::after{width:100%}
.article-content>.motion-item{transform:translateY(14px);filter:none}.article-content>.motion-item.item-visible{animation-duration:.48s}
.related li{transition:transform .25s ease,background .25s ease}.related li:hover{transform:translateX(6px);background:rgba(246,226,201,.45)}

/* 404：保留克制，数字呼吸并出现回家的轨迹 */
.error-scene{min-height:480px;display:grid;place-items:center;background:radial-gradient(circle,#FFF8EE,#F5E2C8)}
.error-scene h1{font:800 clamp(88px,16vw,180px)/1 var(--mono);color:#C96F2E;text-shadow:0 16px 40px rgba(156,77,29,.17);animation:errorBreathe 4s ease-in-out infinite}
.error-scene .btn{margin-top:18px}@keyframes errorBreathe{50%{transform:translateY(-8px);letter-spacing:6px;text-shadow:0 24px 55px rgba(156,77,29,.24)}}

@media (max-width:767px){.inner-hero{width:calc(100% - 24px);padding:58px 0;border-radius:24px}.inner-hero h1{font-size:36px}.service-catalog .service-rows::before{display:none}.service-row.motion-item:nth-child(n),.contact-card.motion-item:nth-of-type(n),.news-archive .news-card.motion-item:nth-child(n){transform:translateY(16px);clip-path:none}.article-section{width:calc(100% - 20px)}}
@media (prefers-reduced-motion:reduce){.inner-hero::after,.service-rows::before,.service-row::after,.fact-card::after,.consult-form::after,.article-head::after{transition:none!important;animation:none!important;transform:none!important}.service-badge,.error-scene h1{animation:none!important}.map-block.motion-item{clip-path:none!important}}

/* ============================================================
   全屏章节叙事 v20260825a —— 妈妈帮 · 奶油暖金沉浸体系
   非卡片：每一屏一个场景，滚动如翻章节；仅首页 chapter-home
   ============================================================ */

/* ---------- 全局氛围层 ---------- */
.preloader{position:fixed;inset:0;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:linear-gradient(160deg,#FDF6EC,#F8E9D3);transition:opacity .8s var(--ease-out),visibility .8s}
.preloader img{width:74px;height:74px;animation:prePulse 1.7s ease-in-out infinite}
.pre-word{color:#8A6A44;font-size:15px;letter-spacing:4px;font-weight:600}
.pre-bar{width:190px;height:2px;background:rgba(217,119,6,.16);border-radius:2px;overflow:hidden;position:relative}
.pre-bar::after{content:"";position:absolute;left:0;top:0;bottom:0;width:44%;border-radius:2px;background:linear-gradient(90deg,#D97706,#F0BC7A);animation:preFill 1.15s var(--ease-io) infinite}
@keyframes prePulse{50%{transform:scale(1.07);filter:drop-shadow(0 12px 26px rgba(217,119,6,.35))}}
@keyframes preFill{0%{transform:translateX(-130%)}100%{transform:translateX(330%)}}
body.is-ready .preloader{opacity:0;visibility:hidden;pointer-events:none}
html.js-chapters body:not(.is-ready){overflow:hidden}

.cursor-glow{position:fixed;left:0;top:0;width:520px;height:520px;border-radius:50%;pointer-events:none;z-index:4;background:radial-gradient(circle,rgba(217,119,6,.13),rgba(217,119,6,0) 62%);transform:translate3d(calc(var(--mx,50vw) - 260px),calc(var(--my,50vh) - 260px),0);opacity:0;transition:opacity .5s ease}
html.cursor-on .cursor-glow{opacity:1}
.film-grain{position:fixed;inset:-50%;z-index:1990;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");animation:grainShift 9s steps(10) infinite}
@keyframes grainShift{0%{transform:translate(0,0)}20%{transform:translate(-2%,1%)}40%{transform:translate(1%,-2%)}60%{transform:translate(-1%,2%)}80%{transform:translate(2%,-1%)}100%{transform:translate(0,0)}}
@media (hover:none),(pointer:coarse){.cursor-glow{display:none}}

/* ---------- 章节基座：全屏场景，去掉卡片壳 ---------- */
.chapter-home .chapter{position:relative;overflow:hidden;display:flex;align-items:center;min-height:100svh;padding:104px 0}
.chapter-home .chapter>.container{position:relative;z-index:2;width:min(1120px,100% - 48px)}
.chapter-home .chapter .section-title{font-family:"Songti SC","STSong","Noto Serif SC","PingFang SC",serif;font-weight:700;color:#3B2A20;font-size:clamp(32px,4.6vw,54px);line-height:1.25;text-align:left;margin:0;text-shadow:none}
.chapter-home .chapter .section-title::after{margin:18px 0 0;background:linear-gradient(90deg,#D97706,transparent)}
.chapter-home .chapter .section-sub{text-align:left;margin:16px 0 0;max-width:620px;color:#7D6E5C;font-size:clamp(15px,1.7vw,18px);line-height:1.9}

/* ---------- 开场章：奶油暖金 + 守护丝带舞台 ---------- */
.chapter-open.hero-guardian{background:radial-gradient(1200px 700px at 50% -12%,#FFF7EC,transparent 62%),radial-gradient(900px 620px at 86% 108%,#F6D9AE,transparent 58%),linear-gradient(160deg,#FDF6EC 0%,#F8E9D3 100%);min-height:100svh;height:auto;padding:0}
.chapter-open.hero-guardian .guardian-inner{display:grid;grid-template-columns:1fr;text-align:center;justify-items:center;gap:30px;min-height:100svh;align-content:center;padding:120px 0 90px}
.chapter-open .guardian-copy{max-width:900px}
.chapter-open .guardian-copy{position:relative;z-index:3}
.chapter-open .guardian-copy .guardian-eyebrow{justify-content:center;color:#A16207;border-color:rgba(217,119,6,.28)}
.chapter-open .guardian-copy h1{font-family:"Songti SC","STSong","Noto Serif SC","PingFang SC",serif;font-weight:700;color:#3B2A20;font-size:clamp(44px,7.4vw,92px);line-height:1.12;margin:22px 0;text-shadow:none}
.chapter-open .guardian-copy h1 span{display:inline-block;background:linear-gradient(100deg,#B45309,#D97706 55%,#C96F2E);-webkit-background-clip:text;background-clip:text;color:transparent}
.chapter-open .guardian-copy p{font-size:clamp(16px,1.9vw,20px);color:#7D6E5C;max-width:580px;margin:0 auto 30px;line-height:1.9;text-shadow:none}
.chapter-open .guardian-actions{justify-content:center}
.chapter-open .guardian-actions .btn{min-height:52px;padding:0 34px;font-size:16px}
.chapter-open .guardian-actions .guardian-link{color:#B45309}
.chapter-open .guardian-proof{justify-content:center;margin-top:28px}
.chapter-open .guardian-stage{position:absolute;left:0;right:0;bottom:-8%;z-index:0;width:100%;height:58vh;display:flex;align-items:flex-end;justify-content:center;opacity:.9;pointer-events:none;transform:translate3d(0,calc(var(--scrolly,0)*.06),0) scale(1.08)}
.chapter-open .guardian-stage svg{width:min(760px,86vw);height:auto;filter:drop-shadow(0 22px 50px rgba(156,77,29,.18))}
.chapter-open .guardian-logo-orb{position:absolute;top:-24%;left:50%;transform:translateX(-50%)}
.chapter-open .service-seed{background:rgba(255,252,246,.86);border:1px solid rgba(217,119,6,.26);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#6B4A2F;box-shadow:0 14px 34px rgba(90,55,25,.12)}
.parallax-scene{transform:translate3d(0,calc(var(--scrolly,0)*-.07),0)}
.chapter-open .guardian-scroll{left:50%;right:auto;transform:translateX(-50%);color:#8A6A44}
.chapter-open .guardian-scroll .mouse{border-color:rgba(138,106,68,.6)}
.chapter-open .guardian-scroll .mouse::after{background:#B45309}

/* 开场文字阶梯入场 */
.chapter-open .guardian-copy>*{opacity:0;transform:translateY(28px);animation:chapterRise .85s var(--ease-out) forwards}
.chapter-open .guardian-copy>*:nth-child(1){animation-delay:.12s}
.chapter-open .guardian-copy>*:nth-child(2){animation-delay:.26s}
.chapter-open .guardian-copy>*:nth-child(3){animation-delay:.4s}
.chapter-open .guardian-copy>*:nth-child(4){animation-delay:.54s}
.chapter-open .guardian-copy>*:nth-child(5){animation-delay:.68s}
.chapter-open .guardian-scroll{opacity:0;animation:chapterRise 1s var(--ease-out) 1s forwards}
@keyframes chapterRise{to{opacity:1;transform:none}}

/* ---------- 服务章：编号叙事行 ---------- */
.chapter-services{background:linear-gradient(180deg,#FBF1E3,#FDF8F0);min-height:auto;padding:120px 0}
.chapter-services .bento-grid{counter-reset:bento;display:block;margin-top:56px}
.chapter-services .bento-card{position:relative;counter-increment:bento;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"icon head more" "icon desc more";column-gap:28px;row-gap:8px;align-items:center;padding:34px 6px;margin:0;border:0;border-bottom:1px solid rgba(173,125,70,.22);border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.chapter-services .bento-card::before{content:"";position:absolute;left:0;bottom:-1px;width:0;height:2px;background:linear-gradient(90deg,#D97706,#F0BC7A);transition:width .7s var(--ease-out)}
.chapter-services .bento-card:hover::before{width:100%}
.chapter-services .bento-card::after{display:none}
.chapter-services .bento-card:first-of-type{border-top:1px solid rgba(173,125,70,.22)}
.chapter-services .bento-icon{grid-area:icon;width:54px;height:54px;border-radius:50%;background:linear-gradient(145deg,#F7D9A8,#EBB45F);color:#6B3E0B;box-shadow:0 10px 24px rgba(190,125,50,.18)}
.chapter-services .bento-icon svg{width:26px;height:26px}
.chapter-services .bento-card h3{grid-area:head;font-size:clamp(20px,2.4vw,28px);color:#3B2A20;margin:0}
.chapter-services .bento-card h3::before{content:counter(bento,decimal-leading-zero);display:block;font-family:var(--mono);font-size:12px;color:#B45309;letter-spacing:3px;margin-bottom:8px}
.chapter-services .bento-card p{grid-area:desc;color:#7D6E5C;margin:0;max-width:660px;line-height:1.85}
.chapter-services .more{grid-area:more;align-self:center;color:#B45309;font-weight:600;font-size:15px}

/* ---------- 选择说明章：编辑式排版 + 四步叙事线 ---------- */
.chapter-method{background:linear-gradient(180deg,#FDF8F0,#F7EAD6);min-height:auto;padding:120px 0}
.chapter-method .answer-facts{display:flex;flex-wrap:wrap;gap:0;list-style:none;padding:0;margin:44px 0 0;border-top:1px solid rgba(173,125,70,.25)}
.chapter-method .answer-facts li{flex:1 1 220px;background:transparent;border:0;border-bottom:1px solid rgba(173,125,70,.25);box-shadow:none;border-radius:0;padding:26px 24px 24px 0;margin:0}
.chapter-method .answer-facts li strong{display:block;font-size:13px;color:#A16207;letter-spacing:2px;font-weight:600;margin-bottom:8px}
.chapter-method .answer-facts li span{font-size:clamp(20px,2.4vw,30px);color:#3B2A20;font-weight:700}
.chapter-method .answer-copy{columns:2;column-gap:56px;margin-top:44px;color:#5F5243;font-size:16px;line-height:2}
.chapter-method .answer-copy p{margin:0 0 20px}
.chapter-method .service-compare-wrap{margin-top:56px;overflow-x:auto}
.chapter-method .service-compare{width:100%;border-collapse:collapse;background:transparent;box-shadow:none}
.chapter-method .service-compare caption{text-align:left;color:#A16207;font-size:14px;letter-spacing:2px;margin-bottom:14px;caption-side:top}
.chapter-method .service-compare th,.chapter-method .service-compare td{border-bottom:1px solid rgba(173,125,70,.22);padding:18px 20px;text-align:left;font-size:15px;color:#4E4134}
.chapter-method .service-compare th{color:#3B2A20;font-weight:700;background:rgba(217,119,6,.05)}
.chapter-method .home-subtitle{margin:72px 0 0;color:#3B2A20;font-size:clamp(22px,2.8vw,32px)}
.chapter-method .home-process{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:26px;padding:0;margin:40px 0 0}
.chapter-method .home-process li{counter-increment:step;position:relative;padding:28px 22px 28px 62px;border:0;border-left:1px solid rgba(173,125,70,.32);border-radius:0;background:transparent;box-shadow:none;margin:0}
.chapter-method .home-process li::before{content:counter(step,decimal-leading-zero);position:absolute;left:18px;top:28px;font-family:var(--mono);font-size:12px;color:#B45309;letter-spacing:2px}
.chapter-method .home-process li strong{display:block;font-size:20px;color:#3B2A20;margin-bottom:10px}
.chapter-method .home-process li span{color:#7D6E5C;line-height:1.85;font-size:15px}

/* ---------- 价值章：三句大陈述 ---------- */
.chapter-values{background:radial-gradient(1000px 620px at 16% 18%,#FBEED9,transparent 60%),radial-gradient(900px 560px at 84% 84%,#F6D9AE,transparent 58%),linear-gradient(150deg,#F7EAD6,#FDF6EC);min-height:100svh}
.chapter-values .values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:56px;border-top:1px solid rgba(173,125,70,.28)}
.chapter-values .value-card{background:transparent;border:0;border-right:1px solid rgba(173,125,70,.28);border-radius:0;box-shadow:none;margin:0;padding:46px 40px 40px 0}
.chapter-values .value-card:last-child{border-right:0}
.chapter-values .value-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(145deg,#F7D9A8,#EBB45F);color:#6B3E0B;box-shadow:0 12px 28px rgba(190,125,50,.2)}
.chapter-values .value-card h3{font-size:clamp(24px,2.8vw,34px);color:#3B2A20;margin:22px 0 14px}
.chapter-values .value-card p{color:#7D6E5C;line-height:1.9;font-size:16px}

/* ---------- FAQ 章：发丝线手风琴 ---------- */
.chapter-faq{background:linear-gradient(180deg,#FDF6EC,#FBF1E3);min-height:auto;padding:120px 0}
.chapter-faq .faq-list{max-width:860px;margin:48px auto 0}
.chapter-faq .faq-item{border:0;border-bottom:1px solid rgba(173,125,70,.22);border-radius:0;background:transparent;box-shadow:none;padding:0;opacity:0;transform:translateY(22px)}
.chapter-faq.chapter-in .faq-item{animation:chapterRise .7s var(--ease-out) forwards;animation-delay:calc(.1s + var(--fqi,0)*.07s)}
.chapter-faq .faq-item:nth-child(1){--fqi:1}.chapter-faq .faq-item:nth-child(2){--fqi:2}.chapter-faq .faq-item:nth-child(3){--fqi:3}.chapter-faq .faq-item:nth-child(4){--fqi:4}.chapter-faq .faq-item:nth-child(5){--fqi:5}.chapter-faq .faq-item:nth-child(6){--fqi:6}
.chapter-faq .faq-item summary{font-size:clamp(17px,1.9vw,20px);color:#3B2A20;padding:24px 36px 24px 0;font-weight:600}
.chapter-faq .faq-item[open] summary{color:#A16207}
.chapter-faq .faq-item p{color:#6B5B49;padding:0 0 24px;line-height:1.9;font-size:15.5px}

/* ---------- 动态章：编辑式新闻行 ---------- */
.chapter-news{background:linear-gradient(180deg,#FBF1E3,#F7EAD6);min-height:auto;padding:120px 0}
.chapter-news .news-tabs{margin-top:36px}
.chapter-news .news-grid{display:block;margin-top:40px}
.chapter-news .news-card{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center;background:transparent;border:0;border-bottom:1px solid rgba(173,125,70,.22);border-radius:0;box-shadow:none;padding:26px 4px;margin:0;overflow:visible}
.chapter-news .news-thumb{height:120px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#5E4632,#3B2A20)}
.chapter-news .news-thumb img{width:100%;height:100%;object-fit:cover}
.chapter-news .news-body h3{font-size:clamp(18px,2vw,24px);color:#3B2A20;margin:0 0 10px;line-height:1.5}
.chapter-news .news-body p{color:#7D6E5C;margin:0 0 8px;line-height:1.8}
.chapter-news .news-meta{color:#A98D6A;font-size:13px;display:flex;gap:14px;align-items:center;margin-bottom:8px}
.chapter-news .news-tag{color:#B45309;border:1px solid rgba(217,119,6,.3);border-radius:999px;padding:2px 12px;font-size:12px}
.chapter-news .more{color:#B45309;font-weight:600}
.chapter-news .section-cta{margin-top:44px}

/* ---------- 终章：咖啡金收束 ---------- */
.chapter-cta{min-height:100svh;background:radial-gradient(900px 560px at 50% 28%,rgba(217,119,6,.32),transparent 60%),linear-gradient(160deg,#3B2A20,#5A3D28,#3B2A20);color:#FFF8EE;text-align:center}
.chapter-cta .cta-inner{max-width:860px;margin:0 auto;padding:0}
.chapter-cta h2{font-family:"Songti SC","STSong","Noto Serif SC","PingFang SC",serif;font-size:clamp(36px,5.6vw,68px);color:#FFF8EE;margin:0 0 20px;line-height:1.25}
.chapter-cta p{color:rgba(255,248,238,.78);font-size:clamp(15px,1.8vw,18px);margin:0 0 36px;line-height:1.9}
.chapter-cta .btn-primary{background:linear-gradient(100deg,#D97706,#F0BC7A);color:#3B2A20;min-height:54px;padding:0 38px;font-size:16px;box-shadow:0 18px 46px rgba(0,0,0,.26)}
.chapter-cta .btn-primary:hover{transform:translateY(-3px);box-shadow:0 24px 56px rgba(0,0,0,.34)}

/* ---------- 响应式 ---------- */
@media (max-width:1023px){
  .chapter-home .chapter{min-height:auto;padding:78px 0}
  .chapter-open.hero-guardian{min-height:100svh;padding:0}
  .chapter-method .answer-copy{columns:1}
  .chapter-method .home-process{grid-template-columns:1fr 1fr}
  .chapter-values .values-grid{grid-template-columns:1fr}
  .chapter-values .value-card{border-right:0;border-bottom:1px solid rgba(173,125,70,.28);padding:30px 4px}
  .chapter-values .value-card:last-child{border-bottom:0}
  .chapter-news .news-card{grid-template-columns:150px 1fr;gap:20px}
}
@media (max-width:767px){
  .chapter-home .chapter{padding:64px 0}
  .chapter-open .guardian-copy h1{font-size:clamp(36px,11vw,54px)}
  .chapter-open .guardian-stage{height:0}
  .chapter-open .guardian-stage svg,.chapter-open .guardian-logo-orb,.chapter-open .service-seed{display:none}
  .chapter-open .guardian-stage::after{content:"";position:absolute;left:50%;top:50%;width:560px;height:560px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(217,119,6,.16),transparent 62%);filter:blur(12px)}
  .chapter-open .guardian-inner{padding-bottom:80px}
  .chapter-open .guardian-proof{margin-top:34px}
  .chapter-method .home-process{grid-template-columns:1fr}
  .chapter-services .bento-card{grid-template-columns:1fr;grid-template-areas:"icon head" "desc desc" "more more";column-gap:18px}
  .chapter-services .bento-icon{width:48px;height:48px}
  .chapter-news .news-card{grid-template-columns:1fr}
  .chapter-news .news-thumb{height:150px}
  .chapter-cta h2{font-size:clamp(30px,9vw,42px)}
}

/* ---------- 减弱动效 ---------- */
@media (prefers-reduced-motion:reduce){
  .preloader{display:none}
  .cursor-glow,.film-grain{display:none}
  .parallax-scene,.chapter-open .guardian-stage{transform:none!important}
  .chapter-open .guardian-copy>*,.chapter-open .guardian-scroll,.chapter-faq .faq-item{opacity:1!important;transform:none!important;animation:none!important}
}

/* ============================================================
   导航切换 + 滚轮平滑 v20260825b
   ============================================================ */
html{scroll-padding-top:86px;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* v20260825e：离屏章节跳过布局/绘制，滚动静丝 */
/* v20260825e 已移除(2026-09-08)：content-visibility:auto 的 850px 高度估算在移动端长章节导致整页上下跳动 */
.main-nav{position:relative}
.main-nav .nav-indicator{
  position:absolute;top:50%;left:0;height:30px;border-radius:999px;z-index:0;
  background:rgba(217,119,6,.10);border:1px solid rgba(217,119,6,.22);
  transform:translateY(-50%);
  transition:width .28s var(--ease-out),transform .28s var(--ease-out),opacity .25s ease;
  opacity:0;pointer-events:none
}
.main-nav .nav-indicator.is-visible{opacity:1}
.main-nav>a{position:relative;z-index:1}
@media (max-width:1023px){
  .main-nav .nav-indicator{display:none}
  .site-header .main-nav>a{
    opacity:0;transform:translateY(14px);
    transition:opacity .4s var(--ease-out),transform .4s var(--ease-out),color .2s,border-color .2s
  }
  .site-header .main-nav.open>a{opacity:1;transform:none}
  .site-header .main-nav.open>a:nth-of-type(2){transition-delay:.07s}
  .site-header .main-nav.open>a:nth-of-type(3){transition-delay:.14s}
  .site-header .main-nav.open>a:nth-of-type(4){transition-delay:.21s}
  .site-header .main-nav.open>a:nth-of-type(5){transition-delay:.28s}
  .site-header .main-nav.open>a:nth-of-type(6){transition-delay:.35s}
}

/* ============================================================
   导航出彩层 v20260825a —— 章节轨道 + 顶栏 CTA + 全屏目录菜单
   ============================================================ */
.site-header{z-index:1200}
.site-header .brand{position:relative;z-index:1300}
.header-cta{margin-left:16px;min-height:40px;padding:0 22px;font-size:14px;border-radius:999px;display:inline-flex;align-items:center;box-shadow:0 8px 22px rgba(217,119,6,.28)}
.header-cta:hover{transform:translateY(-2px)}

/* 章节轨道：右侧竖排圆点 + 章节号（仅首页渲染） */
.chapter-rail{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:700;display:flex;flex-direction:column;gap:20px;align-items:flex-end}
.rail-dot{display:flex;align-items:center;gap:10px;text-decoration:none}
.rail-dot i{width:8px;height:8px;border-radius:50%;background:rgba(180,83,9,.26);border:1px solid rgba(180,83,9,.38);transition:all .35s var(--ease-out)}
.rail-label{font:600 12px/1 var(--mono);color:#B45309;letter-spacing:2px;opacity:0;transform:translateX(8px);transition:all .35s var(--ease-out);white-space:nowrap}
.rail-dot:hover i,.rail-dot.active i{background:#D97706;border-color:#D97706;box-shadow:0 0 14px rgba(217,119,6,.65);transform:scale(1.2)}
.rail-dot:hover .rail-label,.rail-dot.active .rail-label{opacity:1;transform:none}
.rail-dot.active i{width:24px;border-radius:999px}

/* 全屏菜单：移动端翻目录感 */
body.menu-open{overflow:hidden}
@media (max-width:1023px){
  .header-cta{display:none}
  .chapter-rail{display:none}
  .menu-toggle{position:relative;z-index:1300}
  body.menu-open .site-header .header-inner{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.97)}
  .site-header .main-nav{position:fixed;top:0;left:0;right:0;height:100vh;height:100dvh;z-index:1190;display:flex;flex-direction:column;justify-content:center;gap:0;background:linear-gradient(165deg,#FDF6EC 0%,#F6E5CE 100%);padding:96px 44px 64px;border-radius:0;box-shadow:none;opacity:0;visibility:hidden;transform:translateY(-16px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out),visibility .5s}
  .site-header .main-nav.open{opacity:1;visibility:visible;transform:none}
  .site-header .main-nav a{font-size:clamp(24px,7vw,34px);color:#3B2A20;padding:18px 0;border-bottom:1px solid rgba(173,125,70,.18)}
  .site-header .main-nav a.active{color:#B45309}
  .site-header .main-nav a::after{display:none}
}
@media (prefers-reduced-motion:reduce){.rail-dot,.rail-label{opacity:1!important;transform:none!important;transition:none!important}}