/* ============================================================
   Kevin · Responsive
   断点：1024 / 768 / 480
   覆盖尺寸：1920 / 1440 / 1366 / 1024 / 768 / 430 / 390 / 375
   ============================================================ */

@media (max-width: 1200px) {
  .kv-hero__title { font-size: 44px; }
  .kv-section-title h2 { font-size: 36px; }
}

@media (max-width: 1024px) {
  .kv-navbar__menu { gap: 16px; }
  .kv-hero__inner { padding: 56px 24px 110px; }
  .kv-hero__title { font-size: 38px; }
  .kv-hero__visual img.kv-hero__mascot { width: 300px; }
  .kv-growth__wrap { grid-template-columns: repeat(2, 1fr); padding: 28px; }
  .kv-growth__slogan { grid-column: 1 / -1; border-left: none; border-top: 1px dashed var(--kevin-border); padding: 16px 0 0; text-align: center; }
  .kv-grid--4 { grid-template-columns: repeat(2, 1fr); }
  .kv-grid--6 { grid-template-columns: repeat(3, 1fr); }
  .kv-footer__grid { grid-template-columns: 1fr 1fr; }
  .kv-cta__mascot { display: none; }
}

@media (max-width: 768px) {
  :root { --kevin-navbar-h: 60px; }

  .kv-navbar__menu, .kv-navbar__right .kv-btn { display: none; }
  .kv-navbar__burger { display: block; }
  .kv-navbar__logo img { height: 34px; }

  .kv-section { padding: 56px 0; }
  .kv-section-title { margin-bottom: 40px; }
  .kv-section-title h2 { font-size: 28px; letter-spacing: -0.2px; }
  .kv-grid { gap: 20px; }
  .kv-sec-head { flex-wrap: wrap; margin-bottom: 28px; }
  .kv-sec-head h2, .kv-sec-head h1 { font-size: 22px; }
  .kv-sec-head .kv-sec-note { margin-left: 0; flex-basis: 100%; }

  /* Hero 移动端：文字 → CTA → IP（禁止简单缩放） */
  .kv-hero { min-height: unset; }
  .kv-hero__inner {
    grid-template-columns: 1fr;
    text-align: center;
    padding: 44px 22px 100px;
    gap: 8px;
  }
  .kv-hero__title { font-size: 30px; }
  .kv-hero__en { font-size: 15px; letter-spacing: 3px; }
  .kv-hero__sub { font-size: 15px; margin-bottom: 24px; }
  .kv-hero__cta { justify-content: center; margin-bottom: 20px; }
  .kv-hero__slogan { display: none; }
  .kv-hero__visual { order: 3; }
  .kv-hero__visual img.kv-hero__mascot { width: 240px; }
  .kv-planet--a { width: 80px; height: 80px; }
  .kv-planet--b { width: 56px; height: 56px; }

  .kv-growth { margin-top: -48px; }
  .kv-growth__wrap { grid-template-columns: 1fr 1fr; gap: 18px; padding: 22px; }
  .kv-growth__icon { width: 42px; height: 42px; }
  .kv-growth__item h4 { font-size: 15px; }
  .kv-growth__item p { font-size: 11.5px; }

  .kv-brand__grid { grid-template-columns: 1fr; gap: 28px; }
  .kv-brand__text h2 { font-size: 26px; }
  .kv-brand__media img { height: 220px; }

  .kv-grid--2, .kv-grid--3, .kv-grid--4 { grid-template-columns: 1fr; }
  .kv-grid--6 { grid-template-columns: repeat(2, 1fr); }

  .kv-stats { grid-template-columns: repeat(2, 1fr); padding: 28px 20px; gap: 18px; }
  .kv-stats__item strong { font-size: 28px; }

  .kv-cta { flex-direction: column; text-align: center; padding: 36px 24px; }
  .kv-cta__text h3 { font-size: 22px; }
  .kv-cta__actions { justify-content: center; flex-wrap: wrap; }

  .kv-footer__grid { grid-template-columns: 1fr; gap: 28px; }
  .kv-footer__bottom { justify-content: center; text-align: center; }

  .kv-floating { display: none; }
  .kv-mobile-bar { display: block; }
  body.kevin-website { padding-bottom: 64px; }

  .kv-form__row { grid-template-columns: 1fr; }
}

@media (max-width: 400px) {
  .kv-hero__title { font-size: 27px; }
  .kv-growth__wrap { grid-template-columns: 1fr; }
  .kv-stats { grid-template-columns: repeat(2, 1fr); }
  .kv-btn { padding: 12px 22px; font-size: 14px; }
}

@media (max-width: 992px) {
  .kv-title-mascot { width: 60px; top: -18px; right: 2%; }
  .kv-title-mascot--left { left: 2%; }
}
@media (max-width: 640px) {
  .kv-title-mascot { display: none; }
}