/* ═══════════════════════════════════════════════════════════════
   心元手机端画布规则 v1.0（2026-09-09）
   ── 用途：任何设备（PC/平板/手机）直开页面，一律呈「430px 手机画布」形态
   ── 背景：此前各页各自拉伸（430/720/1280 三种宽度并存），观感零散
   ── 铁律：
      · 画布宽度 = 430px（≥431px 视口时生效；手机视口不触发，零影响）
      · 页面内所有「固定定位」元素（底栏/输入条/悬浮件）必须收口在画布内，
        不得随视口铺满或贴视口边缘
      · 全屏遮罩层（.mask/.att/.lb/.sheet 等）维持全屏：遮罩背景铺满合理，
        其内部面板必须自带 max-width 居中
   ── 配套：设计令牌统一见 shared/demo-ui.css；本文件只管「画布与固定件」
   ═══════════════════════════════════════════════════════════════ */
@media (min-width: 431px) {

  /* 1) 画布之外 = 深纸灰留白，页面画布居中带投影（像手机预览） */
  html { background: #e3dccb !important; }

  body {
    width: min(430px, 100vw) !important;        /* 显式宽度：任何环境都收口画布 */
    max-width: 430px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    min-height: 100dvh;
    box-shadow: 0 0 48px rgba(58, 45, 12, .28);
    background-color: var(--paper, #f6efe0); /* 画布底色兜底（各页 token 优先） */
  }

  /* 2) 底部/顶部固定条 → 收口进画布居中
     ⚠️ 2026-09-14 修：这里原先把选择器写成通用的 `.dock`，结果劫持了两个把它当「内容卡片」用的页面
     （入口页那张「掌柜台 · 进入」卡 = 王总当天报的「脱离页面中间、向左超出边栏」；
       demo/super_individual_os_demo.html 的 5 张入口卡同款隐患）。
     规律：**共享文件里不放通用类名** —— 固定条改用专属标记 `.xy-dockbar`，
     谁是真固定条谁自己加上（现只有 team/cockpit.html 的底部 dock）。 */
  #xyAppBar, .xy-dockbar, .speakbar, .ibar, .foot-note,
  .gold-toast, #goldToast, .ask-sheet, .tksheet, .chatsheet {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%);
    width: min(430px, 100vw) !important;
    max-width: 430px !important;
    /* 2026-09-14 补：不给 border-box，padding 会加在 430 之外
       （实测掌柜台底部条 430+36×2=502px，超出画布 72px —— 违反本文件「固定件收口进画布」铁律） */
    box-sizing: border-box !important;
  }
  /* 注：#xyAppBar 收口由 appbar.js 注入样式内置（后加载同源优先）保证精确 430 */

  /* 3) 右下角悬浮球/卡片 → 锚到画布右缘（画布右缘 = 50vw + 215px）
       距缘 16px → right: calc(50vw - 199px)；距缘 14px → calc(50vw - 201px) */
  #xyChatFab, .ask-fab, .fab, #xyTopPocket, .cf-fab, .rec-fab, .xy-fab {
    left: auto !important;
    right: calc(50vw - 199px) !important;
  }
  #xyChatSheet, .chatfab {
    left: auto !important;
    right: calc(50vw - 201px) !important;
  }

  /* 5) 🔴 画布内的「尺子」修正（2026-09-14 王总报「大数字顶出卡片」后查出的根因）
     病根：全站大数字字号写的是 clamp(52px, 13vw, 72px) —— **vw 是视口宽，不是画布宽**。
           电脑 1440 视口下套 430 画布时，字号按 1440 算 → 拿到上限 72px，
           而真手机 430 视口只有 56px → 数字比卡片还宽，顶出去 ✗（观感也"不像手机"）。
     治法：画布内一律钉成「430 视口下的实际取值」，这样电脑上看到的 = 手机上看到的。
     只覆盖共享令牌（.xy-num 五档 + --fs-num 两个变量），不碰任何页面自己的类名。 */
  /* 必须 !important：各页自己的 .big / .v 之类同权重规则会后加载盖过来（实测财务台/客服页差 1px） */
  .xy-num.sm { font-size: 36px !important; }     /* = clamp(30px, 9vw, 36px) 在 430 下 */
  .xy-num.md { font-size: 45px !important; }     /* = clamp(34px, 10.5vw, 46px) 在 430 下 */
  .xy-num.lg { font-size: 52px !important; }     /* = clamp(44px, 12vw, 52px) 在 430 下 */
  .xy-num.xl { font-size: 56px !important; }     /* = clamp(52px, 13vw, 72px) 在 430 下 */
  :root, body {
    --fs-num: 39px !important;                   /* = clamp(28px, 9vw, 46px) 在 430 下（2026-09-14 同步收窄） */
    --fs-num-lg: 49px !important;                /* = clamp(34px, 11.5vw, 56px) 在 430 下（2026-09-14 同步收窄） */
  }

  /* 4) 桌面残影修正：1024px+ 曾有页面隐藏 dock；画布收口后保持隐藏一致性 */
  /* 由各页自带 @media 决定，本文件不强设 */
}