@media only screen and (max-width: 1068px) {
    .section-performance .tout-container .tout:nth-child(2){
        max-width: 334px;
    }
}

.section-design .dimensions-container .dimensions-height, .section-design .dimensions-container .dimensions-width {
    font-size: 80px;
}

@media only screen and (max-width: 1068px) {
    .section-design .dimensions-container .dimensions-height, .section-design .dimensions-container .dimensions-width {
        font-size: 50px;
    }
}

.section-design .dimensions-container .dimensions-height::after, .section-design .dimensions-container .dimensions-width::after{
    bottom: 10px;
    font-size: 30px;
    width: 60px;
    content: '厘米';
    margin-inline-start: 10px;
}

@media only screen and (max-width: 1068px) {
    .section-design .dimensions-container .dimensions-height::after, .section-design .dimensions-container .dimensions-width::after{
        bottom: 5px;
        font-size: 18px;
        width: 36px;
        margin-inline-start: 10px;
    }
}

@media only screen and (max-width: 734px) {
    .section-design .dimensions-container .dimensions-height::after, .section-design .dimensions-container .dimensions-width::after{
        font-size: 20px;
        width: 50px;
    }
}

.performance-compared .graph-gallery-item-container .gallery-item .bars-container .stat-unit{
    font-size: 32px;
    margin-bottom: 5px;
}

.performance-compared .graph-gallery-item-container .gallery-item .bars-container .stat-value-container{
    align-items: flex-end;
}

@media only screen and (max-width: 1068px) {
    .performance-compared .graph-gallery-item-container .gallery-item .bars-container .stat-unit{
        font-size: 20px;
        margin-bottom: 2px;
    }
}

.l2-design-wrapper .carbon-headline em::before{
    --p-width:149px;
    background-size: var(--p-width) var(--p-height);
}

@media only screen and (max-width: 1068px) {
    .l2-design-wrapper .carbon-headline em::before{
        --p-width:136px;
        background-size: var(--p-width) var(--p-height);
    }
}

.section-performance .tout-container .tout:nth-child(3) {
    max-width:300px
}

.section-highlights .media-gallery .media-gallery-item-apple-intelligence .caption-container{
    display: flex;
    flex-direction: column;
}

.section-highlights .media-gallery .media-gallery-item-apple-intelligence .caption-container .typography-media-card-gallery-headline{
    margin-bottom: 0;
}

.section-highlights .media-card-gallery-item-4-1 .typography-media-card-gallery-copy{
    color: #86868b;
    margin-top: 0;
    font-size: 17px;
    max-width: 500px;
}

@media only screen and (max-width: 734px) {
    .section-highlights .media-card-gallery-item-4-1 .typography-media-card-gallery-copy{
        font-size: 12px;
    }
}

@media only screen and (max-width: 430px) {
    .section-highlights .media-card-gallery-item-4-1 .typography-media-card-gallery-copy{
        max-width: 270px;
    }
}


@media only screen and (min-width:734px) and (max-width: 1132px) {
    .br-1132{
        display: block;
    }
}

@media only screen and (min-width: 1133px) {
    .br-1132{
        display: none;
    }
}

.section-upgraders .overview-upgraders-logo-trade-in{
    width: fit-content;
    height: fit-content;
}

