/* =============================================================================
   main.built.css — Mac Does That 正式页（index / index4 / index5）
   断点：S ≤734px · M 735–1068px · L ≥1069px · XL ≥1441px（trade-card）
   =============================================================================
   1. 基础（body）
   2. 全局 — 字重 / 大卡 / 打字机 / Welcome Hero
   3. .trade-card 组件
   4. #hero
   5. #china-business-case
   6. .section-resources · .section-select
   7. 内容列对齐（FAQ / 资源 / 机型 / get-in-touch）
   8. .section-faq
   9. #get-in-touch
   ============================================================================= */

/* ===== 1. 基础 ===== */
body {
    background-color: #ffffff;
    color: #1d1d1f;
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* ===== 2. 全局 ===== */

.section-resources .card-small-headline {
  max-width: 18ch;
}
.card-big-headline {
  font-weight: 600 !important;
}
.section-computer .headline {
  font-weight: 600 !important;
}
.section-get-started .headline {
  font-weight: 600 !important;
}
.section-select .section-header-headline {
  font-weight: 600 !important;
}
.card-small-headline {
  font-weight: 600 !important;
}
.section-welcome {
  padding-bottom: 0px;
}
.section-select .product-tile-product-id {
  margin-bottom: 0px;
}
.product-tile-headline.height {
  height: 70px;
}
.product-tile-headline.height-1 {
  margin-top: 25px;
}
.typewriter-container-cursor {
  display: inline-block;
  width: 3px;
  height: 1em;
  background-color: #03ff00;
  vertical-align: text-bottom;
  margin-left: 1px;
  animation: blink 0.8s step-end infinite;
}

@keyframes blink {
  from,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.typewriter-container-cursor.fade-out {
  animation:
    blink2 0.8s step-end 2,
    fadeOut 0.3s ease forwards 1.6s;
}
@keyframes blink2 {
  from,
  to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.section-welcome .hero-container .hero-copy {
  margin-block-end: 0;
}
.overview-welcome-hero-logo {
    transform: translateY(0);
    margin-inline-end: 0px;
}

.overview-welcome-hero-logo img {
    display: block;
    height: auto;
    width: auto;
}

@media (min-width: 1069px) {
    .section-welcome .hero-container .overview-welcome-hero-logo img {
        height: 53px;
        width: 42px;
    }
}

@media (min-width: 735px) and (max-width: 1068px) {
    .section-welcome .hero-container .overview-welcome-hero-logo img {
        height: 44px;
        width: 36px;
    }
}

@media (max-width: 734px) {
    .section-welcome .hero-container .overview-welcome-hero-logo img {
        height: 38px;
        width: 31px;
    }
}

.section-welcome .hero-container .overview-welcome-hero-logo {
    --p-width: 42px;
    --p-height: 62px
}

@media (min-width: 735px) and (max-width: 1068px) {
    .section-welcome .hero-container .overview-welcome-hero-logo {
        --p-width: 34px;
        --p-height:44px
    }
}

@media (max-width: 734px) {
    .section-welcome .hero-container .overview-welcome-hero-logo {
        --p-width: 34px;
        --p-height:39px
    }
}

.card-big .card-big-copy + .card-big-trigger .card-big-icon,
.card-big .card-big-headline + .card-big-trigger .card-big-icon {
  --trigger-offset-block: 20px;
}
@media screen and (max-width: 734px) {
  .card-big .card-big-copy + .card-big-trigger .card-big-icon,
  .card-big .card-big-headline + .card-big-trigger .card-big-icon {
    --trigger-offset-block: 14px;
  }
  .card-big-savings.card-big {
    padding-inline-end: 32px;
  }
  .section-welcome .hero-container .overview-welcome-hero-logo {
    margin-inline-end: 4px;
  }
  #text-display {
    white-space: nowrap;
  }
  .max-width-s {
    max-width: var(--max-width-s);
  }
  .card-big-security .icon-privacy-lock {
    width: 18px;
    height: 24px;
    top: 2px;
    left: 3px;
  }
}


/* ===== 3. .trade-card ===== */

/* --- 3.1 基础 --- */
.trade-card {
    align-self: flex-start;
    background-color: #f5f5f7;
    border-radius: 28px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* --- 3.2 图片区 --- */
.trade-card .trade-card-image-wrapper {
    height: 630px;
    overflow: hidden;
    position: relative;
}

.trade-card .trade-card-image {
    display: block;
    height: 100%;
    width: 100%;
}

.trade-card .trade-card-image-overlay {
    align-items: flex-start;
    bottom: 0;
    display: flex;
    left: 0;
    padding: 85px 0 0 80px;
    position: absolute;
    right: 0;
    top: 0;
}

.trade-card .trade-card-image-overlay.trade-flex-end {
    align-items: flex-end;
    padding: 0px 0 85px 80px;
}

.trade-card .trade-card-image-overlay .trade-card-label {
    color: #f5f5f7;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 14px;
}

.trade-card .trade-card-image-overlay .trade-card-title {
    color: #ffffff;
    font-size: 48px;
    font-weight: 600;
    line-height: 52px;
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* 海马体 / FLIPOS：亮背景上主标题轻阴影提可读性 */
#china-business-case.major-gallery--trade #industry-consumer-service .trade-card-image-overlay .trade-card-title,
#china-business-case.major-gallery--trade #industry-professional-service .trade-card-image-overlay .trade-card-title {
    text-shadow:
        0 1px 3px rgba(0, 0, 0, 0.22),
        0 4px 10px rgba(0, 0, 0, 0.12);
}

/* --- 3.3 正文区 --- */
.trade-card .trade-card-text-grid {
    background-color: #f5f5f7;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 32px;
    padding: 75px 80px;
}

.trade-card .trade-card-text-grid .trade-card-text-block {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.trade-card .trade-card-text-grid .trade-card-text-block:first-child {
    flex: 1;
    text-align: left;
}

.trade-card .trade-card-text-grid .trade-card-text-block:nth-child(2) {
    flex: 1;
}

.trade-card .trade-card-text-grid .trade-card-text-block:first-child p,
.trade-card .trade-card-text-grid .trade-card-text-block p {
    font-size: 17px;
}

.trade-card .trade-card-text-grid .trade-card-text-block:first-child p {
    color: #6e6e73;
    font-size: 19px;
    font-weight: 600;
    line-height: 23px;
    margin: 0;
}

.trade-card .trade-card-text-grid .trade-card-text-block .trade-height {
    color: #1d1d1f;
}

/* --- 3.4 指标区 --- */
.trade-card .trade-card-text-grid .trade-card-text-block.trade-card-stat-block {
    display: flex;
    flex-direction: row;
    gap: 38px;
    justify-content: flex-end;
    text-align: left;
}

.trade-card .trade-card-stat-item {
    display: flex;
    flex-direction: column;
}

.trade-card .trade-card-stat-label {
    color: #6e6e73;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 8px;
}

.trade-card .trade-card-stat-value {
    align-items: baseline;
    color: #1d1d1f;
    display: flex;
    font-size: 72px;
    font-weight: 600;
    gap: 4px;
    justify-content: flex-start;
    letter-spacing: 0;
    line-height: 72px;
    white-space: nowrap;
}

/* 数字 span：Display + 负字距，避免 3000 / 30000 过散 */
.trade-card .trade-card-stat-value > span:not(.trade-card-stat-unit) {
    font-family: SF Pro Display, SF Pro SC, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif;
    letter-spacing: -0.02em;
}

.trade-card .trade-card-stat-unit {
    color: #1d1d1f;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -0.015em;
    line-height: 44px;
}

/* --- 3.5 响应式 · XL（≥1441px）--- */
@media (min-width: 1441px) {
    .section-header {
        max-width: 1200px;
    }

    .section-header h2 {
        font-size: 48px;
    }

    .section-header p {
        font-size: 21px;
    }

    .typography-tab-wrapper {
        max-width: 1200px;
    }

    .trade-tabs-panels {
        max-width: 1220px;
        padding-top: 53px;
    }

    .trade-card .trade-card-text-grid {
        gap: 40px;
        padding: 75px 80px;
    }
    
}

/* --- 3.6 响应式 · M（735–1068px）--- */
@media only screen and (min-width: 735px) and (max-width: 1068px) {

    .trade-card .trade-card-image-overlay {
        padding: 70px 0 0 55px;
    }
    .trade-card .trade-card-image-overlay.trade-flex-end {
   		padding: 0px 0 70px 55px;
	}
    .trade-card .trade-card-image-wrapper {
        height: 530px;
    }

    .trade-card .trade-card-text-grid {
        padding: 60px 55px;
    }

    .trade-card .trade-card-text-grid .trade-card-text-block:first-child p {
        font-size: 17px;
        line-height: 21px;
    }

    .trade-card .trade-card-stat-value {
        font-size: 48px;
        line-height: 52px;
    }

    .trade-card .trade-card-stat-value > span:not(.trade-card-stat-unit) {
        letter-spacing: -0.022em;
    }

    .trade-card .trade-card-stat-unit {
        font-size: 28px;
        line-height: 32px;
    }
}

/* --- 3.7 响应式 · S（≤734px）--- */
@media (max-width: 734px) {
    .trade-gallery {
        margin: 0 auto;
        max-width: 400px;
    }

    .typography-tab-wrapper {
        color: #ffffff;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        max-width: 100%;
    }

    .typography-tab-scroll {
        padding: 4px;
    }

    .typography-tab-item {
        font-size: 14px;
        padding: 9px 16px;
    }

    .trade-tabs-panels {
        padding-top: 31px;
    }

    .trade-card {
        min-width: 100%;
    }

    .trade-card .trade-card-image-wrapper {
        height: 450px;
    }

    .trade-card .trade-card-image-overlay {
        align-items: flex-end;
        padding: 0 0 44px 35px;
    }

    .trade-card .trade-card-image-overlay .trade-card-label {
        font-size: 19px;
        line-height: 23px;
    }

    .trade-card .trade-card-image-overlay .trade-card-title {
        font-size: 32px;
        line-height: 36px;
    }

    /* S：仅第 1、4 张案例标题取消 <br>；第 2、3 张保留换行 */
    #industry-culture .trade-card-title br,
    #industry-professional-service .trade-card-title br {
        display: none;
    }

    /* S：汪氏皮影 / FLIPOS 小标题叠在亮部画面上，向下加半透明阴影提可读性 */
    #china-business-case.major-gallery--trade #industry-culture .trade-card-label,
    #china-business-case.major-gallery--trade #industry-professional-service .trade-card-label {
        text-shadow:
            0 2px 4px rgba(0, 0, 0, 0.55),
            0 6px 18px rgba(0, 0, 0, 0.4);
    }
    .trade-card .trade-card-text-grid .trade-card-text-block:first-child,
    .trade-card .trade-card-text-grid .trade-card-text-block:nth-child(2) {
        flex: none;
        text-align: left;
    }

    .trade-card .trade-card-text-grid .trade-card-text-block:first-child p {
        font-size: 17px;
        line-height: 21px;
    }

    .trade-card .trade-card-text-grid .trade-card-text-block p {
        font-size: 15px;
        line-height: 19px;
    }

    .trade-card .trade-card-text-grid .trade-card-text-block.trade-card-stat-block {
        gap: 25px;
        justify-content: center;
    }

    .trade-card .trade-card-text-grid .trade-card-text-block.trade-card-stat-block .trade-card-stat-label {
        font-size: 14px;
        line-height: 20px;
        text-align: left;
        white-space: nowrap;
    }

    .trade-card .trade-card-stat-value {
        font-size: 40px;
        justify-content: flex-start;
        line-height: 44px;
    }

    .trade-card .trade-card-stat-value > span:not(.trade-card-stat-unit) {
        letter-spacing: -0.025em;
    }

    .trade-card .trade-card-stat-unit {
        font-size: 24px;
        line-height: 28px;
    }
}


/* ===== 4. #hero ===== */

#hero.section-welcome {
	padding-block-start: 100px;
}

/* --- 4.1 间距 · M（735–1068px）--- */
@media (min-width: 735px) and (max-width: 1068px) {
    #hero.section-welcome {
        padding-block-start: 120px;
        padding-block-end: 0;
    }

    #hero.section-welcome .hero-container .hero-copy {
        margin-block-start: 60px;
        margin-block-end: 100px;
    }
}

