/* ==========================================================================
   鼎极智能 · 响应式
   ========================================================================== */

/* ---------- ≤1180px ---------- */
@media (max-width:1180px){
  .hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px}
  .chain{max-width:390px}
  .leader{grid-template-columns:minmax(0,236px) minmax(0,1fr);gap:36px}
  .leader-photo{height:295px}
  .plat{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .foot-top{grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,.6fr))}
}

/* ---------- ≤1024px ---------- */
@media (max-width:1024px){
  :root{--nav-h:68px}
  .nav-menu{gap:16px}
  .nav-menu a{font-size:13.5px}
  .hero{padding-top:calc(var(--nav-h) + 80px)}
  .hero-grid{grid-template-columns:1fr;gap:44px;min-height:0}
  .hero-visual{min-height:440px;justify-content:flex-start;margin-top:8px}
  .hv-plane,.hv-edge{top:0;bottom:0;right:-16%;width:48%}
  .hv-rings{right:-6%;width:min(56%,380px)}
  .chain{max-width:none;margin-right:0}
  .why-top{grid-template-columns:1fr;align-items:start}
  .penalty{grid-template-columns:1fr;gap:20px}
  .pen-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 0}
  .plat{grid-template-columns:1fr;gap:20px}
  .plat-panel{min-height:0}
  .case-grid{grid-template-columns:1fr 1fr}
  .case:last-child{grid-column:1/-1}
  .about-grid{grid-template-columns:1fr}
  .stats{max-width:640px}
  .faq-grid{grid-template-columns:1fr}
  .faq-aside{position:static}
  .contact-grid{grid-template-columns:1fr;gap:36px}
  .foot-top{grid-template-columns:1fr 1fr;gap:32px}
  .foot-brand{grid-column:1/-1}
}

/* ---------- ≤860px ---------- */
@media (max-width:860px){
  .nav-menu{display:none}
  .nav-actions{margin-left:auto}
  .nav-toggle{display:flex}
  .btn--nav{display:none}
  .nav-bar{padding:0 14px 0 18px}
  .domains{grid-template-columns:1fr 1fr}
  .sol-grid{grid-template-columns:1fr}
  .paths{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr;gap:22px}
  .sec-head--split{grid-template-columns:1fr}
  .appr-head{grid-template-columns:1fr}
  .leader{grid-template-columns:minmax(0,210px) minmax(0,1fr);gap:28px}
  .leader-photo{height:262px}
  .crew-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px}
  .team-cap{grid-template-columns:1fr;gap:12px}
  .photo-band{aspect-ratio:16/10;max-height:none}
  .photo-cap{max-width:78%}
  .serve{grid-template-columns:1fr;gap:16px}
  .serve-label{padding-top:0}
  .stat b{font-size:34px}
}

