/* QILY-CN-SITEWIDE-VISUAL-PARITY-V1 | 2026-10-21
 * Destination-only final corrections; original public content retains its
 * international styles. The China shell, translator and filings remain local.
 */
/* Match the source viewport used by vw typography, including classic-scrollbar
 * browsers. Scoping source root styles to main cannot carry this root setting. */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:has(body[data-qily-site="cn"] main[data-cn-source-scrollbar-gutter="stable"]){scrollbar-gutter:stable!important;overflow-x:clip}
html:root:root:root body[data-qily-site="cn"] main > :is(
 .hero,.page-hero,.module-hero,.project-hero,.projects-hero,.capability-hero,
 .experience-hero,.improvement-hero,.knowledge-hero,.trust-hero,.document-hero,
 .section,.module-section,.qily-system-axis,.qily-ia-section
) > :is(.hero-inner,.content,.inner,.module-inner,.section-inner,.qily-system-axis__inner,.qily-ia-inner){
 width:min(1180px,100%)!important;max-width:1180px!important;min-width:0!important;
 margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;
}

/* All six operating-axis topics are public engineering content. Their mirrored
 * international stylesheet owns the shared six/three/two-column layout.
 */

/* A generic China caption rule must not darken text on a dark photo overlay. */
html:root:root:root body[data-qily-site="cn"] main .qily-home-project-visual figcaption{
 color:#fff!important;-webkit-text-fill-color:#fff!important;
 background:rgba(7,60,71,.96)!important;border:1px solid #d8b66e!important;
 border-radius:8px!important;padding:9px 11px!important;
 font-size:16px!important;font-weight:900!important;line-height:1.5!important;
 text-shadow:0 1px 1px rgba(0,0,0,.28)!important;box-shadow:0 5px 14px rgba(0,0,0,.18)!important;
 backdrop-filter:none!important;
}

/* Keep public card rows and their media within the existing reading frame. */
html:root:root:root body[data-qily-site="cn"] main :is(
 .qily-system-axis__steps,.module-grid,.project-grid,.qily-ia-grid,.qily-six-grid,.resource-grid
) > *{min-width:0!important;box-sizing:border-box!important}
html:root:root:root body[data-qily-site="cn"] main :is(img,video,svg){max-width:100%}

/* Preserve lesson content while allowing wide formula/table cards to shrink
 * inside the phone reading frame. Tables retain local horizontal scrolling. */
html:root:root:root body[data-qily-site="cn"] main .opl-grid>.opl-card{
 min-width:0!important;max-width:100%!important;overflow-x:auto!important;
 overflow-wrap:anywhere!important;box-sizing:border-box!important;
}
@media(max-width:760px){
 html:root:root:root body[data-qily-site="cn"] main .opl-grid{grid-template-columns:minmax(0,1fr)!important}
}


/* QILY-CN-HOME-HERO-REFERENCE-PARITY-20261023
 * International's three informational capsules remain a single row on wide
 * screens. The commercial diagnosis CTA is filtered on .cn: keep the public
 * representative-case link in the same action tier.
 * All selectors are limited to the CN cloned homepage; no global VI overrides.
 */
@media(min-width:1180px){
  html:root:root body[data-qily-site="cn"] main[data-cn-source-content="index.html"] .qily-home-conversion-hero__chips{
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:8px!important;
  }
  html:root:root body[data-qily-site="cn"] main[data-cn-source-content="index.html"] .qily-home-conversion-hero__chips>span{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
}
@media(max-width:1179px){
  html:root:root body[data-qily-site="cn"] main[data-cn-source-content="index.html"] .qily-home-conversion-hero__chips{
    flex-wrap:wrap!important;
  }
}

/* QILY-CN-MIRRORED-DDZ-CONTAINMENT-20261024 */
/* R8 public capability media is 313px wide at 390px viewport. Preserve the
   source 100%-within-parent geometry instead of allowing intrinsic grid min size. */
@media(max-width:820px){
 html body[data-qily-site="cn"] main[data-cn-source-content="capabilities/index.html"]
  #pure-ddz-digital-tool :is(.capability-digital-visual,.capability-ddz-visual,.capability-ddz-board){
   min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
 }
 html body[data-qily-site="cn"] main[data-cn-source-content="capabilities/index.html"]
  #pure-ddz-digital-tool .capability-ddz-board{width:100%!important;}
}

