/* 区块版式样式类(PRD-site-pages PR-S5;档位按原型 proto/site-builder,登记 WEB-STANDARDS §版式 / UI-STANDARDS)。
   区块外包 <div class="blk" data-<键>="<档位>">,只写改过的档位;全是默认时不包,页面与没有版式时一字不差。
   列数 / 图文位置 / 对齐能用现有样式类的(.pgrid.four、.feat.alt、.prose.left、.grid3/.grid4)由模板直接换类,不在这里。 */

/* 背景:浅底 / 深底 */
.blk[data-bg="soft"]{background:var(--surface-2)}
.blk[data-bg="soft"] .start a,.blk[data-bg="soft"] .dcard,.blk[data-bg="soft"] .acc .it{background:var(--surface)}
.blk[data-bg="dark"]{background:var(--dark);color:#fff}
.blk[data-bg="dark"] .sec h2,.blk[data-bg="dark"] .feat h3,.blk[data-bg="dark"] .stat .n{color:#fff}
.blk[data-bg="dark"] .sec .sub,.blk[data-bg="dark"] .feat p,.blk[data-bg="dark"] .feat .eyebrow,.blk[data-bg="dark"] .stat p,.blk[data-bg="dark"] .prose{color:#cfd6e0}
.blk[data-bg="dark"] .start a,.blk[data-bg="dark"] .dcard,.blk[data-bg="dark"] .acc .it,.blk[data-bg="dark"] .pcard{color:var(--ink)}
.blk[data-bg]>section.sec{padding-bottom:48px}
.blk[data-bg]>.feat{padding-bottom:40px}
@media(min-width:768px){.blk[data-bg]>section.sec{padding-bottom:88px}.blk[data-bg]>.feat{padding-bottom:70px}}

/* 上下间距:小 / 中 / 大(覆盖区块自带的上下留白) */
.blk[data-space="s"]>section,.blk[data-space="s"]>.feat{padding-top:24px!important;padding-bottom:24px!important}
.blk[data-space="m"]>section,.blk[data-space="m"]>.feat{padding-top:48px!important;padding-bottom:48px!important}
.blk[data-space="l"]>section,.blk[data-space="l"]>.feat{padding-top:120px!important;padding-bottom:120px!important}
.blk[data-space]>section.tiles{padding-left:0;padding-right:0}

/* 列数(桌面):现有样式里没有的档位 */
@media(min-width:1024px){
  .blk[data-cols="1"] .tiles{grid-template-columns:1fr}.blk[data-cols="1"] .tiles .t{aspect-ratio:1440/450}
  .blk[data-cols="2"] .pgrid{grid-template-columns:repeat(2,1fr)}
  .blk[data-cols="3"] .grid2,.blk[data-cols="3"] .grid4{grid-template-columns:repeat(3,1fr)}
  .blk[data-cols="4"] .grid2{grid-template-columns:repeat(4,1fr)}
  .blk[data-cols="2"] .grid4{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:768px){.blk[data-cols="2"] .start{grid-template-columns:repeat(2,1fr)}.blk[data-cols="4"] .start{grid-template-columns:repeat(4,1fr)}}

/* 资讯:右图左文 */
@media(min-width:1024px){.blk[data-pic="r"] .news .wrap{grid-template-columns:minmax(0,484fr) minmax(0,588fr)}.blk[data-pic="r"] .news .pic{order:2}}

/* 通用区块 · 横幅:填了链接时整块是 <a>(产品列表里是 <div>),要块级才撑得开宽高比 */
a.sban{display:block}

/* 通用区块 · Logo 墙:有 Logo 图时出图 */
.dcard .logo{display:block;height:36px;width:auto;max-width:100%;object-fit:contain;margin-bottom:10px}

/* 通用区块 · 品牌片:默认通栏贴边;「容器内」收进 1200 版心并加圆角 */
.blk[data-width="box"] .film{max-width:1200px;margin:0 auto;border-radius:var(--radius-s)}
@media(min-width:768px){.blk[data-width="box"] .film{width:calc(100% - 48px)}}
@media(min-width:1248px){.blk[data-width="box"] .film{width:100%}}