/* QilyLean 全站内容窗口统一轴 V8｜2026-09-16
 * 目标：国际站、中国站全部公共网页统一采用 1180px 内容轴；斗地主游戏界面保持独立游戏布局，不纳入本文件治理。
 * 原则：统一的是网页主内容框/首屏/正文/卡片区/页脚轴线，不粗暴改写弹窗、二维码、单个媒体对象和游戏舞台尺寸。
 * V8：补齐精益生产、资源协调、友情链接、资源网络、独立文档、NDA预览、AI、英文页等历史壳层，封堵 1080/1220/1240/1560px 回退。
 */
:root{
  --qily-content-axis:1180px!important;
  --qily-container:1180px!important;
  --qily-wide-content:1180px!important;
  --qily-site-content-width:1180px!important;
  --qily-r8-axis:1180px!important;
  --qv2-axis:1180px!important;
  --qily-redline-axis:1180px!important;
  --qily-content-axis-gutter:clamp(18px,2.2vw,56px);
  --qily-cn-axis:var(--qily-content-axis)!important;
  --qily-gutter:var(--qily-content-axis-gutter)!important;
  --qily-content-surface:#ffffff;
  --qily-content-surface-alt:#f3f8f7;
  --qily-content-heading:#0f4b5a;
  --qily-content-copy:#526967;
}

/* 01｜所有公共内容区统一水平 gutter。 */
html body main>section{
  padding-left:var(--qily-content-axis-gutter)!important;
  padding-right:var(--qily-content-axis-gutter)!important;
  box-sizing:border-box!important;
}

html body main> :is(
  .module-hero,.module-section,.qily-asset-section,.qily-system-axis,
  .qily-ia-section,.daily-hero,.daily-index-section,.daily-single-section,
  .daily-section,.article-hub,.tool-hero,.tool-section,.section,
  .qily-resource-network,.qtc-section,.qily-home-conversion-section,
  .qily-home-launch-section,.qily-home-brand-extension,.document-hero
){
  padding-left:var(--qily-content-axis-gutter)!important;
  padding-right:var(--qily-content-axis-gutter)!important;
  box-sizing:border-box!important;
}

/* 02｜国际站/中国站公共内容壳层统一 1180px。
 * 注意：斗地主游戏未加载此公共内容轴作为游戏舞台尺寸来源；其 game/css 独立治理。
 */