/* --- 4.2 间距 · L（≥1069px）--- */
@media (min-width: 1069px) {
    #hero.section-welcome .hero-container {
        margin-inline: auto;
        max-width: 1220px;
    }

    #hero.section-welcome .hero-container .hero-copy {
        margin-block-start: 60px;
        margin-block-end: 100px;
    }
}

/* --- 4.3 间距 · S（≤734px）--- */
@media (max-width: 734px) {
    #hero.section-welcome {
        padding-block-start: 100px;
        padding-block-end: 0;
    }

    #hero.section-welcome .hero-container .hero-copy {
        margin-block-start: 60px;
        margin-block-end: 60px;
    }
}

/* --- 4.4 headline 字号（L 72 / M 56 / S 48）--- */
@media (min-width: 1069px) {
    #hero.section-welcome .typography-hero-headline {
        font-size: 72px;
        letter-spacing: -0.015em;
        line-height: 1.05;
    }
}

@media (min-width: 735px) and (max-width: 1068px) {
    #hero.section-welcome .typography-hero-headline {
        font-size: 56px;
        letter-spacing: -0.003em;
        line-height: 0.9;
    }
}

/* --- 4.4b headline 布局 · L/M 单行（压过 overview 换行）--- */
@media (min-width: 735px) {
    #hero.section-welcome .hero-headline-leading,
    #hero.section-welcome .hero-headline-phrase {
        display: inline;
        flex-basis: auto;
    }

    #hero.section-welcome #text-display {
        flex-basis: auto;
        white-space: nowrap;
    }
}

/* --- 4.5 布局 · S（内容列宽、两行标题）--- */
@media (max-width: 734px) {
    #hero.section-welcome .typography-hero-headline {
        font-size: 48px;
        letter-spacing: -0.003em;
        line-height: 1.0834933333;
    }

    #hero.section-welcome {
        --hero-content-width: min(400px, calc(100vw - 40px));
    }

    #hero.section-welcome .hero-container {
        --container-width: var(--hero-content-width);
        --copy-width: var(--hero-content-width);
        box-sizing: border-box;
        margin-inline: auto;
        max-width: var(--hero-content-width);
        overflow-x: clip;
        width: var(--hero-content-width);
    }

    #hero.section-welcome .hero-container .headline-container {
        justify-items: center;
        margin-inline: 0;
        text-align: center;
    }

    #hero.section-welcome .hero-container .headline-container .headline {
        display: block;
        text-align: center;
    }

    #hero.section-welcome .hero-headline-leading,
    #hero.section-welcome .hero-headline-phrase {
        display: block;
    }

    #hero.section-welcome .hero-container .headline-container .headline br.small {
        display: block;
    }

    #hero.section-welcome .hero-headline .hero-mac-gap {
        display: none;
    }

    #hero.section-welcome .hero-container .hero-copy {
        margin-block-end: 60px;
        margin-inline: auto;
        max-width: var(--hero-content-width);
        text-align: center;
    }

    #hero.section-welcome .hero-headline {
        overflow-x: clip;
    }

    #hero.section-welcome #text-display {
        white-space: nowrap;
    }
}


/* ===== 5. #china-business-case ===== */
/* 仅 #china-business-case；勿选 #hero / .section-welcome */

/* 横向 card-big：对齐官网 overview — .current 全亮 + 0.5s opacity 过渡（html.no-static） */
#business-gallery.scroll-gallery-card-big [data-ac-gallery-item],
#it-gallery.scroll-gallery-card-big [data-ac-gallery-item],
#employees-gallery.scroll-gallery-card-big [data-ac-gallery-item] {
    opacity: 0.2;
}

#business-gallery.scroll-gallery-card-big [data-ac-gallery-item].current,
#it-gallery.scroll-gallery-card-big [data-ac-gallery-item].current,
#employees-gallery.scroll-gallery-card-big [data-ac-gallery-item].current {
    opacity: 1;
}

html.no-static #business-gallery.scroll-gallery-card-big [data-ac-gallery-item],
html.no-static #it-gallery.scroll-gallery-card-big [data-ac-gallery-item],
html.no-static #employees-gallery.scroll-gallery-card-big [data-ac-gallery-item] {
    transition: opacity 0.5s ease;
}

/* --- 5.1 区块变量与画廊栅格 --- */
#china-business-case.major-gallery--trade {
    --section-content-width: 1220px;
    /* 对齐 college-students：S 内容宽 min(400px, 100vw - 40px) */
    --max-width-s: min(400px, calc(100vw - 40px));
    margin-block-start: 0;
    padding-block-end: 80px;
    background-color: #fff;
}

/* tabnav 在上：覆盖 overview .scroll-gallery-card-big .controls-autoplay-tabnav { order: 2 } */
#china-business-case.major-gallery--trade.section-hero.section-gallery #gallery-china-business-case.scroll-gallery.scroll-gallery-card-big {
    --scroll-padding: unset !important;
    display: grid !important;
    flex-direction: column !important;
    flex-flow: column nowrap !important;
    grid-template-areas: "major-tabnav" "major-content";
    grid-template-rows: auto auto;
    grid-template-columns: minmax(0, 1fr);
    overflow: visible !important;
    margin-block-start: 0;
}

#china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery.scroll-gallery-card-big > .controls-autoplay-tabnav,
#china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery.scroll-gallery-card-big .controls-autoplay-tabnav {
    grid-area: major-tabnav;
    grid-row: 1;
    order: 0 !important;
    margin-block-start: 0 !important;
    margin-block-end: 42px !important;
}