/* QILY-CN-ABOUT-GOLD-KICKER-PARITY-20261024
   Live Chromium comparison: the About eyebrow alone differed from the
   international sample (#caa15f and Noto CJK font fallback).
   The other matched public gold headings already share exactly the source
   size, weight, line height, letter spacing and colors; leave them intact. */
html:root:root body[data-qily-site="cn"] main#main:has(.qily-about-career)
 > section.page-hero .hero-eyebrow{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans CJK SC",
    "PingFang SC","Microsoft YaHei",Arial,sans-serif!important;
  color:#caa15f!important;
  -webkit-text-fill-color:#caa15f!important;
}


/* QILY-CN-UNIFIED-CONTENT-FRAME-20261024-V2
 * ONE public content axis: header / Hero / article / subsequent CN-native
 * sections share the existing international 1180px maximum and the original
 * site content-axis gutter (18px on phones). No extra 32px mobile inset,
 * no page-specific 1128px desktop inner frame, no nested double-gutters.
 * Mirrored international source pages are exclusively source-owned.
 */
html:root:root:root:root body[data-qily-site="cn"]
 main:not([data-cn-source-content]) > :is(section.page-hero,section.hero,section.section){
  box-sizing:border-box!important;
  padding-left:0!important;
  padding-right:0!important;
}
html:root:root:root:root body[data-qily-site="cn"]
 main:not([data-cn-source-content]) > :is(section.page-hero,section.hero,section.section)
 > :is(.content,.hero-inner){
  box-sizing:border-box!important;
  width:min(1180px,calc(100% - (var(--qily-content-axis-gutter,18px) * 2)))!important;
  max-width:1180px!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html:root:root:root:root body[data-qily-site="cn"]
 main:not([data-cn-source-content]) > section.section > .content.article-shell > .article-body{
  min-width:0!important;
  max-width:100%!important;
}
/* The screen shot showed an unreasonably tall blank band between the Hero
 * and first heading. Spacing is controlled here without moving content. */
@media(max-width:900px){
 html:root:root:root:root body[data-qily-site="cn"]
  main:not([data-cn-source-content]) > section.section{
   padding-top:24px!important;
   padding-bottom:28px!important;
 }
 html:root:root:root:root body[data-qily-site="cn"]
  main:not([data-cn-source-content]) > section.page-hero > .content{
   padding-top:26px!important;
   padding-bottom:26px!important;
 }
 html:root:root:root:root body[data-qily-site="cn"]
  main:not([data-cn-source-content]) > section.section
  > .content.article-shell > .article-body > h2:first-child{
   margin-top:0!important;
 }
}
/* Preserve exact international reading type/color verified in Chromium:
 * heading R8 size/line-height/weight and body #3d6062. */
html:root:root:root:root body[data-qily-site="cn"]
 main:not([data-cn-source-content]) .article-body h2{
  font-size:clamp(24px,1.85vw,30px)!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:-.012em!important;
}
@media(max-width:620px){
 html:root:root:root:root body[data-qily-site="cn"]
  main:not([data-cn-source-content]) .article-body h2{
   font-size:clamp(23px,6.2vw,27px)!important;
 }
}
html:root:root:root:root body[data-qily-site="cn"]
 main:not([data-cn-source-content]) .article-body p{
  color:#3d6062!important;
  -webkit-text-fill-color:#3d6062!important;
}

/* QILY-CN-ABOUT-CONTACT-PARITY-20261025
 * Match the settled international About typography and contact controls.
 * Keep copy feedback outside the card's flex flow so all three pills align.
 * Scope this authority to About; the shared COM/CN contact asset stays equal.
 */
html:root:root:root:root body[data-qily-site="cn"]
 main:has(.qily-unified-about-contact) .article-body h3{
  font-size:clamp(20px,1.35vw,24px)!important;
  font-weight:900!important;
  line-height:1.28!important;
  letter-spacing:0!important;
}
html:root:root:root:root body[data-qily-site="cn"]
 main .qily-unified-qr-card>h4{
  font-size:clamp(17px,1.2vw,20px)!important;
  font-weight:800!important;
  line-height:1.4!important;
}
html:root:root:root:root body[data-qily-site="cn"]
 main .qily-unified-about-contact .qily-unified-qr-value{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:44px!important;padding:8px 14px!important;
  border:1px solid #0f4b5a!important;border-radius:24px!important;
  background:#0f4b5a!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  font:750 20px/1.3 "Microsoft YaHei","PingFang SC",Arial,sans-serif!important;
  text-decoration:none!important;
}
html:root:root:root:root body[data-qily-site="cn"]
 main .qily-unified-about-contact .qily-unified-qr-value:hover{
  background:#167d8a!important;
}
html:root:root:root:root body[data-qily-site="cn"]
 main .qily-unified-about-contact .qily-unified-qr-card{position:relative}
html:root:root:root:root body[data-qily-site="cn"]
 main .qily-unified-qr-card>.qily-about-copy-feedback:not(.is-visible){display:none!important}
html:root:root:root:root body[data-qily-site="cn"]
 main .qily-unified-qr-card>.qily-about-copy-feedback.is-visible{
  display:block!important;position:absolute!important;bottom:1px!important;left:50%!important;
  width:max-content!important;max-width:calc(100% - 20px)!important;
  margin:0!important;padding:0 8px!important;font-size:13px!important;line-height:1.2!important;
  transform:translateX(-50%)!important;
}
@media(max-width:620px){
 html:root:root:root:root body[data-qily-site="cn"]
  main:has(.qily-unified-about-contact) .article-body h3{
   font-size:clamp(20px,5.2vw,23px)!important;
 }
}

/* QILY-CN-ABOUT-KICKER-PARITY-20261026
 * Use the approved 21px semantic eyebrow on both sites;
 * exclude all heading h1/h2 and every navigation/filing element.
 */
html:root:root:root:root body[data-qily-site="cn"] main#main .page-hero .hero-eyebrow{
  color:#ffe39b!important;
  -webkit-text-fill-color:#ffe39b!important;
  font-family:inherit!important;
  font-size:21px!important;
  font-weight:400!important;
  font-style:normal!important;
  letter-spacing:.035em!important;
  line-height:1.45!important;
  text-shadow:none!important;
  opacity:1!important;
}

