/* LensCabin 通用手机端适配 */
@media (max-width: 768px) {
  body { font-size: 14px; }
  .container { padding: 0 16px !important; }
  .section { padding: 40px 0 !important; }
  .section-title { font-size: 22px !important; }
  .section-subtitle { font-size: 14px !important; margin-bottom: 24px !important; }
  .nav-links { display: none !important; }
  .hamburger { display: flex !important; }
  .nav-actions { gap: 8px !important; }
  .nav { padding: 0 16px !important; }
  .nav-logo { font-size: 18px !important; }
  .btn-primary, .btn-outline { padding: 10px 20px !important; font-size: 14px !important; }
  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr !important; gap: 16px !important; }
  .products-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
  .categories-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
  .product-card { border-radius: 8px !important; }
  .product-info { padding: 12px !important; }
  .product-name { font-size: 13px !important; }
  .product-price .current { font-size: 15px !important; }
  .table-responsive { overflow-x: auto; }
  table { font-size: 12px; }
  th, td { padding: 8px 6px !important; }
  .order-card { flex-direction: column !important; gap: 12px !important; }
  .order-item { flex-wrap: wrap !important; }
  .form-grid, .form-row-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
  .form-row { flex-direction: column !important; align-items: flex-start !important; gap: 6px !important; }
  .form-row .label { width: auto !important; }
  input, select, textarea { font-size: 14px !important; }
  .footer-grid { grid-template-columns: 1fr !important; gap: 24px !important; }
  .footer-bottom { flex-direction: column !important; gap: 12px !important; text-align: center !important; }
  .announcement { font-size: 12px !important; padding: 8px 16px !important; }
  .member-layout { grid-template-columns: 1fr !important; }
  .member-sidebar { order: 2 !important; }
  .member-content { order: 1 !important; }
  .menu-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 12px !important; }
  .cart-layout { grid-template-columns: 1fr !important; }
  .cart-item { flex-wrap: wrap !important; gap: 12px !important; }
  .cart-item-image { width: 80px !important; height: 80px !important; }
  .checkout-layout { grid-template-columns: 1fr !important; }
  .payment-methods { flex-direction: column !important; }
  .user-avatar { width: 48px !important; height: 48px !important; }
  .desktop-only { display: none !important; }
  .mobile-only { display: block !important; }
}
@media (max-width: 480px) {
  .products-grid { grid-template-columns: 1fr !important; }
  .categories-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .menu-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .hero-content h1 { font-size: 28px !important; }
  .section-title { font-size: 20px !important; }
}