#china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery.scroll-gallery-card-big > .item-container {
    grid-area: major-content;
    grid-row: 2;
    order: 1 !important;
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    margin: 0 auto !important;
    max-width: 935px;
    width: 87.5vw;
    padding: 0 !important;
    overflow: visible !important;
    visibility: visible !important;
    height: auto !important;
    list-style: none;
}

/* --- 5.2 Fade 叠层（item-container）--- */
/* 同格叠放，显隐由 Fade.js 写 inline opacity + z-index（勿用 opacity !important） */
#china-business-case.major-gallery--trade #gallery-china-business-case .item-container {
    position: relative;
    isolation: isolate;
}

#china-business-case.major-gallery--trade #gallery-china-business-case .item-container > .apps-gallery-item-productivity,
#china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery.scroll-gallery-card-big .item-container > [data-ac-gallery-item] {
    transition: none !important;
}

#china-business-case.major-gallery--trade #gallery-china-business-case .item-container > .apps-gallery-item-productivity {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    display: block;
    opacity: 0;
    pointer-events: none;
    position: relative;
    z-index: 0;
    will-change: opacity;
}

#china-business-case.major-gallery--trade #gallery-china-business-case .item-container > .apps-gallery-item-productivity.current,
#china-business-case.major-gallery--trade #gallery-china-business-case .item-container > .apps-gallery-item-productivity.is-fade-transitioning {
    pointer-events: auto;
}

/* JS 未就绪时：HTML 首张 .current 可见 */
#china-business-case.major-gallery--trade #gallery-china-business-case:not(.gallery-ready) .item-container > .apps-gallery-item-productivity.current {
    opacity: 1;
    z-index: 2;
}

/* --- 5.3 画廊内 trade-card 覆盖 --- */
#china-business-case.major-gallery--trade .trade-card {
    width: 100%;
    background-color: #fff;
}

#china-business-case.major-gallery--trade .trade-card-picture,
#china-business-case.major-gallery--trade .trade-card-picture .trade-card-image {
    display: block;
    height: 100%;
    width: 100%;
}

#china-business-case.major-gallery--trade .trade-card-image {
    object-fit: cover;
    object-position: center;
}

/* 四个行业 tab：底部正文 + 指标说明均为 Semibold */
#china-business-case.major-gallery--trade #gallery-china-business-case .item-container .trade-card .trade-card-text-grid .trade-card-text-block p,
#china-business-case.major-gallery--trade #gallery-china-business-case .item-container .trade-card .trade-card-text-grid .trade-card-text-block .trade-height {
    font-weight: 600;
}

#china-business-case.major-gallery--trade #gallery-china-business-case .item-container .trade-card .trade-card-stat-label {
    font-weight: 600;
}

/* --- 5.4 controls-autoplay-tabnav（基础）--- */
#china-business-case.major-gallery--trade .controls-autoplay-tabnav {
    --icon-pos-inline: 16px;
    --controls-tabnav-width: min(935px, 85vw);
    --controls-tabnav-padding: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-block-end: 50px;
    margin-inline: auto;
    padding-inline-end: var(--controls-tabnav-padding);
    position: relative;
    width: var(--controls-tabnav-width);
}

/* --- 5.10 响应式 · M（735–1068px）--- */
/* 正文↔tab：由 #hero .hero-copy margin-block-end 控制；#china-business-case 不再叠加外边距 */
@media (min-width: 735px) and (max-width: 1068px) {
    #china-business-case.major-gallery--trade {
        margin-block-start: 0;
        padding-block-start: 0;
    }
}

@media (max-width: 1068px) {
    #china-business-case.major-gallery--trade .controls-autoplay-tabnav {
        --controls-tabnav-width: 600px;
        margin-block-end: 0;
    }
}

/* --- 5.9 响应式 · L（≥1069px）--- */
@media (min-width: 1069px) {
    /* 桌面宽屏：overview 常在此断点设 .controls-autoplay-tabnav { order: 2 } + column-reverse */
    #china-business-case.major-gallery--trade.section-hero.section-gallery #gallery-china-business-case.scroll-gallery.scroll-gallery-card-big {
        display: grid !important;
        flex-direction: column !important;
        margin-block-start: 0;
        --scroll-gallery-max-width: 1220px;
    }

    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery.scroll-gallery-card-big > .controls-autoplay-tabnav,
    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery.scroll-gallery-card-big .controls-autoplay-tabnav {
        order: 0 !important;
        grid-area: major-tabnav;
        grid-row: 1;
        --controls-tabnav-width: min(1220px, 85vw);
        margin-block-end: 50px;
        width: var(--controls-tabnav-width);
    }

    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery.scroll-gallery-card-big > .item-container {
        order: 1 !important;
        grid-area: major-content;
        grid-row: 2;
        max-width: 1220px;
        width: min(1220px, 87.5vw);
    }

    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .scroll-gallery-tabnav-wrapper {
        max-width: 1220px;
        width: min(1220px, 85vw);
    }

    #china-business-case.major-gallery--trade .controls-autoplay-tabnav .tabnav,
    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .scroll-gallery-tabnav-wrapper .tabnav-platter {
        width: 100%;
    }

    /* L 宽屏：四 tab 同排展示，不显示箭头 */
    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .tabnav-paddles {
        display: none;
    }
}

/* --- 5.5 响应式 · S（≤734px）--- */
@media (max-width: 734px) {
    /* 防止 S 页面级横向滚动（Tab 列表 / 画廊溢出） */
    body.page-mac-does-that {
        overflow-x: clip;
    }

    /* 与 #china-business-case 同宽居中；勿用 max-width:100% 冲掉 overview 的 --container-width */
    #china-business-case.major-gallery--trade {
        max-width: 100%;
        overflow-x: clip;
    }

    /* college-students：tabnav 与卡片共用一列（覆盖 overview :root --max-width-s: 300px） */
    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery.scroll-gallery-card-big {
        --item-width: var(--max-width-s);
        --controls-tabnav-width: var(--max-width-s);
        justify-items: center;
        max-width: 100%;
        overflow-x: clip !important;
        overflow-y: visible !important;
    }

    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery.scroll-gallery-card-big > .item-container,
    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery.scroll-gallery-card-big > .controls-autoplay-tabnav {
        box-sizing: border-box;
        justify-self: center;
        margin-inline: auto !important;
        max-width: var(--max-width-s) !important;
        min-width: 0;
        padding-inline: 0 !important;
        transform: none !important;
        width: var(--max-width-s) !important;
    }

    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery.scroll-gallery-card-big > .item-container {
        margin: 0 auto !important;
        margin-block-start: 25px;
        overflow-x: clip !important;
        padding: 0 !important;
    }

    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery.scroll-gallery-card-big > .controls-autoplay-tabnav {
        align-items: center;
        column-gap: 10px;
        display: flex;
        flex-direction: row;
        height: auto;
        justify-content: center;
        margin-block-end: 0;
        min-height: 0;
        overflow: visible;
        position: sticky;
        top: var(--top-local-bar-height);
        transition: background-color 0.2s ease;
        z-index: 999;
    }

    /* college @734：wrapper 限宽与卡片同列 */
    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .scroll-gallery-tabnav-wrapper {
        max-width: var(--max-width-s);
    }

    /* 灰底 pill 占剩余列宽；autoplay 在 pill 外右侧（勿 absolute 叠在 tab 内） */
    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery.scroll-gallery-card-big > .controls-autoplay-tabnav .scroll-gallery-tabnav-wrapper {
        box-sizing: border-box;
        flex: 1 1 0;
        margin-inline: 0;
        max-width: none;
        min-width: 0;
        overflow: hidden;
        width: auto;
    }

    #china-business-case.major-gallery--trade .controls-autoplay-tabnav > .autoplay,
    #gallery-china-business-case .controls-autoplay-tabnav > .autoplay {
        flex: 0 0 36px;
        height: 36px;
        inset-inline-end: auto;
        left: auto;
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        width: 36px;
    }

    html:not([dir=rtl]) #china-business-case.major-gallery--trade .controls-autoplay-tabnav .autoplay,
    html[dir=rtl] #china-business-case.major-gallery--trade .controls-autoplay-tabnav .autoplay {
        left: auto;
        right: auto;
    }

    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery.scroll-gallery-card-big > .controls-autoplay-tabnav .scroll-gallery-tabnav,
    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery.scroll-gallery-card-big > .controls-autoplay-tabnav .tabnav {
        box-sizing: border-box;
        margin-inline: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery.scroll-gallery-card-big > .controls-autoplay-tabnav .tabnav-platter {
        background-color: var(--tabnav-platter-background, #e8e8ed);
        border-radius: 980px;
        box-sizing: border-box;
        display: block;
        max-width: 100%;
        width: 100%;
    }

    /* TabNavPill：在 mask 内平移，勿让 ul 撑开页面宽度 */
    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .tabnav-items {
        width: max-content;
    }

    /* S 稿面：14px；tab 内边距 9×16.5；platter 内缩 4px */
    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .scroll-gallery-tabnav-wrapper .scroll-gallery-tabnav,
    #china-business-case.major-gallery--trade .controls-autoplay-tabnav .tabnav {
        --tabnav-height: 46px;
        --tabnav-inner-height: 38px;
        --tabnav-item-padding: 16.5px;
        --tabnav-platter-padding: 4px;
        font-size: 14px;
        letter-spacing: -0.016em;
        line-height: 1.4285914286;
    }

    #china-business-case.major-gallery--trade .controls-autoplay-tabnav .tabnav-link,
    #china-business-case.major-gallery--trade .controls-autoplay-tabnav .tabnav-label {
        font-size: 14px;
        line-height: 1.4285914286;
    }

    /* TabNavPill 用 transform 平移；勿开 overflow-x:auto，否则键盘 focus 会 scrollIntoView 顶乱指示器 */
    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .scroll-gallery-tabnav-wrapper .tabnav-mask {
        overflow: hidden;
        width: 100%;
    }

    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .scroll-gallery-tabnav-wrapper .tabnav-mask::-webkit-scrollbar {
        display: none;
    }

    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .scroll-gallery-tabnav-wrapper .tabnav-platter {
        overflow: hidden;
    }

    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .tabnav-paddles {
        display: flex;
    }

    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery.scroll-gallery-card-big > .controls-autoplay-tabnav,
    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery.scroll-gallery-card-big .controls-autoplay-tabnav {
        margin-block-end: 31px !important;
    }

    #china-business-case.major-gallery--trade .trade-card {
        border-radius: 28px;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
    }

    #china-business-case.major-gallery--trade .trade-card-image-wrapper {
        height: 450px;
    }

    #china-business-case.major-gallery--trade .trade-card-image-overlay {
        align-items: flex-end;
        padding: 0 35px 50px 35px;
    }
    /* S：四卡切换时指标区同一高度——正文顶对齐，指标贴 grid 底 */
    #china-business-case.major-gallery--trade .trade-card-text-grid {
        align-content: start;
        box-sizing: border-box;
        display: grid;
        gap: 41px;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr auto;
        min-height: 384px;
        min-width: 0;
        padding: 50px 35px;
    }

    #china-business-case.major-gallery--trade .trade-card-text-grid > .trade-card-text-block:first-child {
        align-self: start;
    }

    #china-business-case.major-gallery--trade .trade-card-text-grid > .trade-card-stat-block {
        align-self: end;
    }

    /* S 原型：底部两列等宽指标（标签可换行，数值单行） */
    #china-business-case.major-gallery--trade .trade-card-stat-block {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 25px;
        justify-content: space-between;
    }

    #china-business-case.major-gallery--trade .trade-card-stat-item {
        flex: 1 1 0;
        min-width: 0;
    }
    #china-business-case.major-gallery--trade .trade-card-stat-item.consumer-item {
        margin-left:-70px;
    }

    #china-business-case.major-gallery--trade .trade-card-stat-label {
        font-size: 14px;
        line-height: 20px;
        text-align: left;
        white-space: normal;
    }

    #china-business-case.major-gallery--trade .trade-card-stat-value {
        flex-wrap: nowrap;
        font-size: 40px;
        justify-content: flex-start;
        line-height: 44px;
        white-space: nowrap;
    }

    #china-business-case.major-gallery--trade .trade-card-stat-unit {
        font-size: 24px;
        line-height: 28px;
    }

    #china-business-case.major-gallery--trade {
        margin-block-start: 0;
        padding-block-start: 0;
    }

}

