@font-face {
  font-family: "Yjh MaoKen FengYa Song";
  src: url("../fonts/yjh-maoken-fengya-song-subset.woff2?v=20260908-2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Yjh Alibaba PuHuiTi";
  src: url("../fonts/yjh-alibaba-puhuiti-regular-subset.woff2?v=20260908-1") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Qxyl Source Han Serif Heavy";
  src: url("../fonts/qxyl-source-han-serif-heavy.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: "Qxyl Source Han Serif Regular";
  src: url("../fonts/qxyl-source-han-serif-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "SourceHanSerifCN-Regular";
  src: url("../fonts/qxyl-source-han-serif-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Qxyl Source Han Serif Bold";
  src: url("../fonts/qxyl-source-han-serif-bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "SourceHanSerifCN-Bold";
  src: url("../fonts/qxyl-source-han-serif-bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Qxyl Source Han Serif Medium";
  src: url("../fonts/qxyl-source-han-serif-medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "SourceHanSerifCN-Medium";
  src: url("../fonts/qxyl-source-han-serif-medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Qxyl Source Han Sans Bold";
  src: url("../fonts/qxyl-source-han-sans-bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

/* Exact type subsets extracted from the layered QXYL formula object. */
@font-face { font-family: "Qxyl Formula Medium"; src: url("../fonts/qxyl-formula-medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Qxyl Formula Normal"; src: url("../fonts/qxyl-formula-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Qxyl Formula Regular"; src: url("../fonts/qxyl-formula-regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Qxyl Formula Light"; src: url("../fonts/qxyl-formula-light.woff2") format("woff2"); font-weight: 300; font-display: swap; }
@font-face { font-family: "Qxyl English Formula Medium"; src: url("../fonts/qxyl-formula-en-medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Qxyl English Formula Normal"; src: url("../fonts/qxyl-formula-en-normal.woff2") format("woff2"); font-weight: 350; font-display: swap; }
@font-face { font-family: "Qxyl English Formula Regular"; src: url("../fonts/qxyl-formula-en-regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Qxyl English Formula Light"; src: url("../fonts/qxyl-formula-en-light.woff2") format("woff2"); font-weight: 300; font-display: swap; }
@font-face { font-family: "Qxyl English Formula Impact"; src: url("../fonts/qxyl-formula-en-impact.woff2") format("woff2"); font-weight: 400; font-display: swap; }

@font-face {
  font-family: "SourceHanSansCN-Medium";
  src: url("../fonts/cyk-source-han-medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: block;
}

/* Exact Source Han subsets embedded in the six editable CYK diagnostic
   smart objects.  These remain layer-specific because each PDF contains a
   different subset and glyph map. */
@font-face { font-family: "CYK EN 2011 Medium"; src: url("../fonts/cyk-en-2011-medium.woff2?v=20260916-1") format("woff2"); font-weight: 500; font-display: block; }
@font-face { font-family: "CYK EN 2011 Normal"; src: url("../fonts/cyk-en-2011-normal.woff2?v=20260916-1") format("woff2"); font-weight: 400; font-display: block; }
@font-face { font-family: "CYK EN 2013 Medium"; src: url("../fonts/cyk-en-2013-medium.woff2?v=20260916-1") format("woff2"); font-weight: 500; font-display: block; }
@font-face { font-family: "CYK EN 2013 Normal"; src: url("../fonts/cyk-en-2013-normal.woff2?v=20260916-1") format("woff2"); font-weight: 400; font-display: block; }
@font-face { font-family: "CYK EN 2017 Medium"; src: url("../fonts/cyk-en-2017-medium.woff2?v=20260916-1") format("woff2"); font-weight: 500; font-display: block; }
@font-face { font-family: "CYK EN 2017 Normal"; src: url("../fonts/cyk-en-2017-normal.woff2?v=20260916-1") format("woff2"); font-weight: 400; font-display: block; }
@font-face { font-family: "CYK EN 2019 Medium"; src: url("../fonts/cyk-en-2019-medium.woff2?v=20260916-1") format("woff2"); font-weight: 500; font-display: block; }
@font-face { font-family: "CYK EN 2019 Normal"; src: url("../fonts/cyk-en-2019-normal.woff2?v=20260916-1") format("woff2"); font-weight: 400; font-display: block; }
@font-face { font-family: "CYK EN 2021 Medium"; src: url("../fonts/cyk-en-2021-medium.woff2?v=20260916-1") format("woff2"); font-weight: 500; font-display: block; }
@font-face { font-family: "CYK EN 2021 Normal"; src: url("../fonts/cyk-en-2021-normal.woff2?v=20260916-1") format("woff2"); font-weight: 400; font-display: block; }
@font-face { font-family: "CYK EN 2023 Normal"; src: url("../fonts/cyk-en-2023-normal.woff2?v=20260916-1") format("woff2"); font-weight: 400; font-display: block; }
@font-face { font-family: "CYK EN 2089 Heavy"; src: url("../fonts/cyk-en-2089-heavy.woff2?v=20260916-1") format("woff2"); font-weight: 900; font-display: block; }
@font-face { font-family: "CYK EN 2089 Medium"; src: url("../fonts/cyk-en-2089-medium.woff2?v=20260916-1") format("woff2"); font-weight: 500; font-display: block; }
@font-face { font-family: "CYK EN 2089 Normal"; src: url("../fonts/cyk-en-2089-normal.woff2?v=20260916-1") format("woff2"); font-weight: 400; font-display: block; }
@font-face { font-family: "CYK EN 2103 Heavy"; src: url("../fonts/cyk-en-2103-heavy.woff2?v=20260916-1") format("woff2"); font-weight: 900; font-display: block; }
@font-face { font-family: "CYK EN 2103 Medium"; src: url("../fonts/cyk-en-2103-medium.woff2?v=20260916-1") format("woff2"); font-weight: 500; font-display: block; }
@font-face { font-family: "CYK EN 2103 Normal"; src: url("../fonts/cyk-en-2103-normal.woff2?v=20260916-1") format("woff2"); font-weight: 400; font-display: block; }
@font-face { font-family: "CYK EN 2112 Heavy"; src: url("../fonts/cyk-en-2112-heavy.woff2?v=20260916-1") format("woff2"); font-weight: 900; font-display: block; }
@font-face { font-family: "CYK EN 2112 Medium"; src: url("../fonts/cyk-en-2112-medium.woff2?v=20260916-1") format("woff2"); font-weight: 500; font-display: block; }
@font-face { font-family: "CYK EN 2112 Normal"; src: url("../fonts/cyk-en-2112-normal.woff2?v=20260916-1") format("woff2"); font-weight: 400; font-display: block; }

@font-face {
  font-family: "CYX Source Han Sans Medium";
  src: url("../fonts/cyx-source-han-medium-titles.woff2?v=20260909-1") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "CYX Health Sans";
  src: url("../fonts/cyx-health-regular.woff2?v=20260909-1") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "CYX Health Sans";
  src: url("../fonts/cyx-health-medium.woff2?v=20260909-1") format("woff2");
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
}

@font-face {
  font-family: "CYX Source Han Sans Normal";
  src: url("../fonts/cyx-source-han-normal-closing.woff2?v=20260909-1") format("woff2");
  font-style: normal;
  font-weight: 350;
  font-display: swap;
}

@font-face {
  font-family: "CYX Alibaba PuHuiTi Regular";
  src: url("../fonts/cyx-alibaba-puhuiti-regular-latin.woff2?v=20260909-1") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "SourceHanSansCN-Regular";
  src: url("../fonts/cyk-source-han-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: block;
}

/* Generated Chinese artwork calls the regular face "Normal". Keep that
   name mapped to the bundled Source Han font instead of falling back to
   Microsoft YaHei, whose full-width punctuation is visibly looser. */
@font-face {
  font-family: "SourceHanSansCN-Normal";
  src: url("../fonts/cyk-source-han-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: block;
}

/* The CYK desktop numerals are the five PingFang-SC-Medium subsets embedded
   in the layered PSB/PDF objects. Declare them in the first desktop sheet so
   the callouts never paint once with a fallback while the later mobile sheet
   is still being discovered. */
@font-face { font-family: "CYK Number 1"; src: url("../fonts/cyk-number-1.ttf") format("truetype"); font-style: normal; font-weight: 500; font-display: block; }
@font-face { font-family: "CYK Number 2"; src: url("../fonts/cyk-number-2.ttf") format("truetype"); font-style: normal; font-weight: 500; font-display: block; }
@font-face { font-family: "CYK Number 3"; src: url("../fonts/cyk-number-3.ttf") format("truetype"); font-style: normal; font-weight: 500; font-display: block; }
@font-face { font-family: "CYK Number 4"; src: url("../fonts/cyk-number-4.ttf") format("truetype"); font-style: normal; font-weight: 500; font-display: block; }
@font-face { font-family: "CYK Number 5"; src: url("../fonts/cyk-number-5.ttf") format("truetype"); font-style: normal; font-weight: 500; font-display: block; }

@font-face {
  font-family: "KL Source Han Sans Normal";
  src: url("../fonts/kl-source-han-normal-350-latin.woff2?v=20260908-1") format("woff2");
  font-style: normal;
  font-weight: 350;
  font-display: swap;
}

@font-face {
  font-family: "KL Roboto Condensed";
  src: url("../fonts/kl-roboto-condensed-regular-latin.woff2?v=20260909-1") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "SourceHanSansCN-Bold";
  src: url("../fonts/cyk-source-han-bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: block;
}

.brand-desktop-code { display: none; }

@media (min-width: 781px) {
  .brand-code-blky .blky-code-compare {
    position: absolute;
    z-index: 4;
    left: 20.1041667%;
    width: 59.7395833%;
    overflow: hidden;
    color: #2a1b0a;
    font-family: "SourceHanSansCN-Normal", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  }

  .brand-code-blky .blky-code-compare.zh {
    top: 23.95%;
    height: 13.85%;
  }

  .brand-code-blky .blky-code-compare.en {
    top: 58.8777%;
    height: 8.9029%;
  }

  .blky-code-compare > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .blky-compare-diagram > * {
    position: absolute;
    margin: 0;
    font-size: 1.25cqw;
    line-height: 1.1;
    white-space: nowrap;
  }

  .blky-compare-diagram strong { font-weight: 700; }
  .blky-compare-diagram .variable { top: 25.2%; left: 24.4%; }
  .blky-compare-diagram .full { top: 18.2%; left: 42.7%; }
  .blky-compare-diagram .meta { top: 10.8%; left: 58.4%; }
  .blky-compare-diagram .resolution { top: 22.7%; left: 72.1%; }
  .blky-compare-diagram .sweet { top: 32.8%; left: 50.8%; }

  .blky-code-compare.en .blky-compare-diagram > * { font-size: 1.05cqw; }
  .blky-code-compare.en .blky-compare-diagram .variable { top: 16.5%; left: 20.8%; }
  .blky-code-compare.en .blky-compare-diagram .full { top: 10.7%; left: 36.9%; }
  .blky-code-compare.en .blky-compare-diagram .meta { top: 5.2%; left: 57.2%; }
  .blky-code-compare.en .blky-compare-diagram .resolution { top: 17.2%; left: 75.2%; }
  .blky-code-compare.en .blky-compare-diagram .sweet { top: 23.9%; left: 52.4%; }

  .blky-compare-table {
    position: absolute;
    top: 61.35%;
    left: 0;
    width: 100%;
    height: 38.65%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: .83cqw;
    line-height: 1.15;
    text-align: center;
  }

  .blky-code-compare.en .blky-compare-table {
    top: 38.55%;
    height: 61.45%;
    font-size: .72cqw;
  }

  .blky-compare-table th,
  .blky-compare-table td {
    padding: 0 .35cqw;
    border: 0;
    vertical-align: middle;
    font-weight: 400;
  }

  .blky-compare-table thead { height: 18%; }
  .blky-code-compare.en .blky-compare-table thead { height: 14%; }
  .blky-compare-table tbody tr { height: 20.5%; }
  .blky-code-compare.en .blky-compare-table tbody tr { height: 21.5%; }
  .blky-compare-table th,
  .blky-compare-table strong { font-weight: 700; }

  /* Keep the exact PSB smart-object rendering visible until the text-free
     Illustrator layer can be re-projected with its original transform. */
  .brand-code-blky .blky-code-compare { display: none; }

  .brand-code-canvas.zh .brand-code-text {
    font-feature-settings: "halt" 1;
  }

  /* CYX English hero: align the decorative/product layer and keep the
     semantic strapline on the two source-artwork lines. */
  .brand-code-cyx.en > .brand-code-slice:first-child > img {
    top: var(--image-top, 0%);
    transform: none;
  }

  .brand-code-cyx.en [data-layer-id="305"] {
    left: 52.03125%;
    width: 32%;
    font-family: "CYX Alibaba PuHuiTi Regular", "Alibaba-PuHuiTi-R", Arial, sans-serif;
    font-size: 1.9609375cqw;
    line-height: calc(var(--lh) + .052521cqw);
    white-space: pre-wrap;
    overflow: visible;
    transform: translateY(-.8854167cqw) scaleX(1.00685);
    transform-origin: left top;
  }

  /* Align the English intro paragraph with the source composition. */
  .brand-code-cyx.en [data-layer-id="2090"] {
    left: 15.5%;
    width: 69%;
    transform: translateY(-1.35cqw);
  }

  /* Match the source composition for the English star-story paragraph. */
  .brand-code-cyx.en [data-layer-id="2098"] {
    left: 44.6875%;
    width: 40.8%;
    transform: translateY(-1.35cqw);
  }

  .brand-code-cyx.en [data-layer-id="2097"] {
    font-size: 1.25cqw;
    line-height: 2.65625cqw;
    transform: translateY(-.5cqw);
  }

  /* 常伊星首屏文字按设计稿的文本框边界排版。 */
  .brand-code-cyx.zh [data-layer-id="2090"] {
    left: 17%;
    width: 63%;
    transform: translateY(-.6770833cqw);
  }

  .brand-code-cyx.zh [data-layer-id="2098"] {
    left: 44.6875%;
    width: 40.1%;
    height: 13.3680545cqw;
    overflow: hidden;
    transform: translateY(-.46875cqw);
  }

  .brand-code-cyx.zh [data-layer-id="2097"] {
    left: 9.3229167%;
    width: 58%;
    line-height: 2.7083333cqw;
    transform: translateY(-.4166667cqw);
  }

  .brand-code-cyx.zh [data-layer-id="322"] {
    left: 33.3%;
    width: 32%;
    white-space: nowrap;
    line-height: 1;
  }

  .brand-code-cyx [data-layer-id="322"] {
    /* The glyph descenders extend below a one-em line box. Keep the
       text-clipped background painting through the complete letters. */
    padding-bottom: .25em;
    overflow: visible;
    color: transparent;
    opacity: 1;
    background: linear-gradient(180deg,
      #ffffff 0%,
      #faf8fd 28%,
      #eee8f6 58%,
      #d9cde9 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  /* Match the English Product Ecosystem title group to the source artwork. */
  .brand-code-cyx.en [data-layer-id="322"] {
    left: 30%;
    width: 40%;
    line-height: 1;
    white-space: nowrap;
    overflow: visible;
    background-image: linear-gradient(180deg,
      #ffffff 0%,
      #faf8fd 28%,
      #eee8f6 58%,
      #d9cde9 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: translateY(-1.0416667cqw);
  }

  .brand-code-cyx.en [data-layer-id="323"] {
    left: 30%;
    width: 40%;
    font-family: "SourceHanSansCN-Bold", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-size: 2.274cqw;
    font-weight: 700;
    line-height: 1.15;
    white-space: nowrap;
    overflow: visible;
    transform: translateY(-1.0416667cqw);
  }

  .brand-code-cyx.zh [data-layer-id="324"] {
    transform: translateY(.625cqw);
  }

  .brand-code-cyx.en [data-layer-id="324"] {
    left: 25%;
    width: 50%;
    font-family: "SourceHanSansCN-Bold", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-size: 1.45cqw;
    font-weight: 700;
    white-space: nowrap;
    overflow: visible;
    transform: translateY(-1.0416667cqw);
  }

  .brand-code-cyx.en [data-layer-id="1468"] {
    font-size: 1.25cqw;
    line-height: 2.2916667cqw;
    letter-spacing: .004em;
    color: #302c29;
    transform: translateY(-1.25cqw);
  }

  /* Keep the three Detection content blocks on the same line breaks and
     proportions as the English source composition. */
  .brand-code-cyx.en [data-layer-id="1569"] {
    left: 20%;
    width: 60%;
    font-size: 2.2916667cqw;
    line-height: 1.2;
    white-space: nowrap;
    overflow: visible;
  }

  .brand-code-cyx.en [data-layer-id="2126"],
  .brand-code-cyx.en [data-layer-id="2125"] {
    left: 20%;
    width: 60%;
    line-height: 1.2;
    white-space: nowrap;
    overflow: visible;
  }

  .brand-code-cyx.en [data-layer-id="2137"] {
    left: 15%;
    width: 70%;
    white-space: nowrap;
    overflow: visible;
  }

  .brand-code-cyx.en [data-layer-id="2136"] {
    left: 20%;
    width: 60%;
    line-height: 2cqw;
    white-space: pre-wrap;
    overflow: visible;
  }

  .brand-code-cyx.en [data-layer-id="2293"],
  .brand-code-cyx.en [data-layer-id="2296"] {
    color: #302c29;
    font-size: 1.3020833cqw;
    white-space: pre;
    overflow: visible;
  }

  .brand-code-cyx.en [data-layer-id="1565"],
  .brand-code-cyx.en [data-layer-id="2127"] {
    left: 14%;
    width: 72%;
    color: #302c29;
    font-size: 1.3020833cqw;
    line-height: 2.5cqw;
    white-space: pre-wrap;
    overflow: visible;
    transform: translateY(-.2604167cqw);
  }

  .brand-code-cyx.en .cyx-system-code {
    position: absolute;
    z-index: 4;
    top: 40.25%;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    min-height: 18.5cqw;
    padding-top: .75cqw;
    background: #fff;
    pointer-events: auto;
    user-select: text;
  }

  .brand-code-cyx.en .cyx-system-code-row {
    display: grid;
    grid-template-columns: 17.1354167cqw 1fr;
    column-gap: 2.8125cqw;
    align-items: center;
    width: 62.5%;
    height: 4.0625cqw;
    margin: 0 0 1.3541667cqw 21.1979167%;
    padding: 0;
  }

  .brand-code-cyx.en .cyx-system-code-row:last-child {
    margin-bottom: 0;
  }

  .brand-code-cyx.en .cyx-system-code-row h3,
  .brand-code-cyx.en .cyx-system-code-row p {
    margin: 0;
    padding: 0;
    font-family: "SourceHanSansCN-Normal", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-style: normal;
  }

  .brand-code-cyx.en .cyx-system-code-row h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    border-radius: 999px;
    background: #714f9d;
    color: #fff;
    font-size: 1.3020833cqw;
    font-weight: 400;
    line-height: 1.45;
    text-align: center;
  }

  .brand-code-cyx.en .cyx-system-code-row p {
    color: #111;
    font-size: 1.25cqw;
    font-weight: 400;
    line-height: 2cqw;
    text-align: left;
    white-space: nowrap;
  }

  .brand-code-cyx.en [data-layer-id="2109"],
  .brand-code-cyx.en [data-layer-id="2114"] {
    white-space: nowrap;
    overflow: visible;
    transform: translateY(-1.5cqw);
  }

  .brand-code-cyx.en [data-layer-id="2119"] {
    line-height: 1.5625cqw;
    white-space: pre-wrap;
    overflow: visible;
    transform: translateY(-.7708333cqw);
  }

  .brand-code-cyx.zh [data-layer-id="305"] {
    width: 24%;
    white-space: nowrap;
    overflow: visible;
  }

  .brand-code-cyx.zh [data-layer-id="323"] {
    left: 43.3%;
    width: 12%;
    font-size: 2.0833333cqw;
    font-weight: 600;
    line-height: 1.15;
    white-space: nowrap;
  }

  .brand-code-cyx.zh [data-layer-id="324"] {
    left: 34.3%;
    width: 30%;
    font-size: 1.3020833cqw;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
  }

  .brand-code-cyx.zh [data-layer-id="2109"],
  .brand-code-cyx.zh [data-layer-id="2114"],
  .brand-code-cyx.zh [data-layer-id="2119"] {
    white-space: nowrap;
    overflow: visible;
    transform: translateY(-.5cqw);
  }

  .brand-code-cyx.zh [data-layer-id="1568"],
  .brand-code-cyx.zh [data-layer-id="1569"],
  .brand-code-cyx.zh [data-layer-id="2125"],
  .brand-code-cyx.zh [data-layer-id="2126"],
  .brand-code-cyx.zh [data-layer-id="2136"],
  .brand-code-cyx.zh [data-layer-id="2137"],
  .brand-code-cyx.zh [data-layer-id="2138"],
  .brand-code-cyx.zh [data-layer-id="2140"],
  .brand-code-cyx.zh [data-layer-id="2156"],
  .brand-code-cyx.zh [data-layer-id="2157"],
  .brand-code-cyx.zh [data-layer-id="2159"],
  .brand-code-cyx.zh [data-layer-id="2177"],
  .brand-code-cyx.zh [data-layer-id="2179"] {
    white-space: nowrap;
    overflow: visible;
  }

  .brand-code-cyx.en [data-layer-id="2159"],
  .brand-code-cyx.en [data-layer-id="2179"] {
    left: 34%;
    width: 32%;
    white-space: nowrap;
    overflow: visible;
  }

  .brand-code-cyx.en [data-layer-id="2156"] {
    left: 15%;
    width: 70%;
    white-space: nowrap;
    overflow: visible;
  }

  .brand-code-cyx.en [data-layer-id="2153"] {
    left: 15%;
    width: 70%;
    white-space: pre;
    overflow: visible;
  }

  .brand-code-cyx.zh [data-layer-id="1565"],
  .brand-code-cyx.zh [data-layer-id="2127"],
  .brand-code-cyx.zh [data-layer-id="2134"],
  .brand-code-cyx.zh [data-layer-id="2135"],
  .brand-code-cyx.zh [data-layer-id="2153"],
  .brand-code-cyx.zh [data-layer-id="2173"],
  .brand-code-cyx.zh [data-layer-id="2183"] {
    white-space: pre;
    overflow: visible;
  }

  .brand-code-cyx.zh [data-layer-id="2125"],
  .brand-code-cyx.zh [data-layer-id="2126"],
  .brand-code-cyx.zh [data-layer-id="2136"],
  .brand-code-cyx.zh [data-layer-id="2137"],
  .brand-code-cyx.zh [data-layer-id="2156"] {
    font-family: "CYX Source Han Sans Medium", sans-serif;
  }

  .brand-code-cyx.zh [data-layer-id="1468"] {
    left: 20.7%;
    width: 56%;
    transform: none;
  }

  .brand-code-cyx.zh [data-layer-id="1470"],
  .brand-code-cyx.zh [data-layer-id="1528"],
  .brand-code-cyx.zh [data-layer-id="1529"] {
    width: 22%;
    font-family: "SourceHanSansCN-Normal", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-size: 1.3020833cqw;
    font-weight: 400;
    line-height: 2.34375cqw;
    transform: translateY(.2604167cqw);
  }

  .brand-code-cyx.zh [data-layer-id="1470"] { left: 10%; }
  .brand-code-cyx.zh [data-layer-id="1528"] { left: 38%; }
  .brand-code-cyx.zh [data-layer-id="1529"] { left: 65.6%; }

  .brand-code-cyx.zh .cyx-system-column-title {
    display: block;
    margin-bottom: .2083333cqw;
    font-family: "SourceHanSansCN-Medium", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-size: 1.5190965cqw;
    font-weight: 500;
    line-height: 2.34375cqw;
  }

  .brand-code-cyx.zh .cyx-system-column-copy {
    display: block;
  }

  /* The two source columns in the Health & Wellness section were embedded
     PDF smart objects. Replace that flattened area with the text-free PSB
     background, the original product packshot, and semantic HTML copy. */
  .brand-code-cyx > .brand-code-slice:last-child .cyx-health-code-stage {
    position: absolute;
    z-index: 1;
    top: 58.3333333cqw;
    left: 0;
    width: 100%;
    height: 153cqw;
    container-type: inline-size;
    color: #211b18;
    font-family: "CYX Health Sans", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  }

  .cyx-health-code-background {
    position: absolute;
    inset: 0;
    background: #fff url("../images/cyx/mobile-health-v48/health-background.webp") 0 0 / 100% auto no-repeat;
  }

  .brand-code-cyx.en .cyx-health-code-background {
    background-image: url("../images/cyx/en-mobile-v50/health-background.webp");
  }

  .cyx-health-code-product {
    position: absolute;
    z-index: 1;
    top: 12.6041667cqw;
    left: 33.6458333%;
    display: block;
    width: 32.9166667%;
    height: 50.0520833cqw;
    max-width: none;
    object-fit: contain;
  }

  .brand-code-cyx.zh > .brand-code-slice:last-child .cyx-health-code-stage {
    top: -5.4166667cqw;
    height: 124.6875cqw;
  }

  .brand-code-cyx.zh .cyx-health-code-matrix,
  .brand-code-cyx.zh .cyx-health-code-technology {
    top: 78.75cqw;
  }

  .brand-code-cyx.zh .cyx-health-code-matrix {
    left: 23%;
    width: 20.4%;
  }

  .cyx-health-code-columns {
    position: absolute;
    z-index: 2;
    inset: 0;
    margin: 0;
    padding: 0;
  }

  .cyx-health-code-matrix,
  .cyx-health-code-technology {
    position: absolute;
    top: 83.2291667cqw;
    margin: 0;
    padding-top: 1.3541667cqw;
    text-align: center;
  }

  .cyx-health-code-matrix {
    left: 16.7708333%;
    width: 24%;
  }

  .cyx-health-code-technology {
    left: 53%;
    width: 27%;
  }

  .cyx-health-code-columns h3,
  .cyx-health-code-columns dl,
  .cyx-health-code-columns dt,
  .cyx-health-code-columns dd,
  .cyx-health-code-columns p {
    margin: 0;
    padding: 0;
  }

  .cyx-health-code-columns h3 {
    font-size: 1.5190972cqw;
    font-weight: 700;
    line-height: 1.65;
  }

  .cyx-health-code-matrix dl {
    margin-top: 2.2395833cqw;
  }

  .cyx-health-code-matrix dl > div + div {
    margin-top: 1.9791667cqw;
  }

  .cyx-health-code-matrix dt {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.6041667cqw;
    padding: .2083333cqw .625cqw;
    border-radius: 1.3020833cqw;
    color: #fff;
    background: #714f9d;
    font-size: 1.3020833cqw;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
  }

  .cyx-health-code-matrix dd,
  .cyx-health-code-copy {
    font-size: 1.3020833cqw;
    font-weight: 400;
    line-height: 1.5625cqw;
    white-space: nowrap;
  }

  .cyx-health-code-matrix dd {
    margin-top: .3125cqw;
  }

  .cyx-health-code-count {
    margin-top: 1.6666667cqw !important;
    line-height: 1;
  }

  .cyx-health-code-count span,
  .cyx-health-code-count strong {
    display: block;
  }

  .cyx-health-code-count span {
    font-size: 1.5190972cqw;
    font-weight: 700;
    line-height: 1.45;
  }

  .cyx-health-code-count strong {
    color: #714f9d;
    font-size: 2.8203125cqw;
    font-weight: 700;
    line-height: 1.05;
  }

  .cyx-health-code-copy {
    margin-top: 2.5520833cqw !important;
  }

  .brand-code-cyx.en .cyx-health-code-columns h3 {
    font-size: 1.5190972cqw;
  }

  .brand-code-cyx.en .cyx-health-code-matrix dl {
    margin-top: 2.2395833cqw;
  }

  .brand-code-cyx.en .cyx-health-code-matrix dl > div + div {
    margin-top: 2.1354167cqw;
  }

  .brand-code-cyx.en .cyx-health-code-matrix dt {
    min-height: 3.4375cqw;
    border-radius: 1.71875cqw;
    font-size: 1.40625cqw;
    white-space: normal;
  }

  .brand-code-cyx.en .cyx-health-code-matrix dd,
  .brand-code-cyx.en .cyx-health-code-copy {
    font-size: 1.3020833cqw;
    line-height: 1.5625cqw;
    white-space: normal;
  }

  .brand-code-cyx.en .cyx-health-code-matrix dd {
    margin-top: 1.1458333cqw;
  }

  .brand-code-cyx.en .cyx-health-code-count {
    margin-top: 4.6875cqw !important;
  }

  .brand-code-cyx.en .cyx-health-code-count strong {
    font-size: 1.9270833cqw;
    line-height: 1.12;
  }

  .brand-code-cyx.en .cyx-health-code-count span {
    margin-top: .3125cqw;
    font-size: .9375cqw;
  }

  .brand-code-cyx.en .cyx-health-code-copy {
    margin-top: 2.5cqw !important;
  }

  /* The English source also contains 454px of empty canvas below the final
     purple panel. Crop that export-only tail so the real footer follows the
     artwork immediately, while retaining source-pixel positions for text. */
  .brand-code-cyx.en > .brand-code-slice:last-child {
    aspect-ratio: 1920 / 6406;
  }

  .brand-code-cyx.en > .brand-code-slice:last-child > img {
    height: 357.2916667cqw;
  }

  .brand-code-cyx.en > .brand-code-slice:last-child [data-layer-id="2293"] { top: -5.3125001cqw; }
  .brand-code-cyx.en > .brand-code-slice:last-child [data-layer-id="2136"] { top: 16.8229166cqw; }
  .brand-code-cyx.en > .brand-code-slice:last-child [data-layer-id="2296"] { top: 23.90625cqw; }
  .brand-code-cyx.en > .brand-code-slice:last-child [data-layer-id="2159"] { top: 61.5104165cqw; }
  .brand-code-cyx.en > .brand-code-slice:last-child [data-layer-id="2156"] { top: 124.1145832cqw; }
  .brand-code-cyx.en > .brand-code-slice:last-child [data-layer-id="2153"] { top: 128.9583335cqw; }
  .brand-code-cyx.en > .brand-code-slice:last-child [data-layer-id="2179"] { top: 211.7187501cqw; }
  .brand-code-cyx.en > .brand-code-slice:last-child [data-layer-id="2297"] { top: 269.7395833cqw; }
  .brand-code-cyx.en > .brand-code-slice:last-child [data-layer-id="2299"] { top: 295.9374999cqw; }

  /* The Chinese source continues with 2149px of blank canvas after the
     closing purple artwork. Crop the container at the artwork boundary,
     preserve the original image scale, and keep every text layer on its
     original source-pixel coordinate so the real footer remains in flow. */
  .brand-code-cyx.zh > .brand-code-slice:last-child {
    aspect-ratio: 1920 / 4711;
  }

  .brand-code-cyx.zh > .brand-code-slice:last-child > img {
    height: 357.2916667cqw;
  }

  .brand-code-cyx.zh > .brand-code-slice:last-child [data-layer-id="2153"] {
    top: 62.6041667cqw;
  }

  .brand-code-cyx.zh > .brand-code-slice:last-child [data-layer-id="2156"] {
    top: 57.7604167cqw;
  }

  .brand-code-cyx.zh > .brand-code-slice:last-child [data-layer-id="2173"] {
    top: 177.7604167cqw;
  }

  .brand-code-cyx.zh > .brand-code-slice:last-child [data-layer-id="2177"] {
    top: 126.25cqw;
  }

  .brand-code-cyx.zh > .brand-code-slice:last-child [data-layer-id="2179"] {
    top: 123.28125cqw;
  }

  .brand-code-cyx.zh > .brand-code-slice:last-child [data-layer-id="2183"] {
    top: 204.1145833cqw;
    font-family: "CYX Source Han Sans Normal", "SourceHanSansCN-Normal", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-weight: 350;
  }

  .brand-desktop-code {
    display: block;
    width: 100%;
    padding-top: 80px;
    overflow: hidden;
    background: #fff;
  }

  .brand-desktop-code:has(.brand-code-qxyl),
  .brand-desktop-code:has(.brand-code-cyk),
  .brand-desktop-code:has(.brand-code-yjh),
  .brand-desktop-code:has(.brand-code-kl.en) {
    padding-top: 0;
  }

  .brand-code-cyk > .brand-code-slice:first-child::before {
    position: absolute;
    z-index: 3;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 37.5cqw;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    pointer-events: none;
  }

  .brand-code-cyk > .brand-code-slice:first-child > [data-layer-id="305"] {
    z-index: 4;
    top: calc(var(--y) + 3.6458333cqw);
    overflow: visible;
  }

  .brand-code-cyk.zh > .brand-code-slice:first-child > [data-layer-id="305"] {
    white-space: nowrap;
  }

  .brand-code-cyk.en > .brand-code-slice:first-child > [data-layer-id="305"] {
    white-space: pre;
  }

  .brand-code-cyk.zh > .brand-code-slice:first-child::before {
    background-image: url("../images/brand-code/cyk/zh/hero-code.webp?v=20260916-3");
  }

  .brand-code-cyk.en > .brand-code-slice:first-child::before {
    background-image: url("../images/brand-code/cyk/en/hero-code.webp?v=20260916-3");
  }

  .brand-code-yjh > .brand-code-slice:first-child::before {
    position: absolute;
    z-index: 3;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 37.5cqw;
    background: transparent;
    pointer-events: none;
  }

  .brand-code-yjh-hero-copy {
    position: absolute;
    z-index: 4;
    top: 15.75cqw;
    left: 57.7%;
    width: 35%;
    color: #fff;
    text-align: left;
    pointer-events: none;
  }

  .brand-code-yjh-hero-copy h1,
  .brand-code-yjh-hero-copy p {
    margin: 0;
    color: inherit;
  }

  .brand-code-yjh-hero-copy h1 {
    font-family: "Yjh MaoKen FengYa Song", "Times New Roman", serif;
    font-size: 4.9cqw;
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: 0;
    white-space: nowrap;
    transform: translateY(-5px) scale(.94563, .99);
    transform-origin: left top;
  }

  .brand-code-yjh-hero-copy p {
    margin-top: .26cqw;
    margin-left: 7px;
    font-family: "Yjh Alibaba PuHuiTi", Arial, sans-serif;
    font-size: 2.170874cqw;
    font-weight: 400;
    line-height: 2.820138cqw;
    letter-spacing: 0;
    white-space: nowrap;
  }

  .brand-code-yjh.zh .brand-code-yjh-hero-copy {
    top: 15.9cqw;
  }

  .brand-code-yjh.zh .brand-code-yjh-hero-copy h1 {
    font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-size: 4.65cqw;
    font-weight: 400;
    letter-spacing: .01em;
    transform: none;
  }

  .brand-code-yjh.zh .brand-code-yjh-hero-copy p {
    margin-top: .48cqw;
    font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-size: 2.12cqw;
    letter-spacing: .01em;
  }

  .brand-code-yjh > .brand-code-slice:first-child > img {
    top: -.08%;
  }

  .yjh-feature-code {
    position: absolute;
    z-index: 2;
    transform: translateY(-.3304167cqw);
    pointer-events: auto;
  }

  .yjh-feature-code-line {
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    width: max-content;
    max-width: none;
    line-height: 1;
    white-space: pre;
    font-synthesis: none;
  }

  .brand-code-yjh > .brand-code-slice:first-child > .brand-code-text:not([data-layer-id="305"]) {
    top: calc(var(--y) + 2.68cqw);
  }

  .brand-code-yjh [data-layer-id="1465"] {
    white-space: pre;
    overflow: visible;
    font-family: "SourceHanSansCN-Regular", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-feature-settings: "halt" 1;
  }

  .brand-code-yjh [data-layer-id="1465"] .yjh-intro-emphasis {
    color: #7fbc03;
    font-weight: 500;
  }

  .brand-code-yjh [data-layer-id="322"] {
    left: 30%;
    width: 40%;
    font-family: "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;
    font-size: 3.72cqw;
    font-weight: 700;
    white-space: nowrap;
    overflow: visible;
    line-height: 1.16;
    box-sizing: content-box;
    padding-bottom: 1cqw;
    color: transparent;
    opacity: 1;
    background: linear-gradient(180deg,
      #fcfdf9 0%,
      #f3f8e9 42%,
      #e1eecc 100%);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: translateY(.32cqw) scaleY(.92);
    transform-origin: center top;
  }

  .brand-code-yjh [data-layer-id="323"],
  .brand-code-yjh [data-layer-id="324"] {
    white-space: nowrap;
    overflow: visible;
  }

  .brand-code-yjh [data-layer-id="324"] {
    font-family: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    transform: translate(-.4cqw, .18cqw) scaleX(.97);
    transform-origin: center top;
  }

  .brand-code-yjh [data-layer-id="323"] {
    left: 43.5%;
    width: 13%;
    font-family: "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;
    font-size: 2.32cqw;
    font-weight: 700;
    transform: translateY(1.22cqw);
  }

  .brand-code-yjh.en [data-layer-id="323"] {
    left: 20%;
    top: calc(var(--y) + 2.79cqw + 6px) !important;
    width: 60%;
    font-family: Arial, "Microsoft YaHei UI", sans-serif;
    font-size: 2.32cqw;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    transform: scaleX(.94);
    transform-origin: center top;
  }

  .brand-code-yjh.en [data-layer-id="324"] {
    left: 10%;
    top: calc(var(--y) + 2.63cqw) !important;
    width: 80%;
    font-family: Arial, "Microsoft YaHei UI", sans-serif;
    font-size: 1.63cqw;
    font-weight: 400;
    text-align: center;
    transform: scaleX(.97);
    transform-origin: center top;
  }

  .brand-code-yjh [data-layer-id="1555"],
  .brand-code-yjh [data-layer-id="1557"] {
    white-space: nowrap;
    overflow: visible;
    text-align: center;
  }

  .brand-code-yjh.zh [data-layer-id="1568"] {
    left: 43%;
    width: 14%;
    white-space: nowrap;
    overflow: visible;
    text-align: center;
  }

  .brand-code-yjh.zh [data-layer-id="1569"] {
    left: 15%;
    width: 70%;
    white-space: pre;
    overflow: visible;
    text-align: center;
  }

  /* Keep the English detection copy in the three deliberate source lines. */
  .brand-code-yjh.en [data-layer-id="1569"] {
    left: 18%;
    top: calc(var(--y) + 2.93cqw) !important;
    width: 70%;
    white-space: pre;
    overflow: visible;
    text-align: center;
  }

  .brand-code-yjh.zh [data-layer-id="1830"] {
    left: 43%;
    width: 14%;
    white-space: nowrap;
    overflow: visible;
    text-align: center;
  }

  .brand-code-yjh.zh [data-layer-id="1835"],
  .brand-code-yjh.zh [data-layer-id="1859"] {
    width: 24%;
    white-space: nowrap;
    overflow: visible;
  }

  .brand-code-yjh.zh [data-layer-id="1840"],
  .brand-code-yjh.zh [data-layer-id="1860"] {
    width: 38%;
    white-space: pre;
    overflow: visible;
  }

  /* English transplant section: retain the source hierarchy without wrapping
     the heading or product names into disconnected lines. */
  .brand-code-yjh.en [data-layer-id="1830"] {
    left: 20%;
    top: calc(var(--y) + 4.30cqw) !important;
    width: 60%;
    font-size: 3.72cqw;
    white-space: nowrap;
    overflow: visible;
    text-align: center;
  }

  .brand-code-yjh.en [data-layer-id="1835"],
  .brand-code-yjh.en [data-layer-id="1859"] {
    top: calc(var(--y) + 5.18cqw) !important;
    white-space: nowrap;
    overflow: visible;
  }

  .brand-code-yjh.en [data-layer-id="1840"],
  .brand-code-yjh.en [data-layer-id="1860"] {
    top: calc(var(--y) + 4.45cqw) !important;
    white-space: pre;
    overflow: visible;
  }

  .brand-code-yjh-product-switch,
  .brand-code-yjh-product-mask,
  .brand-code-yjh-product-variant,
  .brand-code-yjh-target-cleaner,
  .brand-code-yjh-product-info,
  .brand-code-yjh-product-button {
    position: absolute;
  }

  .brand-code-yjh-product-switch {
    z-index: 8;
    inset: 0;
    pointer-events: none;
  }

  .brand-code-yjh-product-mask {
    z-index: 9;
    display: none;
    background: #fff;
  }

  .brand-code-yjh-product-liquid .brand-code-yjh-product-mask {
    left: 27.2%;
    top: 58.5%;
    width: 31%;
    height: 11%;
  }

  .brand-code-yjh-product-powder .brand-code-yjh-product-mask {
    left: 45.5%;
    top: 75.5%;
    width: 30%;
    height: 10.8%;
  }

  .brand-code-yjh.en .brand-code-yjh-product-liquid .brand-code-yjh-product-mask {
    left: 25.5%;
    top: 55.5%;
    width: 34%;
    height: 13.8%;
  }

  .brand-code-yjh.en .brand-code-yjh-product-powder .brand-code-yjh-product-mask {
    left: 43%;
    top: 74%;
    width: 33%;
    height: 13.8%;
  }

  /* The switchable English product artwork must sit over the original product
     area, below the two explanatory lines. */
  .brand-code-yjh.en .brand-code-yjh-product-mask,
  .brand-code-yjh.en .brand-code-yjh-product-variant {
    transform: translateY(6.8cqw);
  }

  /* The mask only replaces the original product image.  Trim its upper edge
     so it cannot erase the explanatory copy above the product. */
  .brand-code-yjh.en .brand-code-yjh-product-mask {
    clip-path: inset(4cqw 0 0);
  }

  /* The powder artwork already uses the exact coordinates from the English
     source file.  Do not inherit the liquid section's visual offset/crop. */
  .brand-code-yjh.en .brand-code-yjh-product-powder .brand-code-yjh-product-mask,
  .brand-code-yjh.en .brand-code-yjh-product-powder .brand-code-yjh-product-variant {
    transform: none;
  }

  .brand-code-yjh.en .brand-code-yjh-product-powder .brand-code-yjh-product-variant {
    transform: translateY(-3.17cqw);
  }

  .brand-code-yjh.en .brand-code-yjh-product-powder .brand-code-yjh-product-mask {
    clip-path: none;
  }

  .brand-code-yjh-product-variant {
    z-index: 10;
    max-width: none;
    height: auto;
    pointer-events: none;
  }

  .brand-code-yjh-target-cleaner {
    z-index: 11;
    left: 81.6666667%;
    top: 54.0605296%;
    width: 15.625%;
    max-width: none;
    height: auto;
    pointer-events: none;
  }

  .brand-code-yjh.en .brand-code-yjh-target-cleaner {
    left: 81.6666667%;
    top: 55.2837327%;
    width: 15.625%;
  }

  .brand-code-yjh .brand-code-yjh-product-powder .brand-code-yjh-target-cleaner,
  .brand-code-yjh.en .brand-code-yjh-product-powder .brand-code-yjh-target-cleaner {
    left: 3.6458333%;
    top: 70.4665826%;
    width: 15.625%;
  }

  .brand-code-yjh-product-info {
    z-index: 12;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    background: #7fbd04;
    font-family: "Microsoft YaHei", Arial, sans-serif;
    font-size: 1.15cqw;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    pointer-events: none;
  }

  .brand-code-yjh-product-liquid .brand-code-yjh-product-info {
    left: 81.6666667%;
    top: 65.3846154%;
    width: 15.625%;
    height: .7964%;
    background: transparent;
  }

  .brand-code-yjh-product-powder .brand-code-yjh-product-info {
    left: 3.6458333%;
    top: 81.8032787%;
    width: 15.625%;
    height: .7964%;
    background: transparent;
  }

  .brand-code-yjh.en .brand-code-yjh-product-liquid .brand-code-yjh-product-info {
    left: 81.6666667%;
    top: 66.6078184%;
    width: 15.625%;
    height: .95%;
    align-items: flex-start;
    justify-content: center;
    padding: 2.65cqw 0 0 !important;
    overflow: visible;
    font-family: "SourceHanSansCN-Bold", "Microsoft YaHei", Arial, sans-serif !important;
    font-size: .96cqw !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  .brand-code-yjh.en .brand-code-yjh-product-powder .brand-code-yjh-product-info {
    left: 3.6458333%;
    top: 81.8032787%;
    width: 15.625%;
    height: .95%;
    background: transparent;
    align-items: flex-start;
    justify-content: center;
    padding: 2.65cqw 0 0 !important;
    overflow: visible;
    font-family: "SourceHanSansCN-Bold", "Microsoft YaHei", Arial, sans-serif !important;
    font-size: .96cqw !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  .brand-code-yjh.en .brand-code-yjh-product-target {
    font-family: "SourceHanSansCN-Regular", "Microsoft YaHei", Arial, sans-serif !important;
    display: inline-block;
    margin-top: .22cqw;
    font-weight: 400;
  }

  .brand-code-yjh-product-info > span.is-switching {
    animation: yjh-product-label-in .32s ease-out both;
  }

  .brand-code-yjh-product-variant.is-switching {
    animation: yjh-product-image-in .38s ease-out both;
  }

  .brand-code-yjh.en .brand-code-yjh-product-powder .brand-code-yjh-product-variant.is-switching {
    animation-name: yjh-product-powder-image-in;
  }

  @keyframes yjh-product-label-in {
    from { opacity: 0; transform: translateY(.42cqw); }
    to { opacity: 1; transform: translateY(0); }
  }

  @keyframes yjh-product-image-in {
    from { opacity: 0; transform: translateY(7.15cqw) scale(.985); }
    to { opacity: 1; transform: translateY(6.8cqw) scale(1); }
  }

  @keyframes yjh-product-powder-image-in {
    from { opacity: 0; transform: translateY(-2.82cqw) scale(.985); }
    to { opacity: 1; transform: translateY(-3.17cqw) scale(1); }
  }

  .brand-code-yjh-product-button {
    z-index: 13;
    width: 7%;
    aspect-ratio: 1 / 1;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
    transform: translate(-50%, -50%);
  }

  /* Product artwork may overlap the source copy geometrically, but it must
     never hide any of the code-rendered product headings or descriptions. */
  .brand-code-yjh [data-layer-id="1830"],
  .brand-code-yjh [data-layer-id="1835"],
  .brand-code-yjh [data-layer-id="1840"],
  .brand-code-yjh [data-layer-id="1859"],
  .brand-code-yjh [data-layer-id="1860"] {
    z-index: 14;
  }

  .brand-code-yjh-product-button::before,
  .brand-code-yjh-product-button::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    pointer-events: none;
  }

  .brand-code-yjh-product-button::before {
    width: 3.25cqw;
    height: 3.25cqw;
    border: .12cqw solid #8fc31f;
    border-radius: 50%;
    background: #fff;
    transform: translate(-50%, -50%);
  }

  .brand-code-yjh-product-button::after {
    width: .72cqw;
    height: .72cqw;
    border-right: .12cqw solid #8fc31f;
    border-bottom: .12cqw solid #8fc31f;
  }

  .brand-code-yjh-product-prev::after {
    transform: translate(-30%, -50%) rotate(135deg);
  }

  .brand-code-yjh-product-next::after {
    transform: translate(-70%, -50%) rotate(-45deg);
  }

  .brand-code-yjh-product-button:hover::before {
    background: #f8fced;
  }

  .brand-code-yjh-product-button:focus-visible {
    outline: 2px solid #8fc31f;
    outline-offset: 2px;
  }

  .brand-code-yjh-product-liquid .brand-code-yjh-product-prev { left: 12.68%; top: 62.90%; }
  .brand-code-yjh-product-liquid .brand-code-yjh-product-next { left: 69.51%; top: 62.90%; }
  .brand-code-yjh-product-powder .brand-code-yjh-product-prev { left: 30.76%; top: 79.27%; }
  .brand-code-yjh-product-powder .brand-code-yjh-product-next { left: 87.58%; top: 79.27%; }

  .brand-code-yjh.en .brand-code-yjh-product-liquid .brand-code-yjh-product-prev,
  .brand-code-yjh.en .brand-code-yjh-product-liquid .brand-code-yjh-product-next {
    top: 62.99%;
    transform: translate(-50%, calc(-50% + 3.15cqw));
  }
  .brand-code-yjh.en .brand-code-yjh-product-powder .brand-code-yjh-product-prev,
  .brand-code-yjh.en .brand-code-yjh-product-powder .brand-code-yjh-product-next {
    top: 79.27%;
    transform: translate(-50%, -50%);
  }

  .brand-code-yjh [data-layer-id="1468"] {
    white-space: pre;
    overflow: visible;
  }

  /* The source tail is a baked footer followed by thousands of blank pixels.
     Use the real site footer and keep only the closing copy from slice one. */
  .brand-code-yjh > .brand-code-slice:first-child {
    margin-bottom: -8.65cqw;
  }

  .brand-code-yjh > .brand-code-slice:last-child {
    display: none;
  }

  .brand-code-yjh.zh [data-layer-id="1891"] {
    left: 25%;
    top: calc(var(--y) + 1.95cqw) !important;
    width: 50%;
    color: #2b2b2b;
    font-family: "SourceHanSansCN-Normal", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    font-size: calc(1.2cqw + 2px);
    line-height: 2.25cqw;
    white-space: pre;
    overflow: visible;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    filter: grayscale(1);
    transform: translateZ(0);
  }

  .brand-code-yjh.zh [data-layer-id="1886"] {
    left: 20%;
    top: calc(var(--y) + 1.95cqw) !important;
    width: 60%;
    font-size: 1.7361112cqw;
    white-space: nowrap;
    overflow: visible;
    text-align: center;
  }

  .brand-code-yjh.en [data-layer-id="1891"] {
    left: 20%;
    /* Keep the closing copy's source spacing above the real footer. */
    top: calc(var(--y) + 2.15cqw) !important;
    width: 60%;
    color: #2b2b2b;
    font-family: "SourceHanSansCN-Normal", "Noto Sans SC", Arial, sans-serif;
    font-size: calc(1.25cqw + 2px);
    line-height: 2.25cqw;
    white-space: pre;
    overflow: visible;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    filter: grayscale(1);
    transform: translateZ(0);
  }

  .brand-code-yjh.en [data-layer-id="1886"] {
    left: 10%;
    top: calc(var(--y) + 2.15cqw) !important;
    width: 80%;
    font-size: 1.6cqw;
    white-space: nowrap;
    overflow: visible;
    text-align: center;
  }

  /* Crop only the empty tail on the English page.  The same offset is
     applied to the two closing layers, preserving their gap to the footer. */
  .brand-code-yjh.en > .brand-code-slice:first-child {
    margin-bottom: -17.15cqw;
  }

  .brand-code-cyk > .brand-code-slice:first-child > img {
    top: var(--image-top, 0);
  }

  /* The decorative export starts at source y=0. The editable vector-object
     overlays were generated against the previous -70px image crop, so keep
     those objects locked to their icons and rules when restoring the source
     artwork position. */
  .brand-code-cyk > .brand-code-slice:first-child > .brand-code-pdf {
    transform: translateY(3.6458333cqw);
  }

  /* These product smart objects are content-cropped in the PSB. Their layer
     bounds begin at the visible lettering, while the embedded PDF retains
     transparent space above it. Remove that internal offset for the live copy. */
  .brand-code-cyk.zh > .brand-code-slice:first-child > .brand-code-pdf[data-source-layer="2047"] {
    transform: translateY(1.7458333cqw);
  }

  .brand-code-cyk.zh > .brand-code-slice:first-child > .brand-code-pdf[data-source-layer="2052"] {
    transform: translateY(1.6458333cqw);
  }

  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2057"] {
    transform: translateY(-1.65cqw);
  }

  /* English CYK product specifications: the PSB smart objects retain
     transparent top padding. Align the live mixed-weight lettering with the
     three authored product compositions without moving their raster artwork. */
  .brand-code-cyk.en > .brand-code-slice:first-child > .brand-code-pdf[data-source-layer="2047"] {
    transform: translateY(1.46cqw);
  }

  .brand-code-cyk.en > .brand-code-slice:first-child > .brand-code-pdf[data-source-layer="2052"] {
    transform: translate(.16cqw, 1.82cqw);
  }

  .brand-code-cyk.en .brand-code-pdf[data-source-layer="2057"] {
    transform: translate(-.05cqw, -1.41cqw);
  }

  .brand-code-cyk > .brand-code-slice:first-child > .brand-code-text:not([data-layer-id="305"]) {
    top: calc(var(--y) + 2.68cqw);
  }

  .brand-code-cyk.zh [data-layer-id="1465"] {
    white-space: pre;
    overflow: visible;
    transform: translateY(-.21cqw) scaleX(.99);
    transform-origin: center top;
  }

  /* Keep the English intro and product-system lockup on the same lines as
     the source artwork. The exported Photoshop bounds are deliberately
     tight, so normal pre-wrap makes the browser split the final intro line,
     the heading, and the subheading at desktop widths. */
  .brand-code-cyk.en [data-layer-id="1465"] {
    white-space: pre;
    overflow: visible;
  }

  .brand-code-cyk.en [data-layer-id="322"] {
    left: 33%;
    width: 34.5%;
    white-space: nowrap;
    overflow: visible;
    line-height: var(--fs);
    color: transparent;
    opacity: 1;
    background: linear-gradient(
      to bottom,
      rgba(37, 83, 139, .012) 0%,
      rgba(37, 83, 139, .045) 45%,
      rgba(37, 83, 139, .13) 100%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: translateY(.25cqw);
  }

  .brand-code-cyk.en [data-layer-id="323"] {
    white-space: nowrap;
    overflow: visible;
    transform: translateY(.85cqw) scaleX(1.025);
    transform-origin: center top;
  }

  .brand-code-cyk.en [data-layer-id="324"] {
    white-space: nowrap;
    overflow: visible;
    transform: translateY(.35cqw) scaleX(.985);
    transform-origin: center top;
  }

  .brand-code-cyk.en [data-layer-id="1468"] {
    white-space: pre;
    overflow: visible;
  }

  .brand-code-cyk.en [data-layer-id="1555"],
  .brand-code-cyk.en [data-layer-id="1557"] {
    white-space: nowrap;
    overflow: visible;
    transform: translateY(.2cqw);
  }

  .brand-code-cyk.en [data-layer-id="1558"] {
    white-space: pre;
    overflow: visible;
    line-height: 1.2;
    transform: translateY(.2cqw);
  }

  .brand-code-cyk.en [data-layer-id="1568"] {
    white-space: nowrap;
    overflow: visible;
    transform: scaleX(.96);
    transform-origin: left top;
  }

  .brand-code-cyk.en [data-layer-id="1569"] {
    white-space: pre;
    overflow: visible;
  }

  .brand-code-cyk.en [data-layer-id="2032"] {
    white-space: nowrap;
    overflow: visible;
    transform: scaleX(.95);
    transform-origin: left top;
  }

  .brand-code-cyk.en [data-layer-id="2033"] {
    white-space: pre;
    overflow: visible;
  }

  .brand-code-cyk.en [data-layer-id="2067"] {
    top: 56.9270833cqw;
    white-space: nowrap;
    overflow: visible;
    transform: scaleX(.96);
    transform-origin: left top;
  }

  .brand-code-cyk.en [data-layer-id="2068"] {
    top: 62.9166667cqw;
    white-space: pre;
    overflow: visible;
  }

  .brand-code-cyk.en [data-layer-id="2114"] {
    top: 241.041667cqw;
    white-space: nowrap;
    overflow: visible;
    transform: scaleX(.96);
    transform-origin: center top;
  }

  .brand-code-cyk.en [data-layer-id="2115"] {
    top: 245.885417cqw;
    white-space: nowrap;
    overflow: visible;
    transform: translateY(-1.05cqw) scaleX(.96);
    transform-origin: center top;
  }

  .brand-code-cyk.en [data-layer-id="2116"] {
    top: 253.125cqw;
    font-size: 1.48cqw;
    transform: translateY(-.55cqw);
    transform-origin: center top;
  }

  /* The English export also contains a long blank tail after the closing
     copy. Crop that tail without scaling the artwork, so the real site
     footer follows the content at the same distance as the reference. */
  .brand-code-cyk.en > .brand-code-slice:last-child {
    aspect-ratio: 1920 / 5660;
  }

  .brand-code-cyk.en > .brand-code-slice:last-child > img {
    height: 382.291667cqw;
  }

  .brand-code-cyk.zh [data-layer-id="322"] {
    white-space: nowrap;
    overflow: visible;
    line-height: var(--fs);
    color: transparent;
    opacity: 1;
    background: linear-gradient(
      to bottom,
      rgba(37, 83, 139, .025) 0%,
      rgba(37, 83, 139, .1) 100%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: translateY(.25cqw);
  }

  .brand-code-cyk.zh [data-layer-id="323"] {
    left: 44%;
    width: 12%;
    white-space: nowrap;
    overflow: visible;
    transform: translateY(.74cqw);
  }

  .brand-code-cyk.zh [data-layer-id="324"] {
    left: 38%;
    width: 24%;
    white-space: nowrap;
    overflow: visible;
    transform: translateY(.17cqw) scaleX(.965);
    transform-origin: center top;
  }

  .brand-code-cyk.zh [data-layer-id="1468"] {
    white-space: pre;
    overflow: visible;
    transform: translateY(.3cqw);
  }

  .brand-code-cyk.zh [data-layer-id="1555"],
  .brand-code-cyk.zh [data-layer-id="1557"],
  .brand-code-cyk.zh [data-layer-id="1558"] {
    white-space: nowrap;
    overflow: visible;
  }

  .brand-code-cyk.zh [data-layer-id="1568"] {
    white-space: nowrap;
    overflow: visible;
  }

  .brand-code-cyk.zh [data-layer-id="1569"] {
    white-space: pre;
    overflow: visible;
  }

  .brand-code-cyk.zh [data-layer-id="2032"] {
    white-space: nowrap;
    overflow: visible;
  }

  .brand-code-cyk.zh [data-layer-id="2033"] {
    white-space: pre;
    overflow: visible;
  }

  .brand-code-cyk.zh [data-layer-id="2067"] {
    top: 62.8645832cqw;
    white-space: nowrap;
    overflow: visible;
  }

  .brand-code-cyk.zh [data-layer-id="2068"] {
    top: 68.4895832cqw;
    white-space: pre;
    overflow: visible;
  }

  .brand-code-cyk.zh [data-layer-id="2114"],
  .brand-code-cyk.zh [data-layer-id="2115"] {
    white-space: nowrap;
    overflow: visible;
  }

  .brand-code-cyk.zh [data-layer-id="2114"] {
    top: 240.8333333cqw;
  }

  .brand-code-cyk.zh [data-layer-id="2115"] {
    top: 245.8333333cqw;
  }

  .brand-code-cyk.zh [data-layer-id="2116"] {
    top: 253.0729167cqw;
    white-space: pre;
    overflow: visible;
  }

  /* The exported final slice contains a large empty tail and a baked-in
     screenshot of the footer. Crop it after the last content block and use
     the site's real footer instead. */
  .brand-code-cyk.zh > .brand-code-slice:last-child {
    aspect-ratio: 1920 / 5600;
  }

  .brand-code-cyk.zh > .brand-code-slice:last-child > img {
    height: 382.291667cqw;
  }

  .brand-code-qxyl.zh > .brand-code-slice:first-child::before {
    position: absolute;
    z-index: 3;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 37.480479cqw;
    background: url("../images/qxyl/banner.3071a44a3196.jpg") center top / cover no-repeat;
    pointer-events: none;
  }

  .brand-code-qxyl.en > .brand-code-slice:first-child::before {
    position: absolute;
    z-index: 3;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 37.5cqw;
    background: url("../images/qxyl/en-banner.5347b640e951.jpg") center top / cover no-repeat;
    pointer-events: none;
  }

  body:has(.brand-desktop-code) .header {
    z-index: 1000;
    pointer-events: auto;
    background: #fff;
    box-shadow: 0 8px 16px rgba(192, 192, 192, .1);
  }

  body:has(.brand-desktop-code) .header .header_logo img {
    transform: translateY(-100%);
  }

  body:has(.brand-desktop-code) .header .nav .nav-item > a {
    color: #333;
  }

  body:has(.brand-desktop-code) .header .site-lang-toggle {
    color: #333;
    border-color: rgba(51, 51, 51, .45);
    background: rgba(255, 255, 255, .7);
  }

  body:has(.brand-code-qxyl) .header:not(.on):not(.active),
  body:has(.brand-code-cyk) .header:not(.on):not(.active),
  body:has(.brand-code-yjh) .header:not(.on):not(.active),
  body:has(.brand-code-kl) .header:not(.on):not(.active) {
    background: transparent;
    box-shadow: none;
  }

  /* CYX begins with the same purple field as its hero, rather than a
     detached white navigation strip.  This mirrors the approved desktop
     composition while keeping the normal solid header after scroll. */
  body:has(.brand-code-cyx) .header:not(.on):not(.active) {
    background: #714f9d;
    border: 0;
    outline: 0;
    box-shadow: none !important;
  }

  /* Cover the one-device-pixel seam produced where the fixed header meets
     the independently scaled banner image.  This is paint-only: it does not
     alter the 80px desktop layout or shift the hero artwork. */
  body:has(.brand-code-cyx) .header:not(.on):not(.active)::after {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 1px;
    content: "";
    background: #714f9d;
    pointer-events: none;
  }

  body:has(.brand-code-qxyl) .header:not(.on):not(.active) .header_logo img,
  body:has(.brand-code-cyk) .header:not(.on):not(.active) .header_logo img,
  body:has(.brand-code-yjh) .header:not(.on):not(.active) .header_logo img,
  body:has(.brand-code-kl) .header:not(.on):not(.active) .header_logo img,
  body:has(.brand-code-cyx) .header:not(.on):not(.active) .header_logo img {
    transform: translateY(0);
  }

  body:has(.brand-code-qxyl) .header:not(.on):not(.active) .nav .nav-item > a,
  body:has(.brand-code-cyk) .header:not(.on):not(.active) .nav .nav-item > a,
  body:has(.brand-code-yjh) .header:not(.on):not(.active) .nav .nav-item > a,
  body:has(.brand-code-kl) .header:not(.on):not(.active) .nav .nav-item > a,
  body:has(.brand-code-cyx) .header:not(.on):not(.active) .nav .nav-item > a {
    color: #fff;
  }

  body:has(.brand-code-cyx) .header:not(.on):not(.active) .site-lang-toggle {
    color: #333;
    border-color: rgba(255, 255, 255, .42);
    background: rgba(255, 255, 255, .78);
  }

  /* KL's reference banner runs behind the transparent desktop navigation. */
  body:has(.brand-code-kl) .header:not(.on):not(.active) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .brand-code-kl > .brand-code-slice:first-child::before {
    position: absolute;
    z-index: 3;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 37.2395833cqw;
    background: url("../images/kl-banner-complete.dfdd20de0dc3.jpg") center center / cover no-repeat;
    pointer-events: none;
  }

  .brand-code-kl.en > .brand-code-slice:first-child::before {
    background-image: url("../images/kl/en-banner-complete.dfa36585290a.jpg");
  }

  /* Preserve each authored Chinese line; the source boxes are intentionally
     narrower than the long copy and must not introduce browser line wraps. */
  .brand-code-kl.zh [data-layer-id="2090"],
  .brand-code-kl.zh [data-layer-id="2098"],
  .brand-code-kl.zh [data-layer-id="2097"],
  .brand-code-kl.zh [data-layer-id="2188"] {
    white-space: pre;
    overflow: visible;
  }

  /* English intro copy follows the authored PSB line breaks exactly. */
  .brand-code-kl.en [data-layer-id="2090"],
  .brand-code-kl.en [data-layer-id="2098"],
  .brand-code-kl.en [data-layer-id="2097"],
  .brand-code-kl.en [data-layer-id="2188"] {
    top: calc(var(--y) + 2.8645833cqw);
    color: #302c29;
    font-family: "KL Source Han Sans Normal", Arial, sans-serif;
    font-weight: 350;
    font-feature-settings: "palt" 1, "kern" 1;
    white-space: pre;
    overflow: visible;
  }

  .brand-code-kl.en [data-layer-id="2188"] {
    font-family: "SourceHanSansCN-Medium", Arial, sans-serif;
    font-weight: 500;
  }

  .brand-code-kl.en [data-layer-id="322"] {
    left: 15%;
    width: 70%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
    overflow: visible;
    opacity: 1;
    color: transparent;
    background: linear-gradient(
      to bottom,
      rgba(113, 79, 157, .01) 0%,
      rgba(113, 79, 157, .035) 35%,
      rgba(113, 79, 157, .14) 100%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: scaleX(.88);
    transform-origin: center top;
  }

  .brand-code-kl.en [data-layer-id="323"] {
    font-family: "Qxyl Source Han Sans Bold", Arial, sans-serif;
    font-size: 2.1354167cqw;
    font-weight: 700;
    line-height: 1.1;
    white-space: nowrap;
    overflow: visible;
  }

  /* KL's nine English product panels share the same three-level type system. */
  .brand-code-kl.en [data-layer-id="2617"],
  .brand-code-kl.en [data-layer-id="2621"],
  .brand-code-kl.en [data-layer-id="2627"],
  .brand-code-kl.en [data-layer-id="2633"],
  .brand-code-kl.en [data-layer-id="2639"],
  .brand-code-kl.en [data-layer-id="2630"],
  .brand-code-kl.en [data-layer-id="2636"],
  .brand-code-kl.en [data-layer-id="2642"],
  .brand-code-kl.en [data-layer-id="2624"] {
    font-family: "KL Roboto Condensed", "Arial Narrow", Arial, sans-serif;
    font-size: 2.2916667cqw;
    font-weight: 400;
    line-height: 1.05;
    white-space: nowrap;
    overflow: visible;
    transform: scaleX(.98);
    transform-origin: left top;
  }

  .brand-code-kl.en [data-layer-id="2191"],
  .brand-code-kl.en [data-layer-id="2622"],
  .brand-code-kl.en [data-layer-id="2628"],
  .brand-code-kl.en [data-layer-id="2634"],
  .brand-code-kl.en [data-layer-id="2640"],
  .brand-code-kl.en [data-layer-id="2631"],
  .brand-code-kl.en [data-layer-id="2637"],
  .brand-code-kl.en [data-layer-id="2643"],
  .brand-code-kl.en [data-layer-id="2625"] {
    font-family: "SourceHanSansCN-Medium", Arial, sans-serif;
    font-size: 1.875cqw;
    font-weight: 500;
    line-height: 1.18;
    white-space: pre;
    overflow: visible;
  }

  .brand-code-kl.en [data-layer-id="2620"],
  .brand-code-kl.en [data-layer-id="2623"],
  .brand-code-kl.en [data-layer-id="2629"],
  .brand-code-kl.en [data-layer-id="2635"],
  .brand-code-kl.en [data-layer-id="2641"],
  .brand-code-kl.en [data-layer-id="2626"],
  .brand-code-kl.en [data-layer-id="2632"],
  .brand-code-kl.en [data-layer-id="2638"],
  .brand-code-kl.en [data-layer-id="2644"] {
    font-family: "KL Source Han Sans Normal", Arial, sans-serif;
    color: #292929;
    font-size: 1.40625cqw;
    font-weight: 350;
    line-height: 1.8229167cqw;
    font-feature-settings: "palt" 1;
    white-space: pre-wrap;
    overflow: visible;
  }

  .brand-code-kl.zh [data-layer-id="2090"] { left: 15%; width: 70%; }
  .brand-code-kl.zh [data-layer-id="2098"] { left: 12%; width: 76%; }
  .brand-code-kl.zh [data-layer-id="2097"] { left: 10%; width: 80%; }

  .brand-code-kl.zh [data-layer-id="2090"],
  .brand-code-kl.zh [data-layer-id="2098"],
  .brand-code-kl.zh [data-layer-id="2097"] {
    color: #4b3a33;
  }

  .brand-code-kl.zh .kl-copy-emphasis {
    color: #240a00;
    font-family: "SourceHanSansCN-Bold", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-weight: 700;
  }

  .brand-code-kl.zh [data-layer-id="2188"] {
    font-family: "Arial Black", Arial, sans-serif;
    font-weight: 900;
  }

  /* KL product index: use the circle centres as the live label boxes so
     four-character product names stay on one line and remain centred. */
  .brand-code-kl.zh [data-layer-id="2425"],
  .brand-code-kl.zh [data-layer-id="2426"],
  .brand-code-kl.zh [data-layer-id="2427"],
  .brand-code-kl.zh [data-layer-id="2428"],
  .brand-code-kl.zh [data-layer-id="2429"],
  .brand-code-kl.zh [data-layer-id="2430"],
  .brand-code-kl.zh [data-layer-id="2431"],
  .brand-code-kl.zh [data-layer-id="2432"],
  .brand-code-kl.zh [data-layer-id="2433"] {
    width: 10%;
    color: #111;
    font-family: "SourceHanSansCN-Bold", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-size: 1.4cqw;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    overflow: visible;
    transform: translateY(.25cqw);
  }

  .brand-code-kl.zh [data-layer-id="2425"] { left: 23.59375%; }
  .brand-code-kl.zh [data-layer-id="2426"] { left: 38.15104%; }
  .brand-code-kl.zh [data-layer-id="2427"] { left: 53.43750%; }
  .brand-code-kl.zh [data-layer-id="2428"] { left: 68.75000%; }
  .brand-code-kl.zh [data-layer-id="2429"] { left: 15.44270%; }
  .brand-code-kl.zh [data-layer-id="2430"] { left: 30.28646%; }
  .brand-code-kl.zh [data-layer-id="2431"] { left: 45.49479%; }
  .brand-code-kl.zh [data-layer-id="2432"] { left: 60.80729%; }
  .brand-code-kl.zh [data-layer-id="2433"] { left: 76.51042%; }

  .brand-code-kl.zh [data-layer-id="322"] {
    left: 15%;
    top: calc(var(--y) + .65cqw - 5px);
    width: 70%;
    font-size: 3.90625cqw;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1;
    white-space: nowrap;
    overflow: visible;
    opacity: 1;
    background: linear-gradient(
      to bottom,
      rgba(113, 79, 157, .01) 0%,
      rgba(113, 79, 157, .03) 30%,
      rgba(113, 79, 157, .16) 100%
    );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    transform: translateY(-.7cqw) scaleX(.88);
    transform-origin: center top;
  }

  .brand-code-kl.zh [data-layer-id="323"] {
    left: 40%;
    top: calc(var(--y) + .65cqw - 5px);
    width: 20%;
    font-family: "Microsoft YaHei", sans-serif;
    font-size: 2.32cqw;
    /* YaHei only exposes discrete regular/bold faces in many Windows builds;
       500 keeps the requested medium appearance instead of snapping to bold. */
    font-weight: 500;
    -webkit-text-stroke: .85px currentColor;
    white-space: nowrap;
    overflow: visible;
  }

  /* KL product panels: keep every authored title and description line intact.
     The overlay boxes are intentionally narrow in the source composition, so
     browser wrapping would otherwise strand the last character on a new line. */
  .brand-code-kl.zh [data-layer-id="2191"],
  .brand-code-kl.zh [data-layer-id="2192"],
  .brand-code-kl.zh [data-layer-id="2224"],
  .brand-code-kl.zh [data-layer-id="2225"],
  .brand-code-kl.zh [data-layer-id="2298"],
  .brand-code-kl.zh [data-layer-id="2299"],
  .brand-code-kl.zh [data-layer-id="2305"],
  .brand-code-kl.zh [data-layer-id="2306"],
  .brand-code-kl.zh [data-layer-id="2314"],
  .brand-code-kl.zh [data-layer-id="2315"],
  .brand-code-kl.zh [data-layer-id="2321"],
  .brand-code-kl.zh [data-layer-id="2322"],
  .brand-code-kl.zh [data-layer-id="2330"],
  .brand-code-kl.zh [data-layer-id="2331"],
  .brand-code-kl.zh [data-layer-id="2337"],
  .brand-code-kl.zh [data-layer-id="2338"],
  .brand-code-kl.zh [data-layer-id="2355"],
  .brand-code-kl.zh [data-layer-id="2356"] {
    white-space: pre;
    overflow: visible;
  }

  /* KL's second export contains content only through source row 1512; the
     remaining 5348 rows are blank. Crop the canvas at that exact boundary
     and keep each overlay at its original source-pixel position. */
  .brand-code-kl > .brand-code-slice:last-child {
    aspect-ratio: 1920 / 1512;
  }

  .brand-code-kl > .brand-code-slice:last-child > img {
    height: 453.7037037%;
  }

  /* The English KL source ends 488px earlier than the shared Chinese export.
     Crop only this page so the closing copy sits at the reference distance
     above the footer while retaining the source artwork scale. */
  .brand-code-kl.en > .brand-code-slice:last-child {
    aspect-ratio: 1920 / 1024;
  }

  .brand-code-kl.en > .brand-code-slice:last-child > img {
    height: 669.921875%;
  }

  .brand-code-kl.zh > .brand-code-slice:last-child [data-layer-id="2355"] { top: 5.5729168cqw; }
  .brand-code-kl.zh > .brand-code-slice:last-child [data-layer-id="2356"] { top: 10.9895832cqw; }
  .brand-code-kl.zh > .brand-code-slice:last-child [data-layer-id="2183"] {
    top: 41.3281250cqw;
    color: #2b2b2b;
    font-family: "SourceHanSansCN-Normal", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-weight: 400;
    white-space: pre;
    overflow: visible;
  }

  .brand-code-kl.zh > .brand-code-slice:last-child [data-layer-id="2396"] {
    top: 68.9770835cqw;
    color: #2b2b2b;
    font-family: "SourceHanSansCN-Normal", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-weight: 400;
    white-space: nowrap;
    overflow: visible;
  }

  .brand-code-kl.en > .brand-code-slice:last-child [data-layer-id="2645"],
  .brand-code-kl.en > .brand-code-slice:last-child [data-layer-id="2646"],
  .brand-code-kl.en > .brand-code-slice:last-child [data-layer-id="2647"],
  .brand-code-kl.en > .brand-code-slice:last-child [data-layer-id="2648"] {
    color: #292929;
    font-family: "KL Source Han Sans Normal", Arial, sans-serif;
    font-weight: 350;
    font-feature-settings: "palt" 1, "kern" 1;
    white-space: pre;
    overflow: visible;
    transform: translateY(.2604167cqw);
  }

  .brand-code-kl.en .kl-tight-closing-quote {
    display: inline-block;
    margin-right: -.16em;
  }

  .brand-code-kl.en > .brand-code-slice:last-child [data-layer-id="2645"] { top: 6.7708333cqw; }
  .brand-code-kl.en > .brand-code-slice:last-child [data-layer-id="2646"] { top: 21.1979167cqw; }
  .brand-code-kl.en > .brand-code-slice:last-child [data-layer-id="2647"] { top: 34.2187501cqw; }
  .brand-code-kl.en > .brand-code-slice:last-child [data-layer-id="2648"] { top: 42.3958334cqw; }

  .brand-code-canvas {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    background: #fff;
    pointer-events: none;
  }

  .brand-code-nav-link,
  .brand-code-go-top {
    pointer-events: auto;
  }

  .brand-code-nav-link {
    cursor: pointer;
    outline: none;
  }

  .brand-code-hotspot {
    position: absolute;
    z-index: 12;
    display: block;
    width: 12%;
    height: 2.8cqw;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: transparent;
    font-size: 0;
  }

  .brand-code-nav-link::before {
    position: absolute;
    z-index: -1;
    content: "";
    top: 50%;
    left: 50%;
    width: 10cqw;
    height: 10cqw;
    border-radius: 50%;
    transform: translate(-50%, -50%);
  }

  .brand-code-kl .brand-code-nav-link::before {
    width: 12cqw;
    height: 2.8cqw;
    border-radius: 0;
  }

  .brand-code-nav-link:focus-visible::before {
    box-shadow: 0 0 0 2px currentColor;
  }

  .brand-code-slice {
    position: relative;
    width: 100%;
    aspect-ratio: var(--slice-ratio);
    container-type: inline-size;
    overflow: hidden;
  }

  .brand-code-slice > img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: var(--image-height, 100%);
    top: var(--image-top, 0);
    max-width: none;
  }

  .brand-code-text {
    position: absolute;
    z-index: 2;
    left: var(--x);
    top: var(--y);
    width: var(--w);
    margin: 0;
    padding: 0;
    color: var(--color);
    opacity: var(--opacity);
    font-family: var(--font);
    font-size: var(--fs);
    font-style: var(--italic);
    font-weight: var(--weight);
    line-height: var(--lh);
    letter-spacing: var(--track);
    text-align: var(--align);
    white-space: var(--white-space, pre-wrap);
    word-break: normal;
    overflow-wrap: normal;
    transform-origin: left top;
  }

  /* Lettering extracted from vector smart objects in the QXYL/CYK PSBs.
     Coordinates and type size follow the source PDF within each PSB layer. */
  .brand-code-pdf {
    position: absolute;
    z-index: 2;
    box-sizing: border-box;
    pointer-events: none;
  }

  .brand-code-pdf-line {
    position: absolute;
    display: block;
    width: max-content;
    max-width: none;
    margin: 0;
    padding: 0;
    line-height: 1.05;
    letter-spacing: 0;
    white-space: pre;
    word-break: normal;
    overflow-wrap: normal;
    transform: scaleX(var(--stretch, 1));
    transform-origin: left top;
    font-style: normal;
    text-rendering: geometricPrecision;
  }

  .brand-code-qxyl .brand-code-pdf-serif {
    font-family: "Qxyl Source Han Serif Regular", "Source Han Serif CN", Georgia, serif;
  }

  .brand-code-qxyl .brand-code-pdf-serif[style*="font-weight:700"] {
    font-family: "Qxyl Source Han Serif Bold", "Source Han Serif CN", Georgia, serif;
  }

  .brand-code-qxyl.en [data-source-layer="2272"] .brand-code-pdf-face-medium {
    font-family: "Qxyl Source Han Serif Medium", "Source Han Serif CN", Georgia, serif;
  }

  .brand-code-qxyl.en [data-source-layer="2272"] .brand-code-pdf-pill {
    position: absolute;
    left: 0;
    z-index: 0;
    display: block;
    width: 25.85859%;
    height: 13.34459%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: #1d7478;
  }

  .brand-code-qxyl.en [data-source-layer="2272"] .brand-code-pdf-line {
    z-index: 1;
  }

  .brand-code-qxyl.en [data-source-layer="2272"] [data-role^="copy-"] {
    transform: translateY(-1.05cqw) scaleX(var(--stretch, 1));
  }

  .brand-code-qxyl.en [data-source-layer="2272"] [data-role="copy-2"] {
    transform: translateY(-1.3cqw) scaleX(var(--stretch, 1));
  }

  .brand-code-qxyl.en [data-source-layer="2272"] [data-role="copy-3"] {
    transform: translateY(-1.5cqw) scaleX(var(--stretch, 1));
  }

  .brand-code-qxyl.en [data-source-layer="2272"] [data-role^="pill-"] {
    transform: translateY(-1.15cqw) scaleX(var(--stretch, 1));
  }

  .brand-code-qxyl.en [data-source-layer="2272"] [data-role="pill-3"] {
    transform: translateY(-.83333cqw) scaleX(var(--stretch, 1));
  }

  .brand-code-qxyl .brand-code-pdf-sans,
  .brand-code-cyk .brand-code-pdf-sans {
    font-family: "SourceHanSansCN-Normal", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  }

  /* The English CYK diagnostic objects use the Medium face embedded in the
     layered PDF for their headings.  With font synthesis disabled, leaving
     these runs on the Normal family made every 500-weight heading render as
     thin body copy. */
  .brand-code-cyk.en .brand-code-pdf-sans[style*="font-weight:500"] {
    font-family: "SourceHanSansCN-Medium", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-weight: 500 !important;
  }

  .brand-code-cyk.en .brand-code-pdf[data-source-layer="2011"] .brand-code-pdf-line:nth-child(2),
  .brand-code-cyk.en .brand-code-pdf[data-source-layer="2013"] .brand-code-pdf-line:nth-child(2),
  .brand-code-cyk.en .brand-code-pdf[data-source-layer="2017"] .brand-code-pdf-line:nth-child(2),
  .brand-code-cyk.en .brand-code-pdf[data-source-layer="2019"] .brand-code-pdf-line:nth-child(2),
  .brand-code-cyk.en .brand-code-pdf[data-source-layer="2021"] .brand-code-pdf-line:nth-child(2) {
    color: #25538b !important;
  }

  /* Match the authored PDF baselines: each diagnostic heading sits across
     the cyan rule instead of dropping below it.  The five smart objects have
     slightly different internal origins, so retain their individual x/y
     corrections rather than forcing one approximate shared offset. */
  .brand-code-cyk.en [data-source-layer="2011"] .brand-code-pdf-line:nth-child(2) {
    transform: translate(-.55cqw, -1.33cqw) scaleX(var(--stretch, 1));
  }

  .brand-code-cyk.en [data-source-layer="2013"] .brand-code-pdf-line:nth-child(2) {
    transform: translate(-.4cqw, -1.48cqw) scaleX(var(--stretch, 1));
  }

  .brand-code-cyk.en [data-source-layer="2017"] .brand-code-pdf-line:nth-child(2) {
    transform: translateY(-1.72cqw) scaleX(var(--stretch, 1));
  }

  .brand-code-cyk.en [data-source-layer="2019"] .brand-code-pdf-line:nth-child(2) {
    transform: translateY(-1.5cqw) scaleX(var(--stretch, 1));
  }

  .brand-code-cyk.en [data-source-layer="2021"] .brand-code-pdf-line:nth-child(2) {
    transform: translateY(-1.71cqw) scaleX(var(--stretch, 1));
  }

  .brand-code-cyk.en .brand-code-pdf[data-source-layer="2011"] .brand-code-pdf-line:nth-child(n+3),
  .brand-code-cyk.en .brand-code-pdf[data-source-layer="2013"] .brand-code-pdf-line:nth-child(n+3),
  .brand-code-cyk.en .brand-code-pdf[data-source-layer="2017"] .brand-code-pdf-line:nth-child(n+3),
  .brand-code-cyk.en .brand-code-pdf[data-source-layer="2019"] .brand-code-pdf-line:nth-child(n+3),
  .brand-code-cyk.en .brand-code-pdf[data-source-layer="2021"] .brand-code-pdf-line:nth-child(n+3) {
    color: #528bb0 !important;
  }

  .brand-code-cyk.en .brand-code-pdf[data-source-layer="2023"] .brand-code-pdf-line {
    color: #5f5f5f !important;
    font-family: "SourceHanSansCN-Normal", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-weight: 400 !important;
  }

  /* CYK English diagnostic lettering follows five independently transformed
     vector smart objects in the PSB.  Keep the raster icons/rules fixed and
     restore the authored type size, baseline and horizontal origin per line. */
  .brand-code-cyk.en [data-source-layer="2011"] .brand-code-pdf-line:first-child {
    font-size: 4.19cqw !important;
    transform: translate(-.16cqw, -1.35cqw);
  }

  .brand-code-cyk.en [data-source-layer="2011"] .brand-code-pdf-line:nth-child(2) {
    font-size: 1.50cqw !important;
    transform: translate(.62cqw, -1.64cqw) scaleX(var(--stretch, 1));
  }

  .brand-code-cyk.en [data-source-layer="2011"] .brand-code-pdf-line:nth-child(3),
  .brand-code-cyk.en [data-source-layer="2011"] .brand-code-pdf-line:nth-child(4),
  .brand-code-cyk.en [data-source-layer="2011"] .brand-code-pdf-line:nth-child(5) {
    font-size: 1.07cqw !important;
    transform: translate(-.78cqw, -1.19cqw);
  }

  .brand-code-cyk.en [data-source-layer="2011"] .brand-code-pdf-line:nth-child(n+6) {
    transform: translateX(-.31cqw);
  }

  .brand-code-cyk.en .brand-code-pdf[data-source-layer="2011"] .brand-code-pdf-line:nth-child(6),
  .brand-code-cyk.en .brand-code-pdf[data-source-layer="2011"] .brand-code-pdf-line:nth-child(9),
  .brand-code-cyk.en .brand-code-pdf[data-source-layer="2011"] .brand-code-pdf-line:nth-child(12),
  .brand-code-cyk.en .brand-code-pdf[data-source-layer="2011"] .brand-code-pdf-line:nth-child(14),
  .brand-code-cyk.en .brand-code-pdf[data-source-layer="2011"] .brand-code-pdf-line:nth-child(16) {
    color: #355d80 !important;
  }

  .brand-code-cyk.en [data-source-layer="2011"] .brand-code-pdf-line:nth-child(6) {
    font-size: 1.50cqw !important;
    transform: translate(-.31cqw, -1.29cqw);
  }

  .brand-code-cyk.en [data-source-layer="2011"] .brand-code-pdf-line:nth-child(7),
  .brand-code-cyk.en [data-source-layer="2011"] .brand-code-pdf-line:nth-child(8) {
    font-size: 1.07cqw !important;
    transform: translate(-.31cqw, -.77cqw);
  }

  .brand-code-cyk.en [data-source-layer="2011"] .brand-code-pdf-line:nth-child(9) {
    font-size: 1.50cqw !important;
    transform: translate(-.31cqw, -1.04cqw);
  }

  .brand-code-cyk.en [data-source-layer="2011"] .brand-code-pdf-line:nth-child(10) {
    font-size: 1.07cqw !important;
    transform: translate(-.31cqw, -.52cqw);
  }

  .brand-code-cyk.en [data-source-layer="2011"] .brand-code-pdf-line:nth-child(11) {
    font-size: 1.07cqw !important;
    transform: translate(-.31cqw, -.36cqw);
  }

  .brand-code-cyk.en [data-source-layer="2011"] .brand-code-pdf-line:nth-child(12) {
    font-size: 1.50cqw !important;
    transform: translate(-.31cqw, -.67cqw);
  }

  .brand-code-cyk.en [data-source-layer="2011"] .brand-code-pdf-line:nth-child(13) {
    font-size: 1.07cqw !important;
    transform: translate(-.31cqw, -.07cqw);
  }

  .brand-code-cyk.en [data-source-layer="2011"] .brand-code-pdf-line:nth-child(14) {
    font-size: 1.50cqw !important;
    transform: translate(-.31cqw, -.36cqw);
  }

  .brand-code-cyk.en [data-source-layer="2011"] .brand-code-pdf-line:nth-child(15) {
    font-size: 1.07cqw !important;
    transform: translate(-.31cqw, .18cqw);
  }

  .brand-code-cyk.en [data-source-layer="2011"] .brand-code-pdf-line:nth-child(16) {
    font-size: 1.50cqw !important;
    transform: translate(-.31cqw, -.04cqw);
  }

  .brand-code-cyk.en [data-source-layer="2011"] .brand-code-pdf-line:nth-child(17) {
    font-size: 1.07cqw !important;
    transform: translate(-.31cqw, .49cqw);
  }

  .brand-code-cyk.en [data-source-layer="2013"] .brand-code-pdf-line:first-child {
    font-size: 4.35cqw !important;
    transform: translate(-.20cqw, -1.40cqw);
  }

  .brand-code-cyk.en [data-source-layer="2013"] .brand-code-pdf-line:nth-child(2) {
    font-size: 1.55cqw !important;
    transform: translate(-.40cqw, -2.00cqw) scaleX(var(--stretch, 1));
  }

  .brand-code-cyk.en [data-source-layer="2013"] .brand-code-pdf-line:nth-child(n+3) {
    font-size: 1.11cqw !important;
    transform: translate(-.36cqw, -1.46cqw);
  }

  .brand-code-cyk.en [data-source-layer="2017"] .brand-code-pdf-line:first-child {
    font-size: 4.25cqw !important;
    transform: translate(.25cqw, -1.42cqw);
  }

  .brand-code-cyk.en [data-source-layer="2017"] .brand-code-pdf-line:nth-child(2) {
    font-size: 1.52cqw !important;
    transform: translate(-.36cqw, -1.93cqw) scaleX(var(--stretch, 1));
  }

  .brand-code-cyk.en [data-source-layer="2017"] .brand-code-pdf-line:nth-child(3),
  .brand-code-cyk.en [data-source-layer="2017"] .brand-code-pdf-line:nth-child(4) {
    font-size: 1.07cqw !important;
    transform: translate(-.36cqw, -1.51cqw);
  }

  .brand-code-cyk.en [data-source-layer="2017"] .brand-code-pdf-line:nth-child(5),
  .brand-code-cyk.en [data-source-layer="2017"] .brand-code-pdf-line:nth-child(6) {
    font-size: .75cqw !important;
    transform: translate(-.36cqw, -1.14cqw);
  }

  .brand-code-cyk.en [data-source-layer="2019"] .brand-code-pdf-line:first-child {
    font-size: 4.15cqw !important;
    transform: translate(.05cqw, -1.46cqw);
  }

  .brand-code-cyk.en [data-source-layer="2019"] .brand-code-pdf-line:nth-child(2) {
    font-size: 1.48cqw !important;
    transform: translate(-.21cqw, -1.82cqw) scaleX(var(--stretch, 1));
  }

  .brand-code-cyk.en [data-source-layer="2019"] .brand-code-pdf-line:nth-child(n+3) {
    font-size: 1.06cqw !important;
    transform: translate(-.26cqw, -1.36cqw);
  }

  .brand-code-cyk.en [data-source-layer="2021"] .brand-code-pdf-line:first-child {
    font-size: 4.40cqw !important;
    transform: translate(.25cqw, -1.72cqw);
  }

  .brand-code-cyk.en [data-source-layer="2021"] .brand-code-pdf-line:nth-child(2) {
    font-size: 1.52cqw !important;
    transform: translate(.316cqw, -2.13cqw) scaleX(var(--stretch, 1));
  }

  .brand-code-cyk.en [data-source-layer="2021"] .brand-code-pdf-line:nth-child(n+3) {
    font-size: 1.073cqw !important;
    transform: translate(-.83cqw, -1.78cqw);
  }

  .brand-code-cyk.en [data-source-layer="2023"] .brand-code-pdf-line {
    font-size: .745cqw !important;
    transform: translate(-1.25cqw, -1.04cqw);
  }

  /* Keep the live CYK lettering on the exact PSB/PDF metrics. Browser font
     synthesis changes both the glyph width and baseline while switching
     locales, which made the comparison handle appear to move even though the
     source-layer coordinates were unchanged. */
  .brand-code-cyk .brand-code-text,
  .brand-code-cyk .brand-code-pdf-line {
    font-synthesis: none;
    text-rendering: geometricPrecision;
  }

  .brand-code-cyk.zh .brand-code-product-tm {
    position: relative;
    top: -.48em;
    display: inline;
    margin: 0 .04em 0 .05em;
    font-family: "SourceHanSansCN-Normal", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-size: .58em;
    font-weight: 400;
    line-height: 0;
    vertical-align: baseline;
  }

  /* CYK's five diagnostic callouts remain editable code. Their text-free
     artwork uses the source crop above, so the retained icons and live labels
     share the same coordinate system. */
  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2011"],
  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2013"],
  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2017"],
  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2019"],
  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2021"] {
    font-family: "SourceHanSansCN-Normal", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  }

  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2011"] .brand-code-pdf-line:nth-child(n+2),
  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2013"] .brand-code-pdf-line:nth-child(n+2),
  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2017"] .brand-code-pdf-line:nth-child(n+2),
  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2019"] .brand-code-pdf-line:nth-child(n+2),
  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2021"] .brand-code-pdf-line:nth-child(n+2) {
    font-family: "SourceHanSansCN-Normal", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-weight: 400 !important;
  }

  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2011"] .brand-code-pdf-line:nth-child(2),
  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2013"] .brand-code-pdf-line:nth-child(2),
  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2017"] .brand-code-pdf-line:nth-child(2),
  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2019"] .brand-code-pdf-line:nth-child(2),
  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2021"] .brand-code-pdf-line:nth-child(2) {
    color: #25538b !important;
    font-family: "SourceHanSansCN-Medium", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-weight: 500 !important;
  }

  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2011"] .brand-code-pdf-line:nth-child(n+3),
  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2013"] .brand-code-pdf-line:nth-child(n+3),
  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2017"] .brand-code-pdf-line:nth-child(n+3),
  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2019"] .brand-code-pdf-line:nth-child(n+3),
  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2021"] .brand-code-pdf-line:nth-child(n+3) {
    color: #528bb0 !important;
  }

  .brand-code-cyk .brand-code-pdf[data-source-layer="2011"] .brand-code-pdf-line:first-child {
    font-family: "CYK Number 1", "SourceHanSansCN-Regular", sans-serif;
  }
  .brand-code-cyk .brand-code-pdf[data-source-layer="2013"] .brand-code-pdf-line:first-child {
    font-family: "CYK Number 2", "SourceHanSansCN-Regular", sans-serif;
  }
  .brand-code-cyk .brand-code-pdf[data-source-layer="2017"] .brand-code-pdf-line:first-child {
    font-family: "CYK Number 3", "SourceHanSansCN-Regular", sans-serif;
  }
  .brand-code-cyk .brand-code-pdf[data-source-layer="2019"] .brand-code-pdf-line:first-child {
    font-family: "CYK Number 4", "SourceHanSansCN-Regular", sans-serif;
  }
  .brand-code-cyk .brand-code-pdf[data-source-layer="2021"] .brand-code-pdf-line:first-child {
    font-family: "CYK Number 5", "SourceHanSansCN-Regular", sans-serif;
  }

  .brand-code-cyk .brand-code-pdf[data-source-layer="2011"] .brand-code-pdf-line:first-child,
  .brand-code-cyk .brand-code-pdf[data-source-layer="2013"] .brand-code-pdf-line:first-child,
  .brand-code-cyk .brand-code-pdf[data-source-layer="2017"] .brand-code-pdf-line:first-child,
  .brand-code-cyk .brand-code-pdf[data-source-layer="2019"] .brand-code-pdf-line:first-child,
  .brand-code-cyk .brand-code-pdf[data-source-layer="2021"] .brand-code-pdf-line:first-child {
    color: #37a6d3 !important;
    font-style: normal;
    font-weight: 500 !important;
    font-synthesis: none;
    transform-origin: left bottom;
  }

  .brand-code-cyk.zh [data-source-layer="2011"] .brand-code-pdf-line:nth-child(n+2) {
    margin-left: -.55cqw;
  }

  .brand-code-cyk.zh [data-source-layer="2011"] .brand-code-pdf-line:nth-child(2) {
    transform: translateY(-1.99cqw) scaleX(.99);
  }

  .brand-code-cyk.zh [data-source-layer="2011"] .brand-code-pdf-line:nth-child(3),
  .brand-code-cyk.zh [data-source-layer="2011"] .brand-code-pdf-line:nth-child(4) {
    transform: translateY(-.9cqw) scaleX(var(--stretch, 1));
  }

  .brand-code-cyk.zh [data-source-layer="2011"] .brand-code-pdf-line:nth-child(n+5) {
    left: 12.3911% !important;
    transform: translateY(-1.5cqw) scaleX(var(--stretch, 1));
  }

  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2011"] .brand-code-pdf-line:nth-child(2n+5) {
    color: #25538b !important;
    font-family: "SourceHanSansCN-Medium", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-weight: 500 !important;
  }

  .brand-code-cyk.zh [data-source-layer="2013"] .brand-code-pdf-line:nth-child(2) {
    transform: translate(.88cqw, -1.87cqw) scaleX(1.018);
  }

  .brand-code-cyk.zh [data-source-layer="2013"] .brand-code-pdf-line:nth-child(n+3) {
    margin-left: -.26cqw;
    font-size: 1.09cqw !important;
    transform: translateY(-1.26cqw) scaleX(var(--stretch, 1));
  }

  .brand-code-cyk.zh [data-source-layer="2013"] .brand-code-pdf-line:nth-child(4) {
    transform: translateY(-1.26cqw) scaleX(.89);
  }

  .brand-code-cyk.zh [data-source-layer="2017"] .brand-code-pdf-line:nth-child(2) {
    transform: translateX(-.05cqw) translateY(-1.9cqw) scaleX(.992);
  }

  .brand-code-cyk.zh [data-source-layer="2017"] .brand-code-pdf-line:nth-child(n+3) {
    margin-left: -.05cqw;
    transform: translateY(-1.36cqw) scaleX(var(--stretch, 1));
  }

  .brand-code-cyk.zh [data-source-layer="2017"] .brand-code-pdf-line:nth-child(3),
  .brand-code-cyk.zh [data-source-layer="2017"] .brand-code-pdf-line:nth-child(4) {
    margin-left: -.1cqw;
    font-size: 1.075cqw !important;
    transform: translateY(-1.46cqw) scaleX(var(--stretch, 1));
  }

  .brand-code-cyk.zh [data-source-layer="2017"] .brand-code-pdf-line:nth-child(5),
  .brand-code-cyk.zh [data-source-layer="2017"] .brand-code-pdf-line:nth-child(6) {
    transform: translateY(-1.05cqw) scaleX(var(--stretch, 1));
  }

  .brand-code-cyk.zh [data-source-layer="2019"] .brand-code-pdf-line:nth-child(2) {
    margin-left: .4cqw;
    font-size: 1.46cqw !important;
    transform: translateY(-1.43cqw) scaleX(1.01);
  }

  .brand-code-cyk.zh [data-source-layer="2019"] .brand-code-pdf-line:nth-child(n+3) {
    font-size: 1.065cqw !important;
    transform: translateY(-.38cqw) scaleX(var(--stretch, 1));
  }

  .brand-code-cyk.zh [data-source-layer="2021"] .brand-code-pdf-line:nth-child(2) {
    margin-left: 0;
    font-size: 1.51cqw !important;
    transform: translate(.69cqw, -2cqw) scaleX(1.008);
  }

  .brand-code-cyk.zh [data-source-layer="2021"] .brand-code-pdf-line:nth-child(n+3) {
    margin-left: -.21cqw;
    transform: translateY(-1.32cqw) scaleX(1.015);
  }

  .brand-code-cyk.zh [data-source-layer="2013"] .brand-code-pdf-line:first-child {
    transform-origin: right bottom;
    transform: translateY(-1.27cqw) skewX(-5deg) scaleX(1.27) scaleY(1.02);
  }

  .brand-code-cyk.zh [data-source-layer="2011"] .brand-code-pdf-line:first-child {
    font-size: 3.85cqw !important;
    transform: translate(-.52cqw, -1.46cqw) skewX(-5deg);
  }

  .brand-code-cyk.zh [data-source-layer="2017"] .brand-code-pdf-line:first-child {
    transform: translate(.13cqw, -1.37cqw) skewX(-5deg) scaleX(1.025);
  }

  .brand-code-cyk.zh [data-source-layer="2019"] .brand-code-pdf-line:first-child {
    transform-origin: right bottom;
    transform: translateY(-.55cqw) skewX(-5deg) scaleX(1.06) scaleY(1.17);
  }

  .brand-code-cyk.zh [data-source-layer="2021"] .brand-code-pdf-line:first-child {
    transform-origin: right bottom;
    transform: translateY(-1.32cqw) skewX(-5deg) scaleX(1.21) scaleY(1.02);
  }

  .brand-code-qxyl .brand-code-pdf-sans[style*="font-weight:700"],
  .brand-code-cyk .brand-code-pdf-sans[style*="font-weight:700"] {
    font-family: "SourceHanSansCN-Bold", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  }

  .brand-code-cyk.zh [data-source-layer="2089"] .brand-code-pdf-sans[style*="font-weight:500"],
  .brand-code-cyk.zh [data-source-layer="2103"] .brand-code-pdf-sans[style*="font-weight:500"],
  .brand-code-cyk.zh [data-source-layer="2112"] .brand-code-pdf-sans[style*="font-weight:500"] {
    font-family: "SourceHanSansCN-Medium", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  }

  .brand-code-qxyl.zh [data-source-layer="1959"] .brand-code-pdf-face-medium { font-family: "Qxyl Formula Medium", "Noto Sans SC", sans-serif; }
  .brand-code-qxyl.zh [data-source-layer="1959"] .brand-code-pdf-face-normal { font-family: "Qxyl Formula Normal", "Noto Sans SC", sans-serif; }
  .brand-code-qxyl.zh [data-source-layer="1959"] .brand-code-pdf-face-regular { font-family: "Qxyl Formula Regular", "Noto Sans SC", sans-serif; }
  .brand-code-qxyl.zh [data-source-layer="1959"] .brand-code-pdf-face-light { font-family: "Qxyl Formula Light", "Noto Sans SC", sans-serif; }
  .brand-code-qxyl.zh [data-source-layer="1959"] .brand-code-pdf-face-impact { font-family: Impact, "Arial Narrow", sans-serif; }

  /* English formula typography follows the five faces embedded in the
     layered PDF object instead of collapsing every run to one fallback. */
  .brand-code-qxyl.en [data-source-layer="1959"] .brand-code-pdf-face-medium { font-family: "Qxyl English Formula Medium", "Source Han Sans SC", sans-serif; }
  .brand-code-qxyl.en [data-source-layer="1959"] .brand-code-pdf-face-normal { font-family: "Qxyl English Formula Normal", "Source Han Sans SC", sans-serif; }
  .brand-code-qxyl.en [data-source-layer="1959"] .brand-code-pdf-face-regular { font-family: "Qxyl English Formula Regular", "Source Han Sans SC", sans-serif; }
  .brand-code-qxyl.en [data-source-layer="1959"] .brand-code-pdf-face-light { font-family: "Qxyl English Formula Light", "Source Han Sans SC", sans-serif; }
  .brand-code-qxyl.en [data-source-layer="1959"] .brand-code-pdf-face-impact { font-family: "Qxyl English Formula Impact", Impact, "Arial Narrow", sans-serif; }
  .brand-code-qxyl.en [data-source-layer="1959"] [data-role="title"] { transform: translateY(-2.55cqw) scaleX(var(--stretch, 1)); }
  .brand-code-qxyl.en [data-source-layer="1959"] [data-role="subtitle"] { transform: translateY(-1.95cqw) scaleX(var(--stretch, 1)); }
  .brand-code-qxyl.en [data-source-layer="1959"] [data-role="top-right"] { transform: translateY(-1.4cqw) scaleX(var(--stretch, 1)); }
  .brand-code-qxyl.en [data-source-layer="1959"] [data-role="top-left-label"] { transform: translateY(-1.3cqw) scaleX(var(--stretch, 1)); }
  .brand-code-qxyl.en [data-source-layer="1959"] [data-role="top-left-number"] { transform: translateY(-.45cqw) scaleX(var(--stretch, 1)); }
  .brand-code-qxyl.en [data-source-layer="1959"] [data-role="bottom-label"],
  .brand-code-qxyl.en [data-source-layer="1959"] [data-role="bottom-right-number"] { transform: translateY(-1.5cqw) scaleX(var(--stretch, 1)); }
  .brand-code-qxyl.en [data-source-layer="1959"] [data-role="bottom-left-number"] { transform: translateY(-2.1cqw) scaleX(var(--stretch, 1)); }
  .brand-code-qxyl.zh [data-source-layer="1959"] [data-role="title"] { transform: translateY(-2.55cqw); }
  .brand-code-qxyl.zh [data-source-layer="1959"] [data-role="subtitle"] { transform: translateY(-1.95cqw); }
  .brand-code-qxyl.zh [data-source-layer="1959"] [data-role="top-right"] { transform: translateY(-1.4cqw); }
  .brand-code-qxyl.zh [data-source-layer="1959"] [data-role="top-left-label"] { transform: translateY(-1.3cqw); }
  .brand-code-qxyl.zh [data-source-layer="1959"] [data-role="top-left-number"] { transform: translateY(-.45cqw); }
  .brand-code-qxyl.zh [data-source-layer="1959"] [data-role="bottom-label"],
  .brand-code-qxyl.zh [data-source-layer="1959"] [data-role="bottom-right-number"] { transform: translateY(-1.5cqw); }
  .brand-code-qxyl.zh [data-source-layer="1959"] [data-role="bottom-left-number"] { transform: translateY(-2.1cqw); }

  .brand-code-cyk .brand-code-pdf[data-source-layer="2089"],
  .brand-code-cyk .brand-code-pdf[data-source-layer="2103"],
  .brand-code-cyk .brand-code-pdf[data-source-layer="2112"] {
    transform: translateY(-1.67cqw);
  }

  /* Exact embedded faces used by the three English Health & Wellness
     formula objects: Heavy titles, Medium explanatory copy, Normal details. */
  .brand-code-cyk.en [data-source-layer="2089"] .brand-code-pdf-line:first-child { font-family: "CYK EN 2089 Heavy", sans-serif; font-weight: 900 !important; }
  .brand-code-cyk.en [data-source-layer="2089"] .brand-code-pdf-line:nth-child(n+2):nth-child(-n+6) { font-family: "CYK EN 2089 Medium", sans-serif; }
  .brand-code-cyk.en [data-source-layer="2089"] .brand-code-pdf-line:nth-child(n+7) { font-family: "CYK EN 2089 Normal", sans-serif; }

  .brand-code-cyk.en [data-source-layer="2103"] .brand-code-pdf-line:first-child { font-family: "CYK EN 2103 Heavy", sans-serif; font-weight: 900 !important; }
  .brand-code-cyk.en [data-source-layer="2103"] .brand-code-pdf-line:nth-child(n+2):nth-child(-n+7) { font-family: "CYK EN 2103 Medium", sans-serif; }
  .brand-code-cyk.en [data-source-layer="2103"] .brand-code-pdf-line:nth-child(n+8) { font-family: "CYK EN 2103 Normal", sans-serif; }

  .brand-code-cyk.en [data-source-layer="2112"] .brand-code-pdf-line:first-child { font-family: "CYK EN 2112 Heavy", sans-serif; font-weight: 900 !important; }
  .brand-code-cyk.en [data-source-layer="2112"] .brand-code-pdf-line:nth-child(n+2):nth-child(-n+6) { font-family: "CYK EN 2112 Medium", sans-serif; }
  .brand-code-cyk.en [data-source-layer="2112"] .brand-code-pdf-line:nth-child(n+7) { font-family: "CYK EN 2112 Normal", sans-serif; }

  /* Match the three independently transformed smart objects in the English
     PSB. Their line groups use different vertical scales, so retain the
     authored per-line baselines instead of compressing all three equally. */
  .brand-code-cyk.en [data-source-layer="2089"] .brand-code-pdf-line:nth-child(2) { transform: translateY(.9375cqw); }
  .brand-code-cyk.en [data-source-layer="2089"] .brand-code-pdf-line:nth-child(3) { transform: translateY(1.1458333cqw); }
  .brand-code-cyk.en [data-source-layer="2089"] .brand-code-pdf-line:nth-child(4) { transform: translateY(1.40625cqw); }
  .brand-code-cyk.en [data-source-layer="2089"] .brand-code-pdf-line:nth-child(5) { transform: translateY(1.6666667cqw); }
  .brand-code-cyk.en [data-source-layer="2089"] .brand-code-pdf-line:nth-child(6) { transform: translateY(1.9791667cqw); }
  .brand-code-cyk.en [data-source-layer="2089"] .brand-code-pdf-line:nth-child(7) { transform: translateY(2.6041667cqw); }
  .brand-code-cyk.en [data-source-layer="2089"] .brand-code-pdf-line:nth-child(8) { transform: translateY(2.9166667cqw); }
  .brand-code-cyk.en [data-source-layer="2089"] .brand-code-pdf-line:nth-child(9) { transform: translateY(3.1770833cqw); }

  .brand-code-cyk.en [data-source-layer="2103"] .brand-code-pdf-line:nth-child(2) { transform: translateY(.6770833cqw); }
  .brand-code-cyk.en [data-source-layer="2103"] .brand-code-pdf-line:nth-child(3),
  .brand-code-cyk.en [data-source-layer="2103"] .brand-code-pdf-line:nth-child(4) { transform: translateY(.78125cqw); }
  .brand-code-cyk.en [data-source-layer="2103"] .brand-code-pdf-line:nth-child(5) { transform: translateY(.8333333cqw); }
  .brand-code-cyk.en [data-source-layer="2103"] .brand-code-pdf-line:nth-child(6) { transform: translateY(.9375cqw); }
  .brand-code-cyk.en [data-source-layer="2103"] .brand-code-pdf-line:nth-child(7) { transform: translateY(.9895833cqw); }
  .brand-code-cyk.en [data-source-layer="2103"] .brand-code-pdf-line:nth-child(8) { transform: translateY(1.1458333cqw); }
  .brand-code-cyk.en [data-source-layer="2103"] .brand-code-pdf-line:nth-child(9) { transform: translateY(1.1979167cqw); }
  .brand-code-cyk.en [data-source-layer="2103"] .brand-code-pdf-line:nth-child(10) { transform: translateY(1.25cqw); }
  .brand-code-cyk.en [data-source-layer="2103"] .brand-code-pdf-line:nth-child(11) { transform: translateY(1.3541667cqw); }

  .brand-code-cyk.en [data-source-layer="2112"] .brand-code-pdf-line:nth-child(n+2) { transform: translateY(.5729167cqw); }

  /* The decorative export retained the rules at the pre-transform baselines.
     Cover those stale one-pixel rules and redraw them at the PSB positions. */
  .brand-code-cyk.en [data-source-layer="2089"]::before,
  .brand-code-cyk.en [data-source-layer="2103"]::before,
  .brand-code-cyk.en [data-source-layer="2112"]::before,
  .brand-code-cyk.en [data-source-layer="2089"]::after,
  .brand-code-cyk.en [data-source-layer="2103"]::after,
  .brand-code-cyk.en [data-source-layer="2112"]::after {
    position: absolute;
    z-index: 1;
    left: 0;
    content: "";
    pointer-events: none;
  }

  .brand-code-cyk.en [data-source-layer="2089"]::before { top: 11.50cqw; width: 85.5%; }
  .brand-code-cyk.en [data-source-layer="2103"]::before { top: 10.98cqw; width: 91.5%; }
  .brand-code-cyk.en [data-source-layer="2112"]::before { top: 13.10cqw; width: 100%; }

  .brand-code-cyk.en [data-source-layer="2089"]::before,
  .brand-code-cyk.en [data-source-layer="2103"]::before,
  .brand-code-cyk.en [data-source-layer="2112"]::before {
    height: .26cqw;
    background: #b5e0f1;
  }

  .brand-code-cyk.en [data-source-layer="2089"]::after,
  .brand-code-cyk.en [data-source-layer="2112"]::after { top: 14.9cqw; width: 100%; }
  .brand-code-cyk.en [data-source-layer="2103"]::after { top: 14.9cqw; width: 94.2%; }

  .brand-code-cyk.en [data-source-layer="2089"]::after,
  .brand-code-cyk.en [data-source-layer="2103"]::after,
  .brand-code-cyk.en [data-source-layer="2112"]::after {
    height: .0520833cqw;
    background: #5d92b2;
  }

  .brand-code-cyk.en [data-source-layer="2089"] .brand-code-pdf-line,
  .brand-code-cyk.en [data-source-layer="2103"] .brand-code-pdf-line,
  .brand-code-cyk.en [data-source-layer="2112"] .brand-code-pdf-line { z-index: 2; }

  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2089"]::before,
  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2103"]::before,
  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2112"]::before {
    position: absolute;
    z-index: 3;
    content: "";
    box-sizing: content-box;
    background: linear-gradient(90deg, #b2e0f6 0%, #b0e1f8 25%, #b0e1f8 75%, #b3e0f5 100%);
    border-bottom: .0520833cqw solid #4d819d;
  }

  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2089"]::before {
    top: 12.76375cqw;
    left: 0;
    width: 100%;
    height: 2.34375cqw;
  }

  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2103"]::before {
    top: 9.89915cqw;
    left: .3646cqw;
    width: calc(100% - .3646cqw);
    height: 5.10415cqw;
  }

  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2112"]::before {
    top: 10.78455cqw;
    left: 0;
    width: 100%;
    height: 1.14585cqw;
  }

  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2089"] .brand-code-pdf-line,
  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2103"] .brand-code-pdf-line,
  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2112"] .brand-code-pdf-line {
    z-index: 4;
  }

  .brand-code-cyk .brand-code-pdf[data-source-layer="2011"]::before,
  .brand-code-cyk .brand-code-pdf[data-source-layer="2013"]::before,
  .brand-code-cyk .brand-code-pdf[data-source-layer="2017"]::before,
  .brand-code-cyk .brand-code-pdf[data-source-layer="2019"]::before,
  .brand-code-cyk .brand-code-pdf[data-source-layer="2021"]::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 2.8cqw;
    width: 42cqw;
    height: .58cqw;
    border-radius: 99px;
    background: linear-gradient(90deg, #a8dff1 0%, #bbe7f4 46%, rgba(218, 244, 250, 0) 100%);
  }

  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2011"]::before {
    top: 2.55cqw;
  }

  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2013"]::before {
    top: 2.55cqw;
  }

  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2017"]::before,
  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2019"]::before,
  .brand-code-cyk.zh .brand-code-pdf[data-source-layer="2021"]::before {
    top: 2.7cqw;
  }

  /* The 2023 consensus object is content-cropped in the PSB. Rebuild its
     two live text lines from that final crop instead of retaining the PDF's
     large transparent left margin. */
  .brand-code-cyk.zh [data-source-layer="2023"] .brand-code-pdf-line {
    color: #5f5f5f !important;
    font-family: "SourceHanSansCN-Normal", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-size: .75cqw !important;
    font-weight: 400 !important;
    transform-origin: left top;
  }

  .brand-code-cyk.zh [data-source-layer="2023"] .brand-code-pdf-line:first-child {
    left: -.26cqw !important;
    transform: translateY(-.575cqw);
  }

  .brand-code-cyk.zh [data-source-layer="2023"] .brand-code-pdf-line:nth-child(2) {
    left: 1.88cqw !important;
    transform: translateY(.05cqw);
  }

  .brand-code-blky.en #brand-text-1470 {
    transform: scaleX(.88);
    transform-origin: center top;
  }

  .brand-code-blky.en #brand-text-1528 {
    transform: scaleX(.82);
    transform-origin: center top;
  }

  .brand-code-blky.en #brand-text-1529 {
    transform: scaleX(.9);
    transform-origin: center top;
  }

  /* BLKY's product-system typography contains several style runs inside the
     same Photoshop text layer. Recreate those runs in live HTML. */
  .brand-code-blky #brand-text-322 {
    left: 33%;
    width: 34.4166667%;
    font-size: 3.72cqw;
    color: transparent;
    opacity: 1;
    line-height: 1.12;
    padding-block: .08em;
    margin-top: -.08em;
    overflow: visible;
    background: linear-gradient(180deg,
      #fefdfb 0%,
      #fcf8f2 48%,
      #f8efe2 100%);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: translateY(-.8cqw);
    transform-origin: center top;
  }

  .brand-code-blky #brand-text-322 .brand-code-bg-word {
    display: inline;
    line-height: inherit;
  }

  .brand-code-blky #brand-text-323 {
    font-size: 2.33cqw;
    font-weight: 600;
  }

  .brand-code-blky.zh #brand-text-324 {
    font-size: 1.5190974cqw;
  }

  .brand-code-blky.zh #brand-text-323 {
    transform: translateY(.22cqw);
  }

  .brand-code-blky #brand-text-1470,
  .brand-code-blky #brand-text-1528,
  .brand-code-blky #brand-text-1529 {
    font-size: 1.25cqw;
    font-weight: 400;
  }

  .brand-code-blky .brand-code-title-line {
    font-size: 1.48cqw;
    font-weight: 600;
  }

  .brand-code-blky .brand-code-body-lines {
    font-size: 1.25cqw;
    font-weight: 400;
  }

  .brand-code-blky.zh #brand-text-324 {
    transform: translateY(-.55cqw);
  }

  .brand-code-blky.zh #brand-text-1468 {
    font-size: 1.10cqw;
    transform: translateY(-.6cqw);
  }

  /* QXYL: keep the product-system heading clear of the preceding story copy
     and preserve the single-line typography used by the original artwork. */
  .brand-code-qxyl.zh [data-layer-id="322"] {
    left: 33%;
    width: 34%;
    font-size: 4.12cqw;
    font-family: "Qxyl Source Han Serif Heavy", "Source Han Serif SC Heavy", serif;
    font-weight: 900;
    line-height: 1.12;
    padding-block: .08em;
    margin-top: -.08em;
    color: transparent;
    opacity: 1;
    white-space: nowrap;
    overflow: visible;
    background: linear-gradient(180deg,
      #fcfdfd 0%,
      #f6f9f9 48%,
      #edf4f4 100%);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0;
    transform: translateY(1.8cqw);
    transform-origin: center top;
  }

  .brand-code-qxyl.zh [data-layer-id="323"] {
    left: 43%;
    width: 14%;
    white-space: nowrap;
    transform: translateY(2.8cqw) scaleX(.97) scaleY(1.08);
    transform-origin: center top;
  }

  .brand-code-qxyl.zh [data-layer-id="324"] {
    left: 37%;
    width: 26%;
    white-space: nowrap;
    transform: translateY(1.9cqw);
    transform-origin: center top;
  }

  .brand-code-qxyl.zh [data-layer-id="1465"] {
    left: 25%;
    top: 10.475%;
    width: 50%;
    white-space: pre;
    transform: none;
  }

  /* Match the production artwork: keep full-size Han glyphs while using
     Source Han Serif's proportional punctuation alternates. */
  .brand-code-qxyl.zh .brand-code-text[style*="SourceHanSerifCN"] {
    letter-spacing: var(--track);
    font-feature-settings: "palt" 1, "kern" 1;
    font-kerning: normal;
  }

  /* The artwork is 8000px high. These positions convert the former
     7930px cropped coordinate system back to the artwork's native one. */
  .brand-code-qxyl.zh [data-layer-id="322"] { top: 20%; }
  .brand-code-qxyl.zh [data-layer-id="323"] { top: 20.0375%; }
  .brand-code-qxyl.zh [data-layer-id="324"] { top: 20.975%; }
  .brand-code-qxyl.zh [data-layer-id="1468"] { top: 22.8625%; }
  .brand-code-qxyl.zh [data-layer-id="1555"],
  .brand-code-qxyl.zh [data-layer-id="1557"],
  .brand-code-qxyl.zh [data-layer-id="1558"] { top: 30.3%; }
  .brand-code-qxyl.zh [data-layer-id="1568"] { top: 33.325%; }
  .brand-code-qxyl.zh [data-layer-id="1569"] { top: 34.6625%; }
  .brand-code-qxyl.zh [data-layer-id="1905"],
  .brand-code-qxyl.zh [data-layer-id="1913"],
  .brand-code-qxyl.zh [data-layer-id="1918"] { top: 47.0625%; }
  .brand-code-qxyl.zh [data-layer-id="1910"],
  .brand-code-qxyl.zh [data-layer-id="1914"],
  .brand-code-qxyl.zh [data-layer-id="1919"] { top: 48.0625%; }
  .brand-code-qxyl.zh [data-layer-id="1830"] { top: 54.65%; }
  .brand-code-qxyl.zh [data-layer-id="1921"] { top: 56.2375%; }
  .brand-code-qxyl.zh [data-layer-id="1930"] { top: 60.075%; }
  .brand-code-qxyl.zh [data-layer-id="1931"] { top: 61.6625%; }
  .brand-code-qxyl.zh [data-layer-id="1932"] { top: 70.45%; }
  .brand-code-qxyl.zh [data-layer-id="1933"] { top: 72.0375%; }
  .brand-code-qxyl.zh [data-layer-id="1939"] { top: 80.5%; }
  .brand-code-qxyl.zh [data-layer-id="1940"] { top: 82.0875%; }

  .brand-code-qxyl.en [data-layer-id="2271"] {
    left: 30.0520833%;
    top: 10.6625%;
    width: 42.34375%;
    color: #555;
    font-family: "Qxyl Source Han Serif Regular", "Source Han Serif CN", serif;
    font-size: 1.25cqw;
    font-weight: 400;
    line-height: 1.5625cqw;
    letter-spacing: 0;
    white-space: pre;
    transform: translateY(-0.15cqw);
  }

  .brand-code-qxyl.en [data-layer-id="322"] {
    top: 20.2008%;
    font-family: "Qxyl Source Han Serif Bold", "Source Han Serif CN", serif;
    line-height: 1.12;
    color: transparent;
    opacity: 1;
    white-space: nowrap;
    overflow: visible;
    background: linear-gradient(180deg,
      #fbfdfd 0%,
      #f1f6f5 50%,
      #eef3f2 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: translateY(-1.48cqw);
    transform-origin: center top;
  }

  .brand-code-qxyl.en [data-layer-id="323"] {
    top: 20.0876%;
    font-family: "Qxyl Source Han Sans Bold", "Microsoft YaHei", Arial, sans-serif;
    white-space: nowrap;
    overflow: visible;
  }

  .brand-code-qxyl.en [data-layer-id="324"],
  .brand-code-qxyl.en [data-layer-id="1468"] {
    font-family: "Qxyl Source Han Serif Regular", "Source Han Serif CN", serif;
  }

  .brand-code-qxyl.en [data-layer-id="324"] {
    top: 20.8444%;
    letter-spacing: -.006em;
    white-space: nowrap;
    overflow: visible;
  }

  .brand-code-qxyl.en [data-layer-id="1468"] {
    left: 24.859375%;
    top: 22.4712%;
    width: 49.5%;
    font-size: 1.27cqw;
  }

  .brand-code-qxyl.en [data-layer-id="1555"],
  .brand-code-qxyl.en [data-layer-id="1557"] {
    transform: translateY(1.95cqw);
  }

  .brand-code-qxyl.en [data-layer-id="1558"] {
    line-height: 1.58cqw;
    transform: translateY(2.52cqw);
  }

  .brand-code-qxyl.en [data-layer-id="1568"] {
    transform: translateY(1.575cqw);
  }

  .brand-code-qxyl.en [data-layer-id="1569"] {
    font-family: "Qxyl Source Han Serif Medium", "Source Han Serif CN", serif;
    white-space: normal;
    overflow: visible;
    transform: translateY(1.575cqw);
  }

  .brand-code-qxyl.en [data-layer-id="1569"] > span {
    display: inline-block;
    white-space: nowrap;
    transform: scaleX(.983);
    transform-origin: center center;
  }

  .brand-code-qxyl.en [data-layer-id="1569"] > span:nth-of-type(3) {
    transform: translateX(-.62cqw) scaleX(.984);
  }

  .brand-code-qxyl.en [data-layer-id="1830"] {
    transform: translateY(.7cqw);
  }

  .brand-code-qxyl.en [data-layer-id="1921"] {
    font-family: "Qxyl Source Han Serif Medium", "Source Han Serif CN", serif;
    white-space: pre;
    overflow: visible;
    transform: translateY(.7cqw);
  }

  .brand-code-qxyl.en [data-layer-id="1930"],
  .brand-code-qxyl.en [data-layer-id="1932"] {
    white-space: pre;
    overflow: visible;
  }

  .brand-code-qxyl.en [data-layer-id="1930"] {
    transform: translateY(.62cqw);
  }

  .brand-code-qxyl.en [data-layer-id="1932"] {
    transform: translateY(.32cqw);
  }

  .brand-code-qxyl.en [data-layer-id="1931"],
  .brand-code-qxyl.en [data-layer-id="1933"] {
    font-family: "Qxyl Source Han Serif Regular", "Source Han Serif CN", serif;
    white-space: pre;
    overflow: visible;
  }

  .brand-code-qxyl.en [data-layer-id="1931"] {
    transform: translateY(.45cqw);
  }

  .brand-code-qxyl.en [data-layer-id="1939"] {
    white-space: nowrap;
    overflow: visible;
    transform: translateY(-.35cqw);
  }

  .brand-code-qxyl.en [data-layer-id="1940"] {
    font-family: "Qxyl Source Han Serif Medium", "Source Han Serif CN", serif;
    white-space: pre;
    overflow: visible;
    transform: translateY(-.35cqw);
  }

  .brand-code-qxyl.en [data-layer-id="1993"] {
    top: 72.137%;
    font-family: "Qxyl Source Han Serif Medium", "Source Han Serif CN", serif;
    white-space: pre;
    overflow: visible;
    transform: translateY(-1.3cqw);
  }

  .brand-code-qxyl.en > .brand-code-slice:last-child {
    aspect-ratio: 1920 / 1520;
  }

  .brand-code-qxyl.en > .brand-code-slice:last-child > img {
    height: 279.4736842%;
  }

  .brand-code-qxyl.zh [data-layer-id="1468"] {
    left: 25%;
    width: 50%;
    white-space: pre;
  }

  .brand-code-qxyl.zh [data-layer-id="1555"],
  .brand-code-qxyl.zh [data-layer-id="1557"],
  .brand-code-qxyl.zh [data-layer-id="1558"] {
    font-family: "SourceHanSansCN-Medium", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-weight: 500;
    white-space: nowrap;
    overflow: visible;
    transform: translateY(-0.55cqw);
  }

  .brand-code-qxyl.zh [data-layer-id="1568"] {
    left: 42.5%;
    width: 14%;
    text-align: center;
    white-space: nowrap;
    overflow: visible;
    transform: translateY(-0.75cqw);
  }

  .brand-code-qxyl.zh [data-layer-id="1569"] {
    left: 14.5%;
    width: 70%;
    white-space: pre;
    transform: translateY(-0.75cqw);
  }

  .brand-code-qxyl.zh [data-layer-id="1905"],
  .brand-code-qxyl.zh [data-layer-id="1913"],
  .brand-code-qxyl.zh [data-layer-id="1918"] {
    text-align: center;
    white-space: nowrap;
    overflow: visible;
  }

  .brand-code-qxyl.zh [data-layer-id="1910"],
  .brand-code-qxyl.zh [data-layer-id="1914"],
  .brand-code-qxyl.zh [data-layer-id="1919"] {
    color: #333;
    font-family: "Source Han Serif CN", "SimSun", serif;
    font-weight: 400;
    letter-spacing: 0;
    white-space: pre;
    overflow: visible;
  }

  .brand-code-qxyl.zh [data-layer-id="1910"] strong,
  .brand-code-qxyl.zh [data-layer-id="1914"] strong,
  .brand-code-qxyl.zh [data-layer-id="1919"] strong {
    font-family: "Qxyl Source Han Serif Heavy", "Source Han Serif CN", "SimSun", serif;
    font-weight: 900;
  }

  .brand-code-qxyl.zh [data-layer-id="1830"] {
    left: 42.5%;
    width: 14%;
    text-align: center;
    white-space: nowrap;
    overflow: visible;
  }

  .brand-code-qxyl.zh [data-layer-id="1921"] {
    left: 14.5%;
    width: 70%;
    white-space: pre;
  }

  .brand-code-qxyl.zh [data-layer-id="1930"],
  .brand-code-qxyl.zh [data-layer-id="1931"],
  .brand-code-qxyl.zh [data-layer-id="1932"],
  .brand-code-qxyl.zh [data-layer-id="1933"] {
    white-space: pre;
    overflow: visible;
  }

  .brand-code-qxyl.zh [data-layer-id="1939"] {
    left: 42.5%;
    width: 14%;
    text-align: center;
    white-space: nowrap;
    overflow: visible;
  }

  .brand-code-qxyl.zh [data-layer-id="1940"] {
    left: 14.5%;
    width: 70%;
    white-space: pre;
  }

  .brand-code-qxyl.zh [data-layer-id="1993"] {
    top: 50.202%;
    left: 15%;
    width: 70%;
    text-align: center;
    font-weight: 500;
    -webkit-text-stroke: 0.22px currentColor;
    white-space: pre;
    overflow: visible;
    transform: translateY(1cqw);
  }

  .brand-code-qxyl.zh .brand-code-slice:last-child {
    aspect-ratio: 1920 / 1225;
  }

  .brand-code-qxyl.zh .brand-code-slice:last-child > img {
    height: 346.7755102%;
  }

  .brand-code-blky.zh #brand-text-1470,
  .brand-code-blky.zh #brand-text-1528,
  .brand-code-blky.zh #brand-text-1529 {
    transform: translateY(-.55cqw);
  }

  .brand-code-blky #brand-text-1555,
  .brand-code-blky #brand-text-1557,
  .brand-code-blky #brand-text-1558,
  .brand-code-blky #brand-text-1559 {
    font-weight: 600;
  }

  /* Use the actual circle bounds as the label boxes, so each label is
     centered geometrically rather than by its Photoshop glyph bounding box. */
  .brand-code-blky.zh #brand-text-1555,
  .brand-code-blky.zh #brand-text-1557,
  .brand-code-blky.zh #brand-text-1558,
  .brand-code-blky.zh #brand-text-1559 {
    top: 75.8651399%;
    width: 8.3072917%;
    height: 4.0585242%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    text-align: center;
  }

  .brand-code-blky.zh #brand-text-1555 { left: 23.0468750%; }
  .brand-code-blky.zh #brand-text-1557 { left: 37.5000000%; }
  .brand-code-blky.zh #brand-text-1558 { left: 51.9791667%; }
  .brand-code-blky.zh #brand-text-1559 { left: 66.4583333%; }

  .brand-code-blky.en #brand-text-1555,
  .brand-code-blky.en #brand-text-1557,
  .brand-code-blky.en #brand-text-1558,
  .brand-code-blky.en #brand-text-1559 {
    top: 37.5977301%;
    width: 8.3072917%;
    height: 2.0113493%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.15;
    text-align: center;
  }

  .brand-code-blky.en #brand-text-1555 { left: 23.0468750%; }
  .brand-code-blky.en #brand-text-1557 { left: 37.5000000%; }
  .brand-code-blky.en #brand-text-1558 { left: 51.9791667%; }
  .brand-code-blky.en #brand-text-1559 { left: 66.4583333%; }

  body:has(.brand-desktop-code) .blky-banner,
  body:has(.brand-desktop-code) .blky-page,
  body:has(.brand-desktop-code) .qxyl-banner,
  body:has(.brand-desktop-code) .qxyl-page,
  body:has(.brand-desktop-code) .qxyl-mobile-layered,
  body:has(.brand-desktop-code) .cyk-page,
  body:has(.brand-desktop-code) .cyk-mobile-layered,
  body:has(.brand-desktop-code) .yjh-layout-shell,
  body:has(.brand-desktop-code) .kl-page,
  body:has(.brand-desktop-code) .cyx-page,
  body:has(.brand-desktop-code) .en-brand-page {
    display: none !important;
  }

  body:has(.brand-desktop-code) .footer {
    display: none !important;
  }

  .brand-code-go-top {
    position: fixed;
    right: 28px;
    bottom: 48px;
    z-index: 20;
    width: 54px;
    height: 54px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #2798b1;
    box-shadow: 0 6px 18px rgba(39, 152, 177, .25);
    cursor: pointer;
  }

  .brand-code-go-top span::before,
  .brand-code-go-top span::after {
    position: absolute;
    content: "";
    left: 50%;
  }

  .brand-code-go-top span::before {
    top: 15px;
    width: 15px;
    height: 15px;
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
    transform: translateX(-50%) rotate(45deg);
  }

  .brand-code-go-top span::after {
    top: 16px;
    width: 3px;
    height: 24px;
    background: #fff;
    transform: translateX(-50%);
  }

  body:has(.brand-code-blky) .footer,
  body:has(.brand-code-kl) .footer {
    display: block !important;
  }

  body:has(.brand-code-qxyl) .footer {
    display: block !important;
  }

  body:has(.brand-code-cyk.zh) .footer {
    display: block !important;
  }

  body:has(.brand-code-cyk.en) .footer {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    animation: none !important;
  }

  body:has(.brand-code-yjh) .footer {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    animation: none !important;
  }

  body:has(.brand-code-cyx) .footer {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    animation: none !important;
  }

  body:has(.brand-code-blky) .brand-code-go-top {
    display: none !important;
  }

  /* YJH retains the page's original back-to-top control; do not duplicate it. */
  body:has(.brand-code-yjh) .brand-code-go-top {
    display: none !important;
  }
}

@media (min-width: 781px) and (max-width: 991px) {
  .brand-desktop-code { padding-top: 60px; }
  body:has(.brand-desktop-code) .header .header_logo img { transform: translateY(0); }
}