@font-face {
    font-family: 'Hurme Geometric Sans 3';
    src: url('https://d13pvy8xd75yde.cloudfront.net/accessories/buds-5/assets/fonts/HurmeGeometricSans3-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hurme Geometric Sans 3';
    src: url('https://d13pvy8xd75yde.cloudfront.net/accessories/buds-5/assets/fonts/HurmeGeometricSans3-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Han Sans CN Ampersand';
    src: url('https://d13pvy8xd75yde.cloudfront.net/accessories/buds-5/assets/fonts/source-han-ampersand-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0026;
}

@font-face {
    font-family: 'Source Han Sans CN Ampersand';
    src: url('https://d13pvy8xd75yde.cloudfront.net/accessories/buds-5/assets/fonts/source-han-ampersand-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0026;
}

.kv_section {
    inline-size: 100%;
    overflow: clip;
}

html,
body {
    max-inline-size: 100%;
    overflow-x: clip;
}

#buds5[v-cloak] {
    display: none;
}

#buds5 {
    font-family: 'Hurme Geometric Sans 3', sans-serif;
    font-style: normal;
    line-height: 1.2;
}

html body #buds5 :where(h1, h2, h3, p, strong, span, li) {
    font-family: 'Hurme Geometric Sans 3', sans-serif;
    overflow-wrap: anywhere;
}

.kv {
    display: grid;
    direction: ltr;
    inline-size: 100%;
    min-block-size: 56.25vw;
    background: #eaf2fc;
}

.kv_media,
.kv_content {
    grid-area: 1 / 1;
}

.kv_media {
    min-inline-size: 0;
}

.kv_media_image {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    background: #eaf2fc;
}

.kv_media_image--mobile {
    display: none;
}

.kv_content {
    z-index: 1;
    align-self: start;
    justify-self: start;
    margin-inline-start: 9.21875vw;
    margin-block-start: 23.046875vw;
    color: #05070c;
    text-align: center;
}

.kv_title {
    display: block;
    /* inline-size: 19vw; */
    max-inline-size: 100%;
}

.kv_title picture {
    display: block;
    aspect-ratio: 708 / 114;
}

.kv_title img {
    display: block;
    inline-size: 27.65625vw;
    block-size: auto;
    margin-inline: auto;
    object-fit: contain;
}

.kv_features {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-block-start: 1vw;
    margin-inline: 0;
    padding: 0;
    list-style: none;
}

.kv_features li {
    display: flex;
    align-items: center;
    gap: 1.0546875vw;
    min-inline-size: 0;
    padding-inline: 1.0546875vw;
    text-align: center;
}

.kv_features li:not(:first-child) {
    padding-inline-start: 0;
}

.kv_feature_divider {
    flex: 0 0 auto;
    inline-size: 0.0390625vw;
    block-size: 1.40625vw;
    background-color: rgb(5 7 12 / 45%);
}

.kv_feature_card_content {
    display: grid;
    gap: 0.1em;
    min-inline-size: 0;
}

.kv_features strong,
.kv_feature_label {
    display: block;
    min-inline-size: 4vw;
    max-inline-size: 10vw;
    overflow-wrap: break-word;
}

.kv_features strong {
    font-size: 1.484375vw;
    font-weight: 600;

    letter-spacing: 0;
}

.kv_feature_label {
    font-size: 1.09375vw;
    font-weight: 400;

    letter-spacing: 0;
}

@media (max-width: 1080px) {
    .kv_content {
        margin-inline-start: 7vw;
        margin-block-start: 27vw;
    }

}

@media (max-width: 1080px) {
    .kv {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        min-block-size: 0;
    }

    .kv_media_image--desktop {
        display: none;
    }

    .kv_media_image--mobile {
        display: block;
    }

    .kv_media,
    .kv_content {
        grid-area: 1 / 1;
    }

    .kv_content {
        z-index: 1;
        align-self: start;
        justify-self: start;
        inline-size: 100vw;
        margin: 0;
        padding-block: 12vw 6vw;
        padding-inline: 7vw;
    }

    .kv_features {
        margin-block-start: 4vw;
    }

    .kv_features li {
        padding-inline: 1.8vw;
        gap: 1.8vw;
    }

    .kv_features li:not(:first-child) {
        padding-inline-start: 0;
    }

    .kv_feature_divider {
        inline-size: 0.0925926vw;
        block-size: 3.3333333vw;
    }

    .kv_title {
        /* Figma: 708 × 114，页面坐标 left 194 / top 279。 */
        inline-size: 65.5555556vw;
        max-inline-size: 65.5555556vw;
        margin-block-start: 13.8333333vw;
        margin-inline-start: 10.962963vw;
        margin-inline-end: 0;
    }

    .kv_title picture,
    .kv_title img {
        inline-size: 100%;
    }

    .kv_features strong {
        font-size: 2.7777778vw;
    }

    .kv_feature_label {
        font-size: 2.3148148vw;
    }

    .kv_features strong,
    .kv_feature_label {
        min-inline-size: 18vw;
        max-inline-size: 28vw;
    }
}

.feature_grid {
    display: flex;
    flex-direction: column;
    inline-size: 72.5vw;
    margin-inline-start: 13.8671875vw;
    margin-inline-end: 13.6328125vw;
    padding-block: 1.177734375vw 6vw;
    gap: 1.25vw;
    box-sizing: border-box;
}

.feature_row {
    display: grid;
    gap: 1.25vw;
    min-inline-size: 0;
}

.feature_row--top {
    grid-template-columns: 42.5390625vw 28.4765625vw;
}

.feature_row--middle {
    grid-template-columns: 34.8046875vw 36.015625vw;
    grid-template-rows: repeat(2, 12.03125vw);
    margin-inline-start: 0.15625vw;
}

.feature_row--middle .feature_card:first-child {
    grid-row: 1 / span 2;
}

.feature_row--middle .feature_card:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
}

.feature_row--middle .feature_card:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
}

.feature_row--bottom {
    grid-template-columns: 23.0859375vw 22.8515625vw 23.0078125vw;
    margin-block-start: -0.1953125vw;
}

.feature_row--bottom .feature_card:nth-child(2) {
    margin-inline-start: 0.15625vw;
}

.feature_row--bottom .feature_card:nth-child(3) {
    margin-inline-start: 0.703125vw;
}

.feature_card {
    display: grid;
    grid-template-areas: "feature-stack";
    min-inline-size: 0;
    min-block-size: 0;
    box-sizing: border-box;
    overflow: hidden;
    border: 0;
    border-radius: 0.78125vw;
    background: #9BBEEA30;
}

.feature_row--top .feature_card {
    block-size: 19.453125vw;
}

.feature_row--middle .feature_card:first-child {
    block-size: 25.3125vw;
}

.feature_row--middle .feature_card:nth-child(2),
.feature_row--middle .feature_card:nth-child(3) {
    block-size: 12.03125vw;
}

.feature_row--bottom .feature_card {
    block-size: 14.2578125vw;
}

.feature_card_media {
    grid-area: feature-stack;
    align-self: stretch;
    justify-self: stretch;
    inline-size: 100%;
    block-size: 100%;
    min-block-size: 0;
    border-radius: 0.35vw;
    object-fit: contain;
}

.feature_card_media>img {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: contain;
}

.feature_card_media[hidden],
.kv_media img[hidden],
.kv_title img[hidden] {
    display: none;
}

.feature_card_media[data-asset-missing],
.kv_media img[data-asset-missing],
.kv_title img[data-asset-missing],
.screen_divider_media[data-asset-missing] {
    display: block;
    opacity: 1;
    color: transparent;
    font-size: 0;
}

.feature_card_media[data-asset-missing] {
    background: #dceafa;
}

.feature_row--middle .feature_card:nth-child(1) .feature_card_media {
    inline-size: 14.696268vw;
    block-size: 21.171875vw;
    align-self: start;
    justify-self: end;
    margin-block: 2.5vw 1.640625vw;
    margin-inline-end: 3.428516vw;
}

.feature_row--middle .feature_card:nth-child(2) .feature_card_media {
    inline-size: 22.265625vw;
    block-size: 12.03125vw;
    align-self: start;
    justify-self: end;
    box-sizing: border-box;
    margin-block-start: 0.0390625vw;
    margin-block-end: 0.0390625vw;
    margin-inline-end: 0.1171875vw;
}

.feature_row--bottom .feature_card_media {
    inline-size: 15.390625vw;
    block-size: 8.828125vw;
    justify-self: center;
    margin-block-start: 4.140625vw;
    opacity: 0.2;
}

/* IP54 的图层在桌面与移动端均覆盖同卡片文案。 */
.feature_row--bottom .feature_card:nth-child(2) .feature_card_media {
    z-index: 2;
}

.feature_decoration {
    grid-area: feature-stack;
    z-index: 0;
    display: block;
    min-inline-size: 0;
    min-block-size: 0;
    object-fit: contain;
}

.feature_decoration[data-asset-missing] {
    background: #dceafa;
}

.feature_decoration--mobile-only {
    display: none;
}

.feature_row--bottom .feature_decoration--all-week-playtime-0 {
    inline-size: 2.265625vw;
    block-size: 4.296875vw;
}

.feature_card_content {
    grid-area: feature-stack;
    z-index: 1;
    align-self: start;
    justify-self: stretch;
    inline-size: auto;
    margin: 1.5vw;
}

.feature_card_content {
    text-align: center;
}

/* 第二屏：以下文本区按 Figma 已读取的卡片坐标分别定位，不能共用通用居中值。 */
.feature_row--top .feature_card:nth-child(1) .feature_card_content {
    margin-block-start: 1.640625vw;
    margin-inline: 1.25vw;
}

.feature_row--top .feature_card:nth-child(1) .feature_card_title {
    max-inline-size: 80%;
}

.feature_row--top .feature_card:nth-child(2) .feature_card_content {
    margin-block-start: 1.640625vw;
    margin-inline: 1.25vw;
}

.feature_row--top .feature_card:nth-child(2) .feature_card_title {
    max-inline-size: 80%;
}

/* 卡片 3：标题 Figma left 419px / top 2404px，卡片起点 359px / 2185px。 */
.feature_row--middle .feature_card:nth-child(1) .feature_card_content {
    justify-self: start;
    inline-size: 30.15625vw;
    margin-block-start: 8.5546875vw;
    margin-inline-start: 2.34375vw;
    margin-inline-end: 0;
    text-align: start;
}

.feature_row--middle .feature_card:nth-child(1) .feature_card_title {
    max-inline-size: 60%;
    margin-inline: 0;
    font-size: 1.484375vw;
}

.feature_row--middle .feature_card:nth-child(1) .feature_card_description {
    max-inline-size: 30.15625vw;
    font-size: 1.09375vw;
}

/* 卡片 4：标题 Figma left 1333px / top 2252px。 */
.feature_row--middle .feature_card:nth-child(2) .feature_card_content {
    justify-self: start;
    inline-size: 30.15625vw;
    margin-block-start: 4.117188vw;
    margin-inline-start: 1.9921875vw;
    margin-inline-end: 0;
    text-align: start;
}

.feature_row--middle .feature_card:nth-child(2) .feature_card_title {
    display: block;
    max-inline-size: 67%;
    margin-inline: 0;
    font-size: 1.484375vw;
}

.feature_row--middle .feature_card:nth-child(2) .feature_card_description {
    max-inline-size: 30.15625vw;
    margin-block-start: 0.1953125vw;
    font-size: 1.09375vw;
}

/* 卡片 5：标题 Figma left 1333px / top 2607px。 */
.feature_row--middle .feature_card:nth-child(3) .feature_card_content {
    justify-self: start;
    inline-size: 30.15625vw;
    margin-block-start: 3.203125vw;
    margin-inline-start: 1.9921875vw;
    margin-inline-end: 0;
    text-align: start;
}

.feature_row--middle .feature_card:nth-child(3) .feature_card_title {
    display: block;
    max-inline-size: 14.53125vw;
    min-block-size: 3.59375vw;
    margin-inline: 0;
    font-size: 1.484375vw;
}

