/* ==========================================================================
   响应式适配（移动端优先优化）
   ========================================================================== */

/* 大屏笔记本 */
@media (max-width: 1280px) {
  .container { padding: 0 32px; }
  .hero-title { font-size: 48px; }
}

/* 平板 */
@media (max-width: 992px) {
  .section { padding: 70px 0; }
  .sec-head h2 { font-size: 30px; }
  .hero-title { font-size: 40px; }

  .about-home { grid-template-columns: 1fr; gap: 44px; }
  .about-home .imgs .main img { height: 360px; }
  .prod-grid { grid-template-columns: repeat(2,1fr); gap: 22px; }
  .news-grid { grid-template-columns: repeat(2,1fr); }
  .strength-grid { grid-template-columns: repeat(2,1fr); }
  .app-grid { grid-template-columns: repeat(2,1fr); }
  .stats-grid { grid-template-columns: repeat(3,1fr); gap: 30px 10px; }
  .stat:nth-child(3)::after { display: none; }
  .footer-top { grid-template-columns: 1fr 1fr; gap: 34px; }
}

/* 手机 */
@media (max-width: 768px) {
  :root { --nav-h: 62px; }
  .container { padding: 0 18px; }

  /* 导航改抽屉 */
  .nav-toggle { display: flex; }
  .nav {
    position: fixed; top: var(--nav-h); left: 0; right: 0;
    background: #fff; flex-direction: column; align-items: stretch; gap: 0;
    padding: 10px 0; box-shadow: var(--shadow); max-height: 0; overflow: hidden;
    transition: max-height .4s var(--ease); border-top: 1px solid var(--line);
  }
  .nav.open { max-height: 80vh; overflow-y: auto; }
  .nav > li > a { color: var(--text) !important; padding: 15px 24px; font-size: 16px; border-radius: 0; }
  .nav > li > a::after { display: none; }
  .nav > li.active > a { color: var(--brand) !important; background: var(--bg-soft); }
  .nav .submenu { position: static; transform: none; box-shadow: none; opacity: 1; visibility: visible; padding: 0 0 8px; min-width: 0; background: var(--bg-soft); }
  .nav .has-sub:hover .submenu { transform: none; }
  .nav .submenu li a { padding: 12px 40px; }
  .header.at-top { background: rgba(255,255,255,.96); backdrop-filter: blur(14px); box-shadow: 0 2px 16px rgba(10,37,64,.08); }
  .header.at-top .logo .zh { color: var(--ink); }
  .header.at-top .logo .en { color: var(--text-3); }
  .header.at-top .nav-toggle span { background: var(--ink); }
  .header.at-top .lang-switch a { color: var(--text-2); }
  .header.at-top .lang-switch a.on { background: var(--brand); color: #fff; }

  /* 首屏 */
  .hero { height: 88vh; min-height: 520px; }
  .hero-text { max-width: 100%; }
  .hero-title { font-size: 30px; line-height: 1.25; }
  .hero-sub { font-size: 15.5px; margin-bottom: 28px; }
  .hero-actions { gap: 12px; }
  .btn { padding: 12px 24px; font-size: 14px; }
  .hero-arrow { display: none; }
  .hero-scroll { display: none; }
  .hero-dots { bottom: 26px; }

  /* 区块 */
  .section { padding: 54px 0; }
  .sec-head { margin-bottom: 38px; }
  .sec-head h2 { font-size: 25px; }
  .sec-head .desc { font-size: 14.5px; }

  .prod-grid { grid-template-columns: 1fr; gap: 20px; }
  .news-grid { grid-template-columns: 1fr; gap: 20px; }
  .strength-grid { grid-template-columns: 1fr; gap: 16px; }
  .app-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
  .app-card { height: 140px; padding: 16px; }
  .app-card .name { font-size: 15px; }

  .stats-grid { grid-template-columns: 1fr 1fr; gap: 34px 10px; padding: 44px 0; }
  .stat::after { display: none !important; }
  .stat .num { font-size: 36px; }

  .about-home h2 { font-size: 26px; }
  .about-home .feats { grid-template-columns: 1fr; gap: 12px; }
  .about-home .imgs .badge { right: 12px; bottom: -16px; padding: 16px 20px; }
  .about-home .imgs .badge .n { font-size: 30px; }

  /* 页脚 */
  .footer-top { grid-template-columns: 1fr; gap: 32px; text-align: left; }
  .footer .f-intro { max-width: 100%; }
  .footer .f-qr { text-align: left; }

  /* 内页 */
  .page-hero { height: 260px; }
  .page-hero h1 { font-size: 30px; }
  .cta h2 { font-size: 26px; }

  .back-top { right: 16px; bottom: 16px; width: 42px; height: 42px; }
}

@media (max-width: 400px) {
  .hero-title { font-size: 26px; }
  .app-grid { grid-template-columns: 1fr; }
}