/**
 * 插件「页面模板」版心与 BFC 兜底（子比 / Nihil 等 fork 共用 DOM：main > .content-wrap > .content-layout）。
 * 不依赖 wpsxep-front-zibll 是否入队；主题变量映射仍由 front-theme-zibll.css 在桥接开启时提供。
 */

/*
 * 子比顶栏常用 container-fluid + 内宽与 --mian-max-width 对齐；Bootstrap .container 在 lg 下多为 1170px，
 * 会窄一截，整页主区两侧出现浅灰「边岛」且与导航版心不齐。插件固定页改为与子比内容最大宽一致。
 */
body.wpsxep-plugin-page main.container.site-main {
  display: block;
  float: none;
  clear: both;
  box-sizing: border-box;
  width: auto;
  max-width: min(var(--mian-max-width, 1250px), calc(100vw - 32px));
}

body.wpsxep-plugin-page:not(.wpsxep-zibll-theme-sidebar-on).site-layout-2 main.container.site-main > .content-wrap > .content-layout {
  margin-right: 0 !important;
}

body.wpsxep-plugin-page:not(.wpsxep-zibll-theme-sidebar-on).site-layout-3 main.container.site-main > .content-wrap > .content-layout {
  margin-left: 0 !important;
  margin-right: unset;
}

body.wpsxep-plugin-page:not(.wpsxep-zibll-theme-sidebar-on) main.container.site-main > .content-wrap {
  float: none;
  width: 100%;
  clear: both;
  display: flow-root;
  box-sizing: border-box;
}

body.wpsxep-plugin-page:not(.wpsxep-zibll-theme-sidebar-on) main.container.site-main > .content-wrap > .content-layout {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

body.wpsxep-plugin-page:not(.wpsxep-zibll-theme-sidebar-on) main.container.site-main {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 与上同一 main：小屏保持不溢出 */
@media (max-width: 782px) {
  body.wpsxep-plugin-page main.container.site-main {
    max-width: 100%;
  }
}

body main.container.site-main > section.wpsxep-front-wrap,
body main.container.site-main > .content-wrap > .content-layout > section.wpsxep-front-wrap {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  min-width: 0;
  /*
   * 子比部分版本 .content-layout 为横向 flex，主栏原为 .content；插件页仅有一个 section 子节点时，
   * 若不声明 flex 伸展，会出现主栏不占满、视觉上像「整体偏左 / 右侧空白」。
   */
  flex: 1 1 100%;
  align-self: stretch;
}

body .wpsxep-front-wrap > .wpsxep-inner-wrap {
  float: none;
  clear: both;
  display: flow-root;
  width: 100%;
  box-sizing: border-box;
}

@media (min-width: 783px) {
  body.wpsxep-plugin-page main.container.site-main {
    overflow-x: visible;
  }

  body.wpsxep-plugin-page:not(.wpsxep-zibll-theme-sidebar-on) .wpsxep-function-lab-grid {
    grid-template-columns: min(280px, 38%) minmax(0, 1fr);
    gap: 18px;
  }
}