/* ===== 桌面端宽屏适配（mobile.wide.css，2026-08-19 运营官派单） =====
   @media(min-width:768px)：桌面壳(1280宽窗)加载云端沉浸页 mobile.html 时，
   应用主体/顶栏/底栏/输入条居中限宽，聊天区居中、气泡限宽、左右留白自然；
   手机窄屏(<768px)布局原样不动——媒体查询天然隔离，不触碰移动端验收成果。
   实现：宽屏下把 mobile.css/assist.css/components.css 的 max-width:480px 覆盖为 680px，
   气泡相对百分比(70%/92%)折算限宽；本文件在 mobile.html 末尾引用以覆盖既有规则。
   约束：单文件 ≤500 行。 */
@media (min-width: 768px){
  /* 应用主体：480→680px 居中（聊天区居中 + 左右留白自然） */
  #app{max-width:680px}
  /* 固定定位顶栏/底栏/输入条：与主体同宽居中（原 max-width:480px） */
  .topbar,.subbar,.tabbar,
  .wb-topbar,.wb-bottom,
  .assist-topbar,.assist-settings-bar{max-width:680px}
  /* 气泡限宽：宽屏下聊天内容不贴满、居中舒适
     原 .bubble 70%×480≈336px、assist 92%×480≈442px → 680 容器下对应 476/625px，
     限 600px 内防过宽（老板: 气泡限宽 max-width:680px 居中，留边更舒服） */
  .bubble,.assist-body .bubble,
  .bubble-ai-wrap,.pc-msg,.think-box{max-width:600px}
  /* 思考框/AI 块随气泡限宽，保持整体比例 */
  .assist-body .bubble-ai-wrap{max-width:600px}
}