/* ---------- ≤640px ---------- */
@media (max-width:640px){
  body{font-size:15.5px}
  .hero{padding-bottom:52px}
  .hero h1{font-size:clamp(30px,8.4vw,40px);line-height:1.24}
  .hero-eyebrow{font-size:11.5px;padding:6px 12px 6px 8px}
  .hero-eyebrow em{font-size:9px;letter-spacing:.1em}
  .hero-sub{font-size:14.5px;line-height:1.85}
  .hero-cta{gap:10px}
  .hero-cta .btn{flex:1;min-width:0;padding:0 16px;font-size:13.5px}
  .hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:28px;padding-top:20px}
  .hero-meta div{min-width:0}
  .hero-meta span{font-size:10.5px;line-height:1.5}
  .hero-meta b{font-size:24px}
  .hero-visual{min-height:0}
  .hv-plane{
    right:-40%;width:86%;clip-path:none;
    background:radial-gradient(72% 58% at 68% 18%,rgba(15,72,61,.9),rgba(9,32,56,.35) 62%,transparent 78%);
  }
  .hv-edge{display:none}
  .hv-rings{display:none}
  .chain{padding:18px;border-radius:var(--r-md)}
  .chain-steps li{gap:12px;padding:10px 0}
  .chain-body b{font-size:12.5px}
  .chain-body i{font-size:11px}
  .chain-foot{font-size:9.5px;flex-direction:column;gap:4px}

  .stdbar{padding-block:14px}
  .stdbar-label{display:none}

  .section{padding-block:64px}
  .h2{font-size:clamp(24px,6.4vw,30px);line-height:1.42}
  .lead{font-size:14.5px;line-height:1.85}

  .domains{grid-template-columns:1fr}
  .domain{padding:20px 18px}
  .domain-ico{margin-bottom:12px;width:34px;height:34px}
  .domain p{margin-top:10px;font-size:13px}

  /* 时间轴转纵向 */
  .tl{grid-template-columns:1fr;padding-top:0;padding-left:4px}
  .tl::before{
    left:5px;right:auto;top:6px;bottom:34px;width:1px;height:auto;
    background:linear-gradient(180deg,rgba(198,227,84,.9) 0,rgba(198,227,84,.9) var(--now-y,42%),var(--line) var(--now-y,42%),var(--line) 100%);
  }
  .tl-now{
    left:5px;top:var(--now-y,42%);transform:translate(9px,-50%);
    padding:1px 7px 1px 6px;font-size:9px;letter-spacing:.08em;gap:5px;
    box-shadow:0 2px 8px rgba(7,18,35,.12);
  }
  .tl-now i{width:4px;height:4px;box-shadow:0 0 0 2px rgba(198,227,84,.3)}
  .tl-item{padding:0 0 34px 34px}
  .tl-dot{top:6px;left:0}
  .tl-date{position:static;display:block;font-size:11.5px}
  .tl-body{padding-top:8px}
  .tl-body p{padding-right:0}

  .penalty{padding:20px 18px}
  .pen-list{grid-template-columns:1fr;gap:0}
  .pen-list li{
    display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;
    padding:11px 0;border-left:0;border-top:1px solid rgba(255,255,255,.09);
  }
  .pen-list li:first-child{padding-top:0;border-top:0}
  .pen-list b{padding-top:1px}
  .pen-list span{margin-top:0;font-size:12px}

  .sol{padding:24px 22px}
  .sol h3{font-size:17px}
  .sol p{font-size:13.5px}

  .path{padding:22px 20px}
  .path h3{font-size:17px}
  .steps{grid-template-columns:1fr;gap:0;padding-top:26px}
  .step{padding:0 0 22px 20px}
  .step:last-child{padding-bottom:0}
  .step::before{top:4px;bottom:14px}
  .boundary{padding:16px;gap:12px}
  .boundary p{font-size:12.5px}

  .plat-tabs{
    flex-direction:row;gap:8px;overflow-x:auto;border-top:0;
    padding:2px 2px 10px;margin-inline:-2px;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
  }
  .plat-tabs::-webkit-scrollbar{display:none}
  .plat-tab{
    flex:none;display:block;padding:10px 15px;border:1px solid var(--line);
    border-radius:var(--r-pill);background:var(--white);box-shadow:none;
  }
  .plat-tab::before{display:none}
  .plat-tab.is-active{
    background:var(--navy-800);border-color:var(--navy-800);padding-left:15px;box-shadow:none;
  }
  .plat-tab.is-active .pt-main b{color:#fff}
  .pt-num,.pt-main i,.pt-pill{display:none}
  .pt-main b{font-size:13.5px;letter-spacing:.02em}
  .plat-panel{padding:22px 18px}
  .pv-list li{grid-template-columns:1fr;gap:4px;padding:13px 0}
  .pv-list li span{padding-top:0}
  .pv-slogan{font-size:21px;margin-top:18px}

  .photo-band{aspect-ratio:4/3;border-radius:var(--r-sm)}
  .photo-cap{max-width:90%;left:18px;top:18px;bottom:auto}
  .photo-cap h3{font-size:18px;margin-top:12px}
  .photo-cap p{font-size:11px}
  .case-grid{grid-template-columns:1fr}
  .case-grid .case:last-child{grid-column:auto}

  .stats{grid-template-columns:1fr}
  .stat{padding:16px 18px;gap:16px}
  .stat b{font-size:28px;min-width:76px}
  .stat span{font-size:12px}
  .leader{
    grid-template-columns:168px minmax(0,1fr);
    column-gap:18px;row-gap:0;align-items:start;
  }
  .leader-photo{grid-area:1/1/2/2;width:168px;height:210px;max-width:168px}
  .leader-body{display:contents}
  .leader-id{grid-area:1/2/2/3;align-self:center;padding-bottom:2px}
  .leader h4{font-size:22px;margin-top:9px}
  .leader h4 span{font-size:9.5px;letter-spacing:.1em}
  .leader-quote{grid-area:2/1/3/3;font-size:14px;line-height:1.9;padding-left:14px;margin-top:26px}
  .leader-bio{grid-area:3/1/4/3;font-size:13px;line-height:2.02;margin-top:18px}
  .leader-facts{grid-area:4/1/5/3;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px;margin-top:24px;padding-top:18px}
  .leader-facts b{font-size:17px}
  .leader-facts span{font-size:10.5px;line-height:1.5}
  .crew-head{flex-direction:column;align-items:flex-start;gap:7px}
  .crew-grid{grid-template-columns:1fr;gap:20px;margin-top:18px}
  .crew-grid p{font-size:12.5px;line-height:1.85}
  .pos-list li{grid-template-columns:1fr;gap:6px;padding:16px 0}

  .acc summary{font-size:14.5px;padding:20px 0;gap:12px}
  .acc .a-body{padding:0 8px 22px 30px;font-size:13.5px}

  .c-item{grid-template-columns:1fr;gap:6px;padding:15px 0}
  .contact-card{padding:24px 20px}

  .foot-top{grid-template-columns:1fr 1fr;gap:28px}
  .foot-slogan{font-size:19px;margin-top:20px}
  .foot-col a,.foot-col span{font-size:12.5px}
  .foot-bot{flex-direction:column;align-items:flex-start;gap:10px;font-size:11px}
  .disclaimer{font-size:10px}

  .to-top{right:14px;bottom:14px;width:42px;height:42px}
}

/* ---------- 触摸设备取消 hover 位移 ---------- */
@media (hover:none){
  .btn:hover{transform:none}
  .sol:hover,.case:hover{transform:none}
}
