/* 移动端优化样式 */
@media (max-width: 768px) {
    /* 文字大小调整 */
    body { font-size: 16px; }
    h1 { font-size: 32px !important; line-height: 1.2 !important; }
    h2 { font-size: 28px !important; }
    h3 { font-size: 22px !important; }
    
    /* 布局调整 */
    .container { padding-left: 16px; padding-right: 16px; }
    .py-20 { padding-top: 40px; padding-bottom: 40px; }
    .gap-8 { gap: 16px; }
    .mb-16 { margin-bottom: 32px; }
    
    /* 触摸体验 */
    a, button { -webkit-tap-highlight-color: transparent; }
    a:active, button:active { transform: scale(0.98); }
    
    /* 联系卡片 */
    #contact-card { width: 90vw; right: -10px; }
  }
  
  /* iOS高度修复 */
  @supports (-webkit-touch-callout: none) {
    .min-h-screen { min-height: -webkit-fill-available; }
  }
  
  /* 动画性能优化 */
  @media (prefers-reduced-motion: reduce) {
    .animate-float, .animate-bounce-slow, .animate__animated {
      animation: none !important;
      transition: none !important;
    }
  }