html body :is(
  .qily-asset-inner,
  .qily-system-axis__inner,
  .qily-ia-inner,
  .qily-home-conversion-inner,
  .qily-home-brand-extension__inner,
  .qily-home-launch,
  .module-inner,
  .article-hub-inner,
  .section-inner,
  .page-inner,
  .content-inner,
  .archive-inner,
  .knowledge-inner,
  .project-inner,
  .tool-inner,
  .daily-inner,
  .main-inner,
  .footer-inner,
  .header-inner,
  .hero-inner,
  .document-inner,
  .preview-inner,
  .qily-resource-network__inner,
  .qtc-inner,
  .qily-footer-v31-inner,
  .ql-trust-strip-inner,
  .en-shell
){
  width:min(var(--qily-content-axis),100%)!important;
  max-width:var(--qily-content-axis)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* 历史独立页：这些壳层不一定采用 main>section 结构，单独收口。 */
html body :is(
  .authority-strip,
  .viewer-tip,
  .viewer-shell
){
  width:min(var(--qily-content-axis),calc(100% - (var(--qily-content-axis-gutter) * 2)))!important;
  max-width:var(--qily-content-axis)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* 首页 Hero 与 AI 工作区也必须跟随同一内容轴。 */
html body :is(.hero-grid,.qily-home-balanced .hero-grid){
  width:min(var(--qily-content-axis),100%)!important;
  max-width:var(--qily-content-axis)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
html body main.main:has(>.chat),
html body main.main:has(>.chat)>.chat{
  width:min(var(--qily-content-axis),100%)!important;
  max-width:var(--qily-content-axis)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* 精选简报旧视觉层曾把正文锁为1080px；最终轴必须覆盖。 */
html body.daily-single-page .daily-single-section article.post.detailed>.content{
  width:min(var(--qily-content-axis),100%)!important;
  max-width:var(--qily-content-axis)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* 旧页面常用“外层类 > 内层类”并带 !important；提高精确度封堵回退。 */
html body main> :is(
  .module-hero,.module-section,.qily-asset-section,.qily-system-axis,
  .qily-ia-section,.daily-hero,.daily-index-section,.daily-single-section,
  .daily-section,.article-hub,.tool-hero,.tool-section,.section,
  .qily-resource-network,.qtc-section,.qily-home-conversion-section,
  .qily-home-launch-section,.qily-home-brand-extension,.document-hero
)> :is(
  .qily-asset-inner,.qily-system-axis__inner,.qily-ia-inner,
  .qily-home-conversion-inner,.qily-home-brand-extension__inner,.qily-home-launch,
  .module-inner,.article-hub-inner,.section-inner,.daily-inner,
  .tool-inner,.qily-resource-network__inner,.qtc-inner,
  .page-inner,.content-inner,.archive-inner,.knowledge-inner,
  .project-inner,.main-inner,.hero-inner,.document-inner,.inner,.wrap,.container
){
  width:min(var(--qily-content-axis),100%)!important;
  max-width:var(--qily-content-axis)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* 通用 .inner 仅在公共主内容/首屏内接管，避免弹窗与功能组件被误拉宽。 */
html body main>section>:is(.inner,.wrap,.container),
html body main>.hero>:is(.inner,.hero-inner),
html body .hero>:is(.hero-inner){
  width:min(var(--qily-content-axis),100%)!important;
  max-width:var(--qily-content-axis)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* 03｜首页资产卡、制造运营轴与商业内容模块必须同宽。 */
html body :is(
  .qily-principle-grid,
  .qily-six-grid,
  .qily-proof-strip,
  .qily-secondary-links,
  .qily-system-axis__steps,
  .qily-ia-grid,
  .qily-ia-delivery-summary,
  .qily-home-card-grid,
  .qily-home-method-grid,
  .qily-home-deliverable-grid,
  .qily-home-launch__route,
  .module-grid
){
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

/* 04｜标题/说明窗口跟随所在内容轴。 */
html body :is(
  .qily-asset-heading,
  .qily-ia-heading,
  .qily-home-conversion-heading,
  .qily-home-brand-extension__head,
  .qily-north-heading,
  .module-heading,
  .section-heading,
  .page-heading,
  .section-head
){
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* 05｜首页首屏只统一左右边界，不改变人物列比例。 */
html body.qily-home-v3 main :is(
  .hero-grid,
  .qily-asset-inner,
  .qily-system-axis__inner,
  .qily-ia-inner,
  .qily-home-conversion-inner,
  .qily-home-brand-extension__inner,
  .qily-home-launch
){
  width:min(var(--qily-content-axis),100%)!important;
  max-width:var(--qily-content-axis)!important;
}

/* 06｜网格子项允许自然换行，避免长中英文撑破1180px内容框。 */
html body main :is(
  .qily-six-grid,.qily-principle-grid,.qily-proof-strip,.qily-secondary-links,
  .qily-system-axis__steps,.qily-ia-grid,.module-grid,.project-grid,
  .qily-home-card-grid,.qily-home-method-grid,.qily-home-deliverable-grid,.qily-home-launch__route,
  .career-full-grid,.service-grid,.brief-highlight-grid,.brief-one-point-grid,
  .formula-grid,.owner-grid,.status-grid,.brief-learning-grid
)>*{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

html body main :is(
  .qily-value-card,.qily-principle,.qily-proof-item,.qily-secondary-links>a,
  .qily-system-axis__step,.qily-home-card,.qily-home-method-step,.qily-home-deliverable,
  .qily-home-launch__step,.module-card,.project-card,.career-full-card,.service-card,
  .brief-card,.paper,.post,.article,.record,.contact-card
) :is(h1,h2,h3,h4,h5,h6,p,li,a,span,strong,small,td,th){
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

html body main>section :is(
  .module-inner,.article-hub-inner,.section-inner,.daily-inner,.tool-inner,
  .qily-system-axis__inner,.qily-ia-inner,.qily-home-conversion-inner,
  .qily-home-brand-extension__inner,.qily-home-launch,
  .qily-resource-network__inner,.qtc-inner,.page-inner,.content-inner,.archive-inner,.knowledge-inner,
  .project-inner,.main-inner,.hero-inner,.document-inner,.inner,.wrap,.container
) :is(h1,h2,h3,h4,h5,h6,p,li,dd,dt,a,button,span,strong,small,th,td,label):not(.qily-no-break){
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

html body main>section :is(
  .module-inner,.article-hub-inner,.section-inner,.daily-inner,.tool-inner,
  .qily-system-axis__inner,.qily-ia-inner,.qily-home-conversion-inner,
  .qily-home-brand-extension__inner,.qily-home-launch,
  .qily-resource-network__inner,.qtc-inner,.page-inner,.content-inner,.archive-inner,.knowledge-inner,
  .project-inner,.main-inner,.hero-inner,.document-inner,.inner,.wrap,.container
) :is(h1,h2,h3,h4,h5,h6,p,li,dd,dt,a,button,span,strong,small,label):not(.qily-no-break){
  white-space:normal!important;
}

html body main :is(
  .article-links,.module-subnav,.hero-actions,.module-actions,.card-actions,
  .brief-adjacent,.daily-index-heading,.qily-ia-actions,.qily-home-conversion-actions
){
  max-width:100%!important;
  min-width:0!important;
  flex-wrap:wrap!important;
  box-sizing:border-box!important;
}

/* 07｜轻色内容模块统一底色和文字色；深色 Hero/图表由各自语义样式控制。 */
html body main> :is(.module-section,.qily-asset-section,.qily-ia-section,.daily-section,.section){
  color:var(--qily-ink,#182420)!important;
  background-color:var(--qily-content-surface)!important;
}
html body main> :is(.module-section,.qily-asset-section,.qily-ia-section,.daily-section,.section).alt{
  background-color:var(--qily-content-surface-alt)!important;
}
html body main :is(.module-section,.qily-asset-section,.qily-ia-section,.daily-section,.section) :is(h1,h2,h3,h4){
  color:var(--qily-content-heading)!important;
}
html body main :is(.module-section,.qily-asset-section,.qily-ia-section,.daily-section,.section) :is(p,li,dd,td){
  color:var(--qily-content-copy);
}

/* 07A｜编号徽章最终保险层。 */
html:root body main :is(
  .service-number,.step-number,.step-index,.sequence-number,.process-number,
  .number-badge,.workflow-number,.timeline-number
),
html:root body main :is(.process,.process-grid,.steps,.workflow,.workflow-grid,.timeline,.flow-grid)
  :is(.step,.process-step,.workflow-step,.timeline-step)>b:first-child{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:#0f6570!important;
  background-color:#0f6570!important;
  background-image:none!important;
  border-color:#fff!important;
  box-shadow:0 0 0 2px #caa15f,0 5px 13px rgba(7,60,71,.22)!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  text-shadow:none!important;
}

html:root body.cooperation-page main :is(#services,#engineering-enablers) .service-card .service-number{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  padding:0!important;
  border:2px solid #fff!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:#0f6570!important;
  background-color:#0f6570!important;
  background-image:none!important;
  box-shadow:0 0 0 2px #caa15f,0 5px 13px rgba(7,60,71,.22)!important;
  font-size:18px!important;
  line-height:1!important;
}

html:root body main :is(a[href],button,[role="button"],[role="link"])> :is(
  .service-number,.step-number,.step-index,.sequence-number,.process-number,
  .number-badge,.workflow-number,.timeline-number
),
html:root body main :is(
  .service-number,.step-number,.step-index,.sequence-number,.process-number,
  .number-badge,.workflow-number,.timeline-number
) *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* 08｜平板/手机占满可用宽度，不制造额外窄框。 */
@media(max-width:900px){
  html body :is(
    .qily-asset-inner,.qily-system-axis__inner,.qily-ia-inner,
    .qily-home-conversion-inner,.qily-home-brand-extension__inner,.qily-home-launch,
    .module-inner,.article-hub-inner,.section-inner,.page-inner,.content-inner,
    .archive-inner,.knowledge-inner,.project-inner,.tool-inner,
    .daily-inner,.main-inner,.footer-inner,.header-inner,.hero-inner,.hero-grid,
    .document-inner,.preview-inner,.qily-resource-network__inner,.qtc-inner,
    .qily-footer-v31-inner,.ql-trust-strip-inner,.en-shell
  ){
    width:100%!important;
    max-width:100%!important;
  }
  html body :is(.authority-strip,.viewer-tip,.viewer-shell){
    width:calc(100% - (var(--qily-content-axis-gutter) * 2))!important;
    max-width:100%!important;
  }
}

@media(max-width:620px){
  :root{--qily-content-axis-gutter:15px;}
}

/* QILY-OPL-AXIS-CLOSURE-20260828:START */
html body .opl-shell{
  width:min(var(--qily-content-axis),calc(100% - (var(--qily-content-axis-gutter) * 2)))!important;
  max-width:var(--qily-content-axis)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
@media(max-width:900px){html body .opl-shell{width:100%!important;max-width:100%!important}}
/* QILY-OPL-AXIS-CLOSURE-20260828:END */


/* QILY-FULLSITE-AXIS-PARITY-V10 | 2026-10-10
 * One visible content-frame contract for BOTH qilylean.com and qilylean.cn.
 * CN release pages receive data-qily-site="cn" during materialization.
 * The rule is deliberately late and narrow: only public shell geometry is governed.
 */
html:root:root body[data-qily-site="cn"] :is(
  .header-inner,.hero-inner,.content,.footer-inner
){
  width:min(
    var(--qily-content-axis,1180px),
    calc(100% - (var(--qily-content-axis-gutter,clamp(18px,2.2vw,56px))*2))
  )!important;
  max-width:var(--qily-content-axis,1180px)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
@media(max-width:620px){
  html:root:root body[data-qily-site="cn"] :is(
    .header-inner,.hero-inner,.content,.footer-inner
  ){
    width:calc(100% - 30px)!important;
    max-width:calc(100% - 30px)!important;
  }
}