/* --- 5.6 TabNavPill / tabnav 与 autoplay 图标 --- */
html:not([dir=rtl]) #china-business-case.major-gallery--trade .controls-autoplay-tabnav .autoplay {
    right: var(--icon-pos-inline);
}

html[dir=rtl] #china-business-case.major-gallery--trade .controls-autoplay-tabnav .autoplay {
    left: var(--icon-pos-inline);
}

#china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .tabnav.scroll-gallery-tabnav {
    margin-block-start: 0;
    margin-inline: auto;
    max-width: 100%;
}

@media (max-width: 734px) {
    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .tabnav.scroll-gallery-tabnav {
        margin-inline: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }

}

@media (min-width: 1069px) {
    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .tabnav.scroll-gallery-tabnav {
        margin-block-start: 0;
    }
}

#china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .scroll-gallery-tabnav-wrapper {
    max-width: var(--scroll-gallery-max-width, 100%);
}

#china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .scroll-gallery-tabnav-wrapper .scroll-gallery-tabnav {
    display: block;
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    margin-bottom: auto;
    margin-top: auto;
    overflow-y: hidden;
    position: relative;
}

@media (min-width: 735px) {
    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .scroll-gallery-tabnav-wrapper .scroll-gallery-tabnav {
        --tabnav-height: 56px;
        font-size: 17px;
        letter-spacing: -0.022em;
        line-height: 1.4705882353;
    }

    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .scroll-gallery-tabnav-wrapper .tabnav-platter {
        width: fit-content;
    }
}

#china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .scroll-gallery-tabnav-wrapper .scroll-gallery-tabnav .tabnav-item-active {
    pointer-events: none;
}

#china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .scroll-gallery-tabnav-wrapper .tabnav-platter {
    border: none;
    overflow: hidden;
}

#china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .scroll-gallery-tabnav-wrapper .tabnav-platter::-webkit-scrollbar {
    display: none;
}

#china-business-case.major-gallery--trade .controls-autoplay-tabnav .tabnav-item,
#china-business-case.major-gallery--trade .controls-autoplay-tabnav .tabnav-items {
    height: 100%;
    margin: 0;
    position: relative;
}

/* TabNavPill：滑动黑底指示器依赖这些变量 */
#china-business-case.major-gallery--trade .controls-autoplay-tabnav .tabnav {
    --tabnav-height: 44px;
    --tabnav-inner-height: 36px;
    --tabnav-platter-padding: 4px;
    --tabnav-platter-background: #e8e8ed;
    --tabnav-platter-blur: 20px;
    --tabnav-mask-gradient-width: 22px;
    --tabnav-mask-offset: calc(var(--tabnav-paddle-width) + var(--tabnav-mask-gradient-width));
    --tabnav-mask-animation-name: "";
    --tabnav-mask-active-gradient: var(--tabnav-mask-gradient);
    --tabnav-items-offset: 0px;
    --tabnav-item-padding: 22px;
    --tabnav-item-color: #000;
    --tabnav-item-color-active: #fff;
    --tabnav-paddle-width: var(--tabnav-inner-height);
    --tabnav-paddle-color: rgba(0, 0, 0, 0.56);
    --tabnav-paddle-color-hover: rgba(0, 0, 0, 0.64);
    --tabnav-indicator-background: #1d1d1f;
    --tabnav-indicator-start: var(--tabnav-platter-padding);
    --tabnav-indicator-width: 0px;
    --tabnav-motion-gradient-delay: 280ms;
    --tabnav-mask-gradient: linear-gradient(
        90deg,
        transparent 0,
        transparent var(--tabnav-paddle-width),
        #000 calc(var(--tabnav-paddle-width) + var(--tabnav-mask-gradient-width)),
        #000 calc(100% - var(--tabnav-paddle-width) - var(--tabnav-mask-gradient-width)),
        transparent calc(100% - var(--tabnav-paddle-width)),
        transparent
    );
    --tabnav-background-color: unset;
    box-sizing: border-box;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    max-width: 100%;
    position: relative;
}

/* 默认黑字；pill 与 .current 在用户切换时同步更新，内容 panel 仍淡入完成 */
#china-business-case.major-gallery--trade .controls-autoplay-tabnav .tabnav-item .tabnav-link,
#china-business-case.major-gallery--trade .controls-autoplay-tabnav .tabnav-item .tabnav-link .tabnav-label {
    color: var(--tabnav-item-color, #1d1d1f);
    transition: color 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}

#china-business-case.major-gallery--trade .controls-autoplay-tabnav .tabnav-item.tabnav-item-active .tabnav-link:not(.current),
#china-business-case.major-gallery--trade .controls-autoplay-tabnav .tabnav-link[aria-selected="true"]:not(.current) {
    color: var(--tabnav-item-color, #1d1d1f);
}

#china-business-case.major-gallery--trade .controls-autoplay-tabnav .tabnav-item.tabnav-item-active .tabnav-link.current,
#china-business-case.major-gallery--trade .controls-autoplay-tabnav .tabnav-link.current,
#china-business-case.major-gallery--trade .controls-autoplay-tabnav .tabnav-link.current .tabnav-label {
    color: var(--tabnav-item-color-active, #fff);
}

/* JS 未就绪：HTML 首项 aria-selected + 黑底 pill */
#china-business-case.major-gallery--trade #gallery-china-business-case:not(.gallery-ready) .controls-autoplay-tabnav .tabnav-link[aria-selected="true"] {
    color: var(--tabnav-item-color-active, #fff);
}

