/* ==========================================================================
   responsive.css — 断点适配 / 触摸设备 / 打印
   ========================================================================== */

/* ---------- 宽屏微调 ---------- */
@media (min-width:1680px){
  :root{--wrap:1420px}
  .hero__copy{max-width:620px}
}

/* ---------- ≤1180px ---------- */
@media (max-width:1180px){
  .grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nav__links{gap:clamp(4px,1.2vw,16px)}
  .nav__links a{font-size:12px;letter-spacing:.14em}
}

/* ---------- ≤980px ---------- */
@media (max-width:980px){
  :root{--nav-h:58px}
  .nav__links{
    position:fixed;
    inset:var(--nav-h) 0 auto 0;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:8px clamp(14px,4vw,28px) 20px;
    background:rgba(13,13,13,.97);
    border-bottom:1px solid var(--ln-1);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    transform:translateY(-12px);
    opacity:0;visibility:hidden;
    transition:all .38s var(--e-out);
  }
  .nav__links.is-open{transform:none;opacity:1;visibility:visible}
  .nav__links a{
    padding:15px 0;
    font-size:15px;
    border-bottom:1px solid var(--ln-2);
  }
  .nav__links a::after{display:none}
  .nav__burger{display:block}
  .nav__btn-k{display:none}

  .hero{padding-top:calc(var(--nav-h) + 4vh)}
  .hero__copy{max-width:100%}
  .hero__lede{max-width:100%}
  .hero__title-cn{font-size:clamp(52px,15vw,104px)}

  .grid--2,.grid--3,.grid--wide{grid-template-columns:minmax(0,1fr)}
  .scope{grid-template-columns:minmax(0,1fr)}
  .scope__legend{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}

  .foot__r{text-align:left}
}

/* ---------- ≤700px：模型全屏为主，文字层让位 ---------- */
@media (max-width:700px){
  :root{--sec-y:64px}

  .hero{
    justify-content:flex-end;
    min-height:100svh;
    padding-bottom:calc(var(--tel-h) + 230px);
  }
  .hero__stats{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
  }
  .hero__stats i{font-size:10.5px;letter-spacing:.08em;line-height:1.4}
  .hero__stats b{font-size:11.5px;letter-spacing:.1em}
  .hero__scroll{display:none}


  /* 模型位于标题后方时加强文字对比 */
  .hero__title-cn{filter:drop-shadow(0 0 26px rgba(13,13,13,.95)) drop-shadow(0 2px 10px rgba(13,13,13,1))}
  .hero__title-en,.hero__lede{text-shadow:0 1px 8px rgba(13,13,13,.98),0 0 18px rgba(13,13,13,.9)}

  .scope__legend{grid-template-columns:minmax(0,1fr)}
  .timeline{padding-left:26px}
  .kv>div{grid-template-columns:minmax(76px,96px) 1fr;gap:10px}
  .kv dd{font-size:13.5px}
  .scope__screen canvas{max-height:210px;object-fit:cover}

  .boot__log{font-size:10.5px;min-height:150px}
  .foot{padding-bottom:calc(var(--tel-h) + 30px)}
}

/* ---------- ≤480px ---------- */
@media (max-width:480px){
  .nav__text i{display:none}
  .nav__btn--cta{padding:7px 11px;font-size:11.5px;letter-spacing:.14em}
  .hero__title-en{letter-spacing:.42em}
  .card,.module,.panel{padding:16px}
}

/* ---------- 触摸设备：去掉 hover 位移 ---------- */
@media (hover:none){
  .card:hover,.module:hover,.part:hover{transform:none}
}

/* ---------- 矮屏 ---------- */
@media (max-height:640px) and (min-width:981px){
  .hero{padding-top:calc(var(--nav-h) + 24px);padding-bottom:80px}
  .hero__title-cn{font-size:clamp(44px,8vh,90px)}
  .hero__stats{padding:10px 0}
}

/* ---------- 打印 ---------- */
@media print{
  body{background:#fff;color:#111}
  .sec,.panel,.card,.module{border-color:#ccc;background:#fff;color:#111}
  .sec__title,.panel__t,.card h3{color:#000}
}