/* ============================================================
   登科网校 - 移动端响应式适配（全面增强版）
   适配：安卓 / 苹果全系列手机竖屏视图（320px ~ 768px）
   策略：PC 端完全保留，仅 @media 内为手机端优化
   ============================================================ */

/* ---------- 断点一：平板 + 手机 (≤768px) ---------- */
@media screen and (max-width: 768px) {

  /* ===== 全局基础 ===== */
  html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  }
  body {
    font-size: 15px;
    min-width: auto !important;
    max-width: 100vw;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    padding: 0;
    margin: 0;
  }

  /* 统一容器宽度 */
  .mainBody,
  .container,
  .content-wrapper,
  .pageContent,
  .contentWrap,
  .mainWrap,
  .mainContent {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }

  /* 安全区适配（刘海/打孔屏） */
  @supports (padding: max(0px)) {
    .mainBody,
    .container,
    [class*="content"],
    [class*="Content"],
    .pageHeader .mainBody,
    .bottomNavInner {
      padding-left: max(16px, env(safe-area-inset-left)) !important;
      padding-right: max(16px, env(safe-area-inset-right)) !important;
    }
  }

  /* ===== 顶部小导航栏：手机端隐藏 ===== */
  .topMiniNav,
  .topBar {
    display: none !important;
  }

  /* ===== 主导航 Header ===== */
  .pageHeader,
  .navbar {
    height: auto !important;
    padding: 12px 0 !important;
    position: relative !important;
    top: auto !important;
    z-index: 1000;
  }
  .pageHeader .mainBody,
  .headerInner,
  .navbar .container {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    max-width: 100% !important;
    padding: 0 16px !important;
    height: auto !important;
    gap: 0 !important;
    align-items: center !important;
  }

  /* Logo 区 */
  .pageHeader .leftArea,
  .pageHeader .logo {
    flex-shrink: 0 !important;
    margin-right: auto !important;
    align-items: center !important;
  }
  .pageHeader .logo .logoText,
  .logoText {
    font-size: 18px !important;
  }
  .pageHeader .logo .logoSub,
  .logoSub {
    font-size: 10px !important;
    margin-left: 6px !important;
  }
  .logoIcon {
    width: 36px !important;
    height: 36px !important;
  }

  /* 桌面导航链接：手机端默认隐藏 → 改为可切换侧滑菜单 */
  .pageHeader .navLinks,
  .pageHeader .leftArea .navLinks,
  .navbar .nav-links {
    display: none !important;
    width: 100% !important;
    order: 10 !important;
    flex-direction: column !important;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0,0,0,.12);
    padding: 8px 0 !important;
    margin-top: 8px !important;
    overflow: visible !important;
    white-space: normal !important;
    gap: 0 !important;
    max-height: 60vh;
    overflow-y: auto;
  }
  /* JS 切换类名：激活时显示 */
  .pageHeader .navLinks.open,
  .navbar .nav-links.open {
    display: flex !important;
  }
  .pageHeader .navItem,
  .navbar .nav-links a {
    display: block !important;
    width: 100% !important;
    padding: 12px 20px !important;
    font-size: 15px !important;
    border-bottom: 1px solid #f0f0f0;
    text-align: left !important;
    flex-shrink: 0;
  }
  .pageHeader .navItem:last-child,
  .navbar .nav-links a:last-child {
    border-bottom: none;
  }

  /* 下拉菜单在手机端改为内嵌 */
  .pageHeader .dropdown {
    display: none !important;
    position: static !important;
    min-width: auto !important;
    box-shadow: none !important;
    padding: 0 0 0 16px !important;
    background: #fafafa !important;
  }
  .pageHeader .navItem.open .dropdown,
  .pageHeader .navItem.active .dropdown {
    display: block !important;
  }
  .pageHeader .navItem:hover .dropdown {
    display: none !important; /* 禁止 hover 触发展开 */
  }

  /* 右侧区域：搜索 + 登录 + 注册 同一行，等高等间距，不滚动 */
  .pageHeader .rightArea,
  .navbar .nav-actions,
  .headerRight {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-shrink: 1 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    order: 0 !important;
    overflow-x: visible;
    max-width: 100%;
    flex-wrap: nowrap !important;
  }

  /* 登录/注册按钮：与搜索按钮等高等宽，极致紧凑 */
  .pageHeader .loginBtn,
  .pageHeader .regBtn,
  .headerRight .loginBtn,
  .headerRight .regBtn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    white-space: nowrap;
    flex-shrink: 0;
  }

  /* 搜索框：弹性伸缩，给按钮腾空间 */
  .pageHeader .searchBox,
  .searchBox {
    display: flex !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    order: 0 !important;
    margin-top: 0 !important;
  }
  .pageHeader .searchInput,
  .searchBox input,
  input.searchInput {
    flex: 1 !important;
    width: auto !important;
    min-width: 60px !important;
    height: 40px !important;
    font-size: 15px !important;
    padding: 0 10px !important;
    border-radius: 6px !important;
  }
  .pageHeader .searchBtn,
  .searchBox button,
  button.searchBtn {
    width: auto !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 10px !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    border-radius: 6px !important;
    margin-left: 4px !important;
  }

  /* 搜索历史 */
  .searchHistory {
    max-width: 100vw;
    left: 16px !important;
    right: 16px !important;
    width: auto !important;
  }
  .searchHistoryTag {
    padding: 8px 16px !important;
    font-size: 14px !important;
  }

  /* 汉堡菜单按钮（需页面配合添加 .hamburger 元素） */
  .hamburger {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    width: 36px;
    height: 36px;
    padding: 6px;
    cursor: pointer;
    background: none;
    border: none;
    margin-left: 8px;
    flex-shrink: 0;
  }
  .hamburger span {
    display: block;
    width: 100%;
    height: 2px;
    background: #333;
    border-radius: 2px;
    transition: all .2s;
  }
  .hamburger.active span:nth-child(1) {
    transform: rotate(45deg) translate(4px, 4px);
  }
  .hamburger.active span:nth-child(2) {
    opacity: 0;
  }
  .hamburger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(4px, -4px);
  }

  /* ===== 按钮全局放大（触屏尺寸 ≥44px） ===== */
  button,
  .btn,
  .button,
  [class*="btn"]:not(.hamburger),
  a.btn,
  a.button,
  .navItem,
  .tabItem,
  .filterBtn,
  .colLink,
  .buyBtn,
  .trialBtn,
  .btnBuy,
  .btnTrial,
  .loginSubmit,
  .registerSubmit,
  .smsBtn {
    min-height: 44px !important;
    padding: 10px 16px !important;
    font-size: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  /* 保留小按钮尺寸的例外 */
  .pagination .pageBtn,
  .btnTrial,
  .btnBuy {
    min-height: 36px !important;
    padding: 6px 12px !important;
    font-size: 13px !important;
  }

  /* ===== 输入框放大 ===== */
  input[type="text"],
  input[type="search"],
  input[type="password"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  textarea,
  select,
  .formInput {
    font-size: 16px !important;
    min-height: 44px !important;
    padding: 10px 14px !important;
    box-sizing: border-box !important;
  }

  /* ===== 图片自适应 ===== */
  img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* ===== INDEX 首页 ===== */

  /* Banner 轮播 */
  .bannerBox {
    max-width: 100% !important;
  }
  .bannerWrapper {
    height: auto !important;
    min-height: 200px;
    max-height: 280px;
  }
  .bannerSlide {
    padding: 24px 20px !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
  }
  .bannerContent {
    max-width: 100% !important;
  }
  .bannerContent h2 {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }
  .bannerContent p {
    font-size: 13px !important;
  }
  .bannerContent .bannerLabel {
    padding: 4px 14px !important;
    font-size: 12px !important;
    margin-bottom: 12px !important;
  }
  .bannerArrow {
    width: 32px !important;
    height: 32px !important;
    font-size: 18px !important;
    background: rgba(255,255,255,.85);
    border-radius: 50%;
  }
  .bannerArrow.left { left: 8px !important; }
  .bannerArrow.right { right: 8px !important; }
  .bannerDots { gap: 6px !important; bottom: 12px !important; }
  .bannerDot { width: 20px !important; height: 4px !important; }
  .bannerDot.active { width: 32px !important; }

  /* 快捷入口 */
  .quickEntry {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    margin: 20px auto 0 !important;
    padding: 0 16px !important;
    max-width: 100% !important;
  }
  .quickEntry .entryItem {
    padding: 20px 14px !important;
  }
  .quickEntry .entryIcon {
    width: 40px !important;
    height: 40px !important;
    margin-bottom: 10px !important;
  }

  /* 主内容区 2:1 → 单列 */
  .mainContent {
    flex-direction: column !important;
    gap: 20px !important;
    margin: 24px auto 40px !important;
    padding: 0 16px !important;
  }
  .mainLeft,
  .mainRight {
    width: 100% !important;
    flex: none !important;
    min-width: auto !important;
  }

  /* 课程网格 */
  .courseGrid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
  .courseCard .cardCover {
    aspect-ratio: 16/9;
    overflow: hidden;
  }
  .courseCard .cardCover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .courseCard .cardBody {
    padding: 12px !important;
  }
  .courseCard .cardTitle {
    font-size: 14px !important;
    -webkit-line-clamp: 2 !important;
    margin-bottom: 6px !important;
  }
  .courseCard .cardMeta {
    font-size: 11px !important;
    margin-bottom: 10px !important;
    gap: 10px !important;
  }
  .courseCard .cardPrice {
    font-size: 13px !important;
    margin-bottom: 10px !important;
  }
  .courseCard .cardBtns {
    gap: 6px !important;
  }
  .courseCard .trialBtn,
  .courseCard .buyBtn {
    padding: 6px 12px !important;
    font-size: 12px !important;
  }

  /* 新闻列表 */
  .newsItem {
    padding: 12px 0 !important;
    gap: 10px !important;
  }
  .newsDateBadge {
    width: 44px !important;
    font-size: 11px !important;
  }
  .newsInfo .newsTitle {
    font-size: 14px !important;
    -webkit-line-clamp: 2 !important;
  }

  /* 考试月历 */
  .examCalendar {
    padding: 16px !important;
    margin-bottom: 20px !important;
  }

  /* ===== CATEGORY 分类页 ===== */

  /* 考试子导航横向滚动 */
  .columnBox {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
  }
  .columnBox::-webkit-scrollbar { display: none; }
  .columnBox .colLink {
    padding: 0 16px !important;
    font-size: 13px !important;
    flex-shrink: 0;
    min-height: 40px !important;
    white-space: nowrap;
  }

  /* 面包屑 */
  .breadcrumb {
    padding: 8px 0 !important;
    margin-bottom: 12px !important;
    font-size: 13px !important;
    overflow-x: auto;
    white-space: nowrap;
  }

  /* 考试Hero */
  .examHero {
    padding: 20px !important;
    margin-bottom: 20px !important;
  }
  .examHero h1 { font-size: 20px !important; }
  .examHero .countdown { font-size: 13px !important; }

  /* 双栏 → 单列 */
  .contentArea {
    flex-direction: column !important;
    gap: 20px !important;
  }
  .contentLeft,
  .contentRight {
    width: 100% !important;
    flex: none !important;
    min-width: auto !important;
  }

  /* Tab 切换栏 */
  .tabTitleBar {
    margin-bottom: 16px !important;
  }
  .tabTitleBar .tabBtn {
    font-size: 14px !important;
    min-height: 40px !important;
    padding: 8px 0 !important;
  }

  /* 侧边卡片 */
  .sideCard {
    margin-bottom: 16px !important;
  }
  .sideCard .sideTitle {
    padding: 12px 16px !important;
    font-size: 15px !important;
  }
  .sideCard .sideBody {
    padding: 12px 16px !important;
  }

  /* 快速按钮 */
  .quickBtns {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }
  .quickBtns .qBtn {
    font-size: 13px !important;
  }

  /* 排行榜项 */
  .topListItem {
    padding: 10px 0 !important;
  }

  /* ===== COURSES 课程列表页 ===== */

  /* 套餐卡片横排 → 纵排 */
  .comboRow {
    flex-direction: column !important;
    gap: 16px !important;
    margin-bottom: 24px !important;
  }
  .comboCard {
    padding: 20px !important;
  }
  .comboCard .comboName {
    font-size: 16px !important;
  }
  .comboCard .comboPrice {
    font-size: 18px !important;
  }
  .comboCard .comboBtn {
    min-height: 40px !important;
    padding: 8px 20px !important;
  }

  /* 课程表格横向滚动 */
  .courseTable {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 24px !important;
    font-size: 13px !important;
  }
  .courseTable table {
    min-width: 600px;
    width: 100%;
  }
  .courseTable th,
  .courseTable td {
    padding: 10px 12px !important;
    white-space: nowrap;
  }

  /* ===== NEWS 资讯页 ===== */

  /* 资讯列表项 */
  .newsListItem {
    gap: 12px !important;
    padding: 12px 0 !important;
  }
  .newsThumb {
    width: 120px !important;
    height: 80px !important;
    flex-shrink: 0 !important;
  }
  .newsThumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .newsContent .newsTitle2 {
    font-size: 15px !important;
    -webkit-line-clamp: 2 !important;
  }
  .newsContent .newsSummary {
    -webkit-line-clamp: 2 !important;
    font-size: 12px !important;
  }
  .newsContent .newsMeta {
    font-size: 11px !important;
    gap: 10px !important;
  }

  /* 分页 */
  .pagination {
    justify-content: center !important;
    flex-wrap: wrap !important;
    margin-top: 20px !important;
  }
  .pagination .pageBtn {
    width: 36px !important;
    height: 36px !important;
    font-size: 13px !important;
  }

  /* 日历网格 */
  .calGrid {
    gap: 3px !important;
  }
  .calGrid > * {
    font-size: 12px !important;
    padding: 4px 0 !important;
  }

  /* ===== ABOUT 关于页 ===== */

  .subNav {
    flex-wrap: wrap !important;
    margin: 0 16px 20px !important;
    gap: 0 !important;
  }
  .subNav a {
    flex: 1 0 50% !important;
    font-size: 14px !important;
    min-height: 40px !important;
    text-align: center !important;
  }
  .sectionCard {
    margin: 0 16px 20px !important;
    padding: 20px !important;
  }
  .teacherGrid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .infoList {
    flex-direction: column !important;
    gap: 12px !important;
  }
  .infoItem {
    min-width: 100% !important;
  }

  /* ===== COURSE-DETAIL 课程详情页 ===== */

  .course-header {
    flex-direction: column !important;
    gap: 16px !important;
    margin-bottom: 20px !important;
  }
  .course-cover {
    width: 100% !important;
  }
  .course-info h1 {
    font-size: 20px !important;
  }
  .course-info .badges {
    margin-bottom: 10px !important;
  }
  .course-btns {
    flex-direction: column !important;
    gap: 10px !important;
  }
  .course-btns .btn {
    width: 100% !important;
  }
  .main-body {
    flex-direction: column !important;
    gap: 20px !important;
  }
  .sidebar-sticky {
    width: 100% !important;
  }
  .rating-chart {
    gap: 4px !important;
  }

  /* ===== TEACHER 讲师页 ===== */

  .teacher-header {
    flex-direction: column !important;
    gap: 16px !important;
  }
  .teacher-header .t-avatar {
    width: 80px !important;
    height: 80px !important;
  }
  .teacher-header .t-stats {
    gap: 16px !important;
    flex-wrap: wrap !important;
  }
  .teacher-brief {
    flex-direction: column !important;
    gap: 12px !important;
  }

  /* ===== LOGIN / REGISTER 登录注册页 ===== */

  .mainWrap {
    padding: 20px 16px !important;
    justify-content: center !important;
  }
  .loginCard,
  .registerCard {
    width: 100% !important;
    max-width: 440px !important;
    padding: 32px 24px !important;
    margin: 0 auto !important;
    box-sizing: border-box;
  }
  .cardTitle {
    font-size: 22px !important;
  }
  .cardSub {
    font-size: 13px !important;
  }
  .formLabel {
    font-size: 14px !important;
    margin-bottom: 6px !important;
  }
  .formExtra {
    flex-direction: column !important;
    gap: 10px !important;
    margin-bottom: 20px !important;
  }
  .forgotPwd {
    text-align: right;
    font-size: 13px !important;
  }
  .loginSubmit,
  .registerSubmit {
    height: 48px !important;
    font-size: 16px !important;
    border-radius: 8px !important;
  }
  .divider {
    margin: 20px 0 !important;
  }
  .socialLogin {
    justify-content: center !important;
    gap: 20px !important;
  }
  .socialItem {
    width: 48px !important;
    height: 48px !important;
  }

  /* 注册页表单行 */
  .formRow {
    flex-direction: column !important;
    gap: 8px !important;
  }
  .smsBtn {
    width: 100% !important;
    min-height: 40px !important;
  }
  .stepHints {
    flex-wrap: wrap !important;
    gap: 16px !important;
    margin-bottom: 24px !important;
  }
  .stepHint {
    font-size: 13px !important;
  }
  .agreement {
    font-size: 12px !important;
  }

  /* ===== 通用 Section 标题 ===== */
  .sectionHeader {
    margin-bottom: 14px !important;
    padding-bottom: 10px !important;
  }
  .sectionHeader h2,
  .sectionHeader h3 {
    font-size: 18px !important;
  }
  .sectionHeader::after {
    width: 36px !important;
    height: 3px !important;
  }

  /* ===== 页脚区 ===== */
  .bottomNavigation {
    padding: 24px 0 16px !important;
  }
  .bottomNavInner {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px 12px !important;
    padding: 0 16px !important;
    max-width: 100% !important;
  }
  .bottomNavCol {
    flex: none !important;
    width: 100% !important;
  }
  .bottomNavCol h3 {
    font-size: 14px !important;
    margin-bottom: 4px !important;
  }
  .bottomNavCol a {
    font-size: 12px !important;
    padding: 2px 0 !important;
    line-height: 1.6;
  }
  .bottomQrcodes {
    flex-direction: row !important;
    gap: 12px !important;
    justify-content: center !important;
    margin-top: 8px !important;
  }
  .bottomQrcode .qrPlaceholder {
    width: 80px !important;
    height: 80px !important;
    margin-bottom: 6px !important;
  }
  .bottomQrcode p {
    font-size: 11px !important;
  }
  .linksBottom {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 0 12px !important;
    padding: 12px 16px !important;
    line-height: 2;
    max-width: 100% !important;
  }
  .linksBottom a {
    font-size: 12px !important;
    margin: 0 !important;
    white-space: nowrap;
  }
  .footer {
    padding: 14px 16px !important;
    font-size: 12px !important;
  }
  .footer .footer-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }

  /* ===== 浮动元素：手机端隐藏 ===== */
  .rightQrcode,
  .floatBar,
  .sideBar,
  .backTop,
  .desktop-only,
  [class*="desktopOnly"],
  [class*="desktop-only"] {
    display: none !important;
  }

  /* ===== 弹窗/模态框 ===== */
  .modal,
  .dialog,
  [class*="modal"],
  [class*="dialog"],
  [class*="popup"] {
    width: 92vw !important;
    max-width: 92vw !important;
    margin: 0 auto !important;
    left: 4vw !important;
    right: 4vw !important;
    border-radius: 12px !important;
    padding: 20px 16px !important;
    max-height: 85vh;
    overflow-y: auto;
  }

  /* ===== 表格通用：横向滚动 ===== */
  table:not(.courseTable table) {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    width: 100% !important;
  }

  /* ===== 通用间距收紧 ===== */
  section,
  .section,
  [class*="section"]:not(.sectionHeader):not(.sectionCard) {
    padding: 20px 0 !important;
  }

  /* ===== 页面标题 ===== */
  .pageTitle,
  .page-title,
  h1.page-title,
  h1.pageTitle {
    font-size: 20px !important;
    margin-bottom: 16px !important;
  }

  /* 空状态 */
  .emptyState {
    padding: 40px 16px !important;
  }

  /* ===== 禁止横向溢出 ===== */
  * {
    max-width: 100vw;
  }
  html, body, .pageHeader, .mainBody, .container {
    overflow-x: hidden;
  }
}

