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

/* ----- 大屏 1440 以下 ----- */
@media (max-width:1440px){
  .prod-grid{grid-template-columns:repeat(5,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){
    
    
  
  
   /* 遮罩层 - 降低层级 */
  .nav-mask {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    z-index: 999 !important;  /* 降低到 999 */
  }
  .nav-mask.show {
    opacity: 1;
    visibility: visible;
  }

  /* 菜单 - 提到最高层级 */
  .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: 1100 !important;  /* 提到最高 */
    padding: 100px 30px 40px;
    overflow-y: auto;
  }
  .main-nav.open {
    transform: translateX(0);
  }

  /* 🔥 关键：所有链接强制可点击 */
  .main-nav a {
    pointer-events: auto !important;
    cursor: pointer !important;
    display: block !important;
    position: relative !important;
    z-index: 1101 !important;
    padding: 14px 0 !important;
  }

  .nav-toggle {
    display: flex;
    z-index: 1200 !important;  /* 汉堡按钮最高 */
    position: relative;
  }

  /* 其他样式保持不变 */
  .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;
    pointer-events: auto !important;
    cursor: pointer !important;
  }
  .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}
}