@media (min-width: 735px) {
    #china-business-case.major-gallery--trade .controls-autoplay-tabnav .tabnav {
        font-size: 17px;
        letter-spacing: -0.022em;
        line-height: 1.4705882353;
        width: fit-content;
    }
}


/* 与 overview scroll-gallery 一致：浅灰圆钮 + 深色 chevron */
#china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .scroll-gallery-tabnav-wrapper .tabnav-paddle {
    background: #e8e8ed;
    color: var(--tabnav-paddle-color, rgba(0, 0, 0, 0.56));
    top: 50%;
    transform: translateY(-50%);
}

#china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .scroll-gallery-tabnav-wrapper .tabnav-paddle:hover:not(:disabled) {
    color: var(--tabnav-paddle-color-hover, rgba(0, 0, 0, 0.64));
}

/* TabNavPill 用 .tabnav-paddle-hidden，勿用 HTML 上的 disabled 隐藏箭头 */
#china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .scroll-gallery-tabnav-wrapper .tabnav-paddle.tabnav-paddle-hidden {
    opacity: 0;
    pointer-events: none;
}

#china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .tabnav.with-paddles .tabnav-paddles {
    display: flex;
}

/* --- 5.7 sticky tabnav --- */
#china-business-case.major-gallery--trade .controls-autoplay-tabnav.sticky {
    backdrop-filter: blur(20px) opacity(0.95);
   /* background-color: hsla(0, 0%, 100%, 0.95);*/
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

@media (max-width: 734px) {
    #china-business-case.major-gallery--trade .controls-autoplay-tabnav.sticky {
        width: 100%;
    }

    #china-business-case.major-gallery--trade .controls-autoplay-tabnav.sticky .scroll-gallery-tabnav-wrapper {
        margin-inline: auto;
    }

    #china-business-case.major-gallery--trade .controls-autoplay-tabnav.sticky .tabnav-platter {
        margin: 0px 0 0;
    }

    /* sticky 底栏 1px 阴影在 S 上易被看成 tab 下方多一根线 */
    #china-business-case.major-gallery--trade .controls-autoplay-tabnav.sticky {
        box-shadow: none;
    }
}

/* --- 5.8 区块 section-gallery 间距 --- */
#china-business-case.major-gallery--trade.section-gallery {
    padding-top: 0px;
    padding-bottom: 180px;
}

@media (max-width: 1068px) {
    #china-business-case.major-gallery--trade.section-hero #gallery-china-business-case.scroll-gallery {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .scroll-gallery-tabnav-wrapper .tabnav-platter {
        width: 100%;
    }

    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .tabnav.with-paddles .tabnav-mask {
        overflow: hidden;
    }
 
    #china-business-case.major-gallery--trade.section-gallery {
		padding-bottom: 160px;
	}
}

@media (max-width: 734px) {
    /* Safari：tabnav-platter 勿产生 scrollLeft，避免键盘换页后 pill 与末项错位 */
    html.safari #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .scroll-gallery-tabnav-wrapper .tabnav-mask,
    html.safari #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .scroll-gallery-tabnav-wrapper .tabnav-platter,
    html.safari #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery .tabnav-items {
        overflow: hidden;
        scroll-snap-type: none;
    }

    /* 正文↔ tab：60px 仅由 #hero .hero-copy margin-block-end 承担，勿在画廊顶叠加 padding */
    #china-business-case.major-gallery--trade.section-hero #gallery-china-business-case.scroll-gallery.scroll-gallery-card-big {
        padding-top: 0;
    }

    #china-business-case.major-gallery--trade.section-gallery {
        padding-bottom: 100px;
    }
}

#china-business-case.major-gallery--trade.section-gallery .tabnav-link:before {
    bottom: 0;
    content: "";
    left: 0;
    /* 勿挡 button 点击；iOS Safari 对 ::before + pointer-events:auto 触摸不可靠 */
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

/* ===== 6. .section-resources · .section-select ===== */
.section-resources {
    padding-block: 80px 107px;
}
.section-select .section-select-content .section-header {
    margin-inline: 0;
    padding-inline: 0;
    width: 100%;
    padding-bottom: 0px;
}

@media (max-width: 734px) {
   .section-select .section-select-content .section-header {
    	padding-bottom: 48px;
	}
}

.section-select .select-gallery-container {
    box-sizing: border-box;
    margin-inline: 0;
    max-width: none;
    width: 100%;
}

.section-select .select-gallery-container .galleries-container .scroll-gallery {
    width: 100%;
}

/* section-select：pill tab（对齐 major-gallery tabnav） */
.section-select .select-gallery-container .tabnav {
    margin-block-start: 40px;
    margin-inline-end: 0;
    margin-inline-start: var(--content-column-inset);
    max-width: 100%;
    width: fit-content;
}

.section-select .select-gallery-container .tabnav-paddles {
    display: none;
}

.section-select .select-gallery-container .tabnav-items,
.section-select .select-gallery-container .toggle-gallery-wrapper {
    align-items: center;
    background-color: #e8e8ed;
    border-radius: 980px;
    box-sizing: border-box;
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 4px;
    width: fit-content;
}

.section-select .select-gallery-container .tabnav-item {
    margin: 0;
}

.section-select .select-gallery-container .tabnav-button {
    background: transparent;
    border: none;
    border-radius: 980px;
    box-sizing: border-box;
    color: #1d1d1f;
    cursor: pointer;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: -0.022em;
    line-height: 1.4705882353;
    margin: 0;
    padding: 8px 22px;
    white-space: nowrap;
}

.section-select .select-gallery-container .tabnav-item.tabnav-item-active .tabnav-button {
    background-color: #1d1d1f;
    color: #fff;
}

@media only screen and (min-width: 735px) {
    .section-select .select-gallery-container .tabnav {
        margin-block-start: 50px;
    }

    .section-select .select-gallery-container .tabnav-button {
        padding-block: 10px;
        padding-inline: 22px;
    }
}

@media only screen and (max-width: 734px) {
    .section-select .select-gallery-container .tabnav {
        margin-block-start: 30px;
        max-width: 100%;
        width: fit-content;
    }

    .section-select .select-gallery-container .tabnav-items,
    .section-select .select-gallery-container .toggle-gallery-wrapper {
        max-width: 100%;
        overflow-x: auto;
        scrollbar-width: none;
        width: fit-content;
    }

    .section-select .select-gallery-container .tabnav-items::-webkit-scrollbar,
    .section-select .select-gallery-container .toggle-gallery-wrapper::-webkit-scrollbar {
        display: none;
    }

    .section-select .select-gallery-container .tabnav-button {
        font-size: 14px;
        padding-block: 7px;
        padding-inline: 16px;
    }
}


    .section-resources #resources-gallery.scroll-gallery,
    .section-select .select-gallery-container .scroll-gallery {
        max-width: 100%;
        overflow-x: clip;
    }


/* ===== 7. 内容列对齐（overview .section-content-responsive）===== */
.section-faq,
.section-resources,
.section-select,
#get-in-touch.section-router {
    --section-content-width: 1220px;
    --content-column-width: min(var(--section-content-width), 87.5vw);
    --content-column-inset: calc((100vw - var(--content-column-width) - var(--modal-scrollbar-buffer, 0px)) / 2);
}

.section-faq .section-content,
.section-resources .section-resources-content,
.section-select .section-select-content,
#get-in-touch .section-content {
    box-sizing: border-box;
    margin-inline: auto;
    max-width: var(--section-content-width);
    padding-inline: 0;
    width: 87.5vw;
}

.section-resources .section-resources-content > .headline,
#get-in-touch .get-in-touch-headline {
    margin-inline: 0;
    text-align: start;
}

#get-in-touch .cards-container {
    margin-inline: 0;
    max-width: none;
    width: 100%;
}

/* 全宽横向画廊：与内容列左缘对齐（resources / section-select 同一套） */
.section-resources #resources-gallery.scroll-gallery,
.section-select .select-gallery-container .scroll-gallery {
    --gallery-side-padding: var(--content-column-inset);
    --scroll-padding: var(--content-column-inset);
}

.section-resources #resources-gallery .scroll-container,
.section-select .select-gallery-container .scroll-gallery .scroll-container {
    margin-inline: 0;
}

.section-select .select-gallery-container .scroll-gallery.gallery-align-start .scroll-container {
    scroll-padding-inline: var(--content-column-inset);
}

.section-resources #resources-gallery .item-container,
.section-select .select-gallery-container .scroll-gallery .item-container {
    padding-inline: var(--content-column-inset);
}

@media only screen and (min-width: 1069px) {
    .section-content-responsive {
        max-width: 1220px;
    }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
    .section-faq,
    .section-resources,
    .section-select,
    #get-in-touch.section-router {
        --section-content-width: 935px;
    }
}

