/* ========================================
   好酷游官网 - 响应式样式
   断点: 1440px / 1024px / 768px / 480px
   ======================================== */

/* 笔记本设备 (1024px - 1440px) */
@media screen and (max-width: 1440px) {
  :root {
    --font-size-5xl: 3rem;
    --font-size-4xl: 2.25rem;
    --font-size-3xl: 1.75rem;
    --font-size-2xl: 1.25rem;
    --font-size-xl: 1.0625rem;
  }

  .hero__title-main {
    font-size: clamp(2.5rem, 6vw, 3.5rem);
  }

  .hero__title-sub {
    font-size: clamp(1rem, 2vw, 1.25rem);
  }

  .hero__tagline {
    font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  }

  .section__title {
    font-size: clamp(1.75rem, 3vw, 2.25rem);
  }

  .service__title {
    font-size: 1.125rem;
  }

  .service__desc {
    font-size: 0.9rem;
  }

  .stat__number {
    font-size: clamp(1.75rem, 3vw, 2.25rem);
  }
}

/* 平板设备 (768px - 1024px) */
@media screen and (max-width: 1024px) {
  :root {
    --font-size-5xl: 2.5rem;
    --font-size-4xl: 2rem;
    --font-size-3xl: 1.5rem;
    --font-size-2xl: 1.125rem;
  }

  .about__content {
    grid-template-columns: 1fr;
    gap: var(--spacing-2xl);
  }

  .about__advantages {
    grid-template-columns: repeat(2, 1fr);
  }

  .contact__info {
    grid-template-columns: 1fr;
  }

  .services__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* 移动端设备 (< 768px) */
@media screen and (max-width: 768px) {
  :root {
    --header-height: 60px;
  }

  /* 导航栏移动端适配 */
  .nav__menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    background: rgba(10, 10, 26, 0.98);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-2xl);
    transition: right var(--transition-base);
    z-index: 999;
  }

  .nav__menu.active {
    right: 0;
  }

  .nav__link {
    font-size: var(--font-size-2xl);
  }

  .nav__toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1001;
  }

  .nav__toggle.active .hamburger {
    background: transparent;
  }

  .nav__toggle.active .hamburger::before {
    top: 0;
    transform: rotate(45deg);
  }

  .nav__toggle.active .hamburger::after {
    top: 0;
    transform: rotate(-45deg);
  }

  /* Hero 移动端适配 */
  .hero__title-main {
    font-size: clamp(2.5rem, 12vw, 4rem);
  }

  .hero__title-sub {
    font-size: clamp(1rem, 4vw, 1.5rem);
  }

  .hero__tagline {
    font-size: clamp(0.95rem, 3vw, 1.0625rem);
    padding: 0 var(--spacing-md);
  }

  .hero__cta {
    padding: var(--spacing-md) var(--spacing-xl);
    font-size: clamp(0.95rem, 3vw, 1rem);
  }

  /* 区块标题移动端适配 */
  .section__title {
    font-size: clamp(1.5rem, 6vw, 2rem);
  }

  .section__subtitle {
    font-size: clamp(0.9rem, 3vw, 1rem);
    margin-bottom: var(--spacing-2xl);
  }

  /* 服务卡片移动端适配 */
  .services {
    padding: var(--spacing-3xl) 0;
  }

  .services__grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-lg);
  }

  .service__card {
    padding: var(--spacing-xl);
  }

  /* 关于我们移动端适配 */
  .about {
    padding: var(--spacing-3xl) 0;
  }

  .about__stats {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-md);
  }

  .stat__item {
    padding: var(--spacing-lg);
  }

  .stat__number {
    font-size: clamp(1.5rem, 5vw, 2rem);
  }

  .stat__suffix {
    font-size: clamp(1.125rem, 4vw, 1.5rem);
  }

  .about__advantages {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-md);
  }

  .advantage__item {
    padding: var(--spacing-md);
  }

  .advantage__icon {
    font-size: 2rem;
  }

  .advantage__title {
    font-size: clamp(0.95rem, 3vw, 1.0625rem);
  }

  /* 联系我们移动端适配 */
  .contact {
    padding: var(--spacing-3xl) 0;
  }

  .contact__item {
    flex-direction: column;
    text-align: center;
    padding: var(--spacing-lg);
  }

  /* 页脚移动端适配 */
  .footer__content {
    flex-direction: column;
    text-align: center;
    gap: var(--spacing-xl);
  }

  .footer__links {
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--spacing-lg);
  }
}

/* 小屏手机 (< 480px) */
@media screen and (max-width: 480px) {
  .container {
    padding: 0 var(--spacing-md);
  }

  .hero__title-main {
    font-size: clamp(2rem, 10vw, 3rem);
  }

  .hero__title-sub {
    font-size: clamp(0.875rem, 3.5vw, 1.125rem);
  }

  .about__stats {
    grid-template-columns: 1fr 1fr;
  }

  .about__advantages {
    grid-template-columns: 1fr 1fr;
  }

  .stat__number {
    font-size: clamp(1.25rem, 5vw, 1.75rem);
  }
}

/* 卡片动画延迟 - 使用兼容性写法 */
.js-enabled .service__card:nth-child(1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.js-enabled .service__card:nth-child(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.js-enabled .service__card:nth-child(3) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.js-enabled .service__card:nth-child(4) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.js-enabled .service__card:nth-child(5) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.js-enabled .service__card:nth-child(6) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }

.js-enabled .stat__item:nth-child(1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.js-enabled .stat__item:nth-child(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.js-enabled .stat__item:nth-child(3) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.js-enabled .stat__item:nth-child(4) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }

.js-enabled .advantage__item:nth-child(1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.js-enabled .advantage__item:nth-child(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.js-enabled .advantage__item:nth-child(3) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.js-enabled .advantage__item:nth-child(4) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }