/* ==========================================================================
   tablet.css — 平板专属版式（769–1024px）
   背景：全站主断点是 768px，769–1024 一直沿用桌面版式，820/1024 平板出现：
     1) 顶部导航撑到 1045px 被裁切（右侧菜单看不到）
     2) 首屏 banner 用 object-position:right，把图内标题裁掉
     3) 内容容器几乎贴边（805/820）
     4) 桌面网格在平板过密
   本文件只作用于 769–1024，桌面（>1024）与手机（≤768）零影响。
   配色沿用站内：粉 #D63384 / 淡粉 #FFF0F7 / 墨 #4A3140
   ========================================================================== */

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

  /* ---------- 1. 容器：左右留出呼吸位 ---------- */
  main .l-wrap{
    max-width:100% !important;
    padding-left:32px !important;
    padding-right:32px !important;
    box-sizing:border-box;
  }
  main section > .l-wrap:first-child{padding-top:0}

  /* ---------- 2. 头部导航：压缩到一屏内 ---------- */
  .head-info{padding:0 10px !important}
  .head-info .l-wrap{
    width:100% !important;
    max-width:100% !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }
  .head-info #nav ul li{padding:0 !important}
  header.hdr #nav .nav-ul>li>a,
  .nav-ul>li>a{
    font-size:12px !important;
    padding:0 6px !important;
    letter-spacing:0 !important;
    height:46px !important;
  }
  .head-info .logo .brand-name{font-size:22px !important}
  .head-info .logo img{max-height:38px}

  /* ---------- 3. 首页首屏：保图内标题，不裁字 ---------- */
  body.index .hero-slide-1 .slide-pc img,
  body.index .home-banner .slide-pc img{
    object-position:left center !important;
  }
  /* 首屏文字区不要贴边 */
  body.index .hv2-hero-copy{padding-left:32px !important;padding-right:32px !important}

  /* ---------- 4. 首页网格：平板密度 ---------- */
  body.index .hv2-voice-grid{grid-template-columns:1fr 1fr !important;gap:16px !important}
  body.index .hv2-voice-grid>figure:last-child{grid-column:1 / -1}
  body.index .hv2-news-grid{grid-template-columns:1fr 1fr !important}
  body.index .hv2-stats .hv2-stat-num{font-size:30px !important}
  body.index .hv2-stats .hv2-stat-label{font-size:10px !important}
  body.index .hv2-stats .hv2-stat{padding:24px 6px !important}

  /* ---------- 5. 产品列表：3 列 → 保持，但卡片留白更紧 ---------- */
  .v3-pt-grid{grid-template-columns:repeat(3,1fr) !important;gap:14px !important}
  .v3-product-grid{grid-template-columns:repeat(2,1fr) !important;gap:18px !important}

  /* ---------- 6. 产品详情：并排区不塌 ---------- */
  .related-grid{grid-template-columns:repeat(3,1fr) !important;gap:16px !important}
  .highlight-grid{grid-template-columns:repeat(3,1fr) !important;gap:14px !important}
  .craft-steps{grid-template-columns:repeat(2,1fr) !important;gap:26px 0 !important}
  .prodetails-top{gap:32px !important}

  /* ---------- 7. 关于页：两栏不塌成单栏 ---------- */
  .ab6-intro-grid{grid-template-columns:1fr 1fr !important;gap:34px !important}
  .ab6-video-grid{grid-template-columns:1fr 1fr !important;gap:34px !important}
  .ab6-caps-grid{grid-template-columns:1fr 1fr !important;gap:16px !important}
  .ab6-cap{grid-template-columns:110px 1fr !important;gap:16px !important;padding:18px !important}
  .ab6-steps{grid-template-columns:repeat(2,1fr) !important;gap:28px 18px !important}
  .ab6-locs{grid-template-columns:repeat(3,1fr) !important}

  /* ---------- 8. 资讯/FAQ：卡片两列 ---------- */
  .nv2-grid{grid-template-columns:1fr 1fr !important;gap:18px !important}
  .nv2-layout{grid-template-columns:1fr !important}
  .sidebar{margin-top:28px}


  /* ---------- 10. 头部：平板已有完整菜单，隐藏汉堡按钮，避免压住 CONTACT US ---------- */
  .hdr .mob-btn, header .mob-btn, header.hdr .mob-btn, .mob-btn{display:none !important}

  /* ---------- 11. 关于页装饰数字：平板空间不足会压住标题与正文 ---------- */
  .ab6-intro::after{display:none !important}

  /* ---------- 9. 联系页 ---------- */
  .ch-grid,.contact-wrap{grid-template-columns:1fr !important;gap:26px !important}
}

/* 窄平板（769–800）：再压一档导航密度，避免最后一项溢出 */
@media (min-width:769px) and (max-width:800px){
  .head-info .logo .brand-name{font-size:19px !important}
  header.hdr #nav .nav-ul>li>a,
  .nav-ul>li>a{font-size:11px !important;padding:0 4px !important}
}