/* ============================================================
   桌面端（PC）布局增强 —— 全部规则只在 min-width:1024px 生效
   ------------------------------------------------------------
   引入：api/appearance.php 第 10) 项（全站 <head> 内，位于各页内联样式之后）
   本文件只做两件事，不碰任何导航（无侧边栏、不改顶栏/底栏）：
     · 内容区在宽屏下放宽并居中
     · 修首页滑页器在宽屏下的几何（否则每页只占轨道 1/4，四页并排、
       拖动底部小胶囊时页面中间会露出空白带）
   body 标记类由 /assets/desktop_nav.js 注入：
     .lgc-desk         普通前台页（内容放宽）
     .lgc-desk-tab     首页 index.php（内容放宽 + 滑页器几何）
     .lgc-desk-narrow  支付 / 窄表单页（上限 880px）
     .lgc-chat-dm / .lgc-chat-group  单聊 / 群聊页
   手机端（<1024px）零影响：全部规则包在媒体查询里
   回退：删掉 appearance.php 里对应的 <link> / <script> 两行即可（本文件可留可删）
   ============================================================ */

@media (min-width:1024px){

  /* 1) 变量 ------------------------------------------------------------- */
  body.lgc-desk,
  body.lgc-desk-tab{ --dsk-max:1120px; }     /* 内容区上限 */
  body.lgc-desk-narrow{ --dsk-max:880px; }   /* 支付 / 窄表单页 */

  /* 2) 内容容器：放宽 + 居中 -------------------------------------------- */
  body.lgc-desk .page,
  body.lgc-desk .page-wrap,
  body.lgc-desk .wrap{
    max-width:var(--dsk-max) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* 3) 首页滑页器：宽屏几何修正 ------------------------------------------
        .pages-track 是 width:400% 的横向轨道，4 页各 25%，靠 translate3d(-25%)
        翻页、底部小胶囊按比例拖动。所以轨道本身绝不能限宽——一旦限宽，
        每页就只占可视区的 1/4（四页并排），拖动时页面中间会露出空白带。
        宽度上限改加在「单页内的卡片」上，导航栏完全不参与。 */
  body.lgc-desk-tab .pages-track{
    max-width:none !important;
    margin:0 !important;
  }
  body.lgc-desk-tab .page-slide > *{
    max-width:var(--dsk-max);
    margin-left:auto;
    margin-right:auto;
  }

  /* 4) 聊天页：加宽居中 + 输入条对位（左右双栏另批） ---------------------- */
  body.lgc-chat-dm .chat-app{
    max-width:900px !important;
    margin:0 auto !important;
  }
  body.lgc-chat-group .wrap{
    max-width:900px !important;
  }
  body.lgc-chat-group .msgbar{
    max-width:900px !important;
    margin:0 auto !important;
  }
  body.lgc-chat-group .mention-panel{
    max-width:876px !important;
  }
  /* 聊天页底部弹层：桌面端改居中卡片 */
  body.lgc-chat-dm .modal.open,
  body.lgc-chat-group .modal.open{
    align-items:center !important;
    justify-content:center !important;
    padding:24px !important;
  }
  body.lgc-chat-dm .modal .sheet,
  body.lgc-chat-group .modal .sheet{
    max-width:560px !important;
    width:100% !important;
    border-radius:24px !important;
    max-height:82vh !important;
  }
}