/* ===== MDAI Mobile UX 精修（Header/Hero/CTA/AI顾问/spacing）===== */
@media (max-width: 640px) {
  /* ---- Header：只留 Logo + Hamburger，高度缩小 ---- */
  header nav { height: 56px !important; }
  header nav > a { font-size: 18px !important; }

  /* ---- 修复 hamburger 按钮（品牌 CSS 误加金色边框/大 padding/金色图标）---- */
  #nav-toggle {
    border: none !important;
    padding: 0 !important;
    height: 40px !important;
    width: 40px !important;
    min-height: 40px !important;
    color: var(--navy, #071521) !important;
    background: transparent !important;
    border-radius: 8px !important;
    box-shadow: none !important;
  }
  #nav-toggle svg { width: 24px !important; height: 24px !important; display: block !important; }

  /* ---- Hero：减少留白，金色标签缩小约 20% ---- */
  .ss-hero .py-20, .ss-hero [class*="py-20"] { padding-top: 30px !important; padding-bottom: 26px !important; }
  h1 { font-size: 38px !important; line-height: 1.16 !important; letter-spacing: -0.01em !important; }
  .ss-eyebrow { font-size: 11px !important; padding: 3px 11px !important; line-height: 1.4 !important; }
  .ss-hero p[class*="text-lg"], .ss-hero .subheading { font-size: 15px !important; line-height: 1.6 !important; margin-top: 12px !important; }

  /* ---- CTA 层级：探索项目=金色实心，AI帮我选择=白底金边 ---- */
  .ss-hero a[class*="h-12"] { height: 50px !important; min-height: 50px !important; font-size: 15px !important; }

  /* ---- Hero 到下一节空白减少 15-20% ---- */
  .section-py { padding: 40px 0 !important; }

  /* ---- 四个分类胶囊间距收紧 ---- */
  .need-grid, .featured-grid, [class*="features"] .grid, .grid { gap: 12px !important; }

  /* ---- 卡片 margin 16px ---- */
  .ss-card, article { margin-left: 16px !important; margin-right: 16px !important; padding: 22px !important; }
  .max-w-7xl { padding-left: 16px !important; padding-right: 16px !important; }
}

@media (max-width: 380px) {
  h1 { font-size: 34px !important; }
  .ss-hero p[class*="text-lg"] { font-size: 14px !important; }
}