.scroll-container { height: 100%; width: 100%; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; } .scroll-container > view { width: 100%; } /* ========== 子页面统一布局(参考 base.css 间距变量) ========== */ .bt-page, .booking-page { width: 100%; min-height: 100%; box-sizing: border-box; overflow-x: hidden; background-color: var(--bg-light, #F9FAFE); } /* 导航栏下方首个区块:与固定顶栏留出间距 */ .bt-page > .sub-nav + .mi-mod-tabs, .bt-page > .sub-nav + .mi-course-list__filters, .bt-page > .sub-nav + .bt-page__action-bar, .bt-page > .sub-nav + .bt-page__body, .booking-page > .sub-nav + .booking-page__tabs { margin-top: var(--spacing-md, 16px); } /* tabs / 筛选栏下方内容区:避免重复过大顶边距 */ .bt-page > .sub-nav + .mi-mod-tabs + .bt-page__action-bar + .bt-page__body, .bt-page > .sub-nav + .mi-mod-tabs + .bt-page__body, .bt-page > .sub-nav + .mi-course-list__filters + .bt-page__body, .booking-page > .sub-nav + .booking-page__tabs + .bt-page__action-bar + .booking-page__body, .booking-page > .sub-nav + .booking-page__tabs + .booking-page__body { padding-top: var(--spacing-sm, 8px); } /* 导航栏下直接跟操作栏(无 tabs) */ .bt-page > .sub-nav + .bt-page__action-bar + .bt-page__body { padding-top: var(--spacing-sm, 8px); } /* 页面内次级操作栏(原导航栏右侧按钮下移至此) */ .bt-page__action-bar { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: var(--spacing-sm, 8px); padding: 0 var(--spacing-md, 16px) var(--spacing-sm, 8px); box-sizing: border-box; } .bt-page__action-bar--end { justify-content: flex-end; } .bt-page__action-bar-text { flex: 1; font-size: var(--font-size-sm, 12px); color: var(--text-muted, #5E6F8D); line-height: 1.4; } .bt-page__action-link { flex-shrink: 0; font-size: var(--font-size-sm, 12px); font-weight: 600; color: var(--primary-deep, #1A4A6F); padding: 6px 12px; border-radius: var(--radius-full, 999px); background-color: var(--bg-white, #FFFFFF); border: 1px solid var(--border-light, #E9EDF2); } .bt-page__action-link--primary { color: var(--text-inverse, #FFFFFF); border-color: transparent; }