/* ============================================================
   AskASD 移动端优化层 · 2026-09-10
   ------------------------------------------------------------
   铁律：只服务 ≤760px。桌面端零影响——
   1) 全部视觉规则收在 @media (max-width:760px) 内；
   2) 汉堡菜单 / 底部拇指导航 / 来源折叠按钮的 DOM 由 mobile.js 注入，
      本文件只负责样式，基础态一律 display:none；
   3) 不重定义品牌色与圆角，全部沿用 style-v3.css 变量。
   ============================================================ */

/* ---------- 基础态：注入组件在桌面隐藏 ---------- */
.m-menu,.m-tabbar,.m-src-btn{display:none;}

@media (max-width:760px){

  /* 底部拇指导航占位，避免遮挡页尾 */
  body{padding-bottom:58px;}

  /* ---------- 汉堡菜单 ---------- */
  /* 特异性修复：style-v3 的 header nav{display:flex}(0,0,2) 压过了它自己
     媒体查询里的裸 nav{display:none}(0,0,1)，导航在手机上永不隐藏；
     这里用同特异性选择器在移动层关掉，桌面不受影响。 */
  header{grid-template-columns:1fr auto;}
  header nav{display:none;}
  .mobile-menu-btn{
    justify-self:end;display:flex;align-items:center;justify-content:center;
    width:40px;height:40px;border-radius:12px;font-size:0;
    background:var(--surface);border:1px solid var(--line);cursor:pointer;
  }
  .mobile-menu-btn svg{width:18px;height:18px;stroke:var(--ink);fill:none;stroke-width:2.2;stroke-linecap:round;}
  .m-menu{
    display:flex;flex-direction:column;position:fixed;inset:0;z-index:60;
    background:var(--bg);padding:16px 24px 24px;
    opacity:0;pointer-events:none;transform:translateY(-10px);
    transition:opacity .18s ease,transform .18s ease;
  }
  body.m-menu-open .m-menu{opacity:1;pointer-events:auto;transform:none;}
  .m-menu-close{
    align-self:flex-end;display:flex;align-items:center;justify-content:center;
    width:40px;height:40px;border-radius:12px;margin-bottom:6px;
    background:var(--surface);border:1px solid var(--line);cursor:pointer;
  }
  .m-menu-close svg{width:16px;height:16px;stroke:var(--ink);fill:none;stroke-width:2.2;stroke-linecap:round;}
  .m-menu a{
    font-size:17px;font-weight:700;color:var(--ink);
    padding:14px 2px;border-bottom:1px solid var(--line);text-decoration:none;
  }
  .m-menu a.active{color:var(--brand);}

  /* ---------- 底部拇指导航 ---------- */
  .m-tabbar{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;
    background:var(--surface);border-top:1px solid var(--line);
    padding:7px 6px calc(7px + env(safe-area-inset-bottom));
  }
  .m-tabbar a{
    flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;
    font-size:10.5px;color:var(--muted);text-decoration:none;
  }
  .m-tabbar a svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
  .m-tabbar a.on{color:var(--brand);font-weight:700;}

  /* ---------- 来源折叠：默认收起，点按钮展开 ---------- */
  .qa-source .qa-src-list{display:none;}
  .qa-source.open .qa-src-list{display:flex;}
  .m-src-btn{
    display:inline-flex;align-items:center;gap:6px;margin:10px 0 2px;
    font-family:inherit;font-size:12.5px;font-weight:700;color:var(--brand);
    background:var(--brand-soft);border:none;border-radius:999px;
    padding:7px 14px;cursor:pointer;
  }
  .m-src-btn svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s;}
  .qa-source.open .m-src-btn svg{transform:rotate(180deg);}

  /* ---------- 更新页时间线：砍掉全零的时间列，轨道贴左 ---------- */
  .timeline-item{grid-template-columns:18px minmax(0,1fr);}
  .timeline-time{display:none;}
  .timeline-day-items::before{left:9px;}
  .timeline-card{margin-left:8px;}

  /* ---------- 首页 hero：移动端搜索优先，笑脸图退到文字之后 ---------- */
  .hero-inner{padding:36px 20px 72px;gap:18px;}
  .hero-figure{order:2;max-width:230px;margin:6px auto 0;}
}