.section-apple-intelligence .overview-apple-intelligence-logo-alt{
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.section-apple-intelligence .logo-apple-intelligence{
    --p-width:652px;
    --p-height:76px;
    padding-left: 0.55em;
}

@media only screen and (max-width: 1068px) {
    .section-apple-intelligence .logo-apple-intelligence{
        --p-width:524px;
        --p-height:61px;
        padding-left: 0.9em;
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-intelligence .logo-apple-intelligence{
        --p-width:371px;
        --p-height:44px;
        padding-left: 0.55em;
    }
}

@media only screen and (max-width: 430px) {
    .section-apple-intelligence .logo-apple-intelligence{
        padding-left: 0.4em;
    }
}

.section-apple-intelligence .section-ps-headline-container{
    min-height: 76px;
}

@media only screen and (max-width: 1068px) {
    .section-apple-intelligence .section-ps-headline-container{
        min-height: 61px;
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-intelligence .section-ps-headline-container{
        min-height: 44px;
    }
}

.section-apple-intelligence .section-copy {
    margin-top:20px;
    color: #86868b;
}

@media only screen and (max-width: 1068px) {
    .section-apple-intelligence .section-copy {
        margin-top:20px;
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-intelligence .section-copy {
        margin-top:16px;
    }
}

[data-component-list=MediaCardGallery] .media-gallery .media-gallery-item-apple-intelligence .positioned-media-element.endframe, [data-component-list=MediaCardGallery] .media-gallery .media-gallery-item-apple-intelligence .positioned-media-element.startframe, [data-media-card-gallery] .media-gallery .media-gallery-item-apple-intelligence .positioned-media-element.endframe, 
[data-media-card-gallery] .media-gallery .media-gallery-item-apple-intelligence .positioned-media-element.startframe {
    opacity: 1;
}

@media only screen and (max-width: 734px) {
    .l2-performance-wrapper .performance-image-m4-pro{
        --p-height:300px;
        text-align: center;
    }
}

[data-component-list=MediaCardGallery] .media-gallery .media-gallery-item-design .positioned-media-element.endframe, 
[data-component-list=MediaCardGallery] .media-gallery .media-gallery-item-design .positioned-media-element.startframe, 
[data-media-card-gallery] .media-gallery .media-gallery-item-design .positioned-media-element.endframe, 
[data-media-card-gallery] .media-gallery .media-gallery-item-design .positioned-media-element.startframe{
    opacity: 1;
}

@media only screen and (min-width: 376px) and (max-width: 430px) {
    .section-macos .section-ps-intro p:nth-of-type(1){
        width: 350px;
    }
}

@media only screen and (max-width: 375px) {
    .section-macos .section-ps-intro p:nth-of-type(1){
        width: 320px;
    }
}

@media only screen and (max-width: 375px) {
    .br-375{
        display: block;
    }
}

@media only screen and (min-width: 376px) {
    .br-375{
        display: none;
    }
}

/* Fix HarmonyOS 4.0.0 Mobile */
.section-apple-intelligence .subsection-headline-container .subsection-headline strong {
    -webkit-background-clip:text;
}

.section-upgraders .upgraders-gallery .gallery-item .bento-item.apple-intelligence .bento-item-inline {
    z-index: 5;
}
/* Fix HarmonyOS 4.0.0 Mobile */

/* Fix Five AI  */
#media-card-gallery-item-4 .caption-container {
    --igradient: linear-gradient(115deg, #00d0ff, #09f 20%, #c95eff 42%, #ff2569 63%, #ff8300 83%, #ffb000);
    position: absolute;
    inset: 0;
    border: 0;
}

#media-card-gallery-item-4 .caption-container::after {
    --bg-size: calc(100% + 14px);
    content: "";
    pointer-events: none;
    position: absolute;
    inset: 0;
    background: var(--igradient) 50%/var(--bg-size) var(--bg-size);
    border-radius: 28px;
    mask: linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)), linear-gradient(hsl(0, 0%, 100%), hsl(0, 0%, 100%));
    mask-clip: padding-box, border-box;
    mask-composite:intersect;
}

#media-card-gallery-item-4 .media-card-gallery-item-4-1 {
    position: absolute;
    z-index: 100;
    left: 50px;
    top: 50px;
}

@media only screen and (max-width: 734px) {
    #media-card-gallery-item-4 .media-card-gallery-item-4-1 {
        left: 30px;
        top: 30px;
    }
}

#media-card-gallery-item-4 .caption-container {
    filter: blur(9px);
}

#media-card-gallery-item-4 .caption-container::after {
    border:8px solid rgba(0, 0, 0, 0)
}
/* Fix Five AI  */

@media only screen and (max-width: 400px) {
	.xs-p {
		position: absolute;
	}
}

.section-welcome .marquee-custom-container .marquee-custom-content{
    margin-top: 14px;
}

@media only screen and (max-width: 1068px) {
    .section-upgraders .upgraders-gallery .gallery-item .bento-item.ports .icon-wrapper{
        margin-inline-end:0px;
    }
}

@media only screen and (max-width: 734px) {
    .section-upgraders .upgraders-gallery .gallery-item .bento-item.ports .icon-wrapper{
        margin-inline-end:20px;
    }
}

