/* 运行时挂载期间:可交互版本在后台隐藏渲染,预渲染层先显示;稳定后由 site-boot.js 切换 */
#dc-root { position: absolute; left: 0; top: 0; width: 100%; visibility: hidden; pointer-events: none; }
html.dc-live #dc-root { position: static; visibility: visible; pointer-events: auto; }
x-dc { display: none; }

/* 临时补丁(2026-10-10,10-18 扩到英文首页):首页首屏在手机上,数字栏变高压住两个按钮。
   让首屏高度随内容撑开、数字栏排在按钮下方;数字栏 2×2;按钮文字不折行、放不下就上下排。
   中文「01 战略定位」/ 英文「01 Positioning」结构相同。Claude Design 源稿修好后删除本段。 */
@media (max-width: 1023px) {
  section[data-screen-label="01 战略定位"], section[data-screen-label="01 Positioning"] { height: auto !important; }
  section[data-screen-label="01 战略定位"] > div:nth-child(3), section[data-screen-label="01 Positioning"] > div:nth-child(3) {
    height: auto !important; padding-top: 96px !important; padding-bottom: 48px !important; }
  section[data-screen-label="01 战略定位"] > div:last-child, section[data-screen-label="01 Positioning"] > div:last-child { position: relative !important; }
  section[data-screen-label="01 战略定位"] > div:nth-child(3) > div:last-child,
  section[data-screen-label="01 Positioning"] > div:nth-child(3) > div:last-child { flex-wrap: wrap !important; }
  section[data-screen-label="01 战略定位"] > div:nth-child(3) > div:last-child a,
  section[data-screen-label="01 Positioning"] > div:nth-child(3) > div:last-child a { white-space: nowrap !important; }
}
@media (max-width: 767px) {
  section[data-screen-label="01 战略定位"] > div:last-child > div, section[data-screen-label="01 Positioning"] > div:last-child > div {
    flex-wrap: wrap !important; row-gap: 16px !important; padding: 18px 20px !important; }
  section[data-screen-label="01 战略定位"] > div:last-child > div > div, section[data-screen-label="01 Positioning"] > div:last-child > div > div,
  section[data-screen-label="01 战略定位"] > div:last-child > div > * > div, section[data-screen-label="01 Positioning"] > div:last-child > div > * > div {
    flex: 1 1 42% !important; flex-wrap: wrap !important; padding-left: 14px !important; }
}