/* 
 * Consultation & Design Page - Mobile Optimization CSS
 * 针对 consultation.html 页面的专属移动端适配
 */

@media screen and (max-width: 767px) {

  /* ============================================
     Hero Section
     ============================================ */
  .lrn-started-inner {
    min-height: auto !important;
    padding: 120px 0 60px 0 !important;
  }

  .lrn-started-inner h1 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }

  .lrn-started-inner p {
    font-size: 16px !important;
    line-height: 1.5 !important;
    padding: 0 15px !important;
  }

  /* ============================================
     Three-Phase Consultation Process (Issue 1)
     ============================================ */
  
  .wrapper > section:nth-of-type(2) {
    padding: 50px 0 !important;
  }

  .wrapper > section:nth-of-type(2) .lrn-titles {
    margin-bottom: 40px !important;
  }

  /* 统一所有行的布局：图片在上，文字在下 */
  .wrapper > section:nth-of-type(2) .row {
    display: flex !important;
    flex-direction: column-reverse !important; /* HTML顺序是文字在前，图片在后。反转后图片在上 */
    margin-bottom: 50px !important;
    gap: 0 !important;
    align-items: stretch !important;
  }

  /* 最后一个元素不需要 margin-bottom */
  .wrapper > section:nth-of-type(2) .row:last-child {
    margin-bottom: 0 !important;
  }

  /* 图片列 */
  .wrapper > section:nth-of-type(2) .row .col-xs-12:last-child {
    margin-bottom: 25px !important;
    padding: 0 15px !important;
  }
  
  /* 图片样式 */
  .wrapper > section:nth-of-type(2) .row img {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 0 !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
  }

  /* 文字列容器 */
  .wrapper > section:nth-of-type(2) .row .col-xs-12:first-child {
    padding: 0 15px !important;
  }

  .wrapper > section:nth-of-type(2) .row .col-xs-12:first-child .element-anim-1 {
    margin-top: 0 !important;
  }

  /* 文字卡片背景 - 重置 margin 和 padding */
  .wrapper > section:nth-of-type(2) div[style*="background: white"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 30px 25px !important;
    width: 100% !important;
    position: relative !important;
    margin-top: 0 !important;
  }

  /* 数字圆圈 - 隐藏 */
  .wrapper > section:nth-of-type(2) div[style*="position: absolute"] {
    display: none !important;
  }

  /* 标题和段落 */
  .wrapper > section:nth-of-type(2) h4 {
    font-size: 20px !important;
    margin-top: 10px !important;
    margin-bottom: 15px !important;
    line-height: 1.3 !important;
  }

  .wrapper > section:nth-of-type(2) p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #666 !important;
  }

}