#main-banner{position:relative;padding:80px 0;height:680px}
#main-banner .desktop-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}
#main-banner .computer-bg{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:820px;z-index:-1}
#main-banner .fanyi-logo{position:relative;display:block;padding:48px 0 0;text-align:center}
#main-banner .fanyi-logo img{height:38px}
#main-banner h1{font-size:58px;font-weight:700;letter-spacing:10px;background:linear-gradient(180deg,#6b2c25 0,#1a1818 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;line-height:80px;height:80px;text-align:center;margin:20px 0;overflow:hidden}
#main-banner .banner-btn-group{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}
#main-banner .banner-btn-group .banner-btn img{height:72px}
@media (max-width:1230px){
    #main-banner h1{font-size:42px}
}
@media (max-width:969px){
    #main-banner h1{font-size:38px}
}
@media (max-width:869px){
    #main-banner h1{font-size:32px}
}
@media (max-width:768px){
    #main-banner{height:500px}
    #main-banner h1{letter-spacing:1px;font-size:26px;line-height:42px;height:auto;margin:32px 0;white-space:normal}
    #main-banner .computer-bg,#main-banner .desktop-bg{display:none}
}

#pro-banner{padding:80px 0;background:linear-gradient(120deg,#eaf7ff 0,#f8fcff 100%)}
#pro-banner .pro-cards{display:flex;align-items:stretch;justify-content:center;gap:30px}
#pro-banner .pro-card{background:#fff;border-radius:18px;box-shadow:0 8px 40px 0 rgba(51,91,183,.1),0 1.5px 8px 0 rgba(51,91,183,.04);padding:40px 36px 32px 36px;width:380px;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;transition:all ease .2s}
#pro-banner .pro-icon{width:64px;height:64px;border-radius:50%;background:#ffeaea;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:36px;color:#ff7d6b}
#pro-banner .pro-card-title{font-size:20px;font-weight:700;color:#232e3c;margin-bottom:16px}
#pro-banner .pro-card-desc{font-size:16px;color:#4b5563;line-height:1.7;margin:0}
@media (max-width:768px){
    #pro-banner .pro-cards{flex-direction:column;align-items:center}
    #pro-banner .pro-card{padding:32px 18px 24px 18px;width:90%}
}

#define-banner{padding:80px 0}
#define-banner .details{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:100px}
#define-banner .detail-item{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:40px}
#define-banner .detail-item picture{width:600px}
#define-banner .detail-item picture img{width:100%;height:auto}
#define-banner .detail-item:nth-child(2n+0){flex-direction:row-reverse}
#define-banner .feature-cont{width:550px;margin:0 auto;--feature-primary-color:251,74,62}
#define-banner .feature-cont .feature-header{margin-bottom:20px}
#define-banner .feature-cont .feature-header .title{font-size:24px;font-weight:600;color:rgb(var(--feature-primary-color));margin:0 0 2px}
#define-banner .feature-cont .feature-header .subtitle{font-size:16px;color:#666;font-weight:400}
#define-banner .feature-cont .feature-list .feature-item{margin-bottom:15px;position:relative}
#define-banner .feature-cont .feature-list .feature-title{position:relative;font-size:16px;font-weight:600;color:#333;margin-bottom:8px;display:inline-block;z-index:1;letter-spacing:-.3px}
#define-banner .feature-cont .feature-list .feature-title::after{content:'';position:absolute;left:-1px;top:60%;width:calc(100% + 5px);height:40%;background:rgb(var(--feature-primary-color),.2);border-radius:3px;z-index:-1}
#define-banner .feature-cont .feature-list .feature-desc{font-size:16px;color:#666;line-height:1.4;letter-spacing:-.2px;font-weight:400}
#define-banner .feature-cont a,#define-banner .feature-cont a:hover{color:rgb(var(--feature-primary-color));text-decoration:underline}
#define-banner .feature-cont.feature-purple{--feature-primary-color:147,51,234}
#define-banner .feature-cont.feature-blue{--feature-primary-color:37,99,235}
@media (max-width:768px){
    #define-banner .detail-item picture{width: 80%}
    #define-banner .feature-cont{width: 100%}
}

#fullscene-banner{padding:140px 0;background:url(images/home/fullscene-bg.jpeg) no-repeat;background-size:cover}
#fullscene-banner .rows{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:40px}
#fullscene-banner .rows .row-item{width:580px;height:640px;display:flex;flex-flow:column;justify-content:space-between;background:#fff;border-radius:32px}
#fullscene-banner .rows .row-item .text{box-sizing:border-box;padding:40px 48px 0 48px}
#fullscene-banner .rows .row-item .text .sub-desc{font-size:18px;line-height:27px;margin-top:24px;color:#626469}
#fullscene-banner .rows .row-item .text .sub-title{font-weight:600;font-size:32px;line-height:115%;letter-spacing:.008em;color:#2a2b2e}
#fullscene-banner .rows .row-item picture{width:584px}
#fullscene-banner .rows .row-item picture img{width:100%;height:auto}
#fullscene-banner .rows .row-item:last-child{width:1200px;height:640px;display:flex;flex-direction:row;justify-content:space-around;align-items:center}
@media (max-width:1220px){
    #fullscene-banner .rows .row-item{width:80%!important;height:auto!important;justify-content:space-around!important}
    #fullscene-banner .rows .row-item:last-child{flex-flow:column}
    #fullscene-banner .rows .row-item .text{text-align:center}
    #fullscene-banner .rows .row-item picture{width:80%!important;margin:0 auto 20px!important}
}
@media (max-width:768px){
    #fullscene-banner .rows .row-item{width:100%!important}
}