/* ============================================================
   AI 面试日报 · 详情页移动端阅读模式（≤640px）· 共享样式
   ------------------------------------------------------------
   由所有面试日报详情页通过 <link rel="stylesheet" href="report-mobile.css"> 引用。
   PC 走页内 <style> 的 PPT 投影尺度；手机由本文件覆盖成阅读模式。
   改移动端样式只改这一处，所有面试日报自动生效。
   ============================================================ */
@media (max-width:640px){
  :root{
    --fs-hero:2.1rem !important; --fs-h2:1.55rem !important; --fs-card-title:1.2rem !important;
    --fs-body:1.04rem !important; --fs-label:0.84rem !important; --fs-chip:0.8rem !important;
    --lh-body:1.66 !important; --radius:16px !important;
  }
  html{ scroll-snap-type:none; }
  .container{ padding:0 16px 56px; }
  [id^="sec-"]{ scroll-margin-top:60px; }

  /* 顶栏一行横滑：品牌缩成返回按钮，药丸横滑 */
  .topnav-inner{ padding:8px 14px !important; gap:7px !important; flex-wrap:nowrap !important; overflow-x:auto !important; -webkit-overflow-scrolling:touch; align-items:center; }
  .topnav-inner::-webkit-scrollbar{ display:none; }
  .topnav .brand{ flex-shrink:0; margin-right:4px; font-size:0 !important; gap:0; }
  .topnav .brand::before{ font-size:1.25rem; opacity:.7; }
  .nav-tag{ padding:6px 12px !important; font-size:0.8rem !important; white-space:nowrap; flex-shrink:0; border-radius:20px; }

  /* hero 收紧 */
  .hero{ padding:22px 0 26px; margin-bottom:32px; }
  .hero h1 .dot{ width:11px; height:11px; }
  .hero-stats{ gap:10px; margin-top:24px; }
  .hstat{ padding:12px 18px; }
  .hstat .n{ font-size:1.7rem; }
  .hstat .l{ font-size:0.72rem; }

  /* 多栏一律压单栏 */
  .iv-grid,.tldr-list,.mini-grid,.src-grid,[class*="grid"]{ grid-template-columns:1fr !important; gap:14px !important; }

  /* section / 题卡 收紧 */
  .section{ margin-bottom:44px; }
  .sec-title{ margin-bottom:18px; gap:10px; }
  .sec-title .sub{ margin-left:0; flex-basis:100%; }
  .zone-strip{ padding:10px 14px; }
  .zone-strip .ztitle{ font-size:1.15rem; }

  /* 面试题卡：手机上窄内边距、字号跟随变量 */
  .interview-card{ padding:22px 20px; }
  .iv-head{ gap:10px; margin-bottom:14px; }
  .iv-rank{ margin-left:auto; }
  .iv-q{ font-size:1.02rem; padding:13px 15px; }
  .iv-answer li{ font-size:1.0rem; padding:7px 0 7px 24px; }
  .iv-answer li::before{ top:13px; }
  .iv-tip{ font-size:0.98rem; padding:13px 15px; }
  .iv-src{ font-size:0.86rem; }

  .tldr-item{ gap:12px; padding:16px 18px; }
  .tldr-item .tn{ width:30px; height:30px; font-size:1.1rem; }
  .mini{ padding:18px 18px; }

  /* 手机无键盘，隐藏投影提示 */
  .proj-hint{ display:none; }
}