/* 全站统一「简易预约表单」—— 手机端那一份。电脑端的同名文件在 assets/fk-trial-form.css，
   两边是两套独立规则。**每条规则都必须带 #v-mb 前缀**，去掉会把电脑端一起改掉。

   谁引它：index / foundation / breakthrough / tuition / results（常驻表单）
           educators / method（点击打开的弹层）

   表单控件本身（.form / .field / .form-note / .form-thanks / .modal）都已经在
   共用底样式 assets/css/a398fbc4b52bc5d0.css 里，这里只补本次新增的外壳。 */

/* 锚点跳转让开固定页头（.hdr-in 高 58px），否则标题被压在页头底下 */
#v-mb #book,#v-mb #book-m{scroll-margin-top:70px}

/* ---------- 常驻表单：营销面板下面接一张白色表单卡 ---------- */
#v-mb .trial-card{
  margin-top:18px;
  background:var(--surface);
  border:1px solid var(--divider-strong);
  border-radius:16px;
  padding:20px 18px;
  box-shadow:0 12px 30px rgba(11,34,51,.06);
}
/* 卡内标题要明显低于外面的营销大标题，否则一屏两个同样大的标题 */
#v-mb .trial-card-title{
  font-family:var(--font-sans);
  font-size:17px;font-weight:700;line-height:1.3;
  letter-spacing:-.005em;color:var(--ink);margin:0;
}
#v-mb .trial-card-sub{margin:6px 0 0;font-size:13.5px;line-height:1.5;color:var(--muted)}
#v-mb .trial-card .form{margin-top:16px}

/* 「提交 ≠ 已预约」。紧跟提交按钮。 */
#v-mb .form-status{
  margin-top:10px;font-size:12px;line-height:1.5;
  color:var(--ink);text-align:center;font-weight:600;
}
/* 进详细预约页的次要入口：文字链，不做成第二个按钮 */
#v-mb .trial-alt{margin:14px 0 0;text-align:center;font-size:13px;color:var(--muted)}
#v-mb .trial-alt a{color:var(--brand-deep,var(--brand));text-decoration:underline;text-underline-offset:3px}

/* 底部常驻预约条是 position:fixed，会压住表单最后的提交按钮。
   给这一段留出比它更高的下边距，保证提交按钮总能滚到条子上方。 */
#v-mb .trial-section{padding-bottom:104px}

/* ---------- 点击打开的弹层（educators / method） ----------
   底样式里的 .modal-sheet 是 88vh 的底部抽屉。这里加一条常驻的关闭栏：
   手机上没有 Esc，也没有鼠标可以点背景之外的地方，顶部必须有明显的关闭按钮。 */
/* padding-top 归零，由下面那条常驻关闭栏顶上：底样式的 22px 上内边距会跟着内容滚动，
   留着的话滚动时会在关闭栏上方露出一条内容。 */
#v-mb .modal-sheet{max-height:92vh;padding-top:0}
#v-mb .modal-head{
  position:sticky;top:0;z-index:2;
  display:flex;align-items:center;justify-content:flex-end;
  margin:0 -22px;padding:12px 14px 8px;border-radius:20px 20px 0 0;
  background:var(--surface);
}
#v-mb .modal-close{
  width:40px;height:40px;border-radius:50%;
  border:1px solid var(--divider-strong);background:var(--surface);color:var(--ink);
  display:inline-flex;align-items:center;justify-content:center;
}
#v-mb .modal-close svg{width:18px;height:18px}

/* 国家码只放 +1 (US / Canada) 这种短文本，和电话平分一行会把电话挤到看不全号码 */
#v-mb .field-row-phone{grid-template-columns:.82fr 1.18fr}

/* 弹层里的试听信息：同一组三条，收紧一档 */
#v-mb .outcomes-mini{margin-top:14px;gap:8px}
#v-mb .outcomes-mini .outcome{font-size:13.5px}