@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);body{background-color:#f4f4f4;font-family:Poppins;margin:0;overflow-x:hidden}:root{--item1-transform:translateX(-100%) translateY(-5%) scale(1.5);--item1-filter:blur(30px);--item1-zIndex:11;--item1-opacity:0;--item2-transform:translateX(0);--item2-filter:blur(0px);--item2-zIndex:10;--item2-opacity:1;--item3-transform:translate(50%,10%) scale(0.8);--item3-filter:blur(10px);--item3-zIndex:9;--item3-opacity:1;--item4-transform:translate(90%,20%) scale(0.5);--item4-filter:blur(30px);--item4-zIndex:8;--item4-opacity:1;--item5-transform:translate(120%,30%) scale(0.3);--item5-filter:blur(40px);--item5-zIndex:7;--item5-opacity:0}.carousel{height:750px;margin-top:-50px;overflow:hidden;overflow-x:hidden;overflow-y:hidden}.carousel .list{height:80%;left:50%;max-width:90%;position:absolute;transform:translateX(-50%);width:1140px}.carousel .list .item{font-size:15px;height:100%;left:0;position:absolute;transition:left .5s,opacity .5s,width .5s;width:70%}.carousel .list .item:nth-child(n+6){opacity:0}.carousel .list .item:nth-child(2){transform:translateX(0);z-index:10}.carousel .list .item img{position:absolute;right:0;top:50%;transform:translateY(-50%);transition:right 1.5s;width:50%}.carousel .list .item .introduce{opacity:0;pointer-events:none}.carousel .list .item:nth-child(2) .introduce{opacity:1;pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .5s;width:400px}.carousel .list .item .introduce .title{font-size:2em;font-weight:500;line-height:1em}.carousel .list .item .introduce .topic{font-size:4em;font-weight:500}.carousel .list .item .introduce .des{color:#5559;font-size:small}.carousel .list .item .introduce .seeMore{background-color:initial;border:none;border-bottom:1px solid #555;font-family:Poppins;font-weight:700;letter-spacing:3px;margin-top:1.2em;padding:5px 0;transition:background .5s}.carousel .list .item .introduce .seeMore:hover{background:#eee}.carousel .list .item:first-child{filter:blur(30px);filter:var(--item1-filter);opacity:0;opacity:var(--item1-opacity);pointer-events:none;transform:translateX(-100%) translateY(-5%) scale(1.5);transform:var(--item1-transform);z-index:11;z-index:var(--item1-zIndex)}.carousel .list .item:nth-child(3){filter:blur(10px);filter:var(--item3-filter);transform:translate(50%,10%) scale(.8);transform:var(--item3-transform);z-index:9;z-index:var(--item3-zIndex)}.carousel .list .item:nth-child(4){filter:blur(30px);filter:var(--item4-filter);transform:translate(90%,20%) scale(.5);transform:var(--item4-transform);z-index:8;z-index:var(--item4-zIndex)}.carousel .list .item:nth-child(5){filter:blur(40px);filter:var(--item5-filter);opacity:0;opacity:var(--item5-opacity);pointer-events:none;transform:translate(120%,30%) scale(.3);transform:var(--item5-transform)}.carousel .list .item:nth-child(2) .introduce .des,.carousel .list .item:nth-child(2) .introduce .seeMore,.carousel .list .item:nth-child(2) .introduce .topic,intro .carousel .list .item:nth-child(2) .introduce .title{animation:showContent .5s ease-in-out 1s 1 forwards;opacity:0}@keyframes showContent{0%{filter:blur(10px);transform:translateY(-30px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.carousel .list .item:nth-child(2) .introduce .topic{animation-delay:1.2s}.carousel .list .item:nth-child(2) .introduce .des{animation-delay:1.4s}.carousel .list .item:nth-child(2) .introduce .seeMore{animation-delay:1.6s}.carousel.next .item:first-child{animation:transformFromPosition2 .5s ease-in-out 1 forwards}@keyframes transformFromPosition2{0%{filter:blur(0);filter:var(--item2-filter);opacity:1;opacity:var(--item2-opacity);transform:translateX(0);transform:var(--item2-transform)}}.carousel.next .item:nth-child(2){animation:transformFromPosition3 .7s ease-in-out 1 forwards}@keyframes transformFromPosition3{0%{filter:blur(10px);filter:var(--item3-filter);opacity:1;opacity:var(--item3-opacity);transform:translate(50%,10%) scale(.8);transform:var(--item3-transform)}}.carousel.next .item:nth-child(3){animation:transformFromPosition4 .9s ease-in-out 1 forwards}@keyframes transformFromPosition4{0%{filter:blur(30px);filter:var(--item4-filter);opacity:1;opacity:var(--item4-opacity);transform:translate(90%,20%) scale(.5);transform:var(--item4-transform)}}.carousel.next .item:nth-child(4){animation:transformFromPosition5 1.1s ease-in-out 1 forwards}@keyframes transformFromPosition5{0%{filter:blur(40px);filter:var(--item5-filter);opacity:0;opacity:var(--item5-opacity);transform:translate(120%,30%) scale(.3);transform:var(--item5-transform)}}.carousel.prev .list .item:nth-child(5){animation:transformFromPosition4 .5s ease-in-out 1 forwards}.carousel.prev .list .item:nth-child(4){animation:transformFromPosition3 .7s ease-in-out 1 forwards}.carousel.prev .list .item:nth-child(3){animation:transformFromPosition2 .9s ease-in-out 1 forwards}.carousel.prev .list .item:nth-child(2){animation:transformFromPosition1 1.1s ease-in-out 1 forwards}@keyframes transformFromPosition1{0%{filter:blur(30px);filter:var(--item1-filter);opacity:0;opacity:var(--item1-opacity);transform:translateX(-100%) translateY(-5%) scale(1.5);transform:var(--item1-transform)}}.carousel .list .item .detail{opacity:0;pointer-events:none}.carousel.showDetail .list .item:nth-child(3),.carousel.showDetail .list .item:nth-child(4){left:100%;opacity:0;pointer-events:none}.carousel.showDetail .list .item:nth-child(2){width:100%}.carousel.showDetail .list .item:nth-child(2) .introduce{opacity:0;pointer-events:none}.carousel.showDetail .list .item:nth-child(2) img{right:50%}.carousel.showDetail .list .item:nth-child(2) .detail{opacity:1;pointer-events:auto;position:absolute;right:0;text-align:right;top:50%;transform:translateY(-50%);width:50%}.carousel.showDetail .list .item:nth-child(2) .detail .title{font-size:4em}.carousel.showDetail .list .item:nth-child(2) .detail .specifications{border-top:1px solid #5553;display:flex;gap:10px;margin-top:20px;width:100%}.carousel.showDetail .list .item:nth-child(2) .detail .specifications div{flex-shrink:0;text-align:center;width:90px}.carousel.showDetail .list .item:nth-child(2) .detail .specifications div p:first-child{font-weight:700}.carousel.carousel.showDetail .list .item:nth-child(2) .checkout button{background-color:initial;border:1px solid #5555;font-family:Poppins;font-weight:500;letter-spacing:2px;margin-left:5px;padding:5px 10px}.carousel.carousel.showDetail .list .item:nth-child(2) .checkout button:nth-child(2){background-color:#693eff;color:#eee}.carousel.showDetail .list .item:nth-child(2) .detail .checkout,.carousel.showDetail .list .item:nth-child(2) .detail .des,.carousel.showDetail .list .item:nth-child(2) .detail .specifications,.carousel.showDetail .list .item:nth-child(2) .detail .title{animation:showContent .5s ease-in-out 1s 1 forwards;opacity:0}.carousel.showDetail .list .item:nth-child(2) .detail .des{animation-delay:1.2s}.carousel.showDetail .list .item:nth-child(2) .detail .specifications{animation-delay:1.4s}.carousel.showDetail .list .item:nth-child(2) .detail .checkout{animation-delay:1.6s}.arrows{bottom:20px;display:flex;justify-content:space-between;left:50%;max-width:90%;position:absolute;transform:translateX(-50%);width:1140px}#next,#prev{border:1px solid #5555;border-radius:50%;bottom:20%;font-family:monospace;font-size:large;height:40px;left:10%;width:40px}#next{left:auto;right:10%}#back{background-color:initial;border:none;border-bottom:1px solid #555;bottom:0;font-family:Poppins;font-weight:700;left:50%;letter-spacing:3px;padding:10px;position:absolute;transform:translateX(-50%);transition:opacity .5s;z-index:100}.carousel.showDetail #back{opacity:1}.carousel.showDetail #next,.carousel.showDetail #prev{opacity:0;pointer-events:none}.carousel:before{background-image:linear-gradient(70deg,#2f3365,#272782);border-radius:20% 30% 80% 10%;content:"";filter:blur(150px);height:300px;left:50%;position:absolute;top:50%;transform:translate(-10%,-50%);transition:1s;width:500px;z-index:-1}.carousel.showDetail:before{filter:blur(130px);transform:translate(-100%,-50%) rotate(90deg)}@media screen and (max-width:991px){.carousel .list .item{width:90%}.carousel.showDetail .list .item:nth-child(2) .detail .specifications{overflow:auto}.carousel.showDetail .list .item:nth-child(2) .detail .title{font-size:2em}}@media screen and (max-width:767px){.carousel{height:600px}.carousel .list .item{font-size:10px;width:100%}.carousel .list{height:100%}.carousel .list .item:nth-child(2) .introduce{width:50%}.carousel .list .item img{width:40%}.carousel.showDetail .list .item:nth-child(2) .detail{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:small}.carousel .list .item:nth-child(2) .introduce .des,.carousel.showDetail .list .item:nth-child(2) .detail .des{height:100px;overflow:auto}.carousel.showDetail .list .item:nth-child(2) .detail .checkout{display:flex;float:right;width:-webkit-max-content;width:max-content}}.topnav{overflow:hidden}.topnav a{display:block;float:left;font-size:17px;padding:14px 16px;text-align:center;text-decoration:none}.topnav .icon{display:none}.dropdown{float:left;overflow:hidden}.dropdown .dropbtn{background-color:inherit;border:none;font-family:inherit;font-size:17px;margin:0;outline:none;padding:14px 16px}.dropdown-content{background-color:#ebebeb;box-shadow:0 8px 16px 0 #0003;display:none;min-width:160px;position:absolute;z-index:9999999999999}.dropdown-content a{color:gray;display:block;float:none;padding:12px 16px;text-align:left;text-decoration:none}.dropdown:hover .dropbtn,.topnav a:hover{color:#00005a}.dropdown-content a:hover{background-color:#ddd;color:#00005a}.dropdown:hover .dropdown-content{display:block}@media only screen and (max-width:600px){.dropdown .dropbtn,.topnav a:not(:first-child){display:none}.topnav a.icon{display:block;float:right}.topnav.responsive{position:relative}.topnav.responsive .icon{position:absolute;right:0;top:0}.topnav.responsive a{display:block;float:none;text-align:left}.topnav.responsive .dropdown{float:none}.topnav.responsive .dropdown-content{position:relative}.topnav.responsive .dropdown .dropbtn{display:block;text-align:left;width:100%}.moving-text{animation:moveText 20s linear infinite;color:#fff;font-size:20px;position:relative;white-space:nowrap}}@media only screen and (max-width:600px){@keyframes moveText{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}}@media only screen and (min-width:600px){.moving-text{animation:moveText 20s linear infinite;color:#fff;font-size:20px;position:relative;white-space:nowrap}@keyframes moveText{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}}@media only screen and (min-width:768px){.moving-text{animation:moveText 20s linear infinite;color:#fff;font-size:20px;position:relative;white-space:nowrap}@keyframes moveText{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}}@media only screen and (min-width:992px){.moving-text{animation:moveText 20s linear infinite;color:#fff;font-size:20px;position:relative;white-space:nowrap}@keyframes moveText{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}}@media only screen and (min-width:1200px){.moving-text{animation:moveText 20s linear infinite;color:#fff;font-size:20px;position:relative;white-space:nowrap}@keyframes moveText{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}}
/*# sourceMappingURL=main.3671e463.css.map*/