/* 最后加载：恢复原小程序 750rpx 页面比例，并隔离旧网页样式。 */
.talk-detail-page,
.course-detail-page,
.lesson-player-page,
.comic-course-page,
.comic-reader-page,
.care-record-page,
.business-material-page,
.business-online-page,
.nature-page,
.lab-guide-detail-page,
.mini-food-detail {
  --page-rpx: min(.133333333vw, 1px);
  width: 100%;
  min-height: 100vh;
  color: #18273a;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.talk-detail-page,
.course-detail-page,
.comic-course-page,
.care-record-page,
.business-material-page,
.business-online-page,
.nature-page,
.lab-guide-detail-page,
.mini-food-detail {
  padding: calc(30 * var(--page-rpx)) calc(28 * var(--page-rpx)) calc(64 * var(--page-rpx));
}

.lesson-player-page {
  padding: calc(30 * var(--page-rpx)) calc(20 * var(--page-rpx)) calc(70 * var(--page-rpx));
}

.comic-reader-page {
  padding: calc(25 * var(--page-rpx)) calc(16 * var(--page-rpx)) calc(60 * var(--page-rpx));
}

/* 问润下健康：小程序页面本身占满可视区，不再叠加网页头部和底栏。 */
body.learning-ask-route,
body.learning-ask-route .learning-shell {
  height: 100dvh;
  min-height: 100dvh;
  overflow: hidden;
  background: #f3f8fe;
}
body.learning-ask-route #learning-app {
  height: 100dvh;
  min-height: 0;
  padding: 0;
  background: #f3f8fe;
}
.ask-page {
  --page-rpx: min(.133333333vw, 1px);
  height: 100%;
}
.ask-heading { padding: calc(28 * var(--page-rpx)) calc(32 * var(--page-rpx)) calc(20 * var(--page-rpx)); }
.ask-heading h1 { font-size: calc(42 * var(--page-rpx)); }
.ask-heading p { margin-top: calc(8 * var(--page-rpx)); font-size: calc(24 * var(--page-rpx)); }
.ask-mode-tabs,
.ask-actions { gap: calc(12 * var(--page-rpx)); margin: 0 calc(28 * var(--page-rpx)) calc(12 * var(--page-rpx)); }
.ask-mode-tabs button,
.ask-actions button { padding: calc(12 * var(--page-rpx)) calc(22 * var(--page-rpx)); border-radius: calc(16 * var(--page-rpx)); font-size: calc(25 * var(--page-rpx)); }
.ask-intro,
.ask-suggestions,
.ask-turn,
.ask-error { margin: calc(22 * var(--page-rpx)) calc(28 * var(--page-rpx)); }
.ask-intro p,
.ask-muted { font-size: calc(24 * var(--page-rpx)); }
.ask-suggestions { display: block; }
.ask-suggestions button { width: 100%; margin: 0 0 calc(14 * var(--page-rpx)); padding: calc(16 * var(--page-rpx)) calc(20 * var(--page-rpx)); border-radius: calc(18 * var(--page-rpx)); font-size: calc(27 * var(--page-rpx)); }
.ask-question { margin-left: calc(70 * var(--page-rpx)); padding: calc(24 * var(--page-rpx)); border-radius: calc(22 * var(--page-rpx)) calc(22 * var(--page-rpx)) calc(4 * var(--page-rpx)) calc(22 * var(--page-rpx)); }
.ask-answer { margin-top: calc(20 * var(--page-rpx)); padding: calc(26 * var(--page-rpx)); border-radius: calc(4 * var(--page-rpx)) calc(22 * var(--page-rpx)) calc(22 * var(--page-rpx)); font-size: calc(29 * var(--page-rpx)); line-height: 1.85; }
.ask-composer { padding: calc(16 * var(--page-rpx)) calc(24 * var(--page-rpx)) max(calc(16 * var(--page-rpx)), env(safe-area-inset-bottom)); }
.ask-composer-meta { margin-bottom: calc(14 * var(--page-rpx)); font-size: calc(21 * var(--page-rpx)); }
.ask-input-row { gap: calc(16 * var(--page-rpx)); }
.ask-input-row textarea { min-height: calc(88 * var(--page-rpx)); max-height: calc(190 * var(--page-rpx)); padding: calc(20 * var(--page-rpx)); border-radius: calc(16 * var(--page-rpx)); font-size: calc(28 * var(--page-rpx)); }
.ask-input-row > button { min-width: calc(112 * var(--page-rpx)); min-height: calc(88 * var(--page-rpx)); border-radius: calc(16 * var(--page-rpx)); font-size: calc(27 * var(--page-rpx)); }

