/* ==========================================
   Home H5 — 平板适配（768px 起）
   与 main.css 中 --layout-max 对齐，手机样式不变
   ========================================== */

/* 与主内容同宽的固定底栏 / 悬浮控件 */
@media (min-width: 768px) {
  .course-footer,
  .exchange-bottom-bar,
  .cart-footer {
    left: 50%;
    right: auto;
    width: min(var(--layout-max, 750px), 100%);
    transform: translateX(-50%);
  }

  .bottom-nav {
    max-width: min(var(--layout-max, 750px), calc(100% - var(--spacing-8)));
  }

  .circle-fab {
    right: max(20px, calc((100vw - min(var(--layout-max, 750px), 100vw)) / 2 + 20px));
  }

  .sheet {
    left: 50%;
    right: auto;
    width: min(var(--layout-max, 750px), 100%);
    transform: translateX(-50%) translateY(100%);
  }

  .sheet-overlay.active .sheet {
    transform: translateX(-50%) translateY(0);
  }

  .modal {
    max-width: 480px;
  }

  .grade-bind-panel {
    max-width: 480px;
  }

  /* 首页 */
  .waterfall {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-4);
    padding: 0 var(--spacing-5);
  }

  .home-feature-card {
    margin-left: var(--spacing-5);
    margin-right: var(--spacing-5);
  }

  .home-feature-grid {
    gap: var(--spacing-3);
  }

  .home-feature-icon {
    width: 56px;
    height: 56px;
  }

  .home-section-title {
    padding-left: var(--spacing-5);
    padding-right: var(--spacing-5);
  }

  .home-grade-dropdown-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
  }

  /* 课程目录：平板加宽单元栏，单行文案不易被截断 */
  .course-catalog-split {
    min-height: 320px;
    border-radius: 18px;
  }

  .course-catalog-units {
    flex: 0 0 120px;
    padding: 12px 8px;
    gap: 8px;
  }

  .course-catalog-unit-tab {
    min-height: 38px;
    padding: 7px 6px;
    border-radius: 13px;
  }

  .course-catalog-unit-tab__label {
    font-size: 13px;
  }

  /* 播放页：平板上不用手机紧凑尺寸 */
  .page-video .course-catalog-split--video {
    min-height: 300px;
  }

  .page-video .course-catalog-units {
    flex: 0 0 120px;
    padding: 12px 8px;
    gap: 8px;
  }

  .page-video .course-catalog-unit-tab {
    min-height: 38px;
    padding: 7px 6px;
    border-radius: 13px;
  }

  .page-video .course-catalog-unit-tab__label {
    font-size: 13px;
  }

  .course-catalog-tag-head {
    padding: 14px 18px 8px;
  }

  .course-catalog-chapter {
    padding: 14px 18px;
  }

  .course-catalog-tag-title__text {
    font-size: 14px;
    padding: 6px 14px 6px 12px;
  }

  .video-preview-overlay {
    padding: 24px;
  }

  .video-preview-player {
    max-width: min(900px, 92vw);
  }
}

@media (min-width: 1024px) {
  .waterfall {
    grid-template-columns: repeat(4, 1fr);
  }

  .home-grade-dropdown-grid {
    grid-template-columns: repeat(5, 1fr);
  }

  .course-catalog-units,
  .page-video .course-catalog-units {
    flex: 0 0 136px;
    padding: 14px 10px;
  }

  .course-catalog-unit-tab__label,
  .page-video .course-catalog-unit-tab__label {
    font-size: 14px;
  }

  .course-catalog-unit-tab,
  .page-video .course-catalog-unit-tab {
    min-height: 42px;
    padding: 8px 8px;
  }
}