@import url('/assets/qilylean-vi-v1.css?v=20260917-cn-thesis-base-v5');

/* QilyLean China Unified VI V2 | 2026-09-16
 * Boss-readable closure aligned to the international-site visual rhythm.
 * Priorities: readable type, compact information rhythm, restrained headings,
 * 1180px content axis, high-information tables and reduced dead space.
 */
:root{
  --qily-cn-axis:1180px;
  --qily-cn-body:18px;
  --qily-cn-small:16px;
  --qily-cn-h1:clamp(30px,2.5vw,42px);
  --qily-cn-h2:clamp(25px,1.85vw,30px);
  --qily-cn-h3:clamp(20px,1.4vw,23px);
  --qily-cn-fixed-footer-h:78px;
  --qily-cn-primary-nav-font-size:20px;
  --qily-nav-scroll-track:#b9d9d4;
  --qily-nav-scroll-thumb:#0f4b5a;
  --qily-nav-scroll-thumb-hover:#12606f;
  --qily-nav-rail-track:var(--qily-nav-scroll-track);
  --qily-nav-rail-thumb:var(--qily-nav-scroll-thumb);
  --qily-nav-rail-thumb-hover:var(--qily-nav-scroll-thumb-hover);
}

/* Global readable floor: no tiny body/meta/table text on China production pages. */
html:root body{
  font-size:var(--qily-cn-body)!important;
  line-height:1.72!important;
  padding-bottom:calc(var(--qily-cn-fixed-footer-h) + 3px + env(safe-area-inset-bottom))!important;
}
html:root body main :is(p,li,dd,dt,.lead,.callout,.formula,.notice,.knowledge-bridge p,.portal-card p,.article-link p,.trust-box p,.article-body p,.article-body li){
  font-size:18px!important;
  line-height:1.72!important;
}
html:root body :is(.breadcrumbs,.eyebrow,.section-head small,.portal-card small,.meta,.article-meta,.status,.tag,.subnav a,.toc :is(a,span),.logic span,figcaption,time,.footer-inner a){
  font-size:var(--qily-cn-small)!important;
  line-height:1.55!important;
}
html:root body .nav>a[href]{font-size:var(--qily-cn-primary-nav-font-size)!important}
html:root body :is(a.btn,button.btn,.logic b,.toc b){font-size:17px!important}

/* Restrained heading hierarchy: strong enough for executives, not visually exhausting. */
html:root body main :is(.hero h1,.page-hero h1,h1){
  font-size:var(--qily-cn-h1)!important;
  line-height:1.12!important;
  letter-spacing:-.018em!important;
}
html:root body main h2{
  font-size:var(--qily-cn-h2)!important;
  line-height:1.2!important;
}
html:root body main :is(.section-head h2,.article-body h2){
  margin-top:30px!important;
  margin-bottom:10px!important;
}
html:root body main h3{
  font-size:var(--qily-cn-h3)!important;
  line-height:1.28!important;
}
html:root body main :is(.practice-copy h3,.award-summary-head h3,.portal-card h3,.article-link h3,.trust-box h3,.article-body h3){
  font-size:var(--qily-cn-h3)!important;
  line-height:1.28!important;
}

/* Reduce dead space in hero/sections and tighten long-form reading rhythm. */
html:root body .hero-inner{padding:44px 0!important}
html:root body .page-hero .content{padding:34px 0 36px!important}
html:root body .section{padding:38px 0!important}
html:root body .section.compact{padding:30px 0!important}
html:root body .section-head{margin-bottom:22px!important}
html:root body .article-body p{margin:0 0 13px!important}
html:root body .article-body :is(ul,ol){margin:8px 0 16px!important}
html:root body .article-body h2:first-child{margin-top:0!important}
html:root body .tag-row{margin-top:14px!important;gap:9px!important}
html:root body .article-shell{gap:30px!important}
html:root body .toc{padding:18px!important}
html:root body .toc :is(a,span){padding:7px 0!important}

/* Executive-friendly cards: preserve hierarchy while avoiding oversized empty boxes. */
html:root body main :is(.portal-card,.card,.trust-box,.article-link,.knowledge-bridge){
  padding:20px 22px!important;
}
html:root body .logic div{padding:16px!important}
html:root body .trust{gap:18px!important}

