/* ============================================
   响应式 - 移动优先适配
   断点：移动<768 / 平板768-1024 / 桌面>1024
   ============================================ */

/* 平板及以下 */
@media (max-width: 1024px) {
  .hero-content h1 { font-size: 2.2rem; }
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid > div:first-child { grid-column: 1 / -1; }
  .process-steps { grid-template-columns: repeat(2, 1fr); gap: 32px; }
  .contact-grid { grid-template-columns: 1fr; }
  .hero-stats { gap: 24px; }
}

/* 移动端 */
@media (max-width: 768px) {
  .section { padding: 44px 0; }
  .section-title { font-size: 1.5rem; }

  /* 导航 - 汉堡菜单 */
  .navbar-toggle { display: flex; }
  .navbar-menu {
    position: fixed;
    top: 64px; left: 0; right: 0;
    background: #fff;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 10px 0;
    box-shadow: var(--shadow-md);
    transform: translateY(-150%);
    transition: transform 0.3s ease;
    max-height: calc(100vh - 64px);
    overflow-y: auto;
  }
  .navbar-menu.open { transform: translateY(0); }
  .navbar-menu a { padding: 14px 20px; border-radius: 0; }
  .navbar-cta { margin: 10px 20px 0; }
  .navbar-cta .btn { width: 100%; }

  /* Hero */
  .hero { padding: 90px 0 56px; }
  .hero-inner { grid-template-columns: 1fr; gap: 32px; text-align: center; }
  .hero-content h1 { font-size: 1.9rem; }
  .hero-tagline { font-size: 1.05rem; }
  .hero-desc { font-size: 0.95rem; }
  .hero-actions { justify-content: center; }
  .hero-photo-wrap { width: 200px; height: 200px; font-size: 4rem; }
  .hero-stats { justify-content: center; gap: 20px; }
  .hero-stat .num { font-size: 1.5rem; }

  /* 高端二维码卡片移动端 */
  .qr-card { width: 260px; }
  .qr-card-inner { padding: 18px 20px 16px; }
  .qr-img-box { width: 170px; height: 170px; }
  .qr-card-name { font-size: 1.15rem; }
  .qr-card-float { font-size: 0.72rem; padding: 5px 11px; right: -4px; top: -6px; }

  /* 网格变单列 */
  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }

  /* 卡片 */
  .card-body { padding: 18px; }
  .service-card { padding: 24px 18px; }

  /* CTA */
  .cta-band { padding: 32px 24px; }
  .cta-band h2 { font-size: 1.5rem; }

  /* 页脚 */
  .footer-grid { grid-template-columns: 1fr; gap: 24px; }

  /* 文章详情 */
  .article-detail-header { padding: 80px 0 28px; }
  .article-detail-header h1 { font-size: 1.5rem; }
  .article-detail-body { padding: 28px 16px 48px; font-size: 1rem; }
  .article-detail-body h2 { font-size: 1.25rem; }

  /* 院校筛选 */
  .filter-bar { padding: 16px; }
  .filter-chip { padding: 5px 12px; font-size: 0.82rem; }
  .school-card-header, .school-card-body { padding: 16px; }

  /* 模态框 */
  .modal-overlay { padding: 10px; }
  .modal-header, .modal-body { padding: 18px 20px; }
  .modal-body .info-row .label { width: 90px; font-size: 0.88rem; }

  /* 联系页 */
  .contact-card { padding: 22px; }

  /* 流程步骤 */
  .process-steps { grid-template-columns: 1fr; }

  .container { padding: 0 16px; }

  /* 今日留学速报 */
  .brief-news-grid { grid-template-columns: 1fr; }
  .brief-highlight-card { padding: 22px 20px; }
  .brief-highlight-title-wrap h3 { font-size: 1.08rem; }
  .brief-teaser { padding: 24px 20px; }
  .brief-news-card { padding: 20px 20px; }
}

/* 小屏手机 */
@media (max-width: 480px) {
  .hero-content h1 { font-size: 1.65rem; }
  .hero-stat .num { font-size: 1.3rem; }
  .hero-stat .label { font-size: 0.78rem; }
  .hero-stats { flex-wrap: wrap; gap: 16px; }
  .btn { padding: 10px 22px; font-size: 0.95rem; }
  .section-title { font-size: 1.35rem; }
  .qr-card { width: 230px; }
  .qr-img-box { width: 150px; height: 150px; }
  .qr-card-name { font-size: 1.05rem; }
  .qr-card-float { font-size: 0.68rem; padding: 4px 9px; }

  /* 今日留学速报 */
  .brief-highlight-card { padding: 18px 16px; border-left-width: 4px; }
  .brief-highlight-head { gap: 10px; }
  .brief-fire { font-size: 1.3rem; }
  .brief-highlight-title-wrap h3 { font-size: 1rem; }
  .brief-why { padding: 14px 16px; }
  .brief-why p { font-size: 0.9rem; }
  .brief-actions li { font-size: 0.88rem; }
  .brief-teaser { padding: 20px 16px; }
  .brief-teaser-title { font-size: 1.02rem; }
  .brief-teaser-head { gap: 10px; }
  .brief-teaser-list li { font-size: 0.88rem; }
  .brief-filter-btn { padding: 6px 14px; font-size: 0.83rem; }
  .brief-disclaimer { padding: 16px 16px; font-size: 0.8rem; }

  /* 可信度分级 */
  .brief-legend { padding: 16px 16px; }
  .brief-legend-list { flex-direction: column; gap: 8px; }
  .brief-legend-item { align-items: flex-start; }
  .brief-source { gap: 8px; }
  .brief-source-text { min-width: 100%; }
  .brief-cred-badge { font-size: 0.7rem; padding: 3px 8px; }
}