.feature_row--middle .feature_card:nth-child(3) .feature_card_description {
    max-inline-size: 30.15625vw;
    margin-block-start: 0.1171875vw;
    font-size: 1.09375vw;
}

.feature_row--bottom .feature_card_content {
    justify-self: start;
    inline-size: 100%;
    margin: 0;
}

/* 底部三张卡片：均为居中两层文字，复用同一组文字框规则。 */
.feature_row--bottom .feature_card_bottom_title {
    box-sizing: border-box;
    inline-size: 80%;
    margin-block-end: 0;
    margin-inline: auto;
    text-align: center;
}

.feature_row--bottom .feature_card_bottom_title {
    margin-block-start: 1.640625vw;
}

.feature_card_metric {
    inline-size: 80%;
    min-inline-size: 0;
    margin-block-start: 1.71875vw;
    margin-inline: auto;
}

.feature_card_metric--all-week-playtime {
    display: flex;
    align-items: center;
    justify-content: center;
    /* gap: 0.7421875vw; */
}

.feature_card_metric--all-week-playtime .feature_decoration {
    grid-area: auto;
    z-index: auto;
    align-self: auto;
    justify-self: auto;
    flex: 0 0 auto;
    margin: 0;
}

.feature_card_metric--all-week-playtime .feature_card_bottom_description {
    inline-size: 12vw;
    margin: 0;
    text-align: start;
}

.feature_card_metric--ip54,
.feature_card_metric--bluetooth-6 {
    display: grid;
    grid-template-areas: "metric-stack";
    place-items: center;
}

.feature_card_metric--ip54 .feature_card_bottom_description,
.feature_card_metric--ip54 .feature_decoration,
.feature_card_metric--bluetooth-6 .feature_card_bottom_description {
    grid-area: metric-stack;
}

.feature_card_metric--ip54 .feature_card_bottom_description,
.feature_card_metric--bluetooth-6 .feature_card_bottom_description {
    inline-size: 100%;
}

.feature_card_metric--ip54 .feature_decoration {
    align-self: start;
    justify-self: end;
    margin-inline-end: 1.3vw;
    margin-block-start: -1.2vw;
    inline-size: 5.015625vw;
    block-size: 5.015625vw;
}

/* 未旋转的容器负责水平、垂直定位；只有内部图片负责旋转。 */
.feature_decoration_frame--bluetooth-6 {
    grid-area: feature-stack;
    z-index: 2;
    align-self: start;
    justify-self: start;
}

.feature_decoration--bluetooth-6-independent {
    display: block;
    inline-size: 100%;
    block-size: 100%;
}

@media (min-width: 1081px) {
    .feature_row--bottom .feature_card:nth-child(3) .feature_card_metric--bluetooth-6 {
        grid-template-columns: minmax(0, 1fr);
        place-items: start;
        justify-content: stretch;
        inline-size: 9.62962962963vw;
        block-size: 8.888888888889vw;
        margin-block-start: 0.1953125vw;
        margin-inline-start: 5.3515625vw;
        margin-inline-end: 0;
    }

    .feature_row--bottom .feature_card:nth-child(3) .feature_card_bottom_title {
        margin-block-start: 1.796875vw;
        font-size: 1.25vw;
    }

    .feature_row--bottom .feature_card:nth-child(3) .feature_card_metric--bluetooth-6 .feature_card_bottom_description {
        inline-size: 9.62962962963vw;
        align-self: start;
        justify-self: start;
        margin-block-start: 1.1328125vw;
        margin-inline-start: 0;
        text-align: center;
    }

    .feature_row--bottom .feature_card:nth-child(3) .feature_decoration_frame--bluetooth-6 {
        inline-size: 3.515625vw;
        block-size: 3.515625vw;
        margin-block-start: 4.254688vw;
        margin-inline-start: 13.807813vw;
    }

    .feature_row--bottom .feature_card:nth-child(3) .feature_decoration--bluetooth-6-independent {
        transform: rotate(-26.37deg);
    }
}

.feature_card_title,
.feature_card_description {
    max-inline-size: 18vw;
    overflow-wrap: break-word;
}

.feature_row--top .feature_card_title,
.feature_row--top .feature_card_description {
    margin-inline: auto;
}