/* 旧网页层曾给这些页面写死 px；这里恢复原小程序 rpx 规则。 */
.course-detail-page .course-detail-preview { max-height: none; height: calc(560 * var(--page-rpx)); }
.course-detail-page .course-detail-preview.is-expanded { height: auto; }
.course-detail-page .course-detail-cover,
.course-detail-page .course-detail-poster { border-radius: calc(28 * var(--page-rpx)); }
.course-detail-page .lesson-list { margin-top: 0; }
.business-online-page .page-head { padding: 0; }
.business-online-page .business-toolbar { top: 0; }
.business-online-page .page-heading { margin: calc(4 * var(--page-rpx)) calc(4 * var(--page-rpx)) calc(26 * var(--page-rpx)); }
.business-online-page .page-kicker { display:block;color:#4f8fd8;font-size:calc(22 * var(--page-rpx));font-weight:700;letter-spacing:calc(4 * var(--page-rpx)); }
.business-online-page .page-title { display:block;margin:calc(8 * var(--page-rpx)) 0 0;color:#18344f;font-size:calc(43 * var(--page-rpx));font-weight:820;line-height:1.3; }
.business-online-page .page-subtitle { display:block;margin:calc(10 * var(--page-rpx)) 0 0;color:#71849a;font-size:calc(24 * var(--page-rpx));line-height:1.65; }
.business-online-page .directory-nav { margin-top:calc(20 * var(--page-rpx));padding:calc(15 * var(--page-rpx)) calc(16 * var(--page-rpx)) calc(14 * var(--page-rpx));border:calc(1 * var(--page-rpx)) solid rgba(48,106,174,.1);border-radius:calc(25 * var(--page-rpx));background:rgba(255,255,255,.97);box-shadow:0 calc(9 * var(--page-rpx)) calc(26 * var(--page-rpx)) rgba(44,88,140,.07); }
.business-online-page .directory-head { display:flex;align-items:center;justify-content:space-between;gap:calc(18 * var(--page-rpx));padding:0 calc(4 * var(--page-rpx)) calc(12 * var(--page-rpx)); }
.business-online-page .directory-heading { display:flex;min-width:0;align-items:baseline;gap:calc(10 * var(--page-rpx)); }
.business-online-page .directory-title { margin:0;color:#263e57;font-size:calc(23 * var(--page-rpx));font-weight:800; }
.business-online-page .directory-count { color:#8a98a8;font-size:calc(19 * var(--page-rpx)); }
.business-online-page .directory-scroll { width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:none; }
.business-online-page .directory-scroll::-webkit-scrollbar { display:none; }
.business-online-page .directory-row { display:inline-flex;min-width:100%;gap:calc(10 * var(--page-rpx));padding-right:calc(3 * var(--page-rpx)); }
.business-online-page .directory-chip { display:flex;width:auto;min-width:calc(104 * var(--page-rpx));min-height:calc(58 * var(--page-rpx));flex:none;align-items:center;justify-content:center;margin:0;padding:calc(9 * var(--page-rpx)) calc(18 * var(--page-rpx));border:calc(1 * var(--page-rpx)) solid rgba(61,121,197,.09);border-radius:calc(18 * var(--page-rpx));background:#eaf1f8;color:#687d94; }
.business-online-page .directory-chip.active { border-color:transparent;background:linear-gradient(135deg,#55aaf0,#327fcf);color:#fff;box-shadow:0 calc(7 * var(--page-rpx)) calc(17 * var(--page-rpx)) rgba(45,121,203,.17); }
.business-online-page .directory-chip-label { display:block;font-size:calc(22 * var(--page-rpx));font-weight:780;white-space:nowrap; }

@media (min-width: 751px) {
  .talk-detail-page,
  .course-detail-page,
  .lesson-player-page,
  .comic-course-page,
  .comic-reader-page,
  .care-record-page,
  .business-material-page,
  .business-online-page,
  .nature-page,
  .lab-guide-detail-page,
  .mini-food-detail,
  .ask-page { --page-rpx: 1px; }
}