.apple-intelligence-container .apple-intelligence-text{
    mix-blend-mode: initial;
}

#modal-performance .performance-app-container .performance-image-m4-pro{
    text-align: center;
}

#modal-performance .performance-app-container .performance-image-m4-pro {
    --p-width: 1260px;
    overflow: hidden;
    width: var(--p-width);
    height: var(--p-height);
}

@media (max-width: 1068px) and(max-width: 1068px) {
    #modal-performance .performance-app-container .performance-image-m4-pro {
        --p-width: 934px;
        --p-height:467px
    }
}

@media (max-width: 734px) and(max-width: 734px) {
    #modal-performance .performance-app-container .performance-image-m4-pro {
        --p-width: 641px;
        --p-height:321px
    }
}


#modal-performance .performance-app-container .performance-image-m4-pro img{
    text-align: center;
    border-radius: 70px;
}

@media only screen and (max-width: 1068px) {
    #modal-performance .performance-app-container .performance-image-m4-pro img{
        border-radius:36px
    }
}

@media only screen and (max-width: 734px) {
    .overview-performance-modal-performance-mx-pro img{
        border-radius: 28px
    }
}

@media only screen and (max-width: 734px) {
    .l2-performance-wrapper .performance-intro{
        min-width: 300px;
    }
}

/*Fixed Wechat Environment*/
html.no-design .section-design .hardware-sticky-container {
    opacity: 0 !important;
    display: none !important;
}
/*Fixed Wechat Environment*/


@media only screen and (max-width: 734px) {
    .section-welcome-anim {
        box-sizing: border-box;
        z-index: 1;
        --background-accent: #faf7f4;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        min-height:660px;
        margin-top: -55px;
        text-align: center;
    }
    
    .section-welcome-anim .flex-content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .section-welcome-anim .pricing-textContext {
        padding: 20px 0px;
    }

    .section-welcome-anim .pricing-headline{
        padding: 20px 0px;
    }

    .section-welcome-anim .pricing-container{
        position: relative;
        z-index: 9999;
        min-height: 200px;
    }

    .section-welcome-anim .marquee{
        text-align: center;
        padding: 10px 0px;
    }

    .section-welcome-anim .marquee:nth-of-type(2){
        padding-top: 0px;
    }
}

@media only screen and (min-width: 1069px) {
    .viewport-content .film-announcement-banner .banner-card-header {
        max-width: 14em;
    }
}

@media only screen and (max-width: 734px) {
    .viewport-content .film-announcement-banner .banner-card-header {
        max-width: 13em;
    }
}


[data-component-list=MediaCardGallery] .media-gallery #media-card-gallery-item-2 .media-container.static-fallback-only .positioned-media-element:not(.static, picture:first-of-type.endframe, picture:first-of-type.startframe), [data-media-card-gallery] .media-gallery #media-card-gallery-item-2 .media-container.static-fallback-only .positioned-media-element:not(.static, picture:first-of-type.endframe, picture:first-of-type.startframe) {
    display: block;
}

[data-component-list=MediaCardGallery] .media-gallery #media-card-gallery-item-2 .media-container.static-fallback-only picture:first-of-type.endframe, [data-component-list=MediaCardGallery] .media-gallery #media-card-gallery-item-2 .media-container.static-fallback-only picture:first-of-type.startframe, [data-media-card-gallery] .media-gallery #media-card-gallery-item-2 .media-container.static-fallback-only picture:first-of-type.endframe, [data-media-card-gallery] .media-gallery #media-card-gallery-item-2 .media-container.static-fallback-only picture:first-of-type.startframe {
    opacity:1;
}


[data-component-list=MediaCardGallery] .media-gallery #media-card-gallery-item-2 .media-container.animation-static-end .inline-media-ui-button, [data-component-list=MediaCardGallery] .media-gallery #media-card-gallery-item-2 .media-container.static-fallback-only .inline-media-ui-button, [data-media-card-gallery] .media-gallery #media-card-gallery-item-2 .media-container.animation-static-end .inline-media-ui-button, [data-media-card-gallery] .media-gallery #media-card-gallery-item-2 .media-container.static-fallback-only .inline-media-ui-button {
    display: block;
}

@media only screen and (max-width: 734px) {
    .section-welcome .marquee .viewport-content {
        width: 100%;
    }
}