.about-intro{display: flex;}
.about-intro-title{line-height: 1.375;font-family: MiSans-Heavy;width: 7.5rem;color: var(--theme-color);font-family: MiSans-Heavy;text-shadow: 0 0 .5rem #ff621c55;}
.about-intro-content{flex: 1;margin-left: 2rem;}
.ai-subtitle{line-height: 1.2;font-family: Montserrat-Bold;}
.ai-info{line-height: 1.777;color: #666;margin-top: .23rem;}
@media (max-width: 750px) {
    .about-intro{flex-direction: column;}
    .about-intro-title{width: auto;}
    .about-intro-content{margin-left: 0;margin-top: .6rem;}
}


.about-shop{position: relative;margin: 1.5rem 0;margin-left: auto;width: 100%;max-width: 17.6rem;border-radius: .3rem 0 0 .3rem;overflow: hidden;}
.about-shop-content{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.shop-box{margin: 0 auto;width: 100%;height: 100%; max-width: 14.80rem;display: flex;align-items: center;justify-content: space-between;}
.about-shop .swiper-next{width: 0.46rem;height: 0.46rem;position: static;transform: none;border: .02rem solid var(--theme-color);}
.about-shop-card:hover .swiper-next{background-color: var(--theme-color);}
.about-shop-card:hover .swiper-next img{filter: grayscale(1) brightness(10);}
.about-shop-title{line-height: 1.437;color: #fff;max-width: 4.8rem;}

.about-shop-list{display: flex;justify-content: flex-end;}
.about-shop-column{display: flex;flex-direction: column;justify-content: center;}
.about-shop-column:nth-child(n+2){margin-left: .4rem;}
.about-shop-card:nth-child(n+2){margin-top: .4rem;}
.about-shop-card{display: flex;flex-direction: column;justify-content: space-between;min-width: 2.9rem;min-height: 2.9rem; padding: .4rem;padding-top: .5rem;background-color: #fff;border-radius: .3rem;}
.shop-logo{height: 0.5rem;}
.shop-name{line-height: 1.5;color: #666;margin-top: .13rem;}
@media (max-width: 750px) {
    .about-shop-pic{border-radius: .3rem;overflow: hidden;}
    .about-shop-content{position: static;padding-bottom: .6rem;}
    .about-shop-title{color: #222;margin: .6rem;max-width: 100%;}
    .shop-box{flex-direction: column;}
    .about-shop-list .about-shop-card{background-color: #f7f7f7;margin-top: 0;}
    .about-shop-list .about-shop-card:nth-child(n+2){margin-left: .4rem;}
    .about-shop-list{flex-direction: column-reverse;}
    .about-shop-list .about-shop-column{width: 100%; flex-direction: row;justify-content: space-between;margin-top: .4rem;margin-left: 0;}
}


.advantage{display: flex;}
.advantage-column:nth-child(n+2){margin-left: .8rem;}
.advantage-title{font-family: Montserrat-Bold;line-height: 1.2;margin-bottom: .85rem;}
.advantage-card{position: relative;border-radius: .3rem;overflow: hidden;width: 7.6rem;}
.advantage-card:nth-child(n+2){margin-top: .8rem;}
.advantage-content{position: absolute;bottom: 0;left: 0;width: 100%;min-height: 50%;display: flex;flex-direction: column;justify-content: flex-end; padding: .5rem .4rem;background: linear-gradient(to top,#000a,#0000);}
.advantage-subtitle{line-height: 1.5;color: #fff;}
.advantage-info{line-height: 1.875;margin-top: .08rem;color: #fff;}
.advantage-pic{overflow: hidden;}
.advantage-pic img{transition: .3s;}
.advantage-card:hover .advantage-pic img{transform: scale(1.05);}
@media (max-width: 750px) {
    .advantage{flex-direction: column;}
    .advantage-card{width: 100%;}
    .advantage-column:nth-child(n+2){margin-left: 0;margin-top: .8rem;}
}


.develop{display: flex;align-items: center;}
.develop-content{flex: 1;margin-right: 1rem;}
.develop-title{line-height: 1.5;font-family: Montserrat-Bold;color: #222;}
.develop-info{line-height: 1.777;color: #666;margin-top: .28rem;}

.album{
    --album-width: 9.2rem;
    --album-height: 7.3rem;
    --album-gap: .4rem;
    --min-radius: 0.05rem;
}
.album{display: flex;width: var(--album-width);height: var(--album-height);}
.album-column{display: flex;flex-direction: column;width: calc( var(--album-width) / 2 - var(--album-gap));}
.album-column:nth-child(n+2){margin-left: var(--album-gap);}
.album-pic:nth-child(n+2){margin-top: var(--album-gap);}
.album-pic{position: relative;width: 100%;flex: 1;overflow: hidden;}
.album-pic img{transition: .3s;}
.album-pic:hover img{transform: scale(1.05);}
.album-content{position: absolute;bottom: 0;left: 0;width: 100%;padding: .3rem 20%;text-align: center;color: #fff;line-height: 1.2;word-break:break-all;}
.album-pic{
    border-radius: calc(var(--album-height) / 2 - var(--album-gap))
        calc(var(--album-height) / 2 - var(--album-gap)) 
        calc(var(--album-height) / 2 - var(--album-gap))
        var(--min-radius);
}
.album-pic:last-child{
    border-radius: var(--min-radius)
        calc(var(--album-height) / 2 - var(--album-gap))
        calc(var(--album-height) / 2 - var(--album-gap)) 
        calc(var(--album-height) / 2 - var(--album-gap));
}
.album-pic.bigger{
    border-radius: calc(var(--album-height) / 2 - var(--album-gap))
        calc(var(--album-height) / 2 - var(--album-gap)) 
        var(--min-radius) 
        calc(var(--album-height) / 2 - var(--album-gap));
}
@media (max-width: 750px) {
    .develop{flex-direction: column;}
    .develop-content{margin-right: 0;}
    .album{--album-width:100%;--album-height:5.475rem;}
}