/* ==========================================================================
   平板 / 桌面适配（>= 700px）
   700 以上不再把整页按视口等比放大，而是收成居中的 430px 手机列：
   页面本身由 #app 的 max-width + 变量 --app-max / --u 控制（见 app.css），
   本文件只处理「position: fixed」的元素——它们脱离文档流，不会跟着 #app 收窄，
   必须逐个夹回列内，否则会铺满整个浏览器窗口或飘到灰底上。
   ========================================================================== */

@media (min-width: 700px) {
  /* 列宽一半：430 / 2 */
  :root {
    --col-half: 215px;
    --col-right: calc(50% + 215px);
  }

  /* 全屏遮罩层：左右各收 215px，正好盖住手机列 */
  .mask,
  .oth-mask,
  .login-sheet-mask,
  .td-guide,
  .td-dialog,
  .td-rules {
    left: calc(50% - var(--col-half));
    right: calc(50% - var(--col-half));
  }

  /* 右侧悬浮按钮：原本 right:20 / 15 / 12，改成相对列右边缘的同等内缩 */
  .float-invite,
  .home-float,
  .hall-float__todo { right: calc(50% - 195px); }

  .hall-float__timer { right: calc(50% - 200px); }

  .sub-fab { right: calc(50% - 203px); }

  /* 底部 tabbar 与详情页底部操作条本身已经是 left:50% + translateX(-50%)
     + max-width:var(--app-max)，会自动居中，这里只补一条对齐保险。 */
  .tabbar,
  .td-bottom {
    max-width: 430px;
  }
}