/* QILY-CN-ONE-TWO-CARDS-VI-20261026
 * Stable on initial paint even before the shared JS runtime annotates counts.
 */
html:root:root:root:root body[data-qily-site="cn"] main :is(.qily-six-grid,.qily-ia-delivery-summary):has(> :only-child){
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;max-width:100%!important;
  grid-auto-rows:auto!important;align-items:stretch!important;
}
html:root:root:root:root body[data-qily-site="cn"] main :is(.qily-six-grid,.qily-ia-delivery-summary):has(> :only-child)>*{
  width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;
}
@media(min-width:720px){
  html:root:root:root:root body[data-qily-site="cn"] main :is(.qily-six-grid,.qily-ia-delivery-summary):has(> :nth-child(2):last-child){
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;max-width:100%!important;align-items:stretch!important;
    grid-auto-rows:auto!important;gap:clamp(14px,1.35vw,22px)!important;
  }
}
@media(max-width:719px){
  html:root:root:root:root body[data-qily-site="cn"] main :is(.qily-six-grid,.qily-ia-delivery-summary):has(> :nth-child(2):last-child){
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* QILY-CN-OWNER-PORTRAIT-FIRST-PAINT-20261026 */
@media(min-width:821px){
html:root:root body[data-qily-site="cn"] #qily-home-collaboration .qily-home-collaboration{display:grid!important;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)!important;align-items:stretch!important;gap:clamp(16px,2vw,24px)!important}
html:root:root body[data-qily-site="cn"] #qily-home-collaboration .qily-home-collaboration__roles{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:repeat(2,minmax(min-content,auto))!important;gap:14px!important;align-items:stretch!important;height:auto!important;min-height:0!important}
html:root:root body[data-qily-site="cn"] #qily-home-collaboration .qily-home-role{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;overflow-wrap:anywhere!important}
html:root:root body[data-qily-site="cn"] #qily-home-collaboration .qily-home-collaboration__portrait{width:100%!important;min-width:0!important;height:auto!important;align-self:stretch!important;overflow:hidden!important}
html:root:root body[data-qily-site="cn"] #qily-home-collaboration .qily-home-collaboration__portrait img{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important;object-position:center 20%!important}
}
@media(max-width:820px){
html:root:root body[data-qily-site="cn"] #qily-home-collaboration .qily-home-collaboration{grid-template-columns:minmax(0,1fr)!important}
html:root:root body[data-qily-site="cn"] #qily-home-collaboration .qily-home-collaboration__roles{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important}
html:root:root body[data-qily-site="cn"] #qily-home-collaboration .qily-home-collaboration__portrait img{width:100%!important;height:auto!important;max-height:660px!important;object-fit:contain!important}
}

/* QILY-CN-OWNER-FIGURE-MARGIN-GUARD-20261026 */
html:root:root:root:root body[data-qily-site="cn"] main #qily-home-collaboration .qily-home-collaboration__portrait{
  box-sizing:border-box!important;margin:0!important;min-width:0!important;max-width:100%!important;
}
@media(max-width:820px){
 html:root:root:root:root body[data-qily-site="cn"] main #qily-home-collaboration .qily-home-collaboration__portrait{
   width:min(440px,100%)!important;max-width:100%!important;margin:0!important;min-height:0!important;height:auto!important;
 }
 html:root:root:root:root body[data-qily-site="cn"] main #qily-home-collaboration .qily-home-collaboration__portrait img{
   display:block!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;object-fit:contain!important;
 }
}

