/* 
 * Index Page Mobile Responsive CSS
 * 首页移动端适配样式
 * 需配合 mobile-responsive-common.css 使用
 */

/* ============================================
   Hero Section - 首屏优化
   ============================================ */

@media screen and (max-width: 1024px) {
  
  /* Hero Section 高度调整 */
  .wrapper > section:first-of-type {
    min-height: auto !important;
    padding: 80px 0 60px 0 !important;
  }
  
  /* Hero 小标题 */
  .wrapper > section:first-of-type div[style*="letter-spacing: 3px"] {
    font-size: 11px !important;
    letter-spacing: 2px !important;
    margin-bottom: 15px !important;
  }
  
  /* Hero 主标题 */
  .wrapper > section:first-of-type h1 {
    font-size: 32px !important;
    line-height: 1.3 !important;
    margin-bottom: 20px !important;
  }
  
  /* Hero 描述文字 */
  .wrapper > section:first-of-type p {
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin-bottom: 30px !important;
    max-width: 100% !important;
  }
  
  /* Hero CTA 按钮容器 */
  .wrapper > section:first-of-type div[style*="display: flex"][style*="gap: 20px"] {
    flex-direction: column !important;
    gap: 12px !important;
  }
  
  /* Hero CTA 按钮 */
  .wrapper > section:first-of-type a[style*="padding: 18px 40px"] {
    padding: 15px 30px !important;
    font-size: 15px !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 300px !important;
  }
  
  /* Hero Stats Cards 容器 */
  .wrapper > section:first-of-type .col-xs-12.col-sm-12.col-md-5 {
    margin-top: 40px !important;
  }
  
  /* Hero Stats Cards 背景卡片 */
  .wrapper > section:first-of-type div[style*="backdrop-filter: blur(20px)"] {
    padding: 25px !important;
    border-radius: 18px !important;
  }
  
  /* Stats 单个项目 */
  .wrapper > section:first-of-type div[style*="backdrop-filter: blur(20px)"] > div {
    margin-bottom: 20px !important;
  }
  
  .wrapper > section:first-of-type div[style*="backdrop-filter: blur(20px)"] > div:last-child {
    margin-bottom: 0 !important;
  }
  
  /* Stats 图标容器 - 确保图标居中 */
  .wrapper > section:first-of-type div[style*="width: 50px"][style*="height: 50px"] {
    width: 45px !important;
    height: 45px !important;
    min-width: 45px !important;
    margin-right: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  .wrapper > section:first-of-type div[style*="width: 50px"] i {
    font-size: 22px !important;
    line-height: 1 !important;
  }
  
  /* Stats 标题 */
  .wrapper > section:first-of-type div[style*="font-size: 36px"] {
    font-size: 24px !important;
  }
  
  /* Stats 描述 */
  .wrapper > section:first-of-type div[style*="font-size: 14px"][style*="margin-top: 5px"] {
    font-size: 12px !important;
  }
  
  /* Scroll Indicator */
  .wrapper > section:first-of-type > div[style*="position: absolute"][style*="bottom: 40px"] {
    display: none !important;
  }
}

/* ============================================
   Core Capabilities Section - 核心能力
   ============================================ */

@media screen and (max-width: 1024px) {
  
  .wrapper > section:nth-of-type(2) {
    padding: 60px 0 !important;
  }
  
  .wrapper > section:nth-of-type(2) .lrn-titles {
    margin-bottom: 40px !important;
  }
  
  .wrapper > section:nth-of-type(2) .lrn-subtitle {
    font-size: 12px !important;
  }
  
  .wrapper > section:nth-of-type(2) .lrn-title,
  .wrapper > section:nth-of-type(2) h3 {
    font-size: 28px !important;
    margin-bottom: 15px !important;
  }
  
  .wrapper > section:nth-of-type(2) p[style*="max-width: 700px"] {
    font-size: 15px !important;
    max-width: 100% !important;
  }
  
  /* 能力卡片容器 */
  .wrapper > section:nth-of-type(2) .col-xs-12.col-sm-12.col-md-6 {
    margin-bottom: 15px !important;
  }
  
  /* 能力卡片 */
  .wrapper > section:nth-of-type(2) div[style*="border-radius: 20px"][style*="padding: 40px 30px"] {
    padding: 30px 20px !important;
    border-radius: 15px !important;
  }
  
  /* 移动端隐藏图标 - 使用多重选择器确保生效 */
  .wrapper > section:nth-of-type(2) div[style*="width: 70px"][style*="height: 70px"],
  .wrapper > section:nth-of-type(2) div[style*="width: 70px"][style*="display: flex"],
  .wrapper > section:nth-of-type(2) div[style*="backdrop-filter: blur"],
  .wrapper > section:nth-of-type(2) .col-xs-12 > div > div:first-child {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin-bottom: 0 !important;
  }
  
  /* 卡片标题 */
  .wrapper > section:nth-of-type(2) h4 {
    font-size: 20px !important;
    margin-bottom: 12px !important;
    margin-top: 0 !important;
  }
  
  /* 卡片描述 */
  .wrapper > section:nth-of-type(2) div[style*="border-radius: 20px"] p {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
}

/* ============================================
   Value Propositions Section - 价值主张
   ============================================ */

@media screen and (max-width: 1024px) {
  
  .wrapper > section:nth-of-type(3) {
    padding: 60px 0 !important;
  }
  
  .wrapper > section:nth-of-type(3) .lrn-titles {
    margin-bottom: 40px !important;
  }
  
  .wrapper > section:nth-of-type(3) .lrn-subtitle {
    font-size: 12px !important;
  }
  
  .wrapper > section:nth-of-type(3) .lrn-title,
  .wrapper > section:nth-of-type(3) h3 {
    font-size: 28px !important;
  }
  
  /* 价值卡片容器 */
  .wrapper > section:nth-of-type(3) .col-xs-12.col-sm-12.col-md-6 {
    margin-bottom: 20px !important;
  }
  
  /* 价值卡片 */
  .wrapper > section:nth-of-type(3) div[style*="background: white"][style*="border-radius: 20px"] {
    padding: 30px 20px !important;
    border-radius: 15px !important;
  }
  
  /* 移动端隐藏图标 - 使用多重选择器确保生效 */
  .wrapper > section:nth-of-type(3) div[style*="width: 60px"][style*="height: 60px"],
  .wrapper > section:nth-of-type(3) div[style*="width: 60px"][style*="display: flex"],
  .wrapper > section:nth-of-type(3) div[style*="border-radius: 15px"][style*="background: linear-gradient"],
  .wrapper > section:nth-of-type(3) .col-xs-12 > div > div:first-child > div:first-child {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin-right: 0 !important;
  }
  
  /* 调整卡片内容flex布局 */
  .wrapper > section:nth-of-type(3) div[style*="display: flex"][style*="align-items: flex-start"] {
    display: block !important;
  }
  
  /* 卡片标题 */
  .wrapper > section:nth-of-type(3) h4 {
    font-size: 20px !important;
    margin-bottom: 10px !important;
    margin-top: 0 !important;
  }
  
  /* 卡片描述 */
  .wrapper > section:nth-of-type(3) div[style*="background: white"] p {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
  
  /* 标签容器 */
  .wrapper > section:nth-of-type(3) div[style*="display: flex"][style*="gap: 15px"] {
    gap: 10px !important;
    margin-top: 15px !important;
  }
  
  /* 标签 */
  .wrapper > section:nth-of-type(3) div[style*="padding: 8px 16px"] {
    padding: 6px 12px !important;
    font-size: 11px !important;
  }
}

/* ============================================
   Industries Section - 行业应用
   ============================================ */

@media screen and (max-width: 1024px) {
  
  .wrapper > section:nth-of-type(4) {
    padding: 60px 0 !important;
  }
  
  .wrapper > section:nth-of-type(4) .lrn-titles {
    margin-bottom: 40px !important;
  }
  
  .wrapper > section:nth-of-type(4) .lrn-subtitle {
    font-size: 12px !important;
  }
  
  .wrapper > section:nth-of-type(4) .lrn-title,
  .wrapper > section:nth-of-type(4) h3 {
    font-size: 28px !important;
  }
  
  /* 行业卡片容器 - 移动端2列布局(3行) */
  .wrapper > section:nth-of-type(4) .col-xs-12.col-sm-6.col-md-4 {
    width: 50% !important;
    float: left !important;
    padding: 0 8px !important;
    margin-bottom: 20px !important;
  }
  
  /* 行业卡片 */
  .wrapper > section:nth-of-type(4) div[style*="text-align: center"][style*="padding: 35px 25px"] {
    padding: 20px 12px !important;
  }
  
  /* 行业图标容器 - 确保图标居中 */
  .wrapper > section:nth-of-type(4) div[style*="width: 90px"][style*="height: 90px"] {
    width: 65px !important;
    height: 65px !important;
    margin: 0 auto 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  .wrapper > section:nth-of-type(4) div[style*="width: 90px"] i {
    font-size: 30px !important;
    line-height: 1 !important;
  }
  
  /* 行业标题 */
  .wrapper > section:nth-of-type(4) h5 {
    font-size: 16px !important;
    margin-bottom: 8px !important;
  }
  
  /* 行业描述 */
  .wrapper > section:nth-of-type(4) p {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
}

/* ============================================
   CTA Section - 行动号召
   ============================================ */

@media screen and (max-width: 1024px) {
  
  .wrapper > section:nth-of-type(5) {
    padding: 60px 0 !important;
  }
  
  /* CTA 内容容器 */
  .wrapper > section:nth-of-type(5) .col-xs-12.col-sm-12.col-md-8 {
    margin-bottom: 30px !important;
    text-align: center !important;
  }
  
  /* CTA 标题 */
  .wrapper > section:nth-of-type(5) h2 {
    font-size: 28px !important;
    line-height: 1.3 !important;
    margin-bottom: 15px !important;
  }
  
  /* CTA 描述 */
  .wrapper > section:nth-of-type(5) p {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }
  
  /* CTA 按钮容器 */
  .wrapper > section:nth-of-type(5) .col-xs-12.col-sm-12.col-md-4 {
    text-align: center !important;
  }
  
  /* CTA 按钮 */
  .wrapper > section:nth-of-type(5) a[style*="padding: 20px 45px"] {
    padding: 15px 35px !important;
    font-size: 16px !important;
  }
}

/* ============================================
   Mobile Specific (< 768px) - 小屏幕优化
   ============================================ */

@media screen and (max-width: 767px) {
  
  /* Hero Section 进一步优化 */
  .wrapper > section:first-of-type {
    padding: 60px 0 40px 0 !important;
  }
  
  .wrapper > section:first-of-type h1 {
    font-size: 26px !important;
  }
  
  .wrapper > section:first-of-type p {
    font-size: 15px !important;
  }
  
  /* Core Capabilities 单列显示 */
  .wrapper > section:nth-of-type(2) .col-xs-12.col-sm-12.col-md-6.col-lg-3 {
    width: 100% !important;
  }
  
  /* Value Propositions 单列显示 */
  .wrapper > section:nth-of-type(3) .col-xs-12.col-sm-12.col-md-6 {
    width: 100% !important;
  }
  
  /* Industries 保持2列3行 */
  .wrapper > section:nth-of-type(4) .col-xs-12.col-sm-6.col-md-4 {
    width: 50% !important;
    float: left !important;
    padding: 0 6px !important;
    clear: none !important;
  }
  
  /* 强制每行两个 */
  .wrapper > section:nth-of-type(4) .col-xs-12.col-sm-6.col-md-4:nth-child(2n+1) {
    clear: left !important;
  }
  
  .wrapper > section:nth-of-type(4) div[style*="text-align: center"][style*="padding: 35px 25px"] {
    padding: 18px 10px !important;
  }
  
  .wrapper > section:nth-of-type(4) div[style*="width: 90px"][style*="height: 90px"] {
    width: 60px !important;
    height: 60px !important;
  }
  
  .wrapper > section:nth-of-type(4) div[style*="width: 90px"] i {
    font-size: 26px !important;
  }
  
  /* CTA Section */
  .wrapper > section:nth-of-type(5) h2 {
    font-size: 24px !important;
  }
  
  .wrapper > section:nth-of-type(5) p {
    font-size: 15px !important;
  }
}