/* ============================================
   心缘堂响应式设计增强
   统一优化移动端体验
   ============================================ */

/* ===== 通用移动端优化 ===== */
@media (max-width: 768px) {
  /* 字体大小调整 */
  html { font-size: 14px; }
  
  /* 容器内边距 */
  .container { padding: 0 16px !important; }
  
  /* 标题字体大小 */
  h1 { font-size: clamp(1.8rem, 5vw, 2.5rem) !important; }
  h2 { font-size: clamp(1.5rem, 4vw, 2rem) !important; }
  h3 { font-size: clamp(1.2rem, 3vw, 1.5rem) !important; }
  
  /* 按钮尺寸 */
  .btn { 
    padding: 10px 20px !important; 
    font-size: 0.85rem !important;
  }
  
  /* 表单输入框 */
  input, textarea, select {
    padding: 10px 14px !important;
    font-size: 14px !important;
  }
  
  /* 卡片间距 */
  .card, .blog-card, .service-card {
    padding: 20px !important;
  }
  
  /* Grid布局转为单列或双列 */
  .grid-3 { grid-template-columns: 1fr !important; }
  .grid-4 { grid-template-columns: 1fr 1fr !important; }
}

@media (max-width: 480px) {
  /* 更小的字体 */
  html { font-size: 13px; }
  
  /* 标题更小 */
  h1 { font-size: clamp(1.5rem, 6vw, 2rem) !important; }
  h2 { font-size: clamp(1.2rem, 5vw, 1.6rem) !important; }
  
  /* 按钮更小 */
  .btn { 
    padding: 9px 16px !important; 
    font-size: 0.8rem !important;
  }
  
  /* Grid全部转为单列 */
  .grid-3, .grid-4 { grid-template-columns: 1fr !important; }
  
  /* 卡片间距更小 */
  .card, .blog-card, .service-card {
    padding: 16px !important;
  }
  
  /* 社交悬浮按钮 */
  .social-float { right: 12px !important; bottom: 20px !important; }
  .social-float__toggle { width: 44px !important; height: 44px !important; }
  .social-float__btn { width: 38px !important; height: 38px !important; }
}

/* ===== 导航栏优化 ===== */
@media (max-width: 768px) {
  .navbar {
    padding: 12px 0 !important;
  }
  
  .navbar__logo {
    font-size: 1.2rem !important;
  }
  
  .navbar__logo-sub {
    display: none;
  }
  
  .navbar__nav.open {
    padding: 20px 24px !important;
    gap: 12px !important;
  }
  
  .navbar__nav a {
    font-size: 1rem !important;
    padding: 10px 0 !important;
  }
  
  .navbar__hamburger {
    display: flex !important;
  }
}

/* ===== Hero区域优化 ===== */
@media (max-width: 768px) {
  .hero, .page-hero {
    padding: 100px 0 60px !important;
  }
  
  .hero__title {
    font-size: clamp(1.8rem, 5vw, 2.5rem) !important;
  }
  
  .hero__subtitle {
    font-size: 0.9rem !important;
    max-width: 100% !important;
  }
}

@media (max-width: 480px) {
  .hero, .page-hero {
    padding: 80px 0 40px !important;
  }
}

/* ===== 博客页面优化 ===== */
@media (max-width: 768px) {
  .blog-layout {
    grid-template-columns: 1fr !important;
  }
  
  .blog-sidebar {
    display: none;
  }
  
  .blog-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  
  .blog-featured {
    grid-column: 1 !important;
  }
  
  .filter-tabs {
    gap: 8px !important;
  }
  
  .filter-tab {
    padding: 6px 16px !important;
    font-size: 0.75rem !important;
  }
}

/* ===== 定价页面优化 ===== */
@media (max-width: 768px) {
  .pricing-grid {
    grid-template-columns: 1fr !important;
  }
  
  .pricing-card {
    max-width: 100% !important;
  }
}

@media (max-width: 480px) {
  .pricing-tabs {
    flex-wrap: wrap !important;
  }
  
  .pricing-tab {
    padding: 8px 12px !important;
    font-size: 0.75rem !important;
  }
}

/* ===== 服务页面优化 ===== */
@media (max-width: 768px) {
  .services-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

/* ===== 表单页面优化 ===== */
@media (max-width: 768px) {
  .form-group {
    margin-bottom: 16px !important;
  }
  
  .form-label {
    font-size: 0.85rem !important;
  }
  
  .btn-submit {
    width: 100% !important;
    margin-top: 20px !important;
  }
}

/* ===== 页脚优化 ===== */
@media (max-width: 768px) {
  .footer {
    padding: 40px 0 20px !important;
  }
  
  .footer__grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  
  .footer__social {
    justify-content: center !important;
  }
}

/* ===== 管理后台优化 ===== */
@media (max-width: 1024px) {
  .admin-layout {
    grid-template-columns: 1fr !important;
  }
  
  .admin-sidebar {
    position: fixed !important;
    left: -260px;
    transition: left 0.3s;
  }
  
  .admin-sidebar.open {
    left: 0;
  }
}

/* ===== 会员中心优化 ===== */
@media (max-width: 768px) {
  .member-layout {
    grid-template-columns: 1fr !important;
  }
  
  .member-sidebar {
    display: none;
  }
  
  .member-card {
    padding: 20px !important;
  }
  
  .stat-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }
}

/* ===== 六爻工具优化 ===== */
@media (max-width: 768px) {
  .liuyao-container {
    padding: 20px !important;
  }
  
  .liuyao-grid {
    grid-template-columns: 1fr !important;
  }
  
  .gua-display {
    font-size: 2rem !important;
  }
}

/* ===== 触摸优化 ===== */
@media (hover: none) and (pointer: coarse) {
  /* 增大触摸目标 */
  button, a, input, select, textarea {
    min-height: 44px !important;
    min-width: 44px !important;
  }
  
  /* 减少悬停效果 */
  *:hover {
    transform: none !important;
  }
}

/* ===== 横屏手机优化 ===== */
@media (max-width: 768px) and (orientation: landscape) {
  .hero, .page-hero {
    padding: 60px 0 40px !important;
  }
  
  h1 { font-size: clamp(1.5rem, 4vw, 2rem) !important; }
}

/* ===== 横向滚动优化 ===== */
@media (max-width: 768px) {
  * {
    max-width: 100vw;
    overflow-x: hidden;
  }
  
  body {
    overflow-x: hidden;
  }
}