/* QILY-CN-OWNER-BIO-PARITY-20261027
 * Mirror the approved international owner biography and CTA styling.
 * Do not reduce the professional profile to an unstyled inline link.
 */
html:root:root body[data-qily-site="cn"] #qily-home-collaboration .qily-home-owner-profile{
  margin-top:18px!important;padding-top:16px!important;border-top:1px solid #d5e4e3!important;
}
html:root:root body[data-qily-site="cn"] #qily-home-collaboration .qily-home-owner-profile>strong{
  display:block!important;color:#0f4b5a!important;-webkit-text-fill-color:#0f4b5a!important;
  font-size:18px!important;font-weight:900!important;line-height:1.5!important;
}
html:root:root body[data-qily-site="cn"] #qily-home-collaboration .qily-home-owner-profile>p{
  margin:8px 0 0!important;color:#526967!important;-webkit-text-fill-color:#526967!important;
  font-size:18px!important;font-weight:560!important;line-height:1.74!important;
}
html:root:root body[data-qily-site="cn"] #qily-home-collaboration .qily-home-owner-profile__experience{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;
  margin-top:16px!important;padding:9px 15px!important;border:1px solid #caa15f!important;border-radius:8px!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;background:#0f4b5a!important;text-decoration:none!important;
  font-size:17px!important;font-weight:900!important;line-height:1.4!important;
  box-shadow:0 5px 14px rgba(15,75,90,.14)!important;
}
@media(hover:hover) and (pointer:fine){
  html:root:root body[data-qily-site="cn"] #qily-home-collaboration .qily-home-owner-profile__experience:hover{
    background:#12606f!important;border-color:#ffe39b!important;box-shadow:0 7px 18px rgba(15,75,90,.22)!important;
  }
}