@media only screen and (max-width: 734px) {
    .section-faq,
    .section-resources,
    .section-select,
    #get-in-touch.section-router {
        --section-content-width: min(400px, calc(100vw - 40px));
    }

    /* 内容列随视口缩，勿用 87.5vw 与 max-width 打架导致 <400 时列宽“卡住” */
    #get-in-touch .section-content {
        max-width: var(--section-content-width);
        min-width: 0;
        width: 100%;
    }
}

#get-in-touch.section-router {
    background-color: #fff;
    padding-block: 110px 120px;
    text-align: center;
}


/* ===== 8. .section-faq ===== */
.section-faq .text-gradient-apps {
    background-clip: text;
    display: inline;
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.section-faq {
    background-color: #f5f5f7;
    padding-block: 142px 115px;
    position: relative;
}

.section-faq .typography-section-headline {
    font-size: 56px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.0714285714;
}

.section-faq .faq-headline {
    margin-bottom: 50px;
}

.section-faq .accordion-content .accordion-content-paragraph {
    --accordion-content-paragraph-max-width: 93%;
}

.section-faq .accordion-button {
    text-align: left;
}

/* ac-accordion 基础样式（college 在 main.built.css；本页仅 overview.built.css） */
.section-faq .accordion {
    --accordion-button-padding-top: 1em;
    --accordion-button-padding-bottom: 1em;
    --accordion-border-color: #d2d2d7;
    --accordion-border-width: 1px;
    --accordion-content-padding-top: 0;
    --accordion-content-padding-bottom: 1em;
    --accordion-content-paragraph-max-width: 83.3333333333%;
    --accordion-content-paragraph-padding-top: 0;
    --accordion-content-paragraph-padding-bottom: 0.8em;
    --accordion-icon-color: #86868b;
    --accordion-icon-color-hover: #6e6e73;
    --accordion-icon-width: 1em;
    --accordion-icon-height: auto;
    --accordion-icon-stroke-width: 2.25;
    --accordion-icon-svg-width: 1em;
    --accordion-title-max-width: 83.3333333333%;
    --accordion-transition-duration: 400ms;
    list-style: none;
    margin: 0;
    padding: 0;
}

.section-faq .accordion-item {
    border-color: var(--accordion-border-color);
    border-top: var(--accordion-border-width) solid var(--accordion-border-color);
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.009em;
    line-height: 1.1666666667;
}

.section-faq .accordion-item:first-child {
    --accordion-border-width: 0;
}

.section-faq .accordion-title {
    font-size: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
}

.section-faq .accordion-title-text {
    max-width: var(--accordion-title-max-width);
}

.section-faq .accordion-button {
    align-items: center;
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    display: flex;
    font: inherit;
    justify-content: space-between;
    letter-spacing: inherit;
    margin: 0;
    padding: var(--accordion-button-padding-top) 0 var(--accordion-button-padding-bottom);
    position: relative;
    text-align: left;
    width: 100%;
}

.section-faq .accordion-button:focus-visible {
    outline: none;
}

.section-faq .accordion-button:focus-visible::after {
    outline: 2px solid var(--sk-focus-color, #0071e3);
    outline-offset: var(--sk-focus-offset, 1px);
}

.section-faq .accordion-icon {
    align-items: center;
    color: var(--accordion-icon-color);
    display: flex;
    flex-shrink: 0;
    height: var(--accordion-icon-height);
    justify-content: center;
    margin: 0;
    stroke-width: var(--accordion-icon-stroke-width);
    transition: color 0.1s linear;
    width: var(--accordion-icon-width);
}

.section-faq .accordion-icon-svg {
    overflow: visible;
    width: var(--accordion-icon-svg-width);
}

.section-faq .accordion-button:hover .accordion-icon {
    color: var(--accordion-icon-color-hover);
}

.section-faq .accordion-tray {
    height: 0;
    margin: 0;
    overflow: hidden;
    transition: height ease-in-out;
    transition-duration: var(--accordion-transition-duration);
}

.section-faq .accordion-item.expanded > .accordion-tray {
    height: auto;
}

html.js .section-faq .accordion-item.collapsed > .accordion-tray {
    height: 0;
}

.section-faq .accordion-item.expanded > .accordion-tray {
    overflow: visible;
}

.section-faq .accordion-item.animating > .accordion-tray,
.section-faq .accordion-item.collapsed > .accordion-tray {
    overflow: hidden;
}

.section-faq .accordion-content {
    padding-bottom: var(--accordion-content-padding-bottom);
    padding-top: var(--accordion-content-padding-top);
}

.section-faq .accordion-content .accordion-content-paragraph {
    font-size: 17px;
    font-weight: 400;
    letter-spacing: -0.022em;
    line-height: 1.4705882353;
    max-width: var(--accordion-content-paragraph-max-width);
    padding-bottom: var(--accordion-content-paragraph-padding-bottom);
    padding-top: var(--accordion-content-paragraph-padding-top);
}

@media (prefers-reduced-motion) {
    .section-faq .accordion-tray {
        transition: none;
    }
}



/* --- 8.1 响应式 · M（735–1068px）--- */
@media only screen and (min-width: 735px) and (max-width: 1068px) {
    .section-select {
        padding-block: 120px 120px;
    }
    .section-faq {
        padding-block: 160px 80px;
    }

    .section-faq .faq-headline,
    .section-faq .typography-section-headline {
        color: #1d1d1f;
        font-size: 48px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 1.0834933333;
        margin-bottom: 50px;
    }

    /* 商务稿标题为纯黑，无 college 渐变 */
    .section-faq .faq-headline .text-gradient-apps {
        -webkit-background-clip: unset;
        background: none;
        background-clip: unset;
        color: #1d1d1f;
    }

    .section-faq .accordion {
        --accordion-button-padding-top: 1.19em;
        --accordion-button-padding-bottom: 1.19em;
        --accordion-content-paragraph-max-width: 93%;
    }

    .section-faq .accordion-item,
    .section-faq .accordion-button.typography-eyebrow {
        font-size: 24px;
        font-weight: 600;
        letter-spacing: 0.011em;
        line-height: 1.1904761905;
    }

    .section-faq .accordion-button {
        gap: 16px;
    }

    .section-faq .accordion-title-text {
        flex: 1;
        max-width: none;
    }

    .section-faq .accordion-icon {
        --accordion-icon-width: 17px;
        --accordion-icon-svg-width: 17px;
    }
}

/* --- 8.2 响应式 · S（≤734px）--- */
@media only screen and (max-width: 734px) {
    .section-faq {
        padding-block: 100px 50px;
    }

    .section-faq .faq-headline,
    .section-faq .typography-section-headline {
        color: #1d1d1f;
        font-size: 32px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 1.125;
        margin-bottom: 28px;
    }

    .section-faq .faq-headline .text-gradient-apps {
        -webkit-background-clip: unset;
        background: none;
        background-clip: unset;
        color: #1d1d1f;
    }

    .section-faq .accordion {
        --accordion-button-padding-top: 1.05em;
        --accordion-button-padding-bottom: 1.05em;
        --accordion-content-paragraph-max-width: 93%;
    }

    .section-faq .accordion-item,
    .section-faq .accordion-button.typography-eyebrow {
        font-size: 19px;
        font-weight: 600;
        letter-spacing: 0.012em;
        line-height: 1.2105263158;
    }

    .section-faq .accordion-button {
        gap: 12px;
    }

    .section-faq .accordion-title-text {
        flex: 1;
        max-width: none;
        padding-inline-end: 0;
    }

    .section-faq .accordion-icon {
        --accordion-icon-width: 17px;
        --accordion-icon-svg-width: 17px;
    }
}


/* ===== 9. #get-in-touch ===== */

/* --- 9.1 基础（卡片栅格、标题、链接）--- */
#get-in-touch .get-in-touch-headline {
    color: #1d1d1f;
    font-size: 56px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 60px;
    text-align: left;
}

#get-in-touch .cards-container {
    align-items: stretch;
    box-sizing: border-box;
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 50px;
    text-align: center;
}

/* 后三张卡等高：grid 三行，操作区贴底，底部间距从「立刻开始」算到 padding-bottom */
#get-in-touch .cards-container > .card:not(.card-wechat) {
    align-self: stretch;
    box-sizing: border-box;
    min-height: auto;
}

#get-in-touch .card {
    align-items: center;
    background-color: #f5f5f7;
    border-radius: 35px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0;
    min-height: 0;
    padding: 40px 24px;
}

#get-in-touch .card:not(.card-wechat) {
    align-content: start;
    align-items: center;
    display: grid;
    grid-template-rows: auto 1fr auto;
    justify-content: flex-start;
    justify-items: center;
}

#get-in-touch .card:not(.card-wechat) .card-icon {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    grid-row: 1;
    justify-content: center;
    margin-bottom: 34px;
    width: 100%;
}

#get-in-touch .card:not(.card-wechat) .card-title {
    align-self: start;
    grid-row: 2;
}

#get-in-touch .card:not(.card-wechat) .card-actions {
    align-items: center;
    align-self: start;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    grid-row: 3;
    justify-content: flex-start;
    margin-top: 0;
    width: 100%;
}

