@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);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:default;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;-webkit-user-select:none;user-select:none}html{scroll-behavior:smooth}.playfair,.poppins{font-family:Poppins,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#ff6b6b,#feca57);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#ff5252,#ffc107)}[contenteditable=true],input,textarea{cursor:text;-webkit-user-select:text;user-select:text}[onclick],[role=button],a,button{cursor:pointer}.carousel *{cursor:default}.carousel a,.carousel button{cursor:pointer}body{background-color:#f4f4f4;font-family:Poppins;margin:0}: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{align-items:center;display:flex;height:100vh;margin-top:0;min-height:100vh;overflow:hidden;padding:0;position:relative}.carousel .list{height:100%;left:50%;max-width:90%;position:absolute;top:0;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:-30%;top:50%;transform:translateY(-50%);transition:right 1.5s;width:65%}.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 .title,.carousel .list .item:nth-child(2) .introduce .topic{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:.2s}.carousel .list .item:nth-child(2) .introduce .des{animation-delay:.4s}.carousel .list .item:nth-child(2) .introduce .seeMore{animation-delay:.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;font-weight:600}.carousel.showDetail .list .item:nth-child(2) .detail .specifications{border-top:1px solid #5553;display:flex;gap:10px;justify-content:space-evenly;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:#e55555;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 .title{animation-delay:1.4s}.carousel.showDetail .list .item:nth-child(2) .detail .des{animation-delay:1.5s}.carousel.showDetail .list .item:nth-child(2) .detail .specifications{animation-delay:1.7s}.carousel.showDetail .list .item:nth-child(2) .detail .checkout{animation-delay:1.9s}.arrows{bottom:10px;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,gold,#ff0f87);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:1170px){.carousel .list .item .introduce .topic{font-size:3.2em}}@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}.carousel .list .item .introduce .topic{font-size:3em}.carousel .list .item img{right:-10%;width:55%}}@media screen and (max-width:767px){.carousel{height:calc(100vh - 80px);min-height:450px;padding:20px 0 10px}.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{right:-10%;width:60%}.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}}
/*# sourceMappingURL=main.6d714e28.css.map*/