/* 手机黑板尺寸（2026-10-23 家长：“整个软件的网页版黑板就能都统一了，我说的大小，包括答疑解惑”）。
   上课黑板和答疑解惑都是 web_beta/app.js 的同一副黑板（boardFrame，.kb-*；10-24 答疑并进主程序，旧答疑页那一半样式删了）。
   数值就是家长定稿的 batch4 写法（PC-60、W-01～W-08），从 app.css 原样搬来，一个数都没改：
   占满屏幕、上下两块、顶栏在黑板里、讲解和“我”18、圆球 72 浮在黑板和输入栏交界、输入框 32 高字号 16、按钮小、底部不留空白、最后一行露在圆球上方。 */
.kb-mbar { display:none; }
.kb-dock .ask-in, .kb-dock .ask-in::placeholder { font-size:16px; }   /* 小于 16px iPhone 一点输入框就放大整页 */
@media (max-width:899px) {
  .kb-page { padding:calc(4px + var(--safe-t)) 6px calc(4px + var(--safe-b)); gap:4px;
    background:linear-gradient(#0c1e2c, #0c1e2c) 0 0 / 100% var(--safe-t) no-repeat, var(--page); }   /* 状态栏（白字）下面铺一条深底，和英语顶栏图顶色同一个 */
  .kb-page .kb-top, .kb-page .kb-title, .kb-page .kb-status { display:none; }
  .kb-board { margin:0; border-radius:14px; box-shadow:0 0 0 2px var(--board-frame); }
  .kb-mbar { display:flex; align-items:center; gap:2px; flex:none; padding:4px 4px 4px 4px; border-bottom:1px solid rgba(242,241,236,.10); color:var(--board-text); }
  .kb-mbar b { font:700 16px/1.2 var(--font-serif); white-space:nowrap; margin-left:2px; }
  .kb-mbar .kb-sub { margin-left:6px; font-size:13px; opacity:.6; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
  .kb-mbar .sp { flex:1; }
  .kb-ib { flex:none; width:32px; height:32px; border:0; border-radius:8px; background:transparent; color:var(--board-text); display:flex; align-items:center; justify-content:center; padding:0; }
  .kb-ib svg { width:18px; height:18px; } .kb-ib:active { background:rgba(242,241,236,.12); } .kb-ib:disabled { opacity:.3; }
  /* 上块：题目 */
  .kb-board .pin { flex:none; max-height:35%; overflow-y:auto; padding:10px 12px 8px; border-bottom:1px solid rgba(242,241,236,.16); }
  .kb-board .pin .word { font-size:30px; }
  .kb-board .pin .q { font-size:19px; line-height:1.5; }
  .kb-board .pin .ask, .kb-board .pin .opts { font-size:17px; }
  /* 下块：讲解，“我”写在讲解前面；底部留够圆球（48）的高度，最后一行完整露在圆球上方 */
  .kb-board .flow { flex:1; min-height:0; padding:8px 12px 68px; font-size:18px; line-height:1.6; }   /* 圆球 72 往黑板里伸 56px，再留 12px */
  .kb-board .flow .me .say, .kb-board .flow .me .say .ln { font-size:18px; }
  .kb-board .flow .me .tag { font-size:14px; }
  /* 输入栏：一行 32px、小按钮；圆球 48 浮在黑板和输入栏交界 */
  .kb-dock { position:relative; margin:0; border-radius:12px; box-shadow:var(--e1); }
  .kb-dock { padding:4px; gap:4px; }
  .kb-dock .ask-in { height:32px; min-height:32px; padding:4px 10px; font-size:16px; line-height:1.4; border-radius:8px; }
  /* 家长 10-23：圆球放大到 1.5 倍（72），比原来更靠下（下沿伸进输入栏 12px），仍浮在黑板和输入栏交界；
     老师说话时跟着音量（--lv 0～1，app.js 按音频算）轻微放大、光圈变亮，幅度同电脑端（圆球 +7%、光圈 +10%） */
  .kb-dock .orb { width:72px; height:72px; top:-60px; scale:calc(1 + var(--lv, 0) * .07);
    box-shadow:0 0 0 3px #fff, 0 0 calc(14px + var(--lv, 0) * 12px) calc(4px + var(--lv, 0) * 5px) rgba(110,150,255,calc(.5 + var(--lv, 0) * .35)); }
  .kb-dock .orb.on { box-shadow:0 0 0 3px #fff, 0 0 0 7px rgba(76,201,122,.55); }
  .kb-pause, .kb-send { height:32px; min-height:32px; padding:0 10px; font-size:13px; border-radius:8px; }
  .kb-send { box-shadow:0 3px 0 var(--lip); }
  .kb-send:active:not(:disabled) { transform:translateY(2px); box-shadow:0 1px 0 var(--lip); }
}
/* 键盘弹出期间（html.kbd，由 app.js 按可见区加上）：输入栏紧贴键盘上那条系统栏，不再给 Home 横条留位 */
html.kbd .kb-page { padding-bottom:4px; }