/* 压过 overview section-router .card（常为 flex + 垂直居中） */
#get-in-touch.section-router .cards-container > .card:not(.card-wechat) {
    align-content: start;
    display: grid;
    grid-template-rows: auto 1fr auto;
    justify-content: flex-start;
    justify-items: center;
    place-content: start center;
}

#get-in-touch .card-icon {
    display: block;
    line-height: 0;
    margin-bottom: 34px;
}

#get-in-touch .card-icon img {
    display: block;
    height: 56px;
    margin-inline: auto;
    width: auto;
}

#get-in-touch .card-title,
#get-in-touch .card-wechat-title {
    color: #1d1d1f;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 40px;
    margin: 0 auto 0;
    max-width: none;
    position: relative;
    text-align: center;
}

#get-in-touch .card:not(.card-wechat) .card-title {
    display: block;
    flex: 0 0 auto;
    margin-bottom: 10px;
    width: 100%;
}

#get-in-touch .card-title-copy {
    display: block;
    position: relative;
    text-align: center;
    width: 100%;
}

/* 响应式换行：L / M / S 控制标题行数，三卡标题等高 */
#get-in-touch br.large {
    display: block;
}

#get-in-touch br.medium,
#get-in-touch br.small {
    display: none;
}

@media only screen and (max-width: 1068px) {
    #get-in-touch br.large {
        display: none;
    }

    #get-in-touch br.medium {
        display: none;
    }

    #get-in-touch .card-in-person .card-actions .icon-wrapper.card-link .icon-copy br.medium{
        display: block;
    }

    #get-in-touch br.small {
        display: block;
    }
}


@media only screen and (max-width: 890px) {
    #get-in-touch .cards-container .card-title-copy .ls-p{
        position: static;
    }
    #get-in-touch .cards-container .card-title-copy .small{
        display: none;
    }
}

@media only screen and (max-width: 734px) {
    #get-in-touch br.medium {
        display: block;
    }

    #get-in-touch br.small {
        display: none;
    }
    #get-in-touch .card-in-person .card-actions .icon-wrapper.card-link .icon-copy br.medium{
        display: none;
    }
    #get-in-touch .cards-container .card-title-copy .ls-p{
        position: absolute;
    }
    #get-in-touch .cards-container .card-title-copy .small{
        display: block;
    }
}

.ls-p {
	position: absolute;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
    .ls-p {
		position: static;
	}
}

#get-in-touch .card-link,
#get-in-touch .card-link a,
#get-in-touch a.icon-wrapper.card-link,
#get-in-touch .icon-wrapper.card-link,
#get-in-touch .icon-wrapper.card-link .icon-copy {
    color: #06c;
    font-size: 19px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 27px;
    margin: 0;
    text-decoration: none;
}

#get-in-touch .card-link a {
    color: inherit;
    text-decoration: none;
}

#get-in-touch .card-link a:hover {
    text-decoration: underline;
}

#get-in-touch .icon-wrapper.card-link {
    align-items: center;
    align-self: center;
    box-sizing: border-box;
    /* display: inline-flex; */
    flex-shrink: 0;
    gap: 0.2em;
    justify-content: flex-start;
    margin-inline: auto;
    max-width: 100%;
    width: auto;
}

#get-in-touch .icon-wrapper.card-link .icon-copy {
    flex: 0 1 auto;
}

#get-in-touch .icon-wrapper.card-link .icon-after {
    flex-shrink: 0;
}

#get-in-touch .icon-wrapper.card-link[aria-hidden="true"] {
    block-size: 27px;
    flex-shrink: 0;
    inline-size: 0;
    margin-block-start: 8px;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    visibility: hidden;
}

#get-in-touch .icon-wrapper.card-link + .icon-wrapper.card-link {
    margin-top: 8px;
}

/* 电话链接无箭头，保留 more 占位以对齐其它卡片首行链接 */
#get-in-touch .card-link-phone .icon-after.more {
    opacity: 0;
}

#get-in-touch .card-phone-number {
    color: #06c;
    font-size: 19px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 27px;
    margin: 0;
    text-decoration: none;
    -webkit-text-decoration: none;
}

/* iPad / Safari：勿把 M 端纯文案号码自动识别为 tel 链接（会出现下划线） */
#get-in-touch .card-phone-number,
#get-in-touch .card-phone-number a {
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
}

@media only screen and (min-width: 735px) {
    #get-in-touch .card-phone .card-link-phone {
        display: none;
    }
}

@media only screen and (max-width: 734px) {
    #get-in-touch .card-phone-number {
        display: none;
    }
}

#get-in-touch .card-wechat {
    align-items: center;
    flex-direction: row;
    grid-column: 1 / -1;
    justify-content: center;
    padding: 0;
    text-align: center;
}

#get-in-touch .card-wechat-copy {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex: 1 1 50%;
    flex-direction: column;
    justify-content: center;
    max-width: 50%;
    width: 50%;
}

#get-in-touch .card-wechat .card-icon {
    margin-bottom: 34px;
}

#get-in-touch .card-wechat-title {
    margin-bottom: 0;
}

#get-in-touch .card-qrcode {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex: 1 1 50%;
    justify-content: center;
    max-width: 50%;
    width: 50%;
}

#get-in-touch .card-qrcode img {
    display: block;
    height: auto;
    width: auto;
}

/* --- 9.2 响应式 · L（≥1069px）--- */
@media only screen and (min-width: 1069px) {
    #get-in-touch .card:not(.card-wechat) {
        padding: 79px 24px 44px 24px;
    }

    /*
     * L：与 M 相同——flex + 标题 2 行 (40×2) + 操作区双链接高度，首行 CTA 齐平
     * br.large 生效、br.small 隐藏时标题为两行
     */
    #get-in-touch .card:not(.card-wechat),
    #get-in-touch.section-router .cards-container > .card:not(.card-wechat) {
        align-content: start;
        display: flex;
        flex-direction: column;
        grid-template-rows: none;
        justify-content: flex-start;
        place-content: start center;
    }

    #get-in-touch .card:not(.card-wechat) .card-icon {
        flex: 0 0 auto;
        margin-bottom: 34px;
        margin-top: 0;
    }

    #get-in-touch .card:not(.card-wechat) .card-title {
        box-sizing: border-box;
        flex: 0 0 80px;
        height: 80px;
        margin-bottom: 10px;
        max-height: 80px;
        min-height: 80px;
    }

    #get-in-touch .card:not(.card-wechat) .card-actions {
        align-self: stretch;
        flex: 0 0 62px;
        height: 62px;
        justify-content: flex-start;
        margin-top: auto;
        max-height: 62px;
        min-height: 62px;
    }

    #get-in-touch .card:not(.card-wechat) .card-icon img {
        height: 64px;
    }

    #get-in-touch .card-wechat .card-icon img {
        height: 61px;
    }

    #get-in-touch .card-qrcode {
        padding-block: 84px 83px;
        padding-inline: 0 100px;
    }

    #get-in-touch .card-qrcode img {
        height: 252px;
        width: 252px;
    }
    .section-faq{
        padding-block: 180px 90px;
    }
    .section-resources{
        padding-block: 90px 110px;
    }
    #get-in-touch.section-router{
        padding-block: 180px 180px;
    }
    #get-in-touch .cards-container{
        margin-top: 80px;
    }

}