/* QILY-CN-CANONICAL-SEMANTIC-KICKER-WEIGHT-20261027
 * Poka-yoke: mirror qilylean.com approved section-label weight (400).
 * The CN source-content clone can carry legacy high-specificity 950 rules;
 * only canonical eyebrow/kicker labels are normalized here. Card labels,
 * article headings, navigation, layout, copy and all international CSS stay as-is.
 */
html:root:root:root:root:root:root:root:root body[data-qily-site="cn"] main :is(
  .eyebrow,.hero-eyebrow,.module-eyebrow,.bridge-hero-eyebrow,
  .kicker,.section-kicker,.module-kicker,.qily-ia-kicker,
  .resource-kicker,.qily-resource-network__kicker,.engineering-kicker,
  .qily-home-conversion-kicker,.qily-home-conversion-hero__kicker,
  .section-head>small,.module-heading>.module-eyebrow
){
  font-weight:400!important;
  font-style:normal!important;
}
/* QILY-CN-SEMANTIC-KICKER-PRODUCTION-RELEASE-20261027: publish cached 27-page VI parity through the existing stale-run recovery contract; no visual geometry changes. */

/* QILY-CN-HOME-H1-FONT-SMOOTHING-PARITY-20261028: one computed property only. */
html:root:root:root:root:root:root body[data-qily-site="cn"] main[data-cn-source-content="index.html"] .qily-home-conversion-hero__copy :is(h1,.qily-home-conversion-hero__lead){-webkit-font-smoothing:antialiased!important}

/* Match the canonical hero's inherited rasterization, including business labels. */
html:root:root:root:root:root:root body[data-qily-site="cn"] main[data-cn-source-content="index.html"] .qily-home-conversion-hero,
html:root:root:root:root:root:root body[data-qily-site="cn"] main[data-cn-source-content="index.html"] .qily-home-conversion-hero__chips span{-webkit-font-smoothing:antialiased!important}

/* QILY-CN-SECTION-GOLD-RASTER-PARITY-20261028
 * Live COM vs CN Chromium comparison (1440px, 390px) found exact matching
 * font size, weight, color, line height and tracking, but CN inherited
 * -webkit-font-smoothing:auto where COM uses antialiased.
 * Touch semantic section-level gold labels ONLY. Do not modify typography
 * metrics or card micro-labels, content, grid, header or page geometry.
 */
html:root:root:root:root:root body[data-qily-site="cn"] main :is(
  .qily-home-conversion-hero__kicker,
  .qily-home-conversion-kicker,
  .qily-ia-kicker,
  .module-eyebrow,.eyebrow,.hero-eyebrow,.bridge-hero-eyebrow,
  .section-kicker,.module-kicker,.kicker,
  .resource-kicker,.qily-resource-network__kicker,.engineering-kicker,
  .qily-home-capability-building__kicker,.qily-home-brand-extension__kicker,
  .qily-asset-heading>small,.qily-asset-kicker,
  .qily-system-axis__title,.qily-home-conversion-heading>small,
  .qily-ia-heading>small,.qily-north-kicker,
  .section-head>small,.module-heading>small
){
  -webkit-font-smoothing:antialiased!important;
}
/* The About hero has one independent legacy font-family override.
 * Match the international semantic label; leave sizes and geometry alone.
 */
html:root:root:root:root:root:root body[data-qily-site="cn"]
main#main:has(.qily-about-career)>section.page-hero .hero-eyebrow{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans CJK SC",
              "PingFang SC","Microsoft YaHei",Arial,sans-serif!important;
}