/* 移动端幻灯片 - 只在手机显示，完全独立于桌面版 */
@media(max-width:768px) {
  .desktop-hero { display:none !important; }

  .mobile-hero {
    display:block; position:relative; width:100%; overflow:hidden;
    background:#151E2D; min-height:70vh;
  }
  .mobile-hero-slides-wrapper { position:relative; width:100%; min-height:70vh; }
  .mobile-hero-slide {
    position:absolute; inset:0; width:100%; min-height:70vh;
    display:flex; align-items:center;
    opacity:0; visibility:hidden;
    transition:opacity .6s ease, visibility .6s ease;
  }
  .mobile-hero-slide.active { opacity:1; visibility:visible; z-index:2; }
  .mobile-hero-slide-bg { position:absolute; inset:0; background-size:cover; background-position:center; }
  .mobile-hero-overlay { position:absolute; inset:0; background:linear-gradient(180deg,rgba(21,30,45,.3),rgba(21,30,45,.8)); }
  .mobile-hero-container {
    position:relative; z-index:2;
    display:flex; flex-direction:column; justify-content:center;
    width:100%; padding:140px 24px 80px; text-align:center;
  }
  .mobile-hero-title {
    font-size:1.35rem; font-weight:800; line-height:1.35;
    color:#fff; margin:0 0 10px;
  }
  .mobile-hero-title em { font-style:normal; color:#60a5fa; }
  .mobile-hero-subtitle {
    font-size:.88rem; color:rgba(255,255,255,.7);
    line-height:1.7; margin:0 0 22px;
  }
  .mobile-hero-actions { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
  .mobile-hero-actions .btn {
    display:inline-flex; align-items:center; gap:6px;
    padding:10px 22px; font-size:.85rem; font-weight:600;
    border-radius:8px; border:none; cursor:pointer;
    text-decoration:none; transition:all .25s;
  }
  .mobile-hero-actions .btn-primary {
    background:#fff; color:#151E2D;
  }
  .mobile-hero-actions .btn-outline {
    background:transparent; color:#fff;
    border:1.5px solid rgba(255,255,255,.3);
  }
  .mobile-hero-dots {
    position:absolute; bottom:24px; left:50%; transform:translateX(-50%);
    display:flex; gap:8px; z-index:10;
  }
  .mobile-hero-dot {
    width:8px; height:8px; border-radius:50%;
    background:rgba(255,255,255,.25); cursor:pointer; transition:all .3s;
  }
  .mobile-hero-dot.active { width:20px; border-radius:4px; background:#60a5fa; }
}

@media(min-width:769px) {
  .mobile-hero { display:none !important; }
}