/* --- 9.3 响应式 · M（735–1068px）--- */
@media only screen and (min-width: 735px) and (max-width: 1068px) {
    #get-in-touch.section-router {
        padding-block: 160px 160px;
    }

    #get-in-touch .get-in-touch-headline {
        font-size: 48px;
        line-height: 1.0834933333;
    }

    #get-in-touch .cards-container {
        box-sizing: border-box;
        gap: 16px;
        grid-template-columns: repeat(3, 1fr);
        margin-top: 40px;
    }

    #get-in-touch .card {
        min-width: 0;
    }

    #get-in-touch .card:not(.card-wechat) {
        padding-block: 70px;
        padding-inline: 16px;
    }

    #get-in-touch .card-title,
    #get-in-touch .card-wechat-title {
        font-size: 28px;
        font-weight: 600;
        line-height: 32px;
        max-width: none;
    }

    /*
     * M：flex 列 + 标题/操作区固定高度 + margin-top:auto 贴底
     * 避免 1fr 随标题实际高度变化导致首行 CTA 不齐
     */
    #get-in-touch .card:not(.card-wechat),
    #get-in-touch.section-router .cards-container > .card:not(.card-wechat) {
        align-content: start;
        display: flex;
        flex-direction: column;
        grid-template-rows: none;
        justify-content: flex-start;
        place-content: start center;
    }

    #get-in-touch .card:not(.card-wechat) .card-icon {
        flex: 0 0 auto;
        margin-bottom: 34px;
    }

    #get-in-touch .card:not(.card-wechat) .card-title {
        box-sizing: border-box;
        flex: 0 0 96px;
        height: 96px;
        margin-bottom: 10px;
        max-height: 96px;
        min-height: 96px;
    }

    #get-in-touch .card:not(.card-wechat) .card-actions {
        align-self: stretch;
        flex: 0 0 62px;
        height: 62px;
        justify-content: flex-start;
        margin-top: auto;
        max-height: 62px;
        min-height: 62px;
    }

    #get-in-touch .card-contact .card-actions .icon-wrapper.card-link[aria-hidden="true"],
    #get-in-touch .card-phone .card-actions .icon-wrapper.card-link[aria-hidden="true"] {
        display: none;
        margin: 0;
    }

    #get-in-touch .card-phone .card-actions {
        align-items: center;
    }

    #get-in-touch .card-phone-number {
        align-self: center;
        margin: 0;
        margin-inline: auto;
        width: auto;
    }

    #get-in-touch .card-icon img {
        height: 56px;
    }

    #get-in-touch .card-link,
    #get-in-touch .card-link a,
    #get-in-touch .icon-wrapper.card-link,
    #get-in-touch .icon-wrapper.card-link .icon-copy {
        font-size: 19px;
        font-weight: 400;
        line-height: 27px;
    }

    #get-in-touch .card-wechat {
        box-sizing: border-box;
        max-width: 935px;
        overflow: hidden;
        padding: 0;
        width: 100%;
    }

    #get-in-touch .card-wechat-copy {
        flex: 1 1 0;
        max-width: 62.47%;
        min-width: 0;
        width: auto;
    }

    #get-in-touch .card-qrcode {
        flex: 0 0 auto;
        flex-shrink: 0;
        max-width: none;
        padding-block: 66px;
        padding-inline: 0 clamp(40px, 8.35vw, 124.85px);
        width: auto;
    }

    #get-in-touch .card-qrcode img {
        flex-shrink: 0;
        height: 228px;
        width: 227px;
    }
}

/* --- 9.4 响应式 · S（≤734px）--- */
@media only screen and (max-width: 734px) {
    #get-in-touch.section-router {
        padding-block: 100px 100px;
    }

    #get-in-touch .get-in-touch-headline {
        color: #1d1d1f;
        font-size: 32px;
        font-weight: 600;
        line-height: 1.125;
    }

    #get-in-touch .cards-container {
        box-sizing: border-box;
        gap: 20px;
        grid-template-columns: minmax(0, 1fr);
        margin-top: 30px;
        min-width: 0;
        width: 100%;
    }

    #get-in-touch .card-title,
    #get-in-touch .card-wechat-title {
        font-size: 28px;
        font-weight: 600;
        line-height: 36px;
        max-width: none;
    }

    #get-in-touch .card:not(.card-wechat) .card-title {
        min-height: 0;
    }

    #get-in-touch .card-link,
    #get-in-touch .card-link a,
    #get-in-touch .icon-wrapper.card-link,
    #get-in-touch .icon-wrapper.card-link .icon-copy {
        font-size: 19px;
        font-weight: 400;
        line-height: 27px;
    }

    #get-in-touch .card {
        box-sizing: border-box;
        max-width: 100%;
        min-height: 290px;
        min-width: 0;
        padding: 70px 24px 70px 24px;
        width: 100%;
    }
    #get-in-touch .card-in-person {
        padding: 70px 24px 70px 24px;
    }

    #get-in-touch .card-icon {
        margin-bottom: 8px;
    }

    #get-in-touch .card-icon img {
        height: 51px;
    }

    #get-in-touch .card-wechat {
        flex-direction: column;
        max-width: 100%;
        min-height: 0;
        min-width: 0;
        overflow: hidden;
        padding: 103px 0 ;
        width: 100%;
    }

    #get-in-touch .card-wechat .card-icon {
        display: none;
    }

    #get-in-touch .card-wechat-copy {
        align-items: center;
        box-sizing: border-box;
        flex: none;
        flex-direction: column;
        height: auto;
        justify-content: flex-start;
        max-width: 100%;
        min-width: 0;
        width: 100%;
    }

    #get-in-touch .card-wechat-title {
        margin-bottom: 27px;
    }

    #get-in-touch .card-qrcode {
        box-sizing: border-box;
        flex: none;
        flex-shrink: 0;
        justify-content: center;
        margin-top: 0;
        max-width: 100%;
        min-width: 0;
        /* 仅收窄左右留白；二维码固定 129px 不缩放 */
        padding-inline: clamp(16px, calc((100% - 129px) / 2), 116px);
        width: 100%;
    }

    #get-in-touch .card-qrcode img {
        display: block;
        flex-shrink: 0;
        height: 129px;
        margin-inline: auto;
        max-width: none;
        width: 129px;
    }
}

/* --- 5.9 #gallery-china-business-case autoplay（进度圆环走 overview autoplay-progress，与下方 business 图库一致）--- */
#gallery-china-business-case .controls-autoplay-tabnav {
    position: relative;
}

#gallery-china-business-case .controls-autoplay-tabnav > .autoplay {
    display: block;
    pointer-events: auto;
    z-index: 3;
}

/* M/L：autoplay 绝对定位在 tab 行右侧留白（与 overview 一致） */
@media (min-width: 735px) {
    #gallery-china-business-case .controls-autoplay-tabnav > .autoplay {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
}

#gallery-china-business-case .autoplay[data-state='playing'] .svg-pause {
    display: block;
}

#gallery-china-business-case .autoplay[data-state='playing'] .svg-play {
    display: none;
}

#gallery-china-business-case .autoplay[data-state='paused'] .svg-pause {
    display: none;
}

#gallery-china-business-case .autoplay[data-state='paused'] .svg-play {
    display: block;
}

/* S：tab 与 autoplay 分列；压过 overview 的 absolute + 灰底 pill 铺满 */
@media (max-width: 734px) {
    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery.scroll-gallery-card-big > .controls-autoplay-tabnav {
        --controls-tabnav-padding: 0 !important;
        padding-inline-end: 0 !important;
    }

    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery.scroll-gallery-card-big > .controls-autoplay-tabnav > .autoplay {
        position: relative !important;
        top: auto !important;
        transform: none !important;
    }

    html:not([dir=rtl]) #china-business-case.major-gallery--trade #gallery-china-business-case .controls-autoplay-tabnav > .autoplay,
    html[dir=rtl] #china-business-case.major-gallery--trade #gallery-china-business-case .controls-autoplay-tabnav > .autoplay {
        left: auto !important;
        right: auto !important;
    }

    /* S：与下方 business 图库一致 — overview.built.css .autoplay 配色（勿用 initial，会盖掉变量） */
    #china-business-case.major-gallery--trade #gallery-china-business-case.scroll-gallery.scroll-gallery-card-big > .controls-autoplay-tabnav > .autoplay {
        --icon-background: rgb(232, 232, 237);
        --icon-color: #626264;
        --icon-fill: rgba(0, 0, 0, 0);
        --icon-stroke: var(--icon-color);
        --circle-fill: var(--icon-background);
    }
}

@media (min-width: 735px) and (max-width: 1068px) {
    /* tab 区仍 600px、卡片仍 87.5vw；仅把 autoplay 右缘对齐到卡片右缘内缩 16px */
    #gallery-china-business-case .controls-autoplay-tabnav {
        --controls-tabnav-padding: 52px;
        padding-inline-end: 52px;
    }

    html:not([dir=rtl]) #china-business-case.major-gallery--trade #gallery-china-business-case .controls-autoplay-tabnav > .autoplay {
        inset-inline-end: auto;
        left: auto;
        right: calc(16px - (min(87.5vw, 935px) - var(--controls-tabnav-width, 600px)) / 2);
    }

    html[dir=rtl] #china-business-case.major-gallery--trade #gallery-china-business-case .controls-autoplay-tabnav > .autoplay {
        inset-inline-end: auto;
        left: calc(16px - (min(87.5vw, 935px) - var(--controls-tabnav-width, 600px)) / 2);
        right: auto;
    }
}

@media (min-width: 1069px) {
    /* L：tabnav 与卡片同列宽时 autoplay 距卡片右缘 16px */
    #gallery-china-business-case .controls-autoplay-tabnav {
        --controls-tabnav-padding: 52px;
        padding-inline-end: 52px;
    }

    html:not([dir=rtl]) #china-business-case.major-gallery--trade #gallery-china-business-case .controls-autoplay-tabnav > .autoplay {
        inset-inline-end: auto;
        left: auto;
        right: calc(16px - (min(1220px, 87.5vw) - var(--controls-tabnav-width, min(1220px, 85vw))) / 2);
    }

    html[dir=rtl] #china-business-case.major-gallery--trade #gallery-china-business-case .controls-autoplay-tabnav > .autoplay {
        inset-inline-end: auto;
        left: calc(16px - (min(1220px, 87.5vw) - var(--controls-tabnav-width, min(1220px, 85vw))) / 2);
        right: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    #gallery-china-business-case .autoplay {
        display: none;
    }
}

/*Hero HL space style*/
.sf,.hero-mac-gap {
    font-family:SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif;
}