/* ---------------- QA 站手机版顶部的「直接下载APK(QA专用)」 ----------------
   挂在 #mb 里（见 assets/js/qa-apk.js），电脑版宽屏下 .mb 整块 display:none，
   所以这里不用再写断点。位置压在顶栏正下方：7rem 就是 .mb-top 的高度（mobile.css），
   顶栏改高了这里要跟着改，否则会压到 logo 上。 */
.qa-apk{
  position:absolute;
  left:50%;
  top:7.6rem;
  z-index:31;                      /* .mb-top 是 30，要盖在它下沿之上 */
  transform:translateX(-50%);
  max-width:calc(100vw - 24px);
  padding:5px 14px;
  border:1px solid rgba(255,255,255,.9);
  border-radius:999px;
  background:#D92D20;
  box-shadow:0 3px 10px rgba(126,21,14,.3);
  color:#fff;
  /* 字号写 px、不跟 rem 缩放：这是测试用的入口，小屏上也要看得清、点得中 */
  font-family:"PingFang SC","Microsoft YaHei",sans-serif;
  font-size:13px;
  font-weight:700;
  line-height:18px;
  letter-spacing:.02em;
  white-space:nowrap;
  -webkit-tap-highlight-color:transparent;
}
.qa-apk:active{transform:translateX(-50%) scale(.96)}
/* 微信等内置浏览器里顶上那条引导横幅（70px 高）在时**故意不藏** —— 这条入口正好落在横幅
   下沿之外，不打架；而且那种环境里测试同学最容易发懵，入口消失只会更难找。
   点它和点主按钮一样：弹/抖一下那条「右上角 ··· 用浏览器打开」的横幅。 */

/* ===========================================================
   QA 站右下角的「安装包下载页」入口（见 assets/js/qa-dl-entry.js）

   与上面那条 .qa-apk 的区别:
     .qa-apk  挂在 #mb 里 → 只在手机版出现,直接下本环境的 APK
     .qa-dl   挂在 body 上 → **手机和电脑都在**,跳到 /download 那张页
              (那上面有各条泳道各自的包,研发在电脑上也要看)
   =========================================================== */
.qa-dl{
  position:fixed;
  right:12px;
  bottom:14px;
  z-index:940;                     /* 在页面内容之上, 但让 .toast(950) 压过它 */
  padding:7px 14px;
  border:1px solid rgba(255,255,255,.9);
  border-radius:999px;
  background:#D92D20;
  box-shadow:0 3px 10px rgba(126,21,14,.3);
  color:#fff;
  text-decoration:none;
  /* 同 .qa-apk:字号写 px 不跟 rem 缩放 —— 这是测试用的入口, 小屏上也要看得清点得中 */
  font-family:"PingFang SC","Microsoft YaHei",sans-serif;
  font-size:13px;
  line-height:1.2;
  white-space:nowrap;
}
.qa-dl:active{transform:scale(.96)}