/* ==========================================================================
   Altarmala 落地页升级层 v20261113
   —— 独立追加文件，不修改 landing.css 任何一行；停用只需删掉 index.html 里一行 link。
   —— 沿用主站 --am-* 设计令牌，保证前后台视觉统一。
   —— 手机优先：触摸目标 >=44px、组件四态、导航清晰度、排版层次、安全区。
   ========================================================================== */

:root{
  --am-upg-accent:var(--am-gold, #b08d57);
  --am-upg-tap:44px;
  --am-upg-sh-1:0 2px 8px rgba(38,34,28,.06);
  --am-upg-sh-2:0 8px 24px rgba(38,34,28,.10);
  --am-upg-ease:cubic-bezier(.16,1,.3,1);
}

/* --- 1. 组件四态：全站统一焦点环 / 悬停 / 按下 / 禁用 --- */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid var(--am-upg-accent);
  outline-offset:3px;
  border-radius:4px;
}
:where(.am-btn,.am-card,.am-lp-card):hover{
  transform:translateY(-2px);
  box-shadow:var(--am-upg-sh-2);
}
:where(.am-btn,.am-lp-logo,.am-hero__dot):active{ transform:scale(.97); }
:where(.am-btn)[disabled],:where(.am-btn):disabled,
:where(.am-btn)[aria-disabled="true"]{ opacity:.5;pointer-events:none;transform:none;box-shadow:none; }
:where(.am-btn,.am-card,.am-lp-nav a){
  transition:transform .28s var(--am-upg-ease),box-shadow .28s var(--am-upg-ease),
             background-color .2s ease,color .2s ease,border-color .2s ease;
}

/* --- 2. 排版层次：标题阶梯与正文行长 --- */
h1{ line-height:1.14;letter-spacing:-.01em; }
h2{ line-height:1.28; }
h3{ line-height:1.42; }
p,li{ line-height:1.72; }
.am-section p,.am-lp-section p{ max-width:68ch; }

/* --- 3. 导航清晰度：当前区块高亮 + 锚点不被吸顶头遮挡 --- */
.am-lp-nav a[aria-current="true"],.am-lp-nav a.is-active{ color:var(--am-gold-soft);font-weight:600; }
[id]{ scroll-margin-top:calc(64px + 16px); }

/* --- 4. 布局层次：卡片阴影与圆角一致 --- */
.am-card,.am-lp-card,.am-hero__slide{ border-radius:var(--am-radius-card,16px); }
.am-card,.am-lp-card{ box-shadow:var(--am-upg-sh-1); }

/* --- 5. 渐进增强显现 / 减弱动效降级 --- */
@media (prefers-reduced-motion:no-preference){
  .am-js .am-upg-reveal{ opacity:0;transform:translateY(14px); }
  .am-js .am-upg-reveal.is-in{ opacity:1;transform:none;
    transition:opacity .6s var(--am-upg-ease),transform .6s var(--am-upg-ease); }
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important; }
}

/* ==========================================================================
   6. 手机版（<=899px）—— 本次重点
   ========================================================================== */
@media (max-width:899px){
  /* 触摸目标 >=44px，只扩热区不改视觉尺寸 */
  :where(.am-hero__dot,.am-lp-nav a,.am-lp-head .am-btn,.am-iconbtn,
         .am-hero__nav,.am-lp-logo,.am-faq__q){
    min-width:var(--am-upg-tap);min-height:var(--am-upg-tap);
    display:inline-flex;align-items:center;justify-content:center;
  }
  /* 轮播圆点：视觉细线保留，点击热区 44px */
  .am-hero__dot{ position:relative;background:transparent;border:0;padding:0; }
  .am-hero__dot::after{
    content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    width:24px;height:2px;border-radius:2px;background:rgba(255,255,255,.42);
  }
  .am-hero__dot.is-on::after{ width:36px;background:var(--am-upg-accent); }
  /* 顶栏在小屏收起次级导航，保留品牌与 CTA，减少拥挤 */
  .am-lp-nav{ gap:6px; }
  .am-lp-nav a{ font-size:13px;padding-inline:8px; }
  .am-lp-head .am-btn{ min-height:var(--am-upg-tap); }
  /* 标题阶梯 */
  h1{ font-size:clamp(30px,8.4vw,40px); }
  h2{ font-size:clamp(23px,6vw,30px); }
  h3{ font-size:clamp(16px,4.2vw,19px); }
  /* 主按钮满宽、高度达标 */
  .am-hero__actions{ display:flex;flex-direction:column;gap:10px; }
  .am-hero__actions .am-btn,.am-cta .am-btn{ width:100%;min-height:var(--am-upg-tap); }
  /* FAQ 折叠、评价卡等间距 */
  .am-faq__q{ width:100%;text-align:left; }
  /* 横向滑动不产生页面级溢出 */
  .am-scroll-x,.am-thumbs{ overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none; }
  .am-scroll-x::-webkit-scrollbar,.am-thumbs::-webkit-scrollbar{ display:none; }
  html{ overflow-x:clip; }
}

/* --- 6.1 落地页专属：FAQ summary / 页脚链接 / 文字 CTA 触摸目标补齐
       （实测：summary 29px、页脚 a 22px、inline CTA 18px，均 <44px） --- */
@media (max-width:899px){
  .am-faq summary,details > summary,
  .am-lp-footer a,.am-footer a,footer a,
  .am-section a.am-link,.am-link,.am-textlink{
    display:flex;align-items:center;
    min-height:var(--am-upg-tap);
    width:100%;
  }
  /* FAQ summary 保留右侧箭头位置，只扩高度不改视觉 */
  .am-faq summary{padding-block:9px;cursor:pointer;}
  /* 页脚链接：44px 高，文字左对齐，不改颜色字号 */
  .am-lp-footer a,.am-footer a,footer a{ padding-block:10px; }
  /* 行内文字 CTA（如「查看全部现货 →」） */
  .am-section a:not(.am-btn),.am-lp-section a:not(.am-btn){
    display:inline-flex;align-items:center;min-height:var(--am-upg-tap);
  }
}

@media (max-width:640px){
  :root{ --am-radius-card:14px; }
  /* 顶栏：品牌 + CTA，导航收进第二行横滑，避免挤成一行 */
  .am-lp-head__in{ flex-wrap:wrap;height:auto;min-height:60px;padding-block:8px;gap:8px; }
  .am-lp-nav{ order:3;width:100%;overflow-x:auto;justify-content:flex-start;
    margin-left:0;border-top:1px solid rgba(255,255,255,.10);padding-top:6px; }
  .am-lp-nav a{ flex:0 0 auto;white-space:nowrap; }
  /* 表单控件 16px 防 iOS 自动缩放 + 44px 触摸 */
  input,select,textarea{ font-size:16px;min-height:var(--am-upg-tap); }
  /* 图片防 CLS + 安全区 */
  .am-hero__media img{ display:block;width:100%;height:auto; }
  body{ padding-bottom:env(safe-area-inset-bottom,0px); }
  .am-sticky-cta,.am-lp-float{ padding-bottom:env(safe-area-inset-bottom,0px); }
  /* 首屏文字与按钮不贴边 */
  .am-hero__body{ padding-inline:18px; }
}