/* ---------- 断点二：小屏手机 (≤480px) ---------- */
@media screen and (max-width: 480px) {

  body {
    font-size: 14px;
  }

  /* 课程网格：单列 */
  .courseGrid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  /* 卡片标题缩小 */
  .courseCard .cardTitle {
    font-size: 15px !important;
  }

  /* Banner */
  .bannerWrapper {
    max-height: 240px;
  }
  .bannerContent h2 {
    font-size: 19px !important;
  }

  /* 快捷入口标签 */
  .quickEntry .entryItem {
    padding: 16px 10px !important;
  }
  .quickEntry .entryIcon {
    width: 36px !important;
    height: 36px !important;
    margin-bottom: 8px !important;
  }

  /* 搜索框 */
  .searchBox input {
    font-size: 14px !important;
    height: 38px !important;
  }
  .searchBox button {
    height: 38px !important;
    width: auto !important;
    min-width: 38px !important;
    padding: 0 8px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  /* 登录/注册按钮更紧凑 */
  .pageHeader .loginBtn,
  .pageHeader .regBtn,
  .headerRight .loginBtn,
  .headerRight .regBtn {
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
  }

  /* 资讯缩略图 */
  .newsThumb {
    width: 100px !important;
    height: 66px !important;
  }

  /* 登录卡片 */
  .loginCard,
  .registerCard {
    padding: 24px 18px !important;
  }

  /* 页脚二维码 */
  .bottomQrcodes {
    flex-direction: column !important;
    align-items: center !important;
  }

  /* 资讯列表项改为纵向布局 */
  .newsListItem {
    flex-direction: column !important;
  }
  .newsThumb {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16/9;
  }

  /* 按钮文字缩小 */
  button, .btn, [class*="btn"]:not(.hamburger) {
    font-size: 14px !important;
  }
}
（内容由AI生成，仅供参考）