@charset "utf-8";
/* =========================================================
   SKYLINE · 响应式
   ========================================================= */

/* ----- 大屏 1440 以下 ----- */
@media (max-width:1440px){
  .prod-grid{grid-template-columns:repeat(3,1fr)}
}

/* ----- 笔记本 1200 以下 ----- */
@media (max-width:1200px){
  :root{--header-h:74px}
  .sec{padding:90px 0}
  .header-tel{display:none}
  .svc-grid{grid-template-columns:repeat(2,1fr)}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .counters{grid-template-columns:repeat(2,1fr)}
  .proc-steps{grid-template-columns:repeat(2,1fr);gap:40px 24px}
  .proc-steps::before{display:none}
  .news-grid{grid-template-columns:1fr}
  .news-feature{min-height:340px}
  .footer-top{grid-template-columns:1fr 1fr;gap:40px}
  .prod-list{grid-template-columns:repeat(2,1fr)}
}

/* ----- 平板 992 以下 ----- */
@media (max-width:992px){
  .main-nav{
    position:fixed;top:0;right:0;width:min(340px,82vw);height:100vh;
    background:rgba(10,14,20,.98);backdrop-filter:blur(20px);
    border-left:1px solid var(--line);
    transform:translateX(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);
    z-index:1050;padding:100px 30px 40px;overflow-y:auto;
  }
  .main-nav.open{transform:translateX(0)}
  .main-nav>ul{flex-direction:column;align-items:stretch;gap:0}
  .main-nav>ul>li>a{height:auto;padding:18px 0;border-bottom:1px solid var(--line);font-size:18px}
  .main-nav>ul>li>a::after{display:none}
  .main-nav .sub{position:static;transform:none;opacity:1;visibility:visible;background:none;border:0;box-shadow:none;padding:0 0 14px;min-width:0}
  .main-nav .sub a{padding:10px 16px;color:var(--text-dim)}
  .nav-toggle{display:flex;z-index:1060}
  .nav-mask{position:fixed;inset:0;background:rgba(0,0,0,.6);opacity:0;visibility:hidden;transition:.4s;z-index:1040}
  .nav-mask.show{opacity:1;visibility:visible}

  .about-grid{grid-template-columns:1fr;gap:50px}
  .about-feat{grid-template-columns:1fr 1fr}
  .faq-grid{grid-template-columns:1fr;gap:40px}
  .prod-detail{grid-template-columns:1fr;gap:34px}
  .contact-grid{grid-template-columns:1fr;gap:34px}
  .layout,.layout.reverse{grid-template-columns:1fr}
  .aside-box{position:static}
  .order-aside{order:2}
  .order-main{order:1}
  .page-hero{height:360px}
  .cta-box{padding:56px 40px}
  .article{padding:40px 36px}
}

/* ----- 手机 768 以下 ----- */
@media (max-width:768px){
  body{font-size:14.5px}
  .sec,.sec-sm{padding:64px 0}
  .sec-head{margin-bottom:40px}
  .svc-grid,.why-grid,.counters,.prod-grid,.prod-list,.news-grid,.news-list{grid-template-columns:1fr}
  .proc-steps{grid-template-columns:1fr}
  .about-feat{grid-template-columns:1fr}
  .hero-stats{gap:30px}
  .footer-top{grid-template-columns:1fr;gap:34px}
  .footer-bottom{flex-direction:column;text-align:center}
  .footer-bottom .links a{margin:0 9px}
  .art-row{grid-template-columns:1fr}
  .art-row .pic{aspect-ratio:16/9}
  .art-row .txt{padding:26px 28px}
  .form-grid{grid-template-columns:1fr}
  .prevnext{grid-template-columns:1fr}
  .prevnext .next{text-align:left}
  .pd-params{grid-template-columns:1fr}
  .cta-inner{flex-direction:column;align-items:flex-start}
  .article{padding:30px 22px}
  .form-box{padding:32px 24px}
  .ci-card{padding:22px 24px}
  .to-top{right:16px;bottom:16px}
  .trust-bar .wrap{gap:20px}
  .trust-bar .logos{gap:28px}
  .trust-bar .logos span{font-size:18px}
}

/* ----- 小屏 480 以下 ----- */
@media (max-width:480px){
  .hero h1{font-size:38px}
  .sec-head h2{font-size:28px}
  .hero-stats{flex-direction:row;flex-wrap:wrap;gap:24px 36px}
  .btn{padding:13px 24px;font-size:14px}
}