/* ═══════════════════════════════════════════════════════════
   Aqua Fit v1 · 首页「一屏一段」的自适应压缩层
   站长的窗口高度偏矮（约 830px）时，部分段落的固有高度超过一屏，
   吸附贴顶后底部（如「教程」行）会被屏幕下缘挡住。本层按视口高度
   分档收紧垂直节奏，让每一段都能整段装进一屏并整体居中。
   只在桌面（非触屏）且窗口偏矮时生效，随高度分两档递进；
   prefers-reduced-motion 用户同样受益（只影响间距，不影响动效开关）。
   ═══════════════════════════════════════════════════════════ */

@media (min-width: 769px) and (max-height: 1000px) {

  /* ── 第一档：视口 ≤1000px，温和收紧 ── */
  .sec {
    padding-top: clamp(28px, 5vh, 64px);
    padding-bottom: clamp(22px, 4.2vh, 52px);
  }
  .sec-head { gap: 8px; margin-bottom: clamp(16px, 2.8vh, 38px); }
  .sec-head .section-title { font-size: clamp(30px, 5.2vh, 62px); }
  .sec-head .section-sub, .sec-head .section-desc { font-size: clamp(13.5px, 1.85vh, 17px); }
  .sec-head .eyebrow { font-size: clamp(11px, 1.35vh, 13px); margin-bottom: 2px; }

  /* 分类：六行压缩到一屏 */
  .entry {
    padding: clamp(8px, 1.35vh, 14px) clamp(16px, 2.4vw, 30px);
    gap: clamp(10px, 1.8vw, 24px);
  }
  .entry .zh, .entry .cn, .entry .desc { font-size: clamp(13px, 1.75vh, 16px); }

  /* 其他段落的大块内边距统一压一档（容器级，不碰按钮与文字） */
  #core .glass, #featured .glass, #collections .glass,
  #materials .glass, #learn .glass, #latest .glass,
  #history .glass, .brand-in {
    padding-block: clamp(12px, 1.9vh, 22px);
  }
  #collections .band { min-height: clamp(84px, 10.5vh, 200px); }
  .plate, .core-card, .late-card, .feat-card { padding: clamp(12px, 1.9vh, 24px); }
}

@media (min-width: 769px) and (max-height: 880px) {

  /* ── 第二档：视口 ≤880px（站长约 830），再收紧一档保证整段可见 ── */
  .sec {
    padding-top: clamp(20px, 3.6vh, 44px);
    padding-bottom: clamp(16px, 3vh, 36px);
  }
  .sec-head { gap: 6px; margin-bottom: clamp(12px, 2.1vh, 26px); }
  .sec-head .section-title { font-size: clamp(26px, 4.4vh, 52px); }
  .entry {
    padding: clamp(6px, 1vh, 10px) clamp(16px, 2.4vw, 28px);
  }
  .entry .zh { font-size: clamp(15px, 1.9vh, 18px); }
  .entry .desc { font-size: clamp(12px, 1.5vh, 13.5px); }
  .entry .num { font-size: clamp(12px, 1.5vh, 14px); }
  #collections .band { min-height: clamp(72px, 8.6vh, 150px); }
  .sec-rule { margin-block: clamp(6px, 1vh, 14px); }
}

@media (min-width: 769px) and (max-height: 720px) {

  /* ── 第三档：视口 ≤720px（超矮窗口/小笔记本分屏）── */
  .sec {
    padding-top: clamp(14px, 2.6vh, 30px);
    padding-bottom: clamp(12px, 2.2vh, 26px);
  }
  .sec-head { gap: 5px; margin-bottom: clamp(10px, 1.7vh, 20px); }
  .sec-head .section-title { font-size: clamp(22px, 3.8vh, 42px); }
  .sec-head .section-sub, .sec-head .section-desc { font-size: clamp(12.5px, 1.65vh, 15px); }

  /* 精选资源：主图卡与小块的最低高度改为按视口收缩 */
  .m-hero { min-height: clamp(160px, 30vh, 300px); }
  .m-tile { min-height: clamp(80px, 14vh, 160px); }

  /* 材质球与分区网格收缩 */
  .mat-ball { width: min(240px, 100%); }
  .mat-ball svg { width: 100%; height: auto; display: block; }

  /* 收藏集与品牌尾段压缩 */
  #collections .band { min-height: clamp(60px, 7.2vh, 130px); }
  .brand-in { padding-block: clamp(12px, 2vh, 28px); }

  .entry .zh { font-size: clamp(14px, 1.8vh, 17px); }
}

@media (min-width: 769px) and (max-height: 720px) {

  /* ── 精选/材质：卡片内部也要压（r-body 内边距与标题是行高主凶） ── */
  #featured .res .r-body { padding: clamp(8px, 1.4vh, 14px) 16px; gap: 4px; }
  #featured .res .r-kicker { font-size: 9px; letter-spacing: .2em; }
  #featured .res h3 { font-size: clamp(15px, 2.3vh, 22px); }
  .m-hero h3 { font-size: clamp(17px, 2.7vh, 26px); }
  #featured .res .r-go { font-size: 10.5px; margin-top: 0; }
  #featured .res p { font-size: 11.5px; line-height: 1.6; }
  .m-pair { gap: 12px; }
  .m-pair .m-tile { min-height: clamp(100px, 14vh, 180px); }
  #materials .mat-ball { width: min(180px, 60%); }
}

@media (min-width: 769px) and (max-height: 720px) {
  #materials .glass-card { min-height: clamp(100px, 15vh, 190px); padding: clamp(10px, 1.6vh, 22px); }
  #materials .mat { gap: clamp(10px, 1.6vh, 18px); }
}

@media (min-width: 769px) and (max-height: 720px) {
  /* 材质小样图是行高主凶（aspect-ratio 4:3 随列宽放大）：压到 5:4 并限高 */
  #materials .mat-cell .sw {
    aspect-ratio: 5 / 4;
    max-height: clamp(78px, 11.5vh, 132px);
    width: auto;
    margin-inline: auto;
  }
}

/* ── 末屏（品牌卡 + 页脚）在矮视口下收紧：卡片居中、页脚贴底、整屏不超 ── */
@media (min-width: 769px) and (max-height: 780px) {
  .end-screen .brand { padding-block: clamp(8px, 1.6vh, 24px); }
  .end-screen .brand-in { padding: clamp(18px, 3.4vh, 48px) clamp(24px, 5vw, 76px); }
}


@media (min-width: 769px) and (max-height: 780px) {
  .end-screen .brand-in { padding: clamp(18px, 3.2vh, 40px) clamp(24px, 5vw, 76px); }
  .end-screen .brand { padding-block: 4px; }
}
@media (min-width: 769px) and (max-height: 780px) {
  .end-screen .brand { padding-block: 2px; }
  .end-screen .brand-in { padding: clamp(16px, 3vh, 36px) clamp(24px, 5vw, 76px); }
  .end-screen .foot { padding: clamp(8px, 1.4vh, 18px) 22px; gap: clamp(14px, 2.2vw, 30px); }
  .end-screen .foot ul { gap: 5px; }
  .end-screen .foot h4 { margin-bottom: 7px; }
  .end-screen .foot .f-brand { margin-bottom: 5px; }
  .end-screen .foot .f-brand img { width: 34px; height: 34px; }
  .end-screen .foot .f-brand b { font-size: 15px; }
  .end-screen .foot .f-brand + p { font-size: 11.5px; line-height: 1.55; }
  .end-screen .foot-bar { padding: clamp(5px, 1vh, 12px) 22px; font-size: 11px; }
}