/* =============================================
   联帮智护 · 智慧养老 — 响应式
   ============================================= */

/* ── 大屏 (≤1280px) ── */
@media (max-width: 1280px) {
  .hero-visual { width: 42%; }
  .footer-grid { grid-template-columns: 1.4fr 1fr 1fr; }
  .footer-grid > *:last-child { grid-column: 1 / -1; }
}

/* ── 平板横向 (≤1024px) ── */
@media (max-width: 1024px) {
  section { padding: 72px 5%; }

  .hero { flex-direction: column; align-items: flex-start; }
  .hero-visual {
    position: relative;
    right: auto; top: auto; transform: none;
    width: 100%; max-width: 520px;
    margin-top: 48px;
  }

  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }

  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .stat-divider { display: none; }

  .data-screen-inner { grid-template-columns: 1fr; }
  .data-screen-img   { order: -1; }

  .sol-panel.active { grid-template-columns: 1fr; }
  .sol-panel-img { display: none; }

  .footer-grid { grid-template-columns: 1fr 1fr; }
}

/* ── 平板竖向 / 大手机 (≤768px) ── */
@media (max-width: 768px) {
  /* 导航 */
  .nav-links {
    position: fixed;
    top: 68px; left: 0; right: 0;
    background: rgba(5, 11, 26, 0.97);
    backdrop-filter: blur(14px);
    flex-direction: column;
    padding: 20px 5% 28px;
    gap: 4px;
    border-bottom: 1px solid var(--border);
    transform: translateY(-110%);
    transition: transform 0.35s ease;
    z-index: 999;
  }
  .nav-links.open { transform: translateY(0); }
  .nav-links li { width: 100%; }
  .nav-links li a { display: block; padding: 12px 16px; border-radius: 8px; }
  .nav-toggle { display: flex; }

  section { padding: 60px 5%; }

  .hero h1  { font-size: 2rem; }
  .hero-btns { flex-direction: column; }
  .btn-primary, .btn-outline { text-align: center; justify-content: center; }

  .hero-stats { gap: 20px; }
  .hero-stat strong { font-size: 1.5rem; }

  .grid-3 { grid-template-columns: 1fr; }
  .grid-2 { grid-template-columns: 1fr; }

  .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .stat-item .num { font-size: 2rem; }

  .solution-tabs { gap: 8px; }
  .sol-tab { padding: 7px 14px; font-size: 0.82rem; }

  .footer-grid { grid-template-columns: 1fr; gap: 28px; }
  .footer-bottom { flex-direction: column; text-align: center; }

  .page-hero { padding: 120px 5% 60px; }
  .page-hero h1 { font-size: 1.8rem; }

  .cta-band { padding: 60px 5%; }

  .tabs { flex-wrap: wrap; }
  .tab-btn { font-size: 0.82rem; padding: 8px 14px; }
}

/* ── 小手机 (≤480px) ── */
@media (max-width: 480px) {
  .navbar { padding: 0 4%; height: 60px; }
  .nav-links { top: 60px; }

  section { padding: 50px 4%; }

  .hero h1  { font-size: 1.7rem; }
  .hero p   { font-size: 0.92rem; }

  .grid-4 { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: 1fr 1fr; }

  .section-title { font-size: 1.5rem; }

  .card { padding: 20px 16px; }

  .hero-device { border-radius: 10px; }

  .partner-logo { width: 130px; height: 50px; font-size: 0.75rem; }

  .cta-band h2 { font-size: 1.5rem; }

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

  .footer-grid { gap: 20px; }
}

/* ── 超小屏 (≤360px) ── */
@media (max-width: 360px) {
  .hero h1 { font-size: 1.5rem; }
  .stats-grid { grid-template-columns: 1fr; }
  .stat-divider { display: none; }
  .hero-btns { gap: 10px; }
}

/* ── 打印 ── */
@media print {
  .navbar, .back-top, #preloader, #particles-canvas { display: none !important; }
  body { background: #fff; color: #000; }
  .card { border: 1px solid #ccc; }
}