/* WXSSC V56.0 Frontend PC 1300 Width Baseline
   规则：
   1. 前台 PC 页面主体统一 1300px；
   2. 低于 1320px 自动收缩；
   3. 980px 以下移动端单列/自适应；
   4. 不影响后台 admin 页面。
*/

:root{
  --wxssc-pc-width:1300px;
  --wxssc-pc-gap:18px;
}

/* JS 会给前台页面 body 加 wxssc-v560-pc1300 */
@media (min-width:981px){
  body.wxssc-v560-pc1300 .wxssc-v560-container,
  body.wxssc-v560-pc1300 > header,
  body.wxssc-v560-pc1300 > main,
  body.wxssc-v560-pc1300 > section,
  body.wxssc-v560-pc1300 > .page,
  body.wxssc-v560-pc1300 > .container,
  body.wxssc-v560-pc1300 > .wx-page,
  body.wxssc-v560-pc1300 > .wx-main,
  body.wxssc-v560-pc1300 > .wx-home,
  body.wxssc-v560-pc1300 > .wx-container,
  body.wxssc-v560-pc1300 .wx55-wrap{
    width:min(var(--wxssc-pc-width), calc(100vw - 36px)) !important;
    max-width:var(--wxssc-pc-width) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* 情报中心 / 金十式实时快讯页：1300 锁宽 */
  body.wxssc-v560-pc1300 .wx55-layout{
    width:min(var(--wxssc-pc-width), calc(100vw - 36px)) !important;
    max-width:var(--wxssc-pc-width) !important;
    grid-template-columns:minmax(0, 960px) 322px !important;
    gap:18px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  body.wxssc-v560-pc1300 .wx55-side{
    width:322px !important;
    min-width:322px !important;
  }

  body.wxssc-v560-pc1300 .wx55-main{
    min-width:0 !important;
  }

  /* 首页常见布局保护：只统一外层，不强行改卡片内部 */
  body.wxssc-v560-pc1300 .wx-home-shell,
  body.wxssc-v560-pc1300 .wx-home-wrap,
  body.wxssc-v560-pc1300 .wx-index-shell,
  body.wxssc-v560-pc1300 .wx-index-wrap,
  body.wxssc-v560-pc1300 .home-shell,
  body.wxssc-v560-pc1300 .home-wrap{
    width:min(var(--wxssc-pc-width), calc(100vw - 36px)) !important;
    max-width:var(--wxssc-pc-width) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* 价格/行情/会员等前台页常见容器 */
  body.wxssc-v560-pc1300 .price-page,
  body.wxssc-v560-pc1300 .market-page,
  body.wxssc-v560-pc1300 .member-page,
  body.wxssc-v560-pc1300 .app-page,
  body.wxssc-v560-pc1300 .chain-page,
  body.wxssc-v560-pc1300 .content-page{
    width:min(var(--wxssc-pc-width), calc(100vw - 36px)) !important;
    max-width:var(--wxssc-pc-width) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* 窗口不够 1300 时自然收缩 */
@media (max-width:1320px) and (min-width:981px){
  body.wxssc-v560-pc1300 .wxssc-v560-container,
  body.wxssc-v560-pc1300 > header,
  body.wxssc-v560-pc1300 > main,
  body.wxssc-v560-pc1300 > section,
  body.wxssc-v560-pc1300 > .page,
  body.wxssc-v560-pc1300 > .container,
  body.wxssc-v560-pc1300 > .wx-page,
  body.wxssc-v560-pc1300 > .wx-main,
  body.wxssc-v560-pc1300 > .wx-home,
  body.wxssc-v560-pc1300 > .wx-container,
  body.wxssc-v560-pc1300 .wx55-wrap,
  body.wxssc-v560-pc1300 .wx55-layout{
    width:calc(100vw - 28px) !important;
    max-width:calc(100vw - 28px) !important;
  }

  body.wxssc-v560-pc1300 .wx55-layout{
    grid-template-columns:minmax(0, 1fr) 310px !important;
    gap:16px !important;
  }

  body.wxssc-v560-pc1300 .wx55-side{
    width:310px !important;
    min-width:310px !important;
  }
}

/* 移动端不强制 1300，继续自适应 */
@media (max-width:980px){
  body.wxssc-v560-pc1300 .wxssc-v560-container,
  body.wxssc-v560-pc1300 > header,
  body.wxssc-v560-pc1300 > main,
  body.wxssc-v560-pc1300 > section,
  body.wxssc-v560-pc1300 > .page,
  body.wxssc-v560-pc1300 > .container,
  body.wxssc-v560-pc1300 > .wx-page,
  body.wxssc-v560-pc1300 > .wx-main,
  body.wxssc-v560-pc1300 > .wx-home,
  body.wxssc-v560-pc1300 > .wx-container,
  body.wxssc-v560-pc1300 .wx55-wrap,
  body.wxssc-v560-pc1300 .wx55-layout{
    width:min(100vw - 20px, 760px) !important;
    max-width:min(100vw - 20px, 760px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  body.wxssc-v560-pc1300 .wx55-layout{
    grid-template-columns:1fr !important;
  }

  body.wxssc-v560-pc1300 .wx55-side{
    width:auto !important;
    min-width:0 !important;
  }
}