/* ══════════════════════════════════════════════════════════
   预约：选联系方式 —— 落地页和教练页共用
   注：iOS 调色板的变量已经搬到 style.css 的 :root 里。
   原来放在这里是个坑：.ios 这套皮住在 style.css，变量却住在这边，
   而 /apply、/edit 只引 style.css —— 结果那两页上所有 var(--ios-*) 全落空。
   ══════════════════════════════════════════════════════════ */

.bk-lead{
  margin:18px 0 20px;font-family:var(--ios-font);
  font-size:15px;color:var(--ios-label-2);line-height:1.55;
}
/* iOS 分段控件：浅灰轨道，选中的那段是一块浮起的灰块 */
.bk-ways{
  display:flex;gap:2px;padding:2px;margin-bottom:20px;
  background:rgba(118,118,128,.12);border-radius:9px;
}
.bk-way{
  flex:1 1 0;min-width:0;font-family:var(--ios-font);font-size:13.5px;
  cursor:pointer;padding:7px 4px;border:0;border-radius:7px;
  background:transparent;color:var(--ios-label);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  transition:background .18s;-webkit-tap-highlight-color:transparent;
}
.bk-way[aria-pressed=true]{
  background:#FFFFFF;box-shadow:0 1px 3px rgba(60,60,67,.18);font-weight:500;
}
.bk-card{
  padding:0;margin-bottom:16px;border:0;border-radius:11px;
  background:var(--ios-group);overflow:hidden;
}
.bk-k{
  margin:0;padding:12px 16px 0;
  font-family:var(--ios-font);font-size:13px;font-weight:400;
  letter-spacing:0;text-transform:none;color:var(--ios-label-2);
}
.bk-vrow{display:flex;align-items:center;gap:12px;padding:6px 16px 14px}
.bk-v{
  font-family:var(--ios-font);font-size:19px;font-weight:500;letter-spacing:-.01em;
  color:var(--ios-label);
  /* 号码和 ID 要能长按选中 —— 微信里复制按钮不一定好使 */
  user-select:text;-webkit-user-select:text;word-break:break-all;
}
.bk-copy{
  font-family:var(--ios-font);font-size:14px;cursor:pointer;flex:none;margin-left:auto;
  padding:6px 14px;border-radius:999px;border:0;
  color:var(--ios-tint);background:rgba(255,122,77,.14);
  transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent;
}
.bk-copy:hover{background:rgba(255,122,77,.24)}
.bk-copy.ok{color:#1E8E3E;background:rgba(30,142,62,.12)}
.bk-go{
  display:block;padding:13px 16px;border-radius:0;border:0;
  box-shadow:inset 0 .5px 0 var(--ios-sep);
  font-family:var(--ios-font);font-size:16px;color:var(--ios-tint);text-decoration:none;
}
.bk-go:hover{background:rgba(60,60,67,.05);color:var(--ios-tint)}
.bk-note{
  margin:0;padding:12px 16px;border:0;border-radius:0;
  box-shadow:inset 0 .5px 0 var(--ios-sep);
  background:transparent;font-family:var(--ios-font);font-size:15.5px;line-height:1.6;
  color:var(--ios-label);white-space:pre-line;
  user-select:text;-webkit-user-select:text;
}
.bk-card > .bk-copy{margin:0 16px 14px auto;display:block}
.bk-tip{
  margin:0;padding:0 4px;font-family:var(--ios-font);
  font-size:14px;color:var(--ios-label-2);line-height:1.55;
}
.bk-warn{
  margin:12px 0 0;padding:0 4px;font-family:var(--ios-font);
  font-size:13px;color:var(--ios-label-3);line-height:1.5;
}