.feature_card_bottom_description {
    font-size: 5.859375vw;
    font-weight: 600;
    font-style: italic;
    margin-block: 0;
    background: linear-gradient(90deg, #9FC2ED 0%, #62A2F1 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.feature_card_title {
    margin-block: 0;
    font-size: 1.484375vw;
    font-weight: 600;
}

.feature_card_bottom_title {
    margin-block: 0;
    font-size: 1.09375vw;
    font-weight: 600;
}

.feature_card_title,
.feature_card_bottom_title {
    max-inline-size: 100%;
    overflow-wrap: anywhere;
}

.feature_card_title span {
    display: inline;
    font-size: inherit;
    font-weight: 600;
    font-style: normal;

    letter-spacing: 0;
}

.feature_card_description {
    margin-block: 0.1953125vw 0;
    font-size: 0.9375vw;
    font-weight: 400;
}

.feature_grid_section {
    inline-size: 100%;
    min-block-size: clamp(50vw, 72.5vw, 100vw);
}

.screen_divider {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-block-size: 21.5234375vw;
    padding-block-start: 7.5390625vw;
    padding-block-end: 296px;
    background: #fff;
    box-sizing: border-box;
}

.screen_divider_title {
    margin: 0;
    color: #8eb9ed;
    font-size: 2.5vw;
    font-weight: 600;

    letter-spacing: 0.04em;
    text-align: center;
}

.screen_divider_media {
    display: block;
    inline-size: 78.125vw;
    max-inline-size: 100%;
    block-size: auto;
    min-block-size: 0;
    object-fit: contain;
}

.screen_divider_media>img {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: contain;
}

.screen_divider_media[hidden] {
    display: block;
    inline-size: 33.59375vw;
    block-size: 5.625vw;
    background: #dceafa;
}

.anc_screen {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-block-size: 62.5vw;
    overflow: clip;
    background: #000;
    color: #fff;
}

.anc_screen_media,
.anc_screen_content {
    grid-area: 1 / 1;
}

.anc_screen_media {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    min-block-size: 62.5vw;
    object-fit: cover;
}

.anc_screen_media[data-asset-missing] {
    display: block;
    background: #000;
}

.anc_screen_media>img {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
}

.anc_screen_content {
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-self: center;
    align-self: start;
    inline-size: 100%;
    min-inline-size: 0;
    padding: 0;
    text-align: center;
    margin-block-start: 5.5859375vw;
}

.anc_screen_content h2,
.anc_screen_content p {
    margin: 0;
    margin-inline: auto;
    text-align: center;
}

.anc_screen_content h2 {
    inline-size: 100%;
    max-inline-size: 100%;
    white-space: nowrap;
    color: #fff;
    font-size: 2.8125vw;
    font-weight: 600;

    text-align: center;
}

.anc_screen_content h2 span {
    letter-spacing: 0.2em;
}

.anc_screen_content .anc_screen_subtitle {
    max-inline-size: 70vw;
    /* margin-block-start: 0.46875vw; */
    color: #fff;
    font-size: 1.640625vw;
    font-weight: 600;
}

.anc_screen_content .anc_screen_description {
    max-inline-size: 50.128125vw;
    margin-block-start: 0.8984375vw;
    color: #8b8b8b;
    font-size: 0.9375vw;
    font-weight: 400;
}

.anc_screen_metrics {
    z-index: 1;
    display: grid;
    grid-area: 1 / 1;
    grid-template-columns: 9.1796875vw 15.1953125vw;
    column-gap: 2.3828125vw;
    justify-self: center;
    align-self: start;
    inline-size: max-content;
    max-inline-size: calc(100% - 8vw);
    margin-block-start: 50.4296875vw;
}

.anc_screen_metric {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-inline-size: 0;
    position: relative;
    text-align: center;
}

.anc_screen_metric:first-child::after {
    position: absolute;
    inset-block-start: 3.359375vw;
    inset-inline-end: -1.171094vw;
    inline-size: 0.0390625vw;
    block-size: 1.7578125vw;
    background: #d9d9d9;
    content: "";
}

.anc_screen_metric strong {
    display: flex;
    align-items: center;
    justify-content: center;
    min-block-size: 3.359375vw;
    color: #fff;
    font-size: 2.8125vw;
    font-weight: 600;
}

.anc_screen_metric span {
    color: #afafaf;
    font-size: 1.25vw;
    font-weight: 400;
}

.anc_screen_note {
    z-index: 1;
    grid-area: 1 / 1;
    justify-self: end;
    align-self: start;
    max-inline-size: 37.5390625vw;
    margin-block-start: 57.8125vw;
    margin-inline-end: 10vw;
    color: #a4a4a4;
    font-size: 0.46875vw;
    font-weight: 400;

    text-align: end;
}

.ergonomic_fit {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-block-size: 114.296875vw;
    overflow: clip;
    background: #f4f5f7;
    color: #000;
}

.ergonomic_fit_content,
.ergonomic_fit_sizes,
.ergonomic_fit_media,
.ergonomic_fit_note,
.street_scenario_carousel {
    grid-area: 1 / 1;
}

.street_scenario_carousel {
    display: grid;
    min-inline-size: 0;
    overflow: clip;
}

.street_scenario_track {
    display: flex;
    grid-area: 1 / 1;
    inline-size: 500%;
    min-block-size: 100%;
    will-change: margin-inline-start;
}

.street_scenario_controls {
    z-index: 2;
    display: flex;
    grid-area: 1 / 1;
    align-items: center;
    justify-content: space-between;
    align-self: start;
    justify-self: start;
    inline-size: 68.90625vw;
    margin-block-start: 30.8984375vw;
    margin-inline-start: 15.546875vw;
    margin-inline-end: 0;
    pointer-events: none;
}

.street_scenario_control {
    display: block;
    inline-size: 0.85234375vw;
    min-inline-size: 0;
    block-size: 2.294140625vw;
    min-block-size: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    opacity: 0.6;
    pointer-events: auto;
}

.street_scenario_control::before {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    background: #fff;
    clip-path: polygon(0 0, 22.92% 0, 100% 50%, 22.92% 100%, 0 100%, 77.08% 50%);
    content: '';
}

.street_scenario_control--previous::before {
    clip-path: polygon(100% 0, 77.08% 0, 0 50%, 77.08% 100%, 100% 100%, 22.92% 50%);
}

.street_scenario_control:hover,
.street_scenario_control:focus-visible {
    opacity: 1;
}

.street_scenario_slide {
    display: grid;
    flex: 0 0 20%;
    grid-template-columns: minmax(0, 1fr);
    min-inline-size: 0;
}

.street_scenario_media,
.street_scenario_title {
    grid-area: 1 / 1;
}

.street_scenario_media {
    display: block;
    align-self: start;
    justify-self: start;
    inline-size: 76.796875vw;
    aspect-ratio: 1966 / 1081;
    block-size: auto;
    margin-block-start: 10.9375vw;
    margin-inline-start: 11.6015625vw;
}

.street_scenario_media img {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
}

.street_scenario_media[data-asset-missing] {
    min-block-size: 42.2265625vw;
    background: #dceafa;
}

.street_scenario_title {
    z-index: 1;
    align-self: start;
    justify-self: center;
    max-inline-size: 80.109375vw;
    margin-block-start: 47.1875vw;
    margin-inline: 5vw;
    color: #fff;
    font-size: 2.5vw;
    font-weight: 600;

    text-align: center;
}

.ergonomic_fit_content {
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-inline-size: 0;
    padding-block-start: 63.125vw;
    padding-inline: 5vw;
    text-align: center;
}

.ergonomic_fit_content h2,
.ergonomic_fit_content p {
    margin: 0;
}

.ergonomic_fit_content h2 {
    max-inline-size: 36.875vw;
    color: #000;
    font-size: 2.8125vw;
    font-weight: 600;
}

.ergonomic_fit_content .ergonomic_fit_subtitle {
    max-inline-size: 24.0625vw;
    margin-block-start: 0.546875vw;
    color: #000;
    font-size: 1.640625vw;
    font-weight: 600;
}

.ergonomic_fit_content .ergonomic_fit_description {
    max-inline-size: 54.8828125vw;
    margin-block-start: 0.8984375vw;
    color: #5a5a5a;
    font-size: 0.9375vw;
    font-weight: 400;
}

.ergonomic_fit_sizes {
    z-index: 1;
    display: grid;
    grid-area: 1 / 1;
    grid-template-columns: repeat(3, 6.6796875vw);
    column-gap: 6.62109375vw;
    align-self: start;
    justify-self: start;
    margin-block-start: 76.328125vw;
    margin-inline-start: 22.0703125vw;
}

.ergonomic_fit_sizes span {
    color: #000;
    font-size: 1.640625vw;
    font-weight: 600;

    text-align: center;
}

.ergonomic_fit_media {
    display: block;
    align-self: start;
    justify-self: start;
    inline-size: 81.796875vw;
    aspect-ratio: 2094 / 788;
    block-size: auto;
    margin-block-start: 77.890625vw;
    margin-inline-start: 6.8359375vw;
}

.ergonomic_fit_media[data-asset-missing] {
    display: block;
    min-block-size: 30.78125vw;
    background: #dceafa;
}

.ergonomic_fit_media>img {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: contain;
    object-position: start start;
}

.ergonomic_fit_note {
    z-index: 1;
    grid-area: 1 / 1;
    align-self: start;
    justify-self: end;
    max-inline-size: 56vw;
    margin-block-start: 109vw;
    margin-inline: 5vw 10vw;
    color: #a4a4a4;
    font-size: 0.46875vw;
    font-weight: 400;

    text-align: end;
}

.transparency_mode {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-block-size: 61.40625vw;
    overflow: clip;
    background: #fff;
    color: #000;
}

.transparency_mode_media,
.transparency_mode_content {
    grid-area: 1 / 1;
}

.transparency_mode_media {
    display: block;
    align-self: start;
    justify-self: start;
    inline-size: 37.0378906vw;
    block-size: 43.984375vw;
    margin-block-start: 11.7578125vw;
    margin-inline-start: 52.9296875vw;
    object-fit: cover;
}

.transparency_mode_media img {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
}

.transparency_mode_media[data-asset-missing] {
    background: #e6e6e6;
}

.transparency_mode_content {
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-inline-size: 0;
    padding-block-start: 25.8203125vw;
    padding-inline-start: 10.859375vw;
    padding-inline-end: 5vw;
}

.transparency_mode_content h2,
.transparency_mode_content p {
    margin: 0;
}

.calls_screen {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-block-size: 61.640625vw;
    overflow: clip;
    background: #fff;
    color: #fff;
}

.calls_screen_media,
.calls_screen_content {
    grid-area: 1 / 1;
}

.calls_screen_media {
    display: block;
    inline-size: 100%;
    block-size: 61.640625vw;
    object-fit: cover;
}

.calls_screen_media[data-asset-missing] {
    background: linear-gradient(180deg, #203f6e, #0d1b32);
}

.calls_screen_media>img {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
}

.calls_screen_content {
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-self: center;
    align-self: start;
    inline-size: 80vw;
    min-inline-size: 0;
    padding-block-start: 6.73046875vw;
    padding-inline: 0;
    text-align: center;
}

.calls_screen_content h2,
.calls_screen_content p {
    margin: 0;
}

.calls_screen_content h2 {
    inline-size: 80vw;
    max-inline-size: 80vw;
    color: #fff;
    font-size: 2.8125vw;
    font-weight: 600;
    text-align: center;
}

.calls_screen_content h2 span {
    letter-spacing: 0;
}

.calls_screen_content .calls_screen_subtitle {
    max-inline-size: 30vw;
    margin-block-start: 0.0765625vw;
    color: #fff;
    font-size: 1.640625vw;
    font-weight: 600;
}

.calls_screen_content .calls_screen_description {
    max-inline-size: 55.328125vw;
    margin-block-start: 0.728515625vw;
    color: #fff;
    font-size: 0.9375vw;
    font-weight: 400;
}

.feel_every_note_transition {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    inline-size: 100%;
    min-block-size: 21.8359375vw;
    margin-block-start: 7.578125vw;
    margin-block-end: 9.6484375vw;
    padding-block: 0;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
}

.feel_every_note_transition_media {
    display: block;
    inline-size: 78.125vw;
    max-inline-size: 100%;
    block-size: 21.8359375vw;
    min-block-size: 0;
    object-fit: contain;
}

.feel_every_note_transition_media>img {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: contain;
}

.feel_every_note_transition_media[hidden] {
    display: none;
}

.flagship_level_experience_transition {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    inline-size: 100%;
    min-block-size: 19.453125vw;
    margin-block-start: 11.8359375vw;
    margin-block-end: 9.8046875vw;
    padding-block: 0;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
}

.flagship_level_experience_transition_media {
    display: block;
    inline-size: 78.125vw;
    max-inline-size: 100%;
    block-size: 19.453125vw;
    min-block-size: 0;
    object-fit: contain;
}

.flagship_level_experience_transition_media>img {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: contain;
}

.flagship_level_experience_transition_media[hidden] {
    display: none;
}

.driver_screen {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-block-size: 76.25vw;
    overflow: clip;
    background: #07090d;
    color: #fff;
}

.driver_screen_media,
.driver_screen_content,
.driver_screen_decoration {
    grid-area: 1 / 1;
}

.driver_screen_media {
    display: block;
    inline-size: 100%;
    block-size: 76.25vw;
}

.driver_screen_media img {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
}

.driver_screen_decoration {
    z-index: 2;
    display: block;
    align-self: start;
    justify-self: start;
    inline-size: 10.15625vw;
    block-size: auto;
    margin-block-start: 65.859375vw;
    margin-inline-start: 79.921875vw;
}

.driver_screen_decoration--mobile {
    display: none;
}

.driver_screen_content {
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-inline-size: 0;
    padding-block-start: 6.015625vw;
    padding-inline: 5vw;
    text-align: center;
}

.driver_screen_content h2,
.driver_screen_content p {
    margin: 0;
}

.driver_screen_content h2 {
    inline-size: 80vw;
    max-inline-size: 80vw;
    color: #fff;
    font-size: 2.8125vw;
    font-weight: 600;
}

.driver_screen_content h2 span {
    letter-spacing: 0.2em;
}

.driver_screen_content .driver_screen_subtitle {
    max-inline-size: 30vw;
    margin-block-start: 0.078125vw;
    color: #fff;
    font-size: 1.640625vw;
    font-weight: 600;
}

.driver_screen_content .driver_screen_description {
    max-inline-size: 47.428125vw;
    margin-block-start: 0.7421875vw;
    color: #a4a4a4;
    font-size: 0.9375vw;
    font-weight: 400;
}

.charging_case_stand {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-block-size: 60.859375vw;
    overflow: clip;
    background: #fff;
    color: #000;
}

.charging_case_stand_media,
.charging_case_stand_content {
    grid-area: 1 / 1;
}

.charging_case_stand_media {
    display: block;
    inline-size: 100%;
    block-size: 60.859375vw;
    object-fit: cover;
}

.charging_case_stand_media img {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
}

.charging_case_stand_content {
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-inline-size: 0;
    padding-block-start: 6.71875vw;
    padding-inline: 5vw;
    text-align: center;
}

.charging_case_stand_content h2,
.charging_case_stand_content p {
    margin: 0;
}

.charging_case_stand_content h2 {
    max-inline-size: 80vw;
    max-inline-size: 80vw;
    color: #000;
    font-size: 2.8125vw;
    font-weight: 600;
}

.charging_case_stand_content h2 span {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.charging_case_stand_content .charging_case_stand_subtitle {
    max-inline-size: 30vw;
    margin-block-start: 0.546875vw;
    color: #000;
    font-size: 1.640625vw;
    font-weight: 600;
}

.charging_case_stand_content .charging_case_stand_description {
    max-inline-size: 39.53125vw;
    margin-block-start: 1.09375vw;
    color: #5a5a5a;
    font-size: 0.9375vw;
    font-weight: 400;
}

.leather_texture {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-block-size: 85.9765625vw;
    overflow: clip;
    background: #fff;
    color: #000;
}

.leather_texture_media,
.leather_texture_content {
    grid-area: 1 / 1;
}

.leather_texture_media {
    display: block;
    align-self: start;
    justify-self: start;
    inline-size: min(89.53125vw, calc(100% - 10.46875vw));
    block-size: 46.2109375vw;
    margin-inline-start: 10.46875vw;
    object-fit: cover;
}

.leather_texture_media img {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
}

.leather_texture_content {
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-inline-size: 0;
    padding-block-start: 16.875vw;
    padding-inline: 12.421875vw;
    text-align: start;
}

.leather_texture_content h2,
.leather_texture_content p {
    margin: 0;
}

.leather_texture_content h2 {
    max-inline-size: 36.875vw;
    color: #000;
    font-size: 2.8125vw;
    font-weight: 600;
}

.leather_texture_content .leather_texture_subtitle {
    max-inline-size: 70vw;
    margin-block-start: 0.078125vw;
    color: #000;
    font-size: 1.640625vw;
    font-weight: 600;
}

.leather_texture_content .leather_texture_description {
    max-inline-size: 31.5625vw;
    margin-block-start: 0.7421875vw;
    color: #5a5a5a;
    font-size: 0.9375vw;
    font-weight: 400;
}

.leather_texture_colors {
    z-index: 1;
    display: grid;
    grid-area: 1 / 1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.819921875vw;
    align-self: start;
    justify-self: center;
    inline-size: 66.6796875vw;
    margin-block-start: 46.078125vw;
    direction: ltr;
}

.leather_texture_color {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-inline-size: 0;
}

.leather_texture_color_media {
    display: block;
    inline-size: 100%;
    aspect-ratio: 830.41 / 690;
    overflow: clip;
    border-radius: 1.5625vw;
}

.leather_texture_color_media>img {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
}

.leather_texture_color p {
    max-inline-size: 100%;
    margin: 0;
    margin-block-start: 0.546875vw;
    color: #000;
    font-size: 1.09375vw;
    font-weight: 600;

    overflow-wrap: anywhere;
    text-align: center;
}

.ai_assistant {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-block-size: 60.9375vw;
    overflow: clip;
    background: linear-gradient(180deg, #cfe5ff 0%, #fff 100%);
    color: #000;
}

.ai_assistant_media,
.ai_assistant_content,
.ai_assistant_note {
    grid-area: 1 / 1;
}

.ai_assistant_media {
    display: block;
    align-self: start;
    justify-self: end;
    inline-size: 27.8125vw;
    block-size: 38.9453125vw;
    margin-inline-end: 13.359375vw;
    margin-block-start: 6.6015625vw;
}

.ai_assistant_media>img {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: contain;
}

.ai_assistant_content {
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-inline-size: 0;
    padding-block-start: 22.890625vw;
    padding-inline: 10.8984375vw 5vw;
    text-align: start;
}

.ai_assistant_content h2,
.ai_assistant_content p {
    margin: 0;
}

.ai_assistant_content h2 {
    max-inline-size: 36.875vw;
    font-size: 2.8125vw;
    font-weight: 600;
}

.ai_assistant_content .ai_assistant_subtitle {
    max-inline-size: 70vw;
    margin-block-start: 0.078125vw;
    font-size: 1.640625vw;
    font-weight: 600;
}

.ai_assistant_content .ai_assistant_description {
    max-inline-size: 38.515625vw;
    margin-block-start: 0.78125vw;
    color: #5a5a5a;
    font-size: 0.9375vw;
    font-weight: 400;
}

.ai_assistant_note {
    z-index: 2;
    align-self: start;
    justify-self: end;
    inline-size: min(26.2109375vw, calc(100% - 10vw));
    max-inline-size: 26.2109375vw;
    margin: 0;
    margin-block-start: 52.3828125vw;
    margin-inline-end: 5.6640625vw;
    color: #a4a4a4;
    font-size: 0.46875vw;
    font-weight: 400;
    text-align: end;
}

.translation_cards {
    display: flex;
    flex-direction: column;
    gap: 2.6171875vw;
    align-items: center;
    margin-block-start: -4.921875vw;
    padding-block-end: 8vw;
    background: #fff;
}

.translation_card {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    inline-size: 71.2109375vw;
    min-inline-size: 0;
    margin-inline-start: 0.3515625vw;
    overflow: clip;
    border-radius: 1.5625vw;
}

.translation_card_media,
.translation_card_content {
    grid-area: 1 / 1;
}

.translation_card_media {
    display: block;
    inline-size: 100%;
    aspect-ratio: 1823 / 1082;
    overflow: clip;
    border-radius: 1.5625vw;
}

.translation_card_media>img {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
}

.translation_card_content {
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-self: start;
    margin-block-start: 36.8359375vw;
    color: #000;
}

.translation_card_content h2,
.translation_card_content p {
    grid-area: 1 / 1;
    margin: 0;
}

.translation_card_content h2 {
    inline-size: min(37.6496094vw, 100%);
    margin-inline-start: 3.359375vw;
    font-size: 1.875vw;
    font-weight: 600;

    overflow-wrap: anywhere;
    text-align: start;
}

.translation_card_content p {
    justify-self: end;
    inline-size: min(33.0859375vw, 100%);
    margin-block-start: 0.5078125vw;
    margin-inline-end: 1.5625vw;
    color: #5a5a5a;
    font-size: 0.9375vw;
    font-weight: 400;

    overflow-wrap: anywhere;
    text-align: end;
}

.translation_card--seamless-real-time .translation_card_content {
    margin-block-start: 37.03125vw;
}


.all_week_playtime {
    display: flex;
    align-items: start;
    gap: 1.5625vw;
    min-block-size: 56.25vw;
    padding-block: 13.3203125vw 0;
    padding-inline: 13.90625vw 10.390625vw;
    background: linear-gradient(180deg, #cfe5ff 0%, #ffffff 68%);
    color: #000;
}

.all_week_playtime_content {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    align-items: end;
    min-inline-size: 0;
    margin-block-start: 5.7421875vw;
}

.all_week_playtime_copy {
    display: flex;
    flex-direction: column;
    align-items: end;
    max-inline-size: min(100%, 60vw);
    margin-inline-end: 0;
    text-align: end;
}

.all_week_playtime_copy h2,
.all_week_playtime_copy p {
    margin: 0;
}

.all_week_playtime_copy h2 {
    /* 保留长语言文案的横向余量，不按英文视觉宽度锁死。 */
    max-inline-size: 55vw;
    font-size: 2.8125vw;
    font-weight: 600;

    overflow-wrap: anywhere;
}

.all_week_playtime_content .all_week_playtime_subtitle {
    max-inline-size: 60vw;
    margin-block-start: 0;
    font-size: 1.640625vw;
    font-weight: 600;

    overflow-wrap: anywhere;
}

.all_week_playtime_content .all_week_playtime_description {
    max-inline-size: 35.625vw;
    align-self: end;
    margin-block-start: 0.8984375vw;
    color: #5a5a5a;
    font-size: 0.9375vw;
    font-weight: 400;
    text-align: end;

    overflow-wrap: anywhere;
}

.all_week_playtime_metrics {
    align-self: end;
    display: flex;
    flex-wrap: nowrap;
    justify-content: end;
    gap: 2.578125vw;
    max-inline-size: 50vw;
    margin-block-start: 5.625vw;
    margin-inline-end: 0;
}

.all_week_playtime_metrics article {
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    align-items: end;
    min-inline-size: 14.765625vw;
}

.all_week_playtime_metrics strong {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-size: 2.1875vw;
    font-weight: 600;

    overflow-wrap: anywhere;
}

.all_week_playtime_metrics article:first-child strong {
    background: linear-gradient(139.54deg, #87B2F9 4.43%, #62A2F1 97.65%);
    background-clip: text;
    -webkit-background-clip: text;
}

.all_week_playtime_metrics article:last-child strong {
    background: linear-gradient(139.54deg, #87B2F9 4.43%, #00C3D0 97.65%);
    background-clip: text;
    -webkit-background-clip: text;
}

.all_week_playtime_metrics span {
    max-inline-size: 100%;
    margin-block-start: 0.3125vw;
    color: #3d3d3d;
    font-size: 0.9375vw;
    font-weight: 400;

    overflow-wrap: anywhere;
}

.all_week_playtime_media {
    display: block;
    flex: 0 1 29.4921875vw;
    max-inline-size: 29.4921875vw;
    align-self: start;
    margin: 0;
}

.all_week_playtime_media img {
    display: block;
    inline-size: 100%;
    block-size: auto;
}

.all_week_playtime_media--mobile {
    display: none;
}

.all_week_playtime_note {
    align-self: end;
    flex: 0 1 auto;
    max-inline-size: 24.921875vw;
    margin-block: 14.4921875vw 0;
    margin-inline-end: 0;
    color: #a4a4a4;
    font-size: 0.46875vw;
    font-weight: 400;
    text-align: end;
    overflow-wrap: anywhere;
}

.built_tough_built_smart {
    padding-block: 8.3984375vw 8.359375vw;
}

.built_tough_built_smart_media {
    display: block;
    max-inline-size: 78.125vw;
    margin-inline-start: 10.9375vw;
    margin-inline-end: 0;
}

.built_tough_built_smart_media img {
    display: block;
    inline-size: 100%;
    block-size: auto;
}

.ip54_resistance {
    display: grid;
    grid-template-areas: "ip54-stack";
    aspect-ratio: 2560 / 1520;
    color: #000;
}

.ip54_resistance_media,
.ip54_resistance_content {
    grid-area: ip54-stack;
}

.ip54_resistance_media {
    display: block;
    min-inline-size: 0;
}

.ip54_resistance_media img {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
}

.ip54_resistance_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-block-size: 100%;
    padding-block-start: 5.2734375vw;
    text-align: center;
}

.ip54_resistance_content h2,
.ip54_resistance_content p {
    margin: 0;
}

.ip54_resistance_content h2 {
    max-inline-size: 65vw;
    font-size: 2.8125vw;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.ip54_resistance_content .ip54_resistance_subtitle {
    max-inline-size: 70vw;
    margin-block-start: 0.546875vw;
    font-size: 1.640625vw;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.ip54_resistance_content .ip54_resistance_description {
    max-inline-size: 57.421875vw;
    margin-block-start: 0.9765625vw;
    color: #5a5a5a;
    font-size: 0.9375vw;
    font-weight: 400;
    overflow-wrap: anywhere;
}

.ip54_resistance_content .ip54_resistance_note {
    align-self: end;
    max-inline-size: 23.28125vw;
    margin-block-start: auto;
    margin-inline-end: 6.9921875vw;
    margin-block-end: 3.984375vw;
    color: #a4a4a4;
    font-size: 0.46875vw;
    font-weight: 400;
    text-align: end;
    overflow-wrap: anywhere;
}

.one_tap_control {
    display: flex;
    align-items: center;
    min-block-size: 56.25vw;
    padding-inline: 17.8125vw 15.78125vw;
    background: linear-gradient(180deg, #cfe5ff 0%, #fff 60.58%);
    color: #000;
}

.one_tap_control_media {
    display: block;
    flex: 0 1 23.9453125vw;
    max-inline-size: 23.9453125vw;
}

.one_tap_control_media img {
    display: block;
    inline-size: 100%;
    block-size: auto;
}

.one_tap_control_content {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    align-items: end;
    min-inline-size: 0;
    margin-inline-start: auto;
    text-align: end;
}

.one_tap_control_content h2,
.one_tap_control_content p {
    margin: 0;
}

.one_tap_control_content h2 {
    max-inline-size: 45vw;
    font-size: 2.8125vw;
    font-weight: 600;
}

.one_tap_control_description {
    max-inline-size: 35.8203125vw;
    margin-block-start: 0.703125vw;
    color: #5a5a5a;
    font-size: 0.9375vw;
}

.one_tap_control_gestures {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 1.5625vw;
    margin-block-start: 5.46875vw;
}

.one_tap_control_gestures article {
    display: flex;
    flex-direction: column;
    align-items: end;
    max-inline-size: 40vw;
}

.one_tap_control_gesture_icon {
    display: block;
    inline-size: 1.953125vw;
    block-size: auto;
    margin-block-end: 1.015625vw;
}

.one_tap_control_gestures strong {
    font-size: 1.40625vw;
    font-weight: 600;
}

.one_tap_control_gestures span {
    color: #000;
    font-size: 1.09375vw;
}

@media (min-width: 1081px) {
    .one_tap_control {
        padding-inline-start: 20.4296875vw;
    }

    .one_tap_control_media {
        align-self: start;
        margin-block-start: 10.703125vw;
    }

    .one_tap_control_content {
        align-self: start;
        margin-block-start: 23.6328125vw;
    }

    .one_tap_control_content h2 {
        min-inline-size: 29.5703125vw;
        line-height: 1.2;
    }

    .one_tap_control_content>.one_tap_control_description {
        margin-block-start: 0.703125vw;
    }

    .one_tap_control_gestures {
        gap: 1.328125vw;
        margin-block-start: 6.25vw;
    }

    .one_tap_control_gesture_icon {
        inline-size: 2.1875vw;
    }

    .one_tap_control_gestures span {
        font-size: 0.9375vw;
    }
}

.smart_features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    inline-size: 67.8125vw;
    margin-inline-start: 16.7578125vw;
    margin-inline-end: auto;
    padding-block: 2.34375vw 10.9375vw;
    gap: 1.25vw;
}

.smart_feature_card {
    display: flex;
    flex-direction: column;
    min-inline-size: 0;
    min-block-size: 34.8046875vw;
    overflow: hidden;
    border-radius: 0.78125vw;
    background: rgb(210 231 255 / 41%);
}

.smart_feature_copy {
    position: relative;
    z-index: 1;
    padding-block-start: 2.5vw;
    padding-inline: 2.34375vw;
}

.smart_feature_copy h2,
.smart_feature_copy p {
    margin: 0;
}

.smart_feature_copy h2 {
    max-inline-size: 80%;
    font-size: 1.5625vw;
    font-weight: 600;
}

.smart_feature_copy p {
    max-inline-size: 90%;
    margin-block-start: 0.4296875vw;
    color: #5a5a5a;
    font-size: 1.3671875vw;
}

.smart_feature_visual {
    display: flex;
    flex: 1 1 auto;
    align-items: end;
    justify-content: center;
    min-block-size: 0;
}

.smart_feature_media {
    display: flex;
    align-items: end;
    justify-content: center;
    min-block-size: 0;
}

.smart_feature_card--ota-update .smart_feature_visual {
    justify-content: center;
    display: grid;
    grid-template-areas: "stack";
    place-items: end center;
}

.smart_feature_display_text {
    grid-area: stack;
    align-self: start;
    color: #8fb8ea;
    font-size: 7.8125vw;
    font-weight: 600;
    line-height: 1.2;
}

.smart_feature_card--ota-update .smart_feature_media {
    grid-area: stack;
    z-index: 1;
}

.smart_feature_media img {
    display: block;
    max-inline-size: 90%;
    max-block-size: 24vw;
    object-fit: contain;
}

.smart_feature_card--bluetooth-6 .smart_feature_media img {
    inline-size: 22.265625vw;
    max-inline-size: 100%;
    block-size: auto;
}

.smart_feature_card--bluetooth-6 .smart_feature_visual {
    padding-block-end: 4.53125vw;
}

@media (min-width: 1081px) {

    .smart_feature_card--bluetooth-6 .smart_feature_copy,
    .smart_feature_card--dual-device .smart_feature_copy {
        padding-block-start: 3.28125vw;
    }

    .smart_feature_card--ota-update .smart_feature_copy,
    .smart_feature_card--custom-sound .smart_feature_copy {
        padding-block-start: 2.734375vw;
    }

    .smart_feature_card--bluetooth-6 .smart_feature_copy {
        padding-inline-start: 2.1484375vw;
    }

    .smart_feature_card--dual-device .smart_feature_copy,
    .smart_feature_card--custom-sound .smart_feature_copy {
        padding-inline-start: 2.03125vw;
    }

    .smart_feature_card--dual-device .smart_feature_copy {
        padding-inline-end: 0;
    }

    .smart_feature_card--dual-device .smart_feature_copy p {
        max-inline-size: 30.2734375vw;
    }

    .smart_feature_card--dual-device .smart_feature_visual {
        align-items: start;
        justify-content: end;
        padding-block-start: 3.046875vw;
        padding-inline-end: 0.0390625vw;
    }

    .smart_feature_card--dual-device .smart_feature_media img {
        inline-size: 29.0625vw;
        max-inline-size: none;
        max-block-size: none;
    }

    .smart_feature_card--ota-update {
        position: relative;
    }

    .smart_feature_card--ota-update .smart_feature_copy {
        z-index: 2;
        padding-inline-start: 2.3046875vw;
    }

    .smart_feature_card--ota-update .smart_feature_visual {
        position: absolute;
        z-index: 1;
        inset: 0;
        display: block;
    }

    .smart_feature_card--ota-update .smart_feature_display_text {
        position: absolute;
        inset-block-start: 5.3125vw;
        inset-inline-start: 1.875vw;
        inline-size: 29.4921875vw;
        font-size: 10.15625vw;
        text-align: center;
        white-space: nowrap;
    }

    .smart_feature_card--ota-update .smart_feature_media {
        position: absolute;
        z-index: 1;
        inset-block-start: 13.671875vw;
        inset-inline-start: 10.9375vw;
    }

    .smart_feature_card--ota-update .smart_feature_media img,
    .smart_feature_card--custom-sound .smart_feature_media img {
        inline-size: 11.40625vw;
        max-inline-size: none;
        max-block-size: none;
    }

    .smart_feature_card--custom-sound {
        position: relative;
    }

    .smart_feature_card--custom-sound .smart_feature_visual {
        position: absolute;
        inset: 0;
        display: block;
    }

    .smart_feature_card--custom-sound .smart_feature_media {
        position: absolute;
        inset-block-start: 13.671875vw;
        inset-inline-start: 11.015625vw;
    }
}

.smart_feature_placeholder {
    display: grid;
    flex: 1 1 auto;
    place-items: center;
    min-block-size: 0;
}

.smart_feature_placeholder span {
    display: grid;
    place-items: center;
    inline-size: 10.9375vw;
    aspect-ratio: 1;
    color: #8eb9f1;
    font-size: 3.125vw;
    font-weight: 600;
    background: linear-gradient(145deg, #dcecff, #a4c8f5);
    -webkit-clip-path: polygon(18% 0, 82% 0, 100% 18%, 100% 82%, 82% 100%, 18% 100%, 0 82%, 0 18%);
    clip-path: polygon(18% 0, 82% 0, 100% 18%, 100% 82%, 82% 100%, 18% 100%, 0 82%, 0 18%);
}

.smart_feature_card--dual-device .smart_feature_media img {
    max-inline-size: 94%;
}

.smart_feature_card--ota-update .smart_feature_media img,
.smart_feature_card--custom-sound .smart_feature_media img {
    max-block-size: 23.4375vw;
}

.smart_feature_card--custom-sound .smart_feature_media img {
    inline-size: 11.40625vw;
}

.find_earbuds_card {
    grid-column: 1 / -1;
    display: flex;
    min-block-size: 27.34375vw;
    overflow: hidden;
    border-radius: 0.78125vw;
    background: #edf5ff;
}

.find_earbuds_copy {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    min-inline-size: 0;
    padding-block-start: 2.5vw;
    padding-inline-start: 2.5vw;
}

.find_earbuds_copy h2,
.find_earbuds_copy p,
.find_earbuds_qr {
    margin: 0;
}

.find_earbuds_copy h2 {
    max-inline-size: 45vw;
    font-size: 1.5625vw;
    font-weight: 600;
}

.find_earbuds_copy .find_earbuds_light_i {
    font-weight: 400;
}

.find_earbuds_copy p {
    max-inline-size: 35.1171875vw;
    margin-block-start: 0.546875vw;
    color: #5a5a5a;
    font-size: 1.3671875vw;
}

.find_earbuds_qr {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 0.46875vw;
    margin-block-start: auto;
    margin-block-end: 2.1875vw;
}

.find_earbuds_qr img {
    display: block;
    inline-size: 9.4921875vw;
    block-size: auto;
}

.find_earbuds_qr figcaption {
    max-inline-size: 25vw;
    color: #000;
    font-size: 0.9375vw;
}

.find_earbuds_media {
    display: flex;
    flex: 0 1 23.4375vw;
    align-items: end;
    justify-content: center;
    max-inline-size: 23.4375vw;
    margin-inline-end: 8.203125vw;
}

.find_earbuds_media img {
    display: block;
    inline-size: 11.40625vw;
    max-inline-size: 100%;
    max-block-size: 23.9453125vw;
    object-fit: contain;
}

.smart_features_note {
    grid-column: 1 / -1;
    justify-self: end;
    max-inline-size: 34.375vw;
    margin: 0;
    color: #a4a4a4;
    font-size: 0.46875vw;
    text-align: end;
}

@media (min-width: 1081px) {
    .smart_feature_card--dual-device .smart_feature_media img {
        inline-size: 29.0625vw;
        max-inline-size: none;
        max-block-size: none;
    }

    .find_earbuds_card {
        position: relative;
        min-block-size: 34.8046875vw;
        margin-block-start: 0.46875vw;
    }

    .find_earbuds_copy {
        padding-block-start: 5.9765625vw;
        padding-inline-start: 2.3046875vw;
    }

    .find_earbuds_copy h2 {
        max-inline-size: 31.6796875vw;
    }

    .find_earbuds_copy>p {
        margin-block-start: 0.78125vw;
    }

    .find_earbuds_qr {
        gap: 1.09375vw;
        margin-block-start: 7.5vw;
        margin-block-end: 0;
    }

    .find_earbuds_media {
        flex: 0 0 11.40625vw;
        align-self: start;
        inline-size: 11.40625vw;
        max-inline-size: none;
        margin-block-start: 7.265625vw;
        margin-inline-end: 10.859375vw;
    }

    .find_earbuds_media img {
        inline-size: 11.40625vw;
        max-inline-size: none;
        max-block-size: none;
    }

    .smart_features_note {
        margin-block-start: 0.3125vw;
        margin-inline-end: 0.2734375vw;
    }
}

.transparency_mode_content h2 {
    max-inline-size: 36.875vw;
    font-size: 2.8125vw;
    font-weight: 600;
}

.transparency_mode_content p {
    max-inline-size: 41.175vw;
    margin-block-start: 1.640625vw;
    color: #5a5a5a;
    font-size: 1.40625vw;
    font-weight: 400;
    line-height: 1.2;
}

@media (max-width: 1080px) {
    .feature_card_title {
        font-size: 1.5vw;
    }

    .feature_card_description {
        font-size: 1.05vw;
    }
}

@media (max-width: 1080px) {
    .feature_grid {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        inline-size: 88.2407407407vw;
        margin-inline: auto;
        padding-block: 13.981481481481vw 0;
        gap: 2vw;
    }

    .feature_row {
        display: contents;
    }

    .feature_row--top .feature_card:first-child {
        grid-column: 1 / -1;
        grid-row: 1;
        block-size: 32.962962962963vw;
    }

    .feature_row--top .feature_card:nth-child(2) {
        grid-column: 4 / 7;
        grid-row: 2;
        block-size: 43.0555555556vw;
        inline-size: 42.87037037037vw;
    }

    .feature_row--middle .feature_card:first-child {
        grid-column: 1 / -1;
        grid-row: 4;
        block-size: 29.6296296296vw;
    }

    .feature_row--middle .feature_card:nth-child(2) {
        grid-column: 1 / 4;
        grid-row: 2;
        block-size: 43.0555555556vw;
        inline-size: 43.518518518519vw;
    }

    .feature_row--middle .feature_card:nth-child(3) {
        grid-column: 1 / -1;
        grid-row: 3;
        block-size: 28.888888888889vw;
        inline-size: 88.240740740741vw;
    }

    .feature_row--bottom .feature_card {
        grid-row: 5;
        block-size: 23.703703703704vw;
    }

    .feature_row--bottom .feature_card:nth-child(1) {
        grid-column: 1 / 3;
    }

    .feature_row--bottom .feature_card:nth-child(2) {
        grid-column: 3 / 5;
        grid-row: 5;
        justify-self: center;
        inline-size: 28.2407407407vw;
    }

    .feature_row--bottom .feature_card:nth-child(3) {
        grid-column: 5 / 7;
        grid-row: 5;
    }

    .feature_row--bottom {
        margin-block-start: 0;
    }

    .feature_row--bottom .feature_card:nth-child(2),
    .feature_row--bottom .feature_card:nth-child(3) {
        margin-inline-start: 0;
    }

    .feature_row--middle .feature_card:nth-child(2) {
        grid-column: 1 / 4;
        grid-row: 2;
    }

    .feature_row--top .feature_card:nth-child(2) {
        grid-column: 4 / 7;
        grid-row: 2;
    }

    .feature_card {
        min-block-size: 42vw;
    }

    .feature_row--top .feature_card,
    .feature_row--middle .feature_card,
    .feature_row--bottom .feature_card {
        min-block-size: 0;
    }

    .feature_row--middle .feature_card .feature_card_media {
        inline-size: 100%;
        block-size: 100%;
        margin: 0;
    }

    .feature_row--middle .feature_card:nth-child(1) .feature_card_media {
        inline-size: 45.2777777778vw;
        block-size: 28.3333333333vw;
        align-self: center;
        justify-self: end;
        margin-block: 0;
        margin-inline-end: 0;
    }

    .feature_row--middle .feature_card:nth-child(2) .feature_card_media {
        inline-size: 100%;
        block-size: 100%;
        align-self: stretch;
        justify-self: stretch;
        margin: 0;
    }

    .feature_decoration--mobile-only {
        display: block;
    }

    .feature_row--top .feature_card:nth-child(1) .feature_card_media {
        inline-size: 58.148148148148vw;
        block-size: 32.962962962963vw;
        align-self: end;
        justify-self: end;

    }

    .feature_row--top .feature_card:nth-child(2) .feature_card_media {
        inline-size: 140%;
        block-size: 140%;
        align-self: center;
        justify-self: center;
    }

    .feature_decoration--active-noise-cancellation-0 {
        inline-size: 57.4074074074vw;
        block-size: 27.962962963vw;
        align-self: end;
        justify-self: start;
        margin-inline-start: 6.8518518519vw;
        margin-block-end: 2.4vw;
    }

    .feature_row--top .feature_card:nth-child(1) .feature_card_content {
        justify-self: start;
        inline-size: 43vw;
        margin-block-start: 9.444444444444vw;
        margin-inline-start: 3.240740740741vw;
        margin-inline-end: 0;
        text-align: start;
    }

    .feature_card {
        border-radius: 1.8518518519vw;
    }

    .feature_row--bottom .feature_card_media {
        border-radius: 1.8518518519vw;
        inline-size: 23.055555555556vw;
        block-size: 13.240740740741vw;
        justify-self: center;
        margin-block-start: 8.981481481481vw;
        opacity: 0.2;
    }

    .feature_card_content {
        margin: 3vw;
    }

    .feature_row--top .feature_card:nth-child(2) .feature_card_content {
        inline-size: auto;
        margin: 3vw;
        text-align: start;
        margin-block-start: 2.314814814815vw;
        margin-inline-start: 3.240740740741vw;
    }

    .feature_row--middle .feature_card:nth-child(1) .feature_card_content {
        justify-self: start;
        inline-size: auto;
        margin-block-start: 11.3888888889vw;
        margin-inline-start: 4.8148148148vw;
        margin-inline-end: 0;
        text-align: start;
    }

    .feature_row--middle .feature_card:nth-child(2) .feature_card_content {
        inline-size: auto;
        margin: 3vw;
        text-align: start;
        font-size: 4.444444444444vw;
        margin-block-start: 2.12962962963vw;
        margin-inline-start: 3.518518518519vw;
    }

    .feature_row--middle .feature_card:nth-child(3) .feature_card_content {
        inline-size: auto;
        margin: 3vw;
        text-align: start;
    }

    .feature_row--bottom .feature_card_content {
        justify-self: stretch;
        inline-size: 100%;
        margin: 0;
        text-align: center;
    }

    /* 移动端：IP54 与 Bluetooth 指标以左上角为共同定位基准。 */
    .feature_row--bottom .feature_card_metric--ip54,
    .feature_row--bottom .feature_card_metric--bluetooth-6 {
        display: grid;
        grid-template-areas: "metric-stack";
        place-items: start;
        justify-content: center;
        align-items: start;
    }

    .feature_row--bottom .feature_card_metric--ip54>*,
    .feature_row--bottom .feature_card_metric--bluetooth-6>* {
        align-self: start;
        justify-self: start;
    }

    .feature_row--bottom .feature_card_bottom_title,
    .feature_row--bottom .feature_card_bottom_description {
        inline-size: 58%;
        block-size: auto;
        /* margin-inline: auto; */
    }

    .feature_row--bottom .feature_card_bottom_title {
        margin-block-start: 2.685185185185vw;
        font-size: 2.1vw;
    }

    .feature_row--bottom .feature_card_bottom_title span {
        display: block;
        font: inherit;
    }

    .feature_row--bottom .feature_card {
        overflow: visible;
    }

    .feature_row--bottom .feature_card:nth-child(2) .feature_card_bottom_title {
        justify-self: center;
        inline-size: 100%;
        min-inline-size: 0;
        max-inline-size: none;
        /* white-space: nowrap; */
        letter-spacing: -4.6%;
    }

    .feature_row--bottom .feature_card:nth-child(3) .feature_card_bottom_title {
        margin-block-start: 4.2592592593vw;
    }

    .feature_row--bottom .feature_card:nth-child(3) .feature_card_bottom_description {
        margin-block-start: 3.055555555556vw;
    }

    /* .feature_row--bottom .feature_card_metric--bluetooth-6 {
        
    } */

    .feature_row--bottom .feature_card_metric--ip54 .feature_card_bottom_description,
    .feature_row--bottom .feature_card_metric--bluetooth-6 .feature_card_bottom_description {
        inline-size: max-content;
        max-inline-size: none;
        align-self: center;
        justify-self: center;
        white-space: nowrap;
    }

    /* Bluetooth 6.0：按移动端 Figma 组合组（1747:96）还原。 */
    .feature_row--bottom .feature_card:nth-child(3) .feature_card_metric--bluetooth-6 {
        min-inline-size: 9.62962962963vw;
        min-block-size: 8.888888888889vw;
        margin-inline: auto;
        justify-content: stretch;
        margin-block-start: 4.444444444444vw;
        margin-inline: 8.055555555556vw 10.462962962963vw;
    }

    .feature_row--bottom .feature_card:nth-child(3) .feature_card_metric--bluetooth-6 .feature_card_bottom_description {
        grid-area: metric-stack;
        inline-size: 100%;
        block-size: 100%;
        align-self: start;
        justify-self: start;
        margin-block-start: 0;
        text-align: start;
    }

    .feature_row--bottom .feature_card:nth-child(3) .feature_decoration_frame--bluetooth-6 {
        inline-size: 8.095391127vw;
        block-size: 8.095391127vw;
        margin-block-start: 8.5vw;
        margin-inline-start: 14.9456052vw;
    }

    .feature_row--bottom .feature_card:nth-child(3) .feature_decoration--bluetooth-6-independent {
        transform: rotate(-26.37deg);
    }

    .feature_row--bottom .feature_card_bottom_description {
        /* margin-block-start: 1vw; */
        font-size: 6.4vw;
    }

    .feature_card_title,
    .feature_card_description {
        max-inline-size: 75vw;
    }

    .feature_card_title {
        font-size: 2.5925925926vw;
    }

    .feature_row--bottom .feature_card_bottom_title {
        inline-size: 100%;
        font-size: 2.592592592593vw;
    }

    .feature_row--bottom .feature_card_bottom_description {
        font-size: 6.4vw;
        font-weight: 600;
    }

    .feature_card_title span {
        display: block;
        font-size: 4.4444444444vw;
    }

    .feature_card_description {
        margin-block-start: 0.648148148148vw;
        font-size: 2.2222222222vw;
    }

    .feature_row--top .feature_card:nth-child(1) .feature_card_title {
        max-inline-size: 75vw;
        font-size: 2.5925925926vw;
    }

    .feature_row--top .feature_card:nth-child(2) .feature_card_title {
        max-inline-size: 75vw;
        font-size: 2.5925925926vw;
    }

    .feature_row--middle .feature_card:nth-child(1) .feature_card_title {
        max-inline-size: 75vw;
        font-size: 2.5925925926vw;
    }

    .feature_row--middle .feature_card:nth-child(2) .feature_card_title {
        max-inline-size: 75vw;
        font-size: 2.5925925926vw;
    }

    .feature_row--middle .feature_card:nth-child(3) .feature_card_title {
        max-inline-size: 75vw;
        font-size: 2.5925925926vw;
    }

    .feature_row--middle .feature_card:nth-child(1) .feature_card_description {
        max-inline-size: 75vw;
        margin-block-start: 0.9259259259vw;
        font-size: 2.2222222222vw;
    }

    .feature_row--middle .feature_card:nth-child(2) .feature_card_description {
        max-inline-size: 75vw;
        margin-block-start: 0.833333333333vw;
        font-size: 2.2222222222vw;
    }

    .feature_row--middle .feature_card:nth-child(3) .feature_card_description {
        max-inline-size: 75vw;
        margin-block-start: 1vw;
        font-size: 2.2222222222vw;
    }

    .feature_row--top .feature_card:nth-child(2) .feature_card_title,
    .feature_row--top .feature_card:nth-child(2) .feature_card_description,
    .feature_row--middle .feature_card .feature_card_title,
    .feature_row--middle .feature_card .feature_card_description {
        margin-inline: auto;
    }

    .screen_divider {
        min-block-size: 24vw;
        padding-block: 22.222222222222vw 24.074074074074vw;
    }

    .screen_divider_title {
        font-size: 6vw;
    }

    .screen_divider_media,
    .screen_divider_media[hidden] {
        inline-size: 100vw;
        block-size: 19.259259259259vw;
    }

    .anc_screen {
        min-block-size: 162.407407407407vw;
    }

    .anc_screen_media {
        min-block-size: 100vw;
    }

    .anc_screen_content {
        align-items: center;
        padding-block-start: 14.444444444444vw;
        text-align: center;
    }

    .anc_screen_content h2 {
        max-inline-size: 90vw;
        font-size: 5.555555555556vw;
        line-height: 1;
    }

    .anc_screen_subtitle {
        max-inline-size: 972px;
        font-size: 3.703703703704vw;
        line-height: 1;
    }

    .anc_screen_content .anc_screen_description {
        max-inline-size: 77vw;
        margin-block-start: 3vw;
        font-size: 2.222222222222vw;
        line-height: 1.25;
    }

    .anc_screen_metrics {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
        column-gap: 4vw;
        inline-size: 70vw;
        max-inline-size: 86vw;
        margin-block-start: 133.333333333333vw;
    }

    .anc_screen_metric strong {
        min-block-size: 8vw;
        font-size: 6.666666666667vw;
    }

    .anc_screen_metric:first-child::after {
        inset-block-start: 8vw;
        inset-inline-end: -1.481481481481vw;
        inline-size: 0.092592592593vw;
        block-size: 3.703703703704vw;
    }

    .anc_screen_metric span {
        font-size: 2.962962962963vw;
        line-height: 1.12;
    }

    .anc_screen_note {
        max-inline-size: 88.981481481481vw;
        margin-block-start: 148.703703703704vw;
        margin-inline-end: 7vw;
        font-size: 1.111111111111vw;
        line-height: 1.2;
    }

    .ergonomic_fit {
        min-block-size: 211.3888889vw;
    }

    .street_scenario_media {
        inline-size: 88.8888889vw;
        block-size: 55.5555556vw;
        margin-block-start: 25.9259259vw;
        margin-inline-start: 5.5555556vw;
        object-fit: cover;
    }

    .street_scenario_controls {
        inline-size: 84.4444444vw;
        margin-block-start: 50.9509259vw;
        margin-inline-start: 7.7777778vw;
        margin-inline-end: 0;
    }

    .street_scenario_control {
        inline-size: 2.0203704vw;
        min-inline-size: 0;
        block-size: 5.437963vw;
        min-block-size: 0;
    }

    .street_scenario_title {
        max-inline-size: 90%;
        margin-block-start: 74.2592593vw;
        margin-inline: 5vw;
        font-size: 3.8888889vw;
    }

    .ergonomic_fit_content {
        padding-block-start: 108.0555556vw;
        padding-inline: 7vw;
    }

    .ergonomic_fit_content h2 {
        max-inline-size: 35.8333333vw;
        font-size: 5.5555556vw;
    }

    .ergonomic_fit_content .ergonomic_fit_subtitle {
        max-inline-size: 54.2592593vw;
        margin-block-start: 1.2037037vw;
        font-size: 3.7037037vw;
    }

    .ergonomic_fit_content .ergonomic_fit_description {
        max-inline-size: 86.5740741vw;
        margin-block-start: 1.8518519vw;
        font-size: 2.2222222vw;
    }

    .ergonomic_fit_sizes {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 4vw;
        inline-size: 58vw;
        margin-block-start: 137.8vw;
        margin-inline-start: 2vw;
    }

    .ergonomic_fit_sizes span {
        font-size: 4vw;
    }

    .ergonomic_fit_media {
        inline-size: 100vw;
        block-size: 47.5925926vw;
        margin-block-start: 147.1296296vw;
        margin-inline-start: 0;
        object-fit: cover;
    }

    .ergonomic_fit_note {
        max-inline-size: 56.0185185vw;
        margin-block-start: 200.2777778vw;
        margin-inline: 5vw 5.5555556vw;
        font-size: 1.1111111vw;
    }

    .transparency_mode {
        min-block-size: 150vw;
        margin-block-end: 18.240740740741vw;
    }

    .transparency_mode_media {
        inline-size: 88.8888889vw;
        block-size: 115.1851852vw;
        margin-block-start: 39.3518519vw;
        margin-inline-start: 5.5555556vw;
    }

    .transparency_mode_content {
        padding-block-start: 15.5555556vw;
        padding-inline: 5.5555556vw;

    }

    .transparency_mode_content h2 {
        max-inline-size: 51.9444444vw;
        font-size: 5.5555556vw;
    }

    .transparency_mode_content p {
        max-inline-size: 76.3888889vw;
        margin-block-start: 3.2407407vw;
        font-size: 2.2222222vw;
    }

    .calls_screen {
        min-block-size: 147.407407407407vw;
    }

    .calls_screen_media {
        margin-block-start: 17.777777777778vw;
        block-size: 129.62962962963vw;
    }

    .calls_screen_content {
        align-items: center;
        justify-self: stretch;
        inline-size: auto;
        padding-block-start: 0;
        padding-inline: 0;
        text-align: center;
    }

    .calls_screen_content h2 {
        max-inline-size: 100vw;
        color: #000;
        font-size: 5.555555555556vw;
        line-height: 1.2;
    }

    .calls_screen_content .calls_screen_subtitle {
        max-inline-size: 100vw;
        margin-block-start: 0.925925925926vw;
        color: #000;
        font-size: 3.703703703704vw;
    }

    .calls_screen_content .calls_screen_description {
        max-inline-size: 84vw;
        margin-block-start: 1.944444444444vw;
        color: #000;
        font-size: 2.222222222222vw;
        line-height: 1.2;
    }

    .driver_screen,
    .charging_case_stand {
        min-block-size: 157.685185185185vw;
    }

    .driver_screen_media,
    .charging_case_stand_media {
        block-size: 157.685185185185vw;
    }

    .driver_screen_content,
    .charging_case_stand_content {
        padding-block-start: 15.555555555556vw;
        /* padding-inline: 7vw; */
    }

    .driver_screen_content h2,
    .charging_case_stand_content h2 {
        max-inline-size: 100vw;
        font-size: 5.555555555556vw;
        line-height: 1;
    }

    .charging_case_stand_content h2 span {
        display: block;
        font-size: inherit;
    }

    .driver_screen_content .driver_screen_subtitle,
    .charging_case_stand_content .charging_case_stand_subtitle {
        max-inline-size: 86vw;
        margin-block-start: 1.666666666667vw;
        font-size: 3.703703703704vw;
    }

    .charging_case_stand_subtitle {
        max-inline-size: 80vw;
        color: #000;
        font-weight: 600;
    }

    .driver_screen_content .driver_screen_description,
    .charging_case_stand_content .charging_case_stand_description {
        max-inline-size: 82vw;
        margin-block-start: 3.055555555556vw;
        font-size: 2.22222222vw;
        line-height: 1.2;
    }

    .driver_screen_decoration {
        inline-size: 24.0740741vw;
        margin-block-start: 134.907407407407vw;
        margin-inline-start: 9.074074074074vw;
    }

    .driver_screen_decoration--desktop {
        display: none;
    }

    .driver_screen_decoration--mobile {
        display: block;
    }

    .charging_case_stand_description {
        max-inline-size: 82vw;
        color: #5a5a5a;
    }

    .leather_texture {
        min-block-size: 150vw;
        margin-block-start: 26.944444444444vw;
    }

    .leather_texture_media {
        justify-self: center;
        inline-size: 102.4074074vw;
        block-size: 150vw;
        margin-inline-start: 0;
    }

    .leather_texture_content {
        align-items: center;
        padding-block-start: 0;
        padding-inline: 5vw;
        text-align: center;
    }

    .leather_texture_content h2 {
        max-inline-size: 80vw;
        font-size: 5.5555556vw;
    }

    .leather_texture_content .leather_texture_subtitle {
        max-inline-size: 80vw;
        margin-block-start: 0.8333333vw;
        font-size: 3.7037037vw;
    }

    .leather_texture_content .leather_texture_description {
        max-inline-size: 80vw;
        margin-block-start: 1.7592593vw;
        font-size: 2.2222222vw;
    }

    .leather_texture {
        min-block-size: 225.37037037037vw;
    }

    .leather_texture_colors {
        gap: 1.9444444vw;
        inline-size: 88.9814815vw;
        margin-block-start: 138.8888889vw;
    }

    .leather_texture_color_media {
        aspect-ratio: 470 / 600;
        border-radius: 3.7037037vw;
    }

    .leather_texture_color p {
        margin-block-start: 1.8518519vw;
        font-size: 2.5925926vw;
    }

    .ai_assistant {
        min-block-size: 140.1851852vw;
        overflow: visible;
    }

    .ai_assistant_media {
        align-self: start;
        justify-self: start;
        inline-size: 65.925925925926vw;
        block-size: 92.314814814815vw;
        margin-block-start: 48.5185185vw;
        margin-inline-end: 0;
        margin-inline-start: 17.8703704vw;
    }

    .ai_assistant_content {
        padding-block-start: 10vw;
        padding-inline: 5.5555556vw;
    }

    .ai_assistant_content h2 {
        max-inline-size: 80vw;
        font-size: 5.5555556vw;
    }

    .ai_assistant_content .ai_assistant_subtitle {
        font-size: 3.7037037vw;
        margin-block-start: 0.648148148148vw;
    }

    .ai_assistant_content .ai_assistant_description {
        max-inline-size: 80vw;
        font-size: 2.2222222vw;
        line-height: 1.2;
        margin-block-start: 1.851851851852vw;
    }

    .ai_assistant_note {
        inline-size: min(62.1296296vw, calc(100% - 11.1111112vw));
        max-inline-size: 62.1296296vw;
        margin-block-start: 158.9814815vw;
        margin-inline-end: 5.5555556vw;
        font-size: 1.1111111vw;
    }

    .translation_cards {
        gap: 7.4074074vw;
        margin-block-start: 31.1111111vw;
        padding-block-end: 12vw;
    }

    .translation_card {
        inline-size: 92.4074074vw;
        margin-inline-start: 0.6944444vw;
        border-radius: 3.7037037vw;
    }

    .translation_card_media {
        aspect-ratio: 998 / 856;
        border-radius: 3.7037037vw;
    }

    .translation_card_content {
        margin-block-start: 64.2592593vw;
    }

    .translation_card_content h2 {
        inline-size: min(45.0925926vw, 100%);
        margin-inline-start: 24.1666667vw;
        font-size: 3.8888889vw;
    }

    .translation_card_content p {
        align-self: start;
        justify-self: start;
        inline-size: min(88.7962963vw, 100%);
        margin-block-start: 5.5555556vw;
        margin-inline-end: 0;
        margin-inline-start: 2.3148148vw;
        font-size: 2.2222222vw;
        text-align: center;
    }

    .translation_card--seamless-real-time .translation_card_content {
        margin-block-start: 60.1851852vw;
    }

    .translation_card--seamless-real-time .translation_card_content h2 {
        inline-size: min(57.037037vw, 100%);
        margin-inline-start: 18.1481481vw;
    }

    .translation_card--seamless-real-time .translation_card_content p {
        inline-size: min(75.462963vw, 100%);
        margin-inline-start: 8.9814815vw;
    }

    .all_week_playtime {
        display: flex;
        flex-direction: column;
        min-block-size: 191.2037037vw;
        padding-block: 28.0555556vw 5.5555556vw;
        padding-inline: 0;
        background: linear-gradient(180deg,
                #ffffff 0,
                #ffffff 57.8703704vw,
                #cfe5ff 57.8703704vw,
                #ffffff 137.6666667vw,
                #ffffff 100%);
    }

    .all_week_playtime_content {
        flex: 1 1 auto;
        align-items: center;
        inline-size: 100%;
        margin-block-start: 0;
    }

    .all_week_playtime_copy {
        align-items: center;
        inline-size: 100%;
        max-inline-size: 100%;
        margin-inline: auto;
        text-align: center;
    }

    .all_week_playtime_copy h2 {
        max-inline-size: 90.7407407vw;
        font-size: 5.5555556vw;
    }

    .all_week_playtime_content .all_week_playtime_subtitle {
        max-inline-size: 90.7407407vw;
        margin-block-start: 0.3703704vw;
        font-size: 3.7037037vw;
    }

    .all_week_playtime_content .all_week_playtime_description {
        max-inline-size: 85.462963vw;
        align-self: center;
        margin-block-start: 2.037037vw;
        font-size: 2.2222222vw;
        line-height: 1.2;
        text-align: center;
    }

    .all_week_playtime_metrics {
        align-self: center;
        display: flex;
        justify-content: space-between;
        inline-size: min(100%, 75.1851852vw);
        max-inline-size: none;
        margin-block-start: 3.7037037vw;
        margin-inline: auto;
        gap: 4.6296296vw;
    }

    .all_week_playtime_metrics article {
        flex: 1 1 0;
        align-items: center;
        min-inline-size: 0;
        text-align: center;
    }

    .all_week_playtime_metrics strong {
        font-size: 4.4444444vw;
        white-space: nowrap;
    }

    .all_week_playtime_metrics span {
        margin-block-start: 0.5555556vw;
        font-size: 2.2222222vw;
        white-space: nowrap;
    }

    .all_week_playtime_media--desktop {
        display: none;
    }

    .all_week_playtime_media--mobile {
        display: block;
        flex: 0 0 auto;
        inline-size: min(100%, 66.6666667vw);
        max-inline-size: none;
        align-self: center;
        margin-block-start: 10.9259259vw;
    }

    .all_week_playtime_media img {
        display: block;
        inline-size: 100%;
        block-size: auto;
    }

    .all_week_playtime_note {
        align-self: end;
        inline-size: 79.537037vw;
        max-inline-size: 79.537037vw;
        margin-block: 7.4074074vw 0;
        margin-inline-end: 5.5555556vw;
        font-size: 1.1111111vw;
        line-height: 1.2;
        text-align: end;
    }

    .built_tough_built_smart {
        padding-block: 16.2037037vw 25.9259259vw;
    }

    .built_tough_built_smart_media {
        max-inline-size: 100vw;
        margin-inline: 0;
    }

    .ip54_resistance {
        aspect-ratio: 1080 / 1520;
    }

    .ip54_resistance_content {
        padding-block-start: 12.8703704vw;
    }

    .ip54_resistance_content h2 {
        max-inline-size: 90vw;
        font-size: 5.5555556vw;
    }

    .ip54_resistance_content .ip54_resistance_subtitle {
        max-inline-size: 90vw;
        margin-block-start: 0.9259259vw;
        font-size: 3.7037037vw;
    }

    .ip54_resistance_content .ip54_resistance_description {
        max-inline-size: 85.2777778vw;
        margin-block-start: 2.5925926vw;
        font-size: 2.2222222vw;
    }

    .ip54_resistance_content .ip54_resistance_note {
        max-inline-size: 55.1851852vw;
        margin-inline-end: 2.8703704vw;
        margin-block-end: 3.0555556vw;
        font-size: 1.1111111vw;
    }

    .one_tap_control {
        flex-direction: column;
        min-block-size: 0;
        padding-block: 18.5185185vw 3.1481481vw;
        padding-inline: 5.5555556vw;
        background: linear-gradient(180deg, #cfe5ff 0%, #fff 60.58%);
    }

    .one_tap_control_content {
        order: 0;
        flex: 0 0 auto;
        align-items: start;
        inline-size: 100%;
        margin-inline-start: 0;
        text-align: start;
    }

    .one_tap_control_content h2 {
        max-inline-size: 90vw;
        font-size: 5.5555556vw;
        line-height: 1.2;
    }

    .one_tap_control_content>.one_tap_control_description {
        max-inline-size: 85.1851852vw;
        margin-block-start: 2.962963vw;
        font-size: 2.2222222vw;
    }

    .one_tap_control_media {
        order: 1;
        align-self: start;
        flex: 0 0 auto;
        inline-size: 50.9259259vw;
        max-inline-size: none;
        margin-inline-start: 20vw;
        margin-block-start: 20.6481481vw;
    }

    .one_tap_control_gestures {
        order: 2;
        justify-content: start;
        align-items: start;
        flex-direction: row;
        inline-size: 78vw;
        margin-block-start: 4.9444444vw;
        gap: 11.1111111vw;
    }

    .one_tap_control_gestures article {
        flex: 1 1 0;
        align-items: start;
        max-inline-size: none;
        text-align: start;
    }

    .one_tap_control_gestures article:first-child {
        flex: 0 0 18.9814815vw;
    }

    .one_tap_control_gestures article:nth-child(2) {
        flex: 0 0 42.037037vw;
    }

    .one_tap_control_gesture_icon {
        inline-size: 5.1851852vw;
        margin-block-end: 4.2592593vw;
    }

    .one_tap_control_gestures strong {
        font-size: 2.7777778vw;
    }

    .one_tap_control_gestures span {
        margin-block-start: 0.9259259vw;
        font-size: 1.8518519vw;
    }

    .smart_features {
        grid-template-columns: 1fr;
        inline-size: 88.8888889vw;
        margin-inline: auto;
        padding-block: 7.8527778vw 18.5185185vw;
        gap: 3.7037037vw;
    }

    .smart_feature_card {
        flex-direction: row;
        align-items: center;
        min-block-size: 42.5925926vw;
        border-radius: 1.8518519vw;
    }

    .smart_feature_copy {
        flex: 1 1 auto;
        align-self: start;
        min-inline-size: 0;
        padding-block: 15.2vw 3vw;
        padding-inline: 5.5555556vw 0;
    }

    .smart_feature_copy h2 {
        max-inline-size: none;
        font-size: 3.7037037vw;
        line-height: 1.2;
    }

    .smart_feature_card--dual-device .smart_feature_copy h2,
    .smart_feature_card--ota-update .smart_feature_copy h2 {
        max-inline-size: 29vw;
    }

    .smart_feature_card--dual-device .smart_feature_copy h2 {
        max-inline-size: 27.5925926vw;
    }

    .smart_feature_card--custom-sound .smart_feature_copy h2 {
        max-inline-size: 24.5vw;
    }

    .smart_feature_visual {
        flex: 0 0 40%;
        min-inline-size: 0;
    }

    .smart_feature_copy p {
        margin-block-start: 1.1111111vw;
        font-size: 2.5925926vw;
    }

    .smart_feature_card--bluetooth-6 .smart_feature_copy {
        padding-block-start: 16.8vw;
    }

    .smart_feature_card--dual-device .smart_feature_copy {
        padding-block-start: 12.7777778vw;
    }

    .smart_feature_card--dual-device .smart_feature_copy p {
        max-inline-size: 33.3333333vw;
    }

    .smart_feature_card--ota-update .smart_feature_copy,
    .smart_feature_card--custom-sound .smart_feature_copy {
        padding-block-start: 14.537037vw;
    }

    .smart_feature_media img {
        max-inline-size: 100%;
        max-block-size: 40vw;
    }

    .smart_feature_card--ota-update .smart_feature_visual {
        position: absolute;
        z-index: 1;
        inset-block-start: 0;
        inset-inline-start: 48.2407407vw;
        inline-size: 40.6481481vw;
        block-size: 100%;
        display: block;
    }

    .smart_feature_display_text {
        position: absolute;
        inset-block-start: -1.6666667vw;
        inset-inline-start: 0;
        font-size: 18.5185185vw;
        white-space: nowrap;
    }

    .smart_feature_card--ota-update {
        position: relative;
    }

    .smart_feature_card--ota-update .smart_feature_media {
        position: absolute;
        z-index: 1;
        inset-block-end: 0;
        inset-inline-start: 9.3518519vw;
    }

    .smart_feature_card--ota-update .smart_feature_media img {
        inline-size: 18.0555556vw;
        max-inline-size: 100%;
        block-size: auto;
    }

    .smart_feature_card--bluetooth-6 .smart_feature_media img {
        inline-size: 34.2592593vw;
    }

    .smart_feature_card--bluetooth-6 .smart_feature_visual {
        justify-content: start;
        padding-block-end: 0;
    }

    .smart_feature_card--bluetooth-6 .smart_feature_copy {
        flex: 0 0 55.2%;
    }

    .smart_feature_card--dual-device {
        position: relative;
    }

    .smart_feature_card--dual-device .smart_feature_visual {
        position: absolute;
        inset: 0;
        display: block;
    }

    .smart_feature_card--dual-device .smart_feature_media {
        position: absolute;
        inset-block-start: 4.0740741vw;
        inset-inline-start: 42.2222222vw;
    }

    .smart_feature_card--dual-device .smart_feature_media img {
        inline-size: 51.5740741vw;
        max-inline-size: none;
        max-block-size: none;
    }

    .smart_feature_placeholder span {
        inline-size: 31.4814815vw;
        font-size: 8.3333333vw;
    }

    .smart_feature_card--ota-update .smart_feature_media img,
    .smart_feature_card--custom-sound .smart_feature_media img {
        max-block-size: 52.7777778vw;
    }

    .smart_feature_card--custom-sound .smart_feature_media img {
        inline-size: 17.962963vw;
    }

    .smart_feature_card--custom-sound {
        position: relative;
    }

    .smart_feature_card--custom-sound .smart_feature_visual {
        position: absolute;
        inset: 0;
        display: block;
        padding: 0;
    }

    .smart_feature_card--custom-sound .smart_feature_media {
        position: absolute;
        inset-block-start: 8.9814815vw;
        inset-inline-start: 57.6851852vw;
    }

    .smart_feature_card--dual-device .smart_feature_media img {
        max-inline-size: none;
    }

    .find_earbuds_card {
        grid-column: auto;
        flex-direction: row;
        min-block-size: 62.2222222vw;
        border-radius: 1.8518519vw;
    }

    .find_earbuds_copy {
        padding-block-start: 6.2037037vw;
        padding-block-end: 5.5555556vw;
        padding-inline: 5.5555556vw;
    }

    .find_earbuds_copy h2 {
        max-inline-size: 45vw;
        font-size: 3.7037037vw;
        line-height: 1.2;
    }

    .find_earbuds_copy p {
        max-inline-size: 47.6851852vw;
        margin-block-start: 1.5740741vw;
        font-size: 2.5925926vw;
    }

    .find_earbuds_qr {
        align-items: start;
        gap: 2.8703704vw;
        margin-block-start: auto;
        margin-block-end: 0;
    }

    .find_earbuds_qr img {
        inline-size: 15.1851852vw;
    }

    .find_earbuds_qr figcaption {
        max-inline-size: 75vw;
        font-size: 1.4814815vw;
    }

    .find_earbuds_media {
        flex: 0 0 auto;
        align-self: center;
        inline-size: 17.962963vw;
        max-inline-size: none;
        margin-block-start: 0;
        margin-inline-end: 13.2407407vw;
    }

    .find_earbuds_media img {
        inline-size: 17.962963vw;
        max-block-size: 37.6851852vw;
    }

    .smart_features_note {
        max-inline-size: 83.3333333vw;
        font-size: 1.1111111vw;
    }

    .feel_every_note_transition_media {
        display: block;
        inline-size: 100vw;
        block-size: 19.259259259259vw;
        min-block-size: 0;
        object-fit: contain;
        margin-block-start: 19.722222222222vw;
        margin-block-end: 28.425925925926vw;
    }

    .flagship_level_experience_transition_media {
        display: block;
        inline-size: 100vw;
        block-size: 19.259259259259vw;
        min-block-size: 0;
        object-fit: contain;
    }

    .flagship_level_experience_transition {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        inline-size: 100vw;
        min-block-size: 19.259259259259vw;
        margin-block-start: 31.111111111111vw;
        margin-block-end: 26.851851851852vw;
        padding-block: 0;
        overflow: hidden;
        background: #fff;
        box-sizing: border-box;
    }
}

/* 动效只改变视觉层，不改变设计稿中的静态坐标。 */
.kv_title,
.kv_features>li {
    animation: buds5_kv_enter 720ms ease-out both;
}

.kv_features>li:nth-child(1) {
    animation-delay: 120ms;
}

.kv_features>li:nth-child(2) {
    animation-delay: 210ms;
}

.kv_features>li:nth-child(3) {
    animation-delay: 300ms;
}

@keyframes buds5_kv_enter {
    from {
        opacity: 0;
        translate: 0 0.8vw;
    }

    to {
        opacity: 1;
        translate: 0 0;
    }
}

.motion_reveal {
    opacity: 0;
    translate: 0 0.65vw;
    transition: opacity 650ms ease, translate 650ms ease, scale 650ms ease, box-shadow 350ms ease;
}

.motion_reveal--card {
    translate: 0 1.2vw;
}

.motion_reveal--visual {
    scale: 0.97;
}

.motion_reveal.is_visible {
    opacity: 1;
    translate: 0 0;
    scale: 1;
}

.feature_row--bottom .feature_card_media.motion_reveal--muted {
    opacity: 0;
    scale: 0.97;
}

.feature_row--bottom .feature_card_media.motion_reveal--muted.is_visible {
    opacity: 0.2;
}

.feature_card,
.translation_card,
.smart_feature_card,
.find_earbuds_card,
.leather_texture_color,
.one_tap_control_gestures article,
.all_week_playtime_metrics article {
    transition: translate 350ms ease, box-shadow 350ms ease, opacity 700ms ease;
}

.feature_card .feature_card_content,
.feature_card .feature_card_media,
.feature_card .feature_decoration,
.feature_card .feature_card_bottom_description,
.smart_feature_copy,
.smart_feature_media,
.smart_feature_display_text,
.find_earbuds_copy>h2,
.find_earbuds_copy>p,
.find_earbuds_media {
    transition: translate 500ms ease, scale 500ms ease, opacity 650ms ease;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {

    .feature_card:hover,
    .translation_card:hover,
    .smart_feature_card:hover,
    .find_earbuds_card:hover {
        translate: 0 -0.4vw;
        box-shadow: 0 0.65vw 1.5vw rgb(75 127 189 / 22%);
    }

    .feature_card:hover .feature_card_content,
    .smart_feature_card:hover .smart_feature_copy,
    .find_earbuds_card:hover .find_earbuds_copy>h2,
    .find_earbuds_card:hover .find_earbuds_copy>p {
        translate: 0 -0.18vw;
    }

    .feature_card:hover .feature_card_media,
    .smart_feature_card:hover .smart_feature_media,
    .find_earbuds_card:hover .find_earbuds_media {
        translate: 0 0.12vw;
        scale: 1.04;
    }

    .feature_card:hover .feature_decoration {
        translate: 0 -0.1vw;
        scale: 1.03;
    }

    .feature_row--bottom .feature_card:hover .feature_card_bottom_description {
        translate: 0 -0.18vw;
        scale: 1.035;
    }

    .smart_feature_card--ota-update:hover .smart_feature_display_text {
        translate: 0 -0.22vw;
        scale: 1.035;
    }
}

@media (prefers-reduced-motion: reduce) {

    .kv_title,
    .kv_features>li {
        animation: none;
    }

    .motion_reveal,
    .feature_card,
    .translation_card,
    .smart_feature_card,
    .find_earbuds_card,
    .leather_texture_color,
    .one_tap_control_gestures article,
    .all_week_playtime_metrics article,
    .feature_card .feature_card_content,
    .feature_card .feature_card_media,
    .feature_card .feature_decoration,
    .feature_card .feature_card_bottom_description,
    .smart_feature_copy,
    .smart_feature_media,
    .smart_feature_display_text,
    .find_earbuds_copy>h2,
    .find_earbuds_copy>p,
    .find_earbuds_media {
        opacity: 1;
        translate: none;
        scale: none;
        transition: none;
    }

    .feature_row--bottom .feature_card_media.motion_reveal--muted {
        opacity: 0.2;
    }
}

/* 仅设计稿指定的构图保持 LTR，避免 RTL 翻转图片、标识和固定卡片布局。 */
.feature_row--bottom .feature_card,
.ergonomic_fit_sizes,
.ergonomic_fit_media,
.street_scenario_carousel,
.street_scenario_track,
.street_scenario_slide,
.street_scenario_media,
.street_scenario_controls {
    direction: ltr;
}

#buds5[dir="rtl"] .street_scenario_title {
    direction: rtl;
}

/* Ergonomic Fit 的构图坐标保持设计稿方向，仅文字在 RTL 语言下改变书写方向。 */
#buds5[dir="rtl"] .ergonomic_fit {
    direction: ltr;
}

#buds5[dir="rtl"] .ergonomic_fit_content,
#buds5[dir="rtl"] .ergonomic_fit_note {
    direction: rtl;
}

#buds5[dir="rtl"] .ergonomic_fit_note {
    margin-inline: 10vw 5vw;
}

@media (min-width: 1081px) {
    #buds5[dir="rtl"] .feature_row--bottom {
        direction: rtl;
        justify-content: end;
        box-sizing: border-box;
        padding-inline-end: 0.234375vw;
    }

    #buds5[dir="rtl"] .leather_texture {
        direction: ltr;
    }

    .feature_row--middle .feature_card:nth-child(3),
    .leather_texture_content,
    .smart_feature_card--dual-device .smart_feature_visual {
        direction: ltr;
    }
}

@media (max-width: 1080px) {
    .kv {
        direction: inherit;
    }

    .feature_row--middle .feature_card:nth-child(3),
    .smart_feature_card--dual-device {
        direction: ltr;
    }

    #buds5[dir="rtl"] .ergonomic_fit_note {
        margin-inline: 5.5555556vw 5vw;
    }
}

/* 数值与单位之间的间隔：桌面半格，移动端保持普通空格宽度。 */
#buds5 .title_unit_gap {
    display: inline;
    font-size: 50%;
    font-weight: inherit;
    letter-spacing: 0;
    white-space: pre;
}

#buds5 .buds5_ampersand {
    display: inline;
    font-family: 'Source Han Sans CN Ampersand', sans-serif;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
}

@media (max-width: 1080px) {
    #buds5 .title_unit_gap {
        font-size: inherit;
    }
}