/* International-style data table: full-width, strong header, large readable cells. */
html:root body .table-wrap{margin:18px 0 22px!important;border-radius:12px!important;overflow-x:auto!important;box-shadow:0 8px 22px rgba(15,75,90,.08)!important}
html:root body table.data-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important}
html:root body table.data-table th,
html:root body table.data-table td{
  padding:16px 18px!important;
  font-size:17px!important;
  line-height:1.62!important;
  border-right:1px solid #cfe0dd!important;
  border-bottom:1px solid #cfe0dd!important;
  vertical-align:top!important;
}
html:root body table.data-table th:first-child,
html:root body table.data-table td:first-child{border-left:1px solid #cfe0dd!important}
html:root body table.data-table thead th{
  background:#0f4b5a!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:18px!important;
  font-weight:900!important;
  text-align:center!important;
  border-top:1px solid #0f4b5a!important;
}
html:root body table.data-table thead th:first-child{border-top-left-radius:12px!important}
html:root body table.data-table thead th:last-child{border-top-right-radius:12px!important}
html:root body table.data-table tbody tr:nth-child(even) td{background:#f5faf9!important}
html:root body table.data-table tbody td:first-child{font-weight:850!important;color:#315f64!important}

/* Chip readability (Value / Flow / Pull / Takt / WIP / SMED etc.). */
html:root body .tag{
  min-height:34px!important;
  padding:6px 11px!important;
  font-size:16px!important;
  font-weight:850!important;
  align-items:center!important;
}
html:root body .subnav a{padding:7px 11px!important;font-size:16px!important}

/* Shared fixed footer authority: one DOM pattern, one visual resource across the China site. */
html:root body .footer{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  margin:0!important;
  z-index:1200!important;
  background:#0f4b5a!important;
  color:#fff!important;
  border-top:3px solid #c8a25a!important;
  box-shadow:0 -8px 24px rgba(4,32,39,.16)!important;
  padding-bottom:env(safe-area-inset-bottom)!important;
}
html:root body .footer-inner{
  width:min(var(--qily-cn-axis),calc(100% - 44px))!important;
  min-height:var(--qily-cn-fixed-footer-h)!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  gap:14px 24px!important;
  padding:0!important;
}
html:root body .footer-inner>span{
  font-size:16px!important;
  line-height:1.35!important;
  font-weight:700!important;
}
html:root body .footer-inner a{
  color:#fff!important;
  font-size:16px!important;
  line-height:1.35!important;
  font-weight:850!important;
  text-decoration:underline!important;
  text-underline-offset:4px!important;
  text-decoration-thickness:1px!important;
}
/* QILY-CN-FILING-V1 | ICP and approved public-security filing, 2026-09-20. */
html:root body .footer-records{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px 12px!important;
  min-width:0!important;
  max-width:100%!important;
}
html:root body .footer-records>a{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  white-space:normal!important;
}
html:root body .police-record img{
  display:block!important;
  width:18px!important;
  height:20px!important;
  flex:0 0 18px!important;
  object-fit:contain!important;
}

/* QILY-CN-FILING-FEEDBACK-V2 | One interaction rule for cards and every footer.
 * Keep native external links; all visual states use the existing teal/gold VI.
 * Fixed geometry avoids reflow on hover, press and keyboard focus.
 */
html:root body a[href^="https://beian."]{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:6px!important;
  min-height:44px!important;
  max-width:100%!important;
  padding:8px 10px!important;
  border:1px solid var(--qily-cn-line,#bfd6d2)!important;
  border-radius:9px!important;
  background:var(--qily-cn-alt,#f4faf8)!important;
  color:var(--qily-cn-forest,#0f4b5a)!important;
  -webkit-text-fill-color:currentColor!important;
  font-weight:750!important;
  line-height:1.45!important;
  text-decoration:underline!important;
  text-underline-offset:4px!important;
  text-decoration-thickness:1px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:rgba(202,161,95,.3);
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}
html:root body a[href^="https://beian."]::after{
  content:"";
  display:block;
  flex:0 0 14px;
  width:14px;
  height:14px;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3h7v7M21 3 10 14M10 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3h7v7M21 3 10 14M10 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
html:root body .trust-box p[translate="no"]{margin:8px 0!important}
html:root body .footer-records a[href^="https://beian."]{
  color:#fff!important;
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(255,227,155,.45)!important;
  font-weight:850!important;
}
html:root body .footer-records a[href^="https://beian."]>span{min-width:0!important}
@media(hover:hover) and (pointer:fine){
  html:root body a[href^="https://beian."]:hover{
    color:var(--qily-cn-forest,#0f4b5a)!important;
    background:var(--qily-cn-gold-soft,#ffe39b)!important;
    border-color:var(--qily-cn-gold,#caa15f)!important;
    box-shadow:0 6px 16px rgba(7,60,71,.2)!important;
    transform:translateY(-2px)!important;
  }
}
html:root body a[href^="https://beian."]:focus-visible{
  color:var(--qily-cn-forest,#0f4b5a)!important;
  background:var(--qily-cn-gold-soft,#ffe39b)!important;
  border-color:var(--qily-cn-gold,#caa15f)!important;
  outline:3px solid var(--qily-cn-gold,#caa15f)!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 2px #fff!important;
}
html:root body a[href^="https://beian."]:active{
  color:var(--qily-cn-forest,#0f4b5a)!important;
  background:var(--qily-cn-gold,#caa15f)!important;
  border-color:var(--qily-cn-gold,#caa15f)!important;
  box-shadow:inset 0 2px 5px rgba(7,60,71,.25)!important;
  transform:translateY(1px) scale(.985)!important;
}
@media(prefers-reduced-motion:reduce){
  html:root body a[href^="https://beian."],
  html:root body a[href^="https://beian."]:is(:hover,:active,:focus-visible){
    transition:none!important;
    transform:none!important;
  }
}

@media(max-width:900px){
  html:root body .page-hero .content{padding:30px 0!important}
  html:root body .section{padding:32px 0!important}
  html:root body .article-shell{gap:22px!important}
}
@media(max-width:1040px){
  :root{--qily-cn-fixed-footer-h:116px}
  html:root body .footer-inner{
    width:min(var(--qily-cn-axis),calc(100% - 32px))!important;
    min-height:var(--qily-cn-fixed-footer-h)!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    padding:12px 0!important;
  }
}
@media(max-width:760px){
  html:root body .footer-inner>span,
  html:root body .footer-inner a{font-size:17px!important}
}
@media(max-width:480px){
  :root{--qily-cn-fixed-footer-h:176px}
  html:root body .footer-records a[href^="https://beian."]{
    min-height:40px!important;
    padding:6px!important;
    gap:4px!important;
  }
}
@media(max-width:620px){
  :root{
    --qily-cn-body:17px;
    --qily-cn-small:15px;
    --qily-cn-h1:clamp(28px,7.8vw,36px);
    --qily-cn-h2:clamp(23px,6.2vw,28px);
    --qily-cn-h3:clamp(19px,5.7vw,21px);
  }
  html:root body main :is(p,li,dd,dt,.lead,.callout,.formula,.notice,.knowledge-bridge p,.portal-card p,.article-link p,.trust-box p,.article-body p,.article-body li){font-size:17px!important}
  html:root body table.data-table th,
  html:root body table.data-table td{font-size:16px!important;padding:13px 14px!important}
  html:root body table.data-table thead th{font-size:17px!important}
  html:root body .hero-inner{padding:34px 0!important}
  html:root body .section{padding:28px 0!important}
}
@media print{
  html:root body{padding-bottom:0!important}
  html:root body .footer{position:static!important;box-shadow:none!important}
}

/* Production publish marker: CN shared-resource VI V7 · brand + page-thesis + CTA closure. */
/* Deployment trigger: canonical shared footer resource. */

/* 2026-09-17 | Visual-first sitewide closure.
 * Navigation is rendered as a disciplined four-character system without changing link semantics.
 * Table labels keep semantic words intact; local horizontal scroll absorbs narrow viewports.
 */
html:root body .nav>a[href="/lean/"],
html:root body .nav>a[href="/ie/"],
html:root body .nav>a[href="/standardization/"],
html:root body .nav>a[href="/factory/"],
html:root body .nav>a[href="/digital/"],
html:root body .nav>a[href="/methods/"],
html:root body .nav>a[href="/knowledge/"]{
  min-width:96px!important;
  padding-left:12px!important;
  padding-right:12px!important;
  font-size:0!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
}
html:root body .nav>a[href="/lean/"]::before{content:'精益生产'}
html:root body .nav>a[href="/ie/"]::before{content:'工业工程'}
html:root body .nav>a[href="/standardization/"]::before{content:'标准体系'}
html:root body .nav>a[href="/factory/"]::before{content:'工厂规划'}
html:root body .nav>a[href="/digital/"]::before{content:'数智工厂'}
html:root body .nav>a[href="/methods/"]::before{content:'改善工具'}
html:root body .nav>a[href="/knowledge/"]::before{content:'知识索引'}
html:root body .nav>a[href="/lean/"]::before,
html:root body .nav>a[href="/ie/"]::before,
html:root body .nav>a[href="/standardization/"]::before,
html:root body .nav>a[href="/factory/"]::before,
html:root body .nav>a[href="/digital/"]::before,
html:root body .nav>a[href="/methods/"]::before,
html:root body .nav>a[href="/knowledge/"]::before{
  display:inline-block!important;
  font-size:var(--qily-cn-primary-nav-font-size)!important;
  line-height:1.22!important;
  font-weight:900!important;
  letter-spacing:0!important;
  color:currentColor!important;
  -webkit-text-fill-color:currentColor!important;
}

/* QILY-CN-TRANSLATED-NAV-V1
 * Pseudo labels are a zh-CN-only visual normalization. Once the page is translated,
 * show the real translated DOM text so no navigation item remains Chinese.
 */
html[data-qily-translation-language]:not([data-qily-translation-language="zh-CN"]) body .nav>a[href="/lean/"],
html[data-qily-translation-language]:not([data-qily-translation-language="zh-CN"]) body .nav>a[href="/ie/"],
html[data-qily-translation-language]:not([data-qily-translation-language="zh-CN"]) body .nav>a[href="/standardization/"],
html[data-qily-translation-language]:not([data-qily-translation-language="zh-CN"]) body .nav>a[href="/factory/"],
html[data-qily-translation-language]:not([data-qily-translation-language="zh-CN"]) body .nav>a[href="/digital/"],
html[data-qily-translation-language]:not([data-qily-translation-language="zh-CN"]) body .nav>a[href="/methods/"],
html[data-qily-translation-language]:not([data-qily-translation-language="zh-CN"]) body .nav>a[href="/knowledge/"]{
  font-size:var(--qily-cn-primary-nav-font-size)!important;
}
html[data-qily-translation-language]:not([data-qily-translation-language="zh-CN"]) body .nav>a[href="/lean/"]::before,
html[data-qily-translation-language]:not([data-qily-translation-language="zh-CN"]) body .nav>a[href="/ie/"]::before,
html[data-qily-translation-language]:not([data-qily-translation-language="zh-CN"]) body .nav>a[href="/standardization/"]::before,
html[data-qily-translation-language]:not([data-qily-translation-language="zh-CN"]) body .nav>a[href="/factory/"]::before,
html[data-qily-translation-language]:not([data-qily-translation-language="zh-CN"]) body .nav>a[href="/digital/"]::before,
html[data-qily-translation-language]:not([data-qily-translation-language="zh-CN"]) body .nav>a[href="/methods/"]::before,
html[data-qily-translation-language]:not([data-qily-translation-language="zh-CN"]) body .nav>a[href="/knowledge/"]::before{
  content:none!important;
  display:none!important;
}
html:root body :is(.nav a,.toc :is(a,span)){word-break:keep-all!important;overflow-wrap:normal!important}

/* QILY-CN-NAV-RAIL-V7 | 2026-09-18
 * Deterministic cross-browser navigation rail.
 * Real DOM track + real DOM thumb; no native range, no pseudo-element track and
 * no PointerEvent dependency. Colors and geometry stay aligned to international VI.
 */
/* QILY-CN-STICKY-HEADER-V1 | parity with international site.
 * Sticky remains in normal document flow: content scrolls underneath the viewport,
 * while the header itself stays pinned to the top without covering the next section.
 */
html:root body .site-header{
  position:sticky!important;
  position:-webkit-sticky!important;
  top:0!important;
  z-index:2200!important;
  background:rgba(255,255,255,.96)!important;
  -webkit-backdrop-filter:saturate(140%) blur(12px)!important;
  backdrop-filter:saturate(140%) blur(12px)!important;
  border-bottom:1px solid var(--qily-line,#d5e4e3)!important;
  isolation:isolate!important;
}
html:root body .site-header .header-inner{
  display:grid!important;
  grid-template-columns:max-content minmax(0,1fr) max-content!important;
  grid-template-areas:"brand nav translate"!important;
  align-items:center!important;
  column-gap:18px!important;
  row-gap:0!important;
  min-width:0!important;
}
html:root body .site-header .brand{grid-area:brand!important;min-width:max-content!important}
html:root body .site-header .qily-cn-nav-shell{
  grid-area:nav!important;
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  padding-bottom:14px!important;
  overflow:visible!important;
}
html:root body .site-header .qily-cn-translate{
  grid-area:translate!important;
  position:relative!important;
  top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
  align-self:center!important;
}
html:root body .site-header .qily-cn-nav-shell .nav{
  display:flex!important;
  flex:0 1 auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  flex-wrap:nowrap!important;
  padding:0 0 18px!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  scroll-behavior:auto!important;
  scroll-padding-inline:12px!important;
  overscroll-behavior-x:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x pan-y!important;
}
html:root body .site-header .qily-cn-nav-shell .nav::before{
  content:none!important;
  display:none!important;
  margin:0!important;
}
html:root body .site-header .qily-cn-nav-shell .nav>a[href]{
  flex:0 0 auto!important;
  flex-shrink:0!important;
  min-width:104px!important;
  max-width:none!important;
  white-space:nowrap!important;
}
html:root body .site-header .qily-cn-nav-shell .nav::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}
html:root body .qily-primary-nav-scroll-rail{
  position:absolute!important;
  z-index:2147481000!important;
  left:0!important;
  right:auto!important;
  bottom:1px!important;
  width:100%!important;
  height:9px!important;
  min-width:60px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  border:1px solid rgba(15,75,90,.12)!important;
  border-radius:999px!important;
  background:#b9d9d4!important;
  box-shadow:inset 0 0 0 1px rgba(15,75,90,.06)!important;
  overflow:visible!important;
  cursor:ew-resize!important;
  touch-action:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
html:root body .qily-primary-nav-scroll-thumb{
  position:absolute!important;
  z-index:1!important;
  left:0!important;
  top:50%!important;
  width:72px;
  height:7px!important;
  transform:translate3d(0,-50%,0);
  border:0!important;
  border-radius:999px!important;
  background:#0f4b5a!important;
  box-shadow:0 1px 4px rgba(15,75,90,.22)!important;
  cursor:ew-resize!important;
  pointer-events:auto!important;
  will-change:transform,width;
}
html:root body .qily-primary-nav-scroll-rail:is(:hover,:focus-visible,.qily-nav-rail-dragging) .qily-primary-nav-scroll-thumb{
  background:#12606f!important;
}
html:root body .qily-primary-nav-scroll-rail:focus-visible{
  outline:3px solid rgba(202,161,95,.30)!important;
  outline-offset:2px!important;
}
html:root body .qily-primary-nav-scroll-rail[aria-disabled="true"]{
  opacity:1!important;
  filter:none!important;
}

html:root body .table-wrap table :is(th,td){word-break:normal!important;overflow-wrap:break-word!important}
html:root body .table-wrap table :is(th,td):first-child{
  min-width:7.5em!important;
  width:18%!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
}
@media(max-width:900px){
  html:root body .site-header .header-inner{column-gap:12px!important}
  html:root body .nav>a[href="/lean/"],
  html:root body .nav>a[href="/ie/"],
  html:root body .nav>a[href="/standardization/"],
  html:root body .nav>a[href="/factory/"],
  html:root body .nav>a[href="/digital/"],
  html:root body .nav>a[href="/methods/"],
  html:root body .nav>a[href="/knowledge/"]{min-width:94px!important}
}


@media(max-width:720px){
  html:root body .site-header .header-inner{
    grid-template-columns:minmax(0,1fr) max-content!important;
    grid-template-areas:"brand translate" "nav nav"!important;
    column-gap:10px!important;
    row-gap:6px!important;
    align-items:center!important;
    padding-top:10px!important;
    padding-bottom:7px!important;
  }
  html:root body .site-header .qily-cn-nav-shell{width:100%!important;min-width:0!important}
  html:root body .site-header .qily-cn-translate{
    position:relative!important;
    top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
  }
}

/* 2026-09-17 | CN page-thesis module: descriptive, not clickable. */
html:root body aside.toc{cursor:default!important}
html:root body aside.toc>b{display:block!important;margin-bottom:8px!important}
html:root body aside.toc>span{
  display:block!important;
  padding:7px 0!important;
  color:var(--qily-cn-copy)!important;
  -webkit-text-fill-color:var(--qily-cn-copy)!important;
  font-size:var(--qily-cn-small)!important;
  line-height:1.55!important;
  font-weight:500!important;
  text-decoration:none!important;
  cursor:default!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
}


/* QILY-CN-THESIS-NONINTERACTIVE-V1 */
html:root body aside.toc>span{pointer-events:none!important}


/* 2026-09-17 | CN global-knowledge CTA: VI gold + explicit interaction feedback. */
html:root body .knowledge-bridge>a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  margin-top:8px!important;
  padding:8px 14px!important;
  border:1px solid var(--qily-gold)!important;
  border-radius:9px!important;
  background:#fffaf0!important;
  color:#8b6219!important;
  -webkit-text-fill-color:#8b6219!important;
  font-size:18px!important;
  line-height:1.35!important;
  font-weight:900!important;
  text-decoration:none!important;
  transition:transform .15s ease,background-color .15s ease,color .15s ease,box-shadow .15s ease,border-color .15s ease!important;
}
html:root body .knowledge-bridge>a:hover,
html:root body .knowledge-bridge>a:focus-visible{
  background:var(--qily-gold)!important;
  border-color:var(--qily-gold)!important;
  color:#17322d!important;
  -webkit-text-fill-color:#17322d!important;
  transform:translateY(-2px)!important;
  box-shadow:0 10px 24px rgba(122,90,24,.22)!important;
  outline:3px solid rgba(202,161,95,.32)!important;
  outline-offset:2px!important;
}
html:root body .knowledge-bridge>a:active{
  transform:translateY(1px)!important;
  box-shadow:inset 0 2px 5px rgba(23,50,45,.22)!important;
}
@media(max-width:620px){
  html:root body .knowledge-bridge>a{font-size:17px!important}
}
@media(prefers-reduced-motion:reduce){
  html:root body .knowledge-bridge>a{transition:none!important}
  html:root body .knowledge-bridge>a:hover,
  html:root body .knowledge-bridge>a:active{transform:none!important}
}


/* QILY-CN-AIRCRAFT-CENTERED-V2 | 2026-09-18
 * Mirrors the international aircraft-hero geometry while preserving the CN no-QR artwork:
 * full content-axis centering, responsive contain sizing, no manual x-offset/crop.
 */
html:root body .cn-aircraft-showcase{
  box-sizing:border-box!important;
  width:100%!important;
  margin:0 auto!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  position:relative!important;
  overflow:visible!important;
  isolation:isolate;
  padding:clamp(12px,1.5vw,22px) var(--qily-gutter,clamp(18px,2.2vw,56px))!important;
  background:#fff!important;
  border-bottom:1px solid rgba(15,75,90,.12)!important;
}
html:root body .cn-aircraft-showcase>.content{
  box-sizing:border-box!important;
  width:min(var(--qily-cn-axis,1180px),100%)!important;
  max-width:var(--qily-cn-axis,1180px)!important;
  margin-inline:auto!important;
  padding:0!important;
}
html:root body .cn-aircraft-figure{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:0 auto!important;
  overflow:hidden!important;
  border:1px solid #c8dad8!important;
  border-radius:18px!important;
  background:#0b4259!important;
  box-shadow:0 18px 46px rgba(7,60,71,.16)!important;
}
html:root body .cn-aircraft-figure img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  margin-inline:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  position:relative!important;
  transform:none!important;
  background:#0b4259!important;
}
html:root body .cn-aircraft-figure figcaption{
  margin:0!important;
  padding:11px 16px 13px!important;
  color:#496563!important;
  background:#fff!important;
  line-height:1.65!important;
  text-align:center!important;
  border-top:1px solid rgba(15,75,90,.12)!important;
}
@media(max-width:768px){
  html:root body .cn-aircraft-showcase{padding:10px var(--qily-gutter,10px)!important}
  html:root body .cn-aircraft-figure{border-radius:12px!important}
}
@media(max-width:430px){
  html:root body .cn-aircraft-showcase{padding:8px var(--qily-gutter,8px)!important}
  html:root body .cn-aircraft-figure{border-radius:10px!important}
}


/* QILY-CN-ROUTE-FEEDBACK-V1 | 2026-09-18 */
html:root body a[href]:is(.portal-card,.article-link,.btn),
html:root body .practice-links>a[href],
html:root body .subnav>a[href]{
  cursor:pointer!important;
  transition:transform .15s ease,border-color .15s ease,background-color .15s ease,box-shadow .15s ease,color .15s ease!important;
}
@media(hover:hover) and (pointer:fine){
  html:root body a[href]:is(.portal-card,.article-link,.btn):hover,
  html:root body .practice-links>a[href]:hover,
  html:root body .subnav>a[href]:hover{
    transform:translateY(-2px)!important;
    border-color:var(--qily-gold,#caa15f)!important;
    box-shadow:0 12px 28px rgba(15,75,90,.16)!important;
  }
}
html:root body a[href]:is(.portal-card,.article-link,.btn):focus-visible,
html:root body .practice-links>a[href]:focus-visible,
html:root body .subnav>a[href]:focus-visible{
  border-color:var(--qily-gold,#caa15f)!important;
  outline:3px solid rgba(202,161,95,.30)!important;
  outline-offset:2px!important;
  box-shadow:0 12px 28px rgba(15,75,90,.16)!important;
}
html:root body a[href]:is(.portal-card,.article-link,.btn):active,
html:root body .practice-links>a[href]:active,
html:root body .subnav>a[href]:active{
  transform:translateY(1px) scale(.985)!important;
  box-shadow:0 3px 8px rgba(15,75,90,.13)!important;
}
@media(prefers-reduced-motion:reduce){
  html:root body a[href]:is(.portal-card,.article-link,.btn),
  html:root body .practice-links>a[href],
  html:root body .subnav>a[href]{transition:none!important}
}


/* QILY-CN-TYPE-HIERARCHY-V3 | 2026-09-18
 * One explicit scale: H1 > H2 > H3 > body > metadata. No local page may promote body copy into heading scale.
 */
html:root body main :is(p,li,dd,dt,.lead,.callout,.formula,.notice,.knowledge-bridge p,.portal-card p,.article-link p,.trust-box p,.article-body p,.article-body li){
  font-size:var(--qily-cn-body)!important;
}
html:root body :is(.breadcrumbs,.eyebrow,.section-head small,.portal-card small,.meta,.article-meta,.status,.tag,.subnav a,.toc :is(a,span),.logic span,figcaption,time){
  font-size:var(--qily-cn-small)!important;
}

/* RETIRED-CI-MIGRATION-MARKERS | non-active references only:
 * --qily-cn-h1:clamp(30px,8.4vw,37px)
 * --qily-cn-h2:clamp(25px,6.8vw,30px)
 * --qily-cn-h3:clamp(21px,5.7vw,23px)
 */

/* RETIRED-DEPLOY-GATE-FONT22 | compatibility marker only; not an active declaration:
 * font-size:22px!important
 */