/* ========================================================================
   VIRE · 样式：双入口外壳 (shell.css)
   ------------------------------------------------------------------------
   v1.1 新增层。承载「前台/后台拆分为两个域名」后的外壳组件，以及 H5 所需的
   结构铺垫（真正的断点行为全部写在 responsive.css）。

   本层刻意采用「追加 + 覆盖」而非改写原有规则：原有的 tokens/base/front/admin
   四份样式保持与 Demo 逐行一致，任何与本层冲突的断点由 responsive.css 兜底。

   内容：
     ① 移除 Demo 模式条后的基线修正（sticky 偏移 / 满屏高度）
     ② 顶部导航右侧动作区与汉堡按钮
     ③ 抽屉遮罩 navmask
     ④ H5 底部行动条 mbar
     ⑤ 后台登录卡 login-shell
     ⑥ 后台 H5 顶栏 / 侧栏账户区 / 栅格级按钮
   ======================================================================== */

/* ---------- ① 基线修正：前台与后台各自独立成页后，没有 Demo 模式条了 ---------- */
  body.is-front .fwrap{min-height:100vh;}
  body.is-front header.top{top:0;}
  body.is-admin .ashell{min-height:100vh;}
  body.is-admin aside.adm{top:0;height:100vh;}
  html,body{max-width:100%;overflow-x:hidden;}          /* 兜底：禁止任何横向溢出 */
  body{-webkit-text-size-adjust:100%;text-size-adjust:100%;}

/* ---------- ② 顶部导航：右侧动作区与汉堡按钮 ---------- */
  .topact{display:flex;align-items:center;gap:14px;flex:0 0 auto;margin-left:auto;}
  .basket-pill .bl{letter-spacing:.04em;}
  .navtoggle{
    display:none;width:40px;height:40px;flex:0 0 auto;padding:0;cursor:pointer;
    border:1.5px solid var(--line);background:#fff;border-radius:9px;
    flex-direction:column;align-items:center;justify-content:center;gap:4.5px;
  }
  .navtoggle i{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink);}
  .navtoggle:active{transform:scale(.96);}
  body.is-admin .navtoggle{background:rgba(255,255,255,.08);border-color:#33415a;}
  body.is-admin .navtoggle i{background:#fff;}

/* ---------- ③ 抽屉遮罩 ---------- */
  .navmask{
    position:fixed;inset:0;background:rgba(12,18,32,.46);z-index:70;
    opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease;
    -webkit-tap-highlight-color:transparent;
  }

/* ---------- ④ H5 底部行动条 ---------- */
  .mbar{
    position:fixed;left:0;right:0;bottom:0;z-index:88;display:none;gap:9px;
    padding:9px 12px calc(9px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.96);border-top:1px solid var(--line);
    box-shadow:0 -6px 22px rgba(16,24,40,.10);
    backdrop-filter:saturate(150%) blur(8px);
  }
  .mbar button{
    flex:1;min-height:46px;border-radius:10px;font-size:14px;font-weight:800;
    border:1.5px solid var(--line);cursor:pointer;
  }
  .mbar .mbar-wa{flex:0 0 40%;background:#fff;color:#1faa53;display:flex;align-items:center;justify-content:center;gap:7px;}
  .mbar .mbar-wa span{font-size:17px;}
  .mbar .mbar-rfq{background:var(--accent);border-color:var(--accent);color:#fff;}

/* ---------- ⑤ 后台登录卡 ---------- */
  .login-shell{
    min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;
    background:
      radial-gradient(900px 520px at 12% -8%,rgba(11,95,255,.30),transparent 62%),
      radial-gradient(720px 460px at 92% 108%,rgba(15,155,142,.24),transparent 60%),
      #0c1220;
  }
  .login-card{
    width:100%;max-width:392px;background:#fff;border-radius:16px;padding:30px 28px 24px;
    box-shadow:0 26px 70px rgba(8,14,28,.42);border:1px solid rgba(255,255,255,.6);
  }
  .login-brand{height:30px;margin-bottom:16px;}
  .login-brand img{height:30px;width:auto;display:block;}
  .login-brand .brandtext{font-weight:800;font-size:17px;letter-spacing:.05em;color:var(--ink);display:inline-flex;align-items:center;gap:6px;vertical-align:middle;}
  .login-brand .brandtext i{font-style:normal;font-weight:600;font-size:11px;color:var(--muted);letter-spacing:.02em;}
  .login-title{font-size:22px;letter-spacing:-.4px;margin-bottom:4px;}
  .login-title i{font-style:normal;color:var(--accent);}
  .login-sub{font-size:12.5px;color:var(--muted);margin-bottom:14px;}
  .login-card input[type=text],.login-card input[type=password]{font-size:15px;padding:10px 12px;}
  .login-keep{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink2);margin:13px 0 15px;cursor:pointer;}
  .login-keep input{width:16px;height:16px;accent-color:var(--accent);}
  .login-err{min-height:18px;margin-top:9px;font-size:12.5px;font-weight:700;color:var(--red);text-align:center;}
  .login-foot{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);font-size:11.5px;color:var(--muted);line-height:1.7;text-align:center;}

/* ---------- ⑥ 后台 H5 顶栏 / 账户区 / 块级按钮 ---------- */
  .btn-block{display:block;width:100%;}
  .btn-danger{background:var(--red);color:#fff;}
  .adm-topbar{display:none;align-items:center;gap:12px;padding:8px 12px;background:#141a24;color:#fff;position:sticky;top:0;z-index:60;}
  .adm-topbar-brand{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.05em;flex:1;min-width:0;}
  .adm-topbar-brand img{height:24px;width:auto;display:block;background:#fff;padding:3px;border-radius:6px;box-sizing:content-box;}
  .adm-topbar-brand .brandtext{font-size:15px;display:inline-flex;align-items:center;gap:5px;}
  .adm-topbar-brand .brandtext i{font-style:normal;font-size:10.5px;font-weight:600;opacity:.6;}
  .adm-topbar-out{width:38px;height:38px;flex:0 0 auto;border-radius:9px;border:1px solid #33415a;background:transparent;color:#cdd6e2;font-size:15px;cursor:pointer;}
  .adm-user{display:flex;align-items:center;gap:9px;padding:9px 10px;margin-bottom:10px;border-radius:9px;background:rgba(255,255,255,.06);}
  .adm-user .av{width:30px;height:30px;flex:0 0 auto;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;}
  .adm-user .um{display:flex;flex-direction:column;line-height:1.35;min-width:0;}
  .adm-user .um b{font-size:12.5px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .adm-user .um i{font-style:normal;font-size:10.5px;color:#8b96a8;}
  .adm-foot{position:sticky;bottom:0;padding:12px 10px;margin-top:14px;border-top:1px solid #26303f;background:#141a24;display:flex;flex-direction:column;gap:7px;}
  .adm-foot .btn{color:#cdd6e2;border-color:#33415a;background:transparent;min-height:34px;}
  .adm-foot .btn-danger{background:transparent;border-color:#5a3038;color:#ff9d92;}
  .adm-foot .btn-danger:hover{border-color:var(--red);color:#fff;background:var(--red);}

/* ---------- 通用：触控热区与横向滚动容器 ---------- */
  .tbl-card{-webkit-overflow-scrolling:touch;}
  .wa-float{touch-action:manipulation;}
  ::-webkit-scrollbar{width:9px;height:9px;}
  ::-webkit-scrollbar-thumb{background:#c8d0dc;border-radius:9px;}
  ::-webkit-scrollbar-track{background:transparent;}

/* ===== v1.7 已停用：客户要求全站不设浮动/悬浮组件 ===== */
.mbar,.wa-float{display:none !important;}