/* =========================================================
   AI Cockpit · 全站页面布局统一
   只做一件事：让每个页面的内容列跟页面框（顶栏、店铺切换条）左对齐，
   并且各页共用同一套宽度口径。不改 DOM、不改 JS，每条规则都按页面 id 限定。
   ========================================================= */

/* ---------- 问题 ----------
   在 2100 宽的视口上实测（.main 左 272 / 宽 1828，顶栏和店铺切换条的内容
   从 x=300 开始），每个页面各自把内容钉死在一个魔法数字上再居中：

     page-0  经营总览   1280 居中 → 内容左缘 546，比页面框缩进 246
     page-2  视频发布   1080 居中 → 内容左缘 646，缩进 346；且它的滚动容器
                                    就是这个 1080 的框，滚动条吊在 x=1726
     page-6  使用帮助    920 居中 → 内容左缘 726，缩进 426
     page-10 账号管理   1120 居中 → 内容左缘 626，缩进 326

   于是每页的正文都跟自己顶栏的标题错位，左边空出一大片；页面之间也因为
   四个数字各不相同而互相错位——切换页面时内容左缘会来回跳。
   （page-8 运营中心是同一个毛病，已单独修过，见 app-ops-center.css。）

   ---------- 刻意不动的 ----------
   page-1 爆款复刻、page-9 选品上架 是真正的左右两栏（left-panel + right-panel，
   实测右栏分别是 530 / 850 宽）。它们那条"停在屏幕中间"的滚动条属于左栏自己，
   是设计如此，不是毛病，别去撑满。
   page-3 链接管理 / page-4 发布记录 / page-5 动作台账 / page-7 AI 助手
   本来就没限宽，已经是对的。
   -------------------------------------------------------- */

:root{
  /* 应用型页面（看板、表单、设置）的内容宽度上限 */
  --app-content-max:1440px;
  /* 阅读型页面（帮助文档）单独一档：行长优先，但不必窄到 920 */
  --app-reading-max:1040px;
  /* 内容与主区域左边的间距。取 28px 是为了和顶栏、店铺切换条对齐到 x=300 */
  --app-gutter:28px;
}

/* 只在宽屏上生效。1200px 以下各页的可用宽度本来就够不着这些上限，
   原有的窄屏/移动端断点保持不动。 */
@media (min-width:1200px){

  /* ---- page-0 经营总览 ---- */
  /* 限定 body:not(.is-anonymous)：未登录的落地页版本另有一套 .h2-wrap 规则
     （width:min(100%,clamp(...)) 那些），不能被这里波及。 */
  body:not(.is-anonymous) #h2home.home-body{padding-left:var(--app-gutter)}
  body:not(.is-anonymous) #h2home .h2-wrap{
    max-width:var(--app-content-max);margin-left:0;margin-right:0
  }

  /* ---- page-2 视频发布 ---- */
  /* 这页要拆成两步：先让滚动容器 .left-panel 撑满（滚动条才会回到窗口
     右边缘），再把它的直接子块限宽——限宽如果加在滚动容器本身，滚动条
     就会跟着缩到内容右侧去，也就是现在这个样子。 */
  #page-2 .pub-single-col .left-panel{
    max-width:none;width:100%;justify-self:stretch;
    margin-left:0;margin-right:0;padding-left:var(--app-gutter)
  }
  #page-2 .pub-single-col .left-panel > *{
    max-width:var(--app-content-max);margin-left:0;margin-right:0
  }

  /* ---- page-6 使用帮助 ---- */
  /* 文档页不跟应用型页面共用 1440：那样一行能排 110 个汉字，读起来累。
     但 920 在 1828 里又太瘦，右边空得发慌，折中到 1040（约 65 字一行）。 */
  #page-6 .guide-body{padding-left:var(--app-gutter)}
  #page-6 .guide-wrap{max-width:var(--app-reading-max);margin-left:0;margin-right:0}

  /* ---- page-10 账号管理 ---- */
  #page-10 .acct-wrap{padding-left:var(--app-gutter)}
  #page-10 .acct-wrap > *{
    max-width:var(--app-content-max);margin-left:0;margin-right:0
  }
}