/* ============================================================
   Altarmala 落地页样式表
   设计令牌与主站主题 (themes/altarmala/assets/css/base.css) 完全一致，
   保证落地页与 altarmala.shop 观感同源。
   ============================================================ */

:root{
  --am-primary:#1f3b34;
  --am-primary-deep:#162b26;
  --am-gold:#b08d57;
  --am-gold-bright:#c9a36a;
  --am-gold-soft:#d8c09a;
  --am-gold-text:#8a6a35;
  --am-ivory:#f6f2e9;
  --am-paper:#fffdf9;
  --am-ink:#26221c;
  --am-muted:#6b6252;
  --am-line:#e6dfd0;
  --am-line-soft:#f2eee2;
  --am-mist:#ece7dc;
  --am-wa:#1faa59;
  --am-wa-deep:#17854a;

  --am-font-serif:"Songti SC","Source Han Serif SC","Noto Serif SC",Georgia,"Times New Roman",serif;
  --am-font-body:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",system-ui,-apple-system,sans-serif;

  --am-container:1160px;
  --am-radius-card:16px;
  --am-radius-block:24px;
  --am-radius-pill:999px;
  --am-shadow-card:0 6px 18px rgba(31,59,52,.08);
  --am-shadow-card-hover:0 10px 26px rgba(31,59,52,.13);
  --am-ease:cubic-bezier(.22,.61,.36,1);

  /* 影院感暗部：与首屏 mu-plugin 同一组色值 */
  --am-dark:#0e1210;
  --am-dark-deep:#090d0b;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--am-paper);
  color:var(--am-ink);
  font-family:var(--am-font-body);
  font-size:16px;
  line-height:1.72;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
h1,h2,h3,h4{margin:0;font-family:var(--am-font-serif);font-weight:500;line-height:1.25;letter-spacing:.01em}
p{margin:0}
ul{margin:0;padding:0;list-style:none}

.am-wrap{width:100%;max-width:var(--am-container);margin:0 auto;padding:0 24px}
@media (max-width:640px){.am-wrap{padding:0 18px}}

.am-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------------- 顶部导航 ---------------- */
.am-lp-head{
  position:sticky;top:0;z-index:60;
  background:rgba(14,18,16,.92);
  backdrop-filter:saturate(140%) blur(14px);
  -webkit-backdrop-filter:saturate(140%) blur(14px);
  border-bottom:1px solid rgba(216,192,154,.16);
}
.am-lp-head__in{display:flex;align-items:center;gap:18px;height:64px}
.am-lp-logo{display:flex;align-items:baseline;gap:8px;color:#f7f3ea;font-family:var(--am-font-serif);font-size:19px;letter-spacing:.06em}
.am-lp-logo em{font-style:normal;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--am-gold-soft);opacity:.85}
.am-lp-nav{display:flex;gap:26px;margin-left:auto}
.am-lp-nav a{color:rgba(247,243,234,.76);font-size:13.5px;letter-spacing:.04em;transition:color .2s var(--am-ease)}
.am-lp-nav a:hover{color:var(--am-gold-soft)}
.am-lp-head .am-btn{margin-left:6px}
@media (max-width:820px){
  .am-lp-nav{display:none}
  .am-lp-head__in{height:58px;justify-content:space-between}
}

/* ---------------- 按钮 ---------------- */
.am-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:48px;padding:0 26px;border-radius:var(--am-radius-pill);
  font-size:14.5px;letter-spacing:.02em;white-space:nowrap;
  transition:transform .2s var(--am-ease),background .2s var(--am-ease),border-color .2s var(--am-ease),color .2s var(--am-ease);
}
.am-btn:hover{transform:translateY(-1px)}
.am-btn--gold{background:linear-gradient(135deg,#c9a36a,#b08d57);color:#1a1610;font-weight:600}
.am-btn--gold:hover{background:linear-gradient(135deg,#d8b57d,#bf9a62)}
.am-btn--line{border:1px solid rgba(216,192,154,.5);color:#f2ecdf}
.am-btn--line:hover{border-color:var(--am-gold-soft);color:#fff}
.am-btn--dark{background:var(--am-primary);color:#f7f3ea}
.am-btn--dark:hover{background:var(--am-primary-deep)}
.am-btn--wa{background:var(--am-wa);color:#fff}
.am-btn--wa:hover{background:var(--am-wa-deep)}
.am-btn--sm{height:40px;padding:0 18px;font-size:13px}
.am-btn--block{width:100%}

/* ---------------- 首屏（影院感 · 四帧） ---------------- */
.am-hero{
  position:relative;overflow:hidden;background:var(--am-dark);
  height:min(74vh,620px);min-height:520px;
  display:flex;align-items:center;
}
.am-hero__track{position:relative;width:100%;height:100%}
.am-hero__slide{
  position:absolute;inset:0;display:flex;align-items:center;
  opacity:0;visibility:hidden;transition:opacity 900ms var(--am-ease),visibility 900ms;
}
.am-hero__slide.is-on{opacity:1;visibility:visible}

.am-hero__media{position:absolute;inset:0;z-index:0;overflow:hidden}
.am-hero__media img{
  width:100%;height:100%;object-fit:cover;
  transform:scale(1.06);
  transition:transform 7200ms linear;
  filter:brightness(1.02) saturate(1.02);
}
.am-hero__slide.is-on .am-hero__media img{transform:scale(1)}

/* 金色聚光：与主站同一套三层叠加 */
.am-hero__glow{
  position:absolute;inset:-10%;z-index:2;pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(42% 46% at 50% 46%,rgba(240,205,140,.42) 0%,rgba(214,175,105,.18) 40%,rgba(201,164,92,0) 70%);
  filter:blur(12px);
}
.am-hero__media::after{
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  background:radial-gradient(70% 72% at 50% 46%,rgba(8,11,9,0) 38%,rgba(8,11,9,.72) 100%);
}
.am-hero__scrim{
  position:absolute;inset:0;z-index:4;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(9,13,11,.975) 0%,rgba(9,13,11,.93) 30%,rgba(9,13,11,.62) 50%,rgba(9,13,11,.14) 72%,rgba(9,13,11,.44) 100%),
    linear-gradient(0deg,rgba(9,13,11,.8) 0%,rgba(9,13,11,0) 46%);
}

.am-hero__body{
  position:relative;z-index:6;width:100%;max-width:var(--am-container);
  margin:0 auto;padding:0 24px;
}
.am-hero__kicker{
  display:inline-flex;align-items:center;gap:10px;
  font-size:11.5px;letter-spacing:.3em;text-transform:uppercase;
  color:#e6d3a9;margin-bottom:22px;
}
.am-hero__kicker::before{content:"";width:26px;height:1px;background:rgba(230,211,169,.6)}
.am-hero__title{
  color:#fbf7ee;font-size:clamp(34px,4.4vw,60px);line-height:1.16;
  letter-spacing:.02em;max-width:11em;
  text-shadow:0 2px 26px rgba(0,0,0,.45);
}
.am-hero__sub{
  margin-top:20px;max-width:30em;color:rgba(247,243,234,.8);
  font-size:15.5px;line-height:1.82;
}
.am-hero__cta{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}

.am-hero__dots{
  position:absolute;left:50%;transform:translateX(-50%);bottom:26px;z-index:8;
  display:flex;gap:10px;
}
.am-hero__dot{
  width:26px;height:2px;background:rgba(247,243,234,.28);border-radius:2px;
  transition:background .3s var(--am-ease),width .3s var(--am-ease);
}
.am-hero__dot.is-on{background:var(--am-gold-soft);width:40px}

@media (max-width:640px){
  /* 手机：海报式上下分区（与主站 h 版同策略） */
  .am-hero{height:auto;min-height:0;display:block;padding:0 0 30px}
  .am-hero__track{height:auto;display:flex;overflow-x:auto;overflow-y:hidden;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .am-hero__track::-webkit-scrollbar{display:none}
  .am-hero__slide{position:relative;inset:auto;flex:0 0 100%;width:100%;
    display:block;opacity:1;visibility:visible;transition:none;scroll-snap-align:start}
  .am-hero__media{position:relative;inset:auto;height:auto;aspect-ratio:3/2}
  .am-hero__media img{transform:none;transition:none;
    mask-image:linear-gradient(180deg,#000 64%,rgba(0,0,0,.35) 89%,transparent 100%);
    -webkit-mask-image:linear-gradient(180deg,#000 64%,rgba(0,0,0,.35) 89%,transparent 100%);
    filter:brightness(1.06) saturate(1.04)}
  .am-hero__scrim{background:linear-gradient(0deg,rgba(14,18,16,1) 0%,rgba(14,18,16,.6) 22%,rgba(14,18,16,0) 42%)}
  .am-hero__body{padding:0 18px;margin-top:-6px}
  .am-hero__kicker{margin-bottom:14px;font-size:10.5px;letter-spacing:.24em}
  .am-hero__title{font-size:clamp(28px,8.4vw,36px);max-width:none}
  .am-hero__sub{font-size:14px;margin-top:14px;line-height:1.75}
  .am-hero__cta{margin-top:24px;gap:10px}
  .am-hero__cta .am-btn{flex:1 1 0;min-width:0;height:50px;padding:0 10px;font-size:13px;letter-spacing:0}
  .am-hero__dots{position:static;transform:none;justify-content:center;margin-top:20px}
}

/* ---------------- 信任条 ---------------- */
.am-trust{
  background:var(--am-primary-deep);color:rgba(247,243,234,.9);
  border-top:1px solid rgba(216,192,154,.14);
}
.am-trust__in{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  padding:0;
}
.am-trust__item{
  display:flex;align-items:center;justify-content:center;gap:9px;
  padding:16px 10px;font-size:13px;letter-spacing:.02em;
  border-right:1px solid rgba(216,192,154,.12);
}
.am-trust__item:last-child{border-right:0}
.am-trust__item b{color:var(--am-gold-soft);font-weight:600}
@media (max-width:760px){
  .am-trust__in{grid-template-columns:1fr 1fr}
  .am-trust__item{font-size:12px;padding:12px 8px}
  .am-trust__item:nth-child(2n){border-right:0}
  .am-trust__item:nth-child(-n+2){border-bottom:1px solid rgba(216,192,154,.12)}
}

/* ---------------- 区块通用 ---------------- */
.am-sec{padding:88px 0}
.am-sec--tint{background:var(--am-ivory)}
.am-sec--dark{background:var(--am-dark);color:#f7f3ea}
.am-sec__head{max-width:640px;margin-bottom:44px}
.am-sec__head--center{margin-left:auto;margin-right:auto;text-align:center}
.am-sec__kicker{
  display:inline-flex;align-items:center;gap:10px;
  font-size:11.5px;letter-spacing:.3em;text-transform:uppercase;
  color:var(--am-gold-text);margin-bottom:16px;
}
.am-sec--dark .am-sec__kicker{color:#e6d3a9}
.am-sec__kicker::before{content:"";width:24px;height:1px;background:currentColor;opacity:.6}
.am-sec__head--center .am-sec__kicker::after{content:"";width:24px;height:1px;background:currentColor;opacity:.6}
.am-sec__title{font-size:clamp(26px,3vw,38px);color:var(--am-primary)}
.am-sec--dark .am-sec__title{color:#fbf7ee}
.am-sec__desc{margin-top:14px;color:var(--am-muted);font-size:15px;line-height:1.85}
.am-sec--dark .am-sec__desc{color:rgba(247,243,234,.72)}
@media (max-width:640px){.am-sec{padding:56px 0}.am-sec__head{margin-bottom:30px}}

/* ---------------- 商品网格 ---------------- */
.am-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
@media (max-width:980px){.am-grid{grid-template-columns:repeat(3,1fr);gap:16px}}
@media (max-width:760px){.am-grid{grid-template-columns:repeat(2,1fr);gap:14px}}

.am-card{
  background:var(--am-paper);border:1px solid var(--am-line-soft);
  border-radius:var(--am-radius-card);overflow:hidden;
  box-shadow:var(--am-shadow-card);
  transition:transform .28s var(--am-ease),box-shadow .28s var(--am-ease);
  display:flex;flex-direction:column;
}
.am-card:hover{transform:translateY(-4px);box-shadow:var(--am-shadow-card-hover)}
.am-card__media{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--am-mist)}
.am-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--am-ease)}
.am-card:hover .am-card__media img{transform:scale(1.045)}
.am-card__flag{
  position:absolute;left:10px;top:10px;z-index:2;
  padding:4px 10px;border-radius:var(--am-radius-pill);
  font-size:11px;letter-spacing:.06em;
  background:rgba(255,253,249,.92);color:var(--am-gold-text);
  border:1px solid rgba(176,141,87,.28);
}
.am-card__body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.am-card__cat{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--am-muted)}
.am-card__name{font-family:var(--am-font-serif);font-size:16px;line-height:1.4;color:var(--am-ink)}
.am-card__price{margin-top:auto;padding-top:8px;color:var(--am-primary);font-size:15px;font-weight:600}
.am-card__price small{color:var(--am-muted);font-weight:400;font-size:12px;margin-left:4px}
@media (max-width:640px){
  .am-card__body{padding:11px 11px 13px}
  .am-card__name{font-size:14px}
  .am-card__price{font-size:14px}
}

/* ---------------- 定制四步 ---------------- */
.am-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:st;align-items:stretch}
.am-step{
  position:relative;padding:26px 22px 24px;height:100%;
  background:var(--am-paper);border:1px solid var(--am-line);
  border-radius:var(--am-radius-block);
}
.am-step::before{
  counter-increment:st;content:"0" counter(st);
  font-family:var(--am-font-serif);font-size:13px;letter-spacing:.18em;
  color:var(--am-gold);display:block;margin-bottom:14px;
}
.am-step h3{font-size:18px;color:var(--am-primary);margin-bottom:8px}
.am-step p{font-size:13.5px;color:var(--am-muted);line-height:1.8}
@media (max-width:900px){.am-steps{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.am-steps{grid-template-columns:1fr;gap:12px}.am-step{padding:20px 18px}}

/* ---------------- 图文分栏 ---------------- */
.am-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.am-split__media{border-radius:var(--am-radius-block);overflow:hidden;aspect-ratio:4/3;box-shadow:var(--am-shadow-card)}
.am-split__media img{width:100%;height:100%;object-fit:cover}
.am-split__body h2{font-size:clamp(24px,2.6vw,34px);color:var(--am-primary);margin-bottom:18px}
.am-split__body p{color:var(--am-muted);font-size:15px;line-height:1.95;margin-bottom:14px}
.am-split__list{margin-top:22px;display:grid;gap:10px}
.am-split__list li{display:flex;gap:10px;font-size:14px;color:var(--am-ink)}
.am-split__list li::before{content:"—";color:var(--am-gold);flex:none}
@media (max-width:860px){
  .am-split{grid-template-columns:1fr;gap:28px}
  .am-split__media{aspect-ratio:16/10}
}

/* ---------------- 常见问题 ---------------- */
.am-faq{max-width:820px;margin:0 auto}
.am-faq details{
  border-bottom:1px solid var(--am-line);padding:20px 0;
}
.am-faq summary{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  cursor:pointer;list-style:none;font-family:var(--am-font-serif);
  font-size:17px;color:var(--am-primary);
}
.am-faq summary::-webkit-details-marker{display:none}
.am-faq summary::after{
  content:"+";flex:none;width:24px;text-align:center;color:var(--am-gold);
  font-size:20px;line-height:1;transition:transform .25s var(--am-ease);
}
.am-faq details[open] summary::after{transform:rotate(45deg)}
.am-faq p{margin-top:12px;color:var(--am-muted);font-size:14.5px;line-height:1.9}

/* ---------------- 底部行动带 ---------------- */
.am-cta{
  position:relative;overflow:hidden;background:var(--am-dark);
  color:#f7f3ea;padding:76px 0;text-align:center;
}
.am-cta::before{
  content:"";position:absolute;inset:-20%;pointer-events:none;
  background:radial-gradient(38% 46% at 50% 46%,rgba(240,205,140,.20) 0%,rgba(201,164,92,0) 68%);
}
.am-cta__in{position:relative;z-index:2}
.am-cta h2{font-size:clamp(26px,3vw,38px);color:#fbf7ee}
.am-cta p{margin:16px auto 0;max-width:32em;color:rgba(247,243,234,.76);font-size:15px;line-height:1.85}
.am-cta .am-btn{margin-top:30px}
@media (max-width:640px){.am-cta{padding:52px 0}}

/* ---------------- 页脚 ---------------- */
.am-foot{background:var(--am-primary-deep);color:rgba(247,243,234,.66);padding:48px 0 34px;font-size:13px}
.am-foot__in{display:flex;flex-wrap:wrap;gap:26px;align-items:flex-start;justify-content:space-between}
.am-foot__brand{color:#f7f3ea;font-family:var(--am-font-serif);font-size:17px;letter-spacing:.06em}
.am-foot__links{display:flex;gap:20px;flex-wrap:wrap}
.am-foot__links a:hover{color:var(--am-gold-soft)}
.am-foot__copy{margin-top:26px;padding-top:20px;border-top:1px solid rgba(216,192,154,.13);
  display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:12px;opacity:.8}

/* ---------------- 滚动显现（渐进增强：无 JS 时全部可见） ---------------- */
.am-js .am-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--am-ease),transform .7s var(--am-ease)}
.am-js .am-reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .am-js .am-reveal{opacity:1;transform:none;transition:none}
  .am-hero__slide{transition:none}
  .am-hero__media img{transition:none;transform:none}
}

/* 悬浮 WhatsApp 按钮（移动端） */
.am-fab{
  position:fixed;right:16px;bottom:18px;z-index:70;
  width:54px;height:54px;border-radius:50%;
  background:var(--am-wa);color:#fff;
  display:none;align-items:center;justify-content:center;
  box-shadow:0 8px 22px rgba(31,170,89,.38);
}
@media (max-width:820px){.am-fab{display:flex}}

/* ---------------- 三列变体（fc 落地页用） ---------------- */
.am-grid--3{grid-template-columns:repeat(3,1fr)}
@media (max-width:980px){.am-grid--3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.am-grid--3{grid-template-columns:1fr}}
.am-card__note{font-size:13px;color:var(--am-muted);line-height:1.75}