/* 移动端专用样式 - 完全覆盖桌面端样式 */
@media (max-width: 768px) {
  /* 完全重置页面和主容器 */
  .page { 
    border-radius: 0 !important; 
    background: linear-gradient(214.9deg, #fabd01 32.7%, #e75f09 98%) !important;
    min-height: auto !important;
    height: auto !important;
  }
  
  .section { 
    display: block !important;
    flex-direction: unset !important;
    align-items: unset !important;
    padding: 1rem !important; 
    background-color: #ffe1cc !important; 
    position: relative !important;
    min-height: auto !important;
    height: auto !important;
    background-size: unset !important;
    /* 简单的背景装饰 */
    background-image: 
      radial-gradient(circle at 20% 80%, rgba(250, 189, 1, 0.06) 0%, transparent 50%),
      radial-gradient(circle at 80% 20%, rgba(231, 95, 9, 0.06) 0%, transparent 50%) !important;
  }
  
  /* 移除所有伪元素背景 */
  .section::before {
    display: none !important;
  }
  
  /* 完全重置定位容器 */
  .pos { 
    position: static !important;
    width: 100% !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
  }
  
  .group { 
    display: block !important;
    padding: 0 !important;
    width: 100% !important;
    text-align: center !important;
  }
  
  /* 移动端导航 */
  .mobile-nav { 
    display: flex !important; 
    gap: 0.5rem !important; 
    justify-content: center !important; 
    margin: 1rem auto !important; 
    padding: 0.4rem !important;
    background: rgba(255, 255, 255, 0.8) !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
  }
  
  .mobile-nav__link {
    font-size: 0.9rem !important;
    padding: 0.5rem 1rem !important;
    border-radius: 15px !important;
    background: rgba(255,255,255,0.7) !important;
    border: 1px solid #ffd9c5 !important;
  }
  
  /* 完全隐藏桌面端元素 */
  .image_7, .image_6, .image_11, .image_2, .image_10, .image-wrapper_3, .image_3,
  .group_2, .image-wrapper_2, .pos_3, .pos_4, .pos_5 { 
    display: none !important;
  }
  
  /* Logo区域重置 */
  .section_2 { 
    padding: 1.5rem 0 1rem !important; 
    width: 100% !important; 
    background: none !important;
    text-align: center !important;
    background-image: none !important;
    background-size: unset !important;
  }
  
  .text-wrapper { 
    margin: 0 auto 1.5rem !important; 
    background: rgba(255, 255, 255, 0.7) !important;
    border: 1px solid rgba(255, 217, 197, 0.6) !important;
    backdrop-filter: blur(5px) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
  }
  
  /* 完全重置所有绝对定位的文字区域 */
  .pos_9, .pos_12, .pos_14 {
    position: static !important;
    text-align: center !important;
    margin: 1rem auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
  }
  
  .text_3 { 
    font-size: clamp(2.2rem, 10vw, 3.5rem) !important; 
    margin-bottom: 0.3rem !important;
    text-align: center !important;
    line-height: 1.1 !important;
  }
  
  .text_4 { 
    font-size: clamp(1rem, 4vw, 1.3rem) !important; 
    text-align: center !important;
    position: static !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin-top: 0.3rem !important;
  }
  
  .text_5 { 
    font-size: 0.95rem !important; 
    width: 90% !important;
    max-width: 400px !important;
    line-height: 1.6 !important;
    margin: 0 auto !important;
    text-align: center !important;
    padding: 0 !important;
  }
  
  .text-wrapper_2 { 
    background: #332623 !important;
    border-radius: 25px !important;
    display: inline-block !important;
    position: static !important;
    margin: 0 !important;
    box-shadow: 0 3px 12px rgba(51, 38, 35, 0.25) !important;
  }
  
  .text_6 {
    font-size: 1rem !important;
    padding: 0.7rem 1.8rem !important;
    margin: 0 !important;
  }

  /* 博客区域完全重置 */
  .blog-section { 
    margin-top: 0 !important; 
    padding: 1.5rem 1rem 2rem !important;
    background: transparent !important;
    position: static !important;
  }
  
  .blog-grid { 
    grid-template-columns: 1fr !important; 
    gap: 1rem !important;
    padding: 0 !important;
  }
  
  .blog-head {
    margin-bottom: 1.5rem !important;
  }
  
  .blog-head h2 {
    font-size: 1.5rem !important;
  }
  
  .post-card {
    background: rgba(255, 255, 255, 0.8) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
  }
  
  .post-cover {
    height: 8rem !important;
  }
  
  .post-body {
    padding: 1rem !important;
  }
  
  .post-title {
    font-size: 1.1rem !important;
  }
  
  .post-excerpt {
    font-size: 0.9rem !important;
  }
  
  .archives-title {
    font-size: 1.3rem !important;
    margin-top: 1.5rem !important;
    padding: 0 !important;
  }
  
  .archives {
    background: rgba(255, 255, 255, 0.6) !important;
    margin: 0 0 1rem !important;
  }
  
  .archives li {
    padding: 0.8rem !important;
    font-size: 0.9rem !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
  }
}