@property --chase-angle{syntax:'<angle>';initial-value:0deg;inherits:false}.section-1{padding:5rem 0 2.5rem}.section-1 .content-txt{margin-bottom:1rem;letter-spacing:.02em}.section-1 .content-txt .title-en{margin:1rem 0}.section-1 .content-img{position:relative;width:100%;height:auto;padding:0;border-radius:2rem;overflow:hidden}.section-1 .content-img::after{content:'';position:absolute;inset:0;padding:10px;border-radius:2rem;background:linear-gradient(45deg,rgb(51 189 189 / .5),rgb(51 189 189 / .1));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.section-1 .content-img:hover img{transform:scale(1.1)}.section-1 .content-img img{width:100%;display:block;transition:all ease-in-out .3s}.section-2{padding:2.5rem 0}.section-2 .content-txt{margin:1rem 0 2rem 0}.section-2 .quality-control{display:flex;justify-content:space-between}.section-2 .quality-control .card{flex:0 1 30%}.section-2 .quality-control .card .card-img{position:relative;border-radius:1rem;overflow:hidden;padding:.75rem;transition:ease-in-out all .3s}.section-2 .quality-control .card:hover .card-img{transform:scale(1.03)}.section-2 .quality-control .card .card-img::after{content:'';position:absolute;display:block;width:110%;height:110%;top:0;left:0;background:rgb(51 189 189 / .1)}.section-2 .quality-control .card .card-img img{width:100%;display:block;border-radius:1rem}.section-2 .quality-control .card .card-title{display:inline-block;margin-top:1.75rem;color:#fff;padding:3px 5px;border-radius:5px;line-height:1.5;background-color:rgb(51 189 189 / .5)}.section-3{padding:2.5rem 0}.section-3 .title-box{margin:1rem auto 2rem auto;display:flex}.section-3 .title-box .title-nav{color:#ccc;border:1px solid #333;border-radius:5rem;margin:0 auto;padding:0 0;width:auto;height:auto;display:flex;flex-wrap:nowrap;flex-direction:row;gap:1rem}.section-3 .title-box .title-nav .title{padding:5px 10px;line-height:1.5;border-radius:5rem;font-size:.95rem;font-weight:900;cursor:pointer}.section-3 .title-box .title-nav .title.active{background-color:var(--moki-blue);color:#000}.section-3 .regulation-card{line-height:1.5;text-align:center}.section-3 .regulation-swiper{overflow:hidden;border-radius:1rem}.section-3 .regulation-swiper .swiper-wrapper{align-items:stretch}.section-3 .regulation-card .card .card-img{background-color:rgb(51 189 189 / .1);padding:1rem;border-radius:1rem;overflow:hidden;cursor:grab}.section-3 .regulation-card .card .card-img img{width:100%;display:block;border-radius:1rem}.section-3 .title-nav .title{cursor:pointer;user-select:none;transition:background-color 0.3s ease,color 0.3s ease}.section-4{padding:2.5rem 0}.section-4 .content-txt .title-en{margin:1rem 0}.section-4 .content-txt .des{margin-bottom:1.75rem}.section-4 .eliquid-lab .img-box{border-radius:1rem;overflow:hidden}.section-4 .eliquid-lab:hover .img-box img{transform:scale(1.02)}.section-4 .eliquid-lab .img-box img{width:100%;display:block;transition:all ease-in-out .3s}.section-4 .eliquid-lab .lab-para{display:flex;column-gap:4rem;justify-content:center;margin-top:4rem}.section-4 .eliquid-lab .lab-para .card{flex:0 1 22%;color:#fff;border:none;border-radius:1rem;text-align:center;padding:15px 15px;background-color:rgb(51 189 189 / .1);cursor:pointer;position:relative;z-index:0;box-shadow:0 0 12px rgb(255 215 0 / .1),0 0 28px rgb(123 187 189 / .06);transition:box-shadow 0.4s ease}.section-4 .eliquid-lab .lab-para .card:hover{box-shadow:0 0 20px rgb(255 215 0 / .22),0 0 44px rgb(123 187 189 / .13)}.section-4 .eliquid-lab .lab-para .card::before{content:'';position:absolute;inset:0;border-radius:1rem;padding:2px;z-index:-1;background:conic-gradient(from var(--chase-angle),transparent 0deg,transparent 216deg,rgb(123 187 189 / .06) 234deg,rgb(123 187 189 / .16) 252deg,rgb(123 187 189 / .4) 270deg,rgb(118 184 186 / .64) 288deg,rgb(110 180 183 / .8) 306deg,rgb(110 180 183 / .82) 324deg,rgb(118 184 186 / .6) 342deg,rgb(123 187 189 / .22) 354deg,rgb(123 187 189 / .04) 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 6px rgb(255 215 0 / .35));animation:chase-angle var(--chase-speed,4s) linear infinite;pointer-events:none}.section-4 .eliquid-lab .lab-para .card:hover::before{animation-duration:calc(var(--chase-speed, 4s) * 0.5)}@keyframes chase-angle{from{--chase-angle:0deg}to{--chase-angle:360deg}}.section-4 .eliquid-lab .lab-para .card .title{position:relative;font-family:var(--font-montserrat);font-size:clamp(1.25rem, 3vw, 1.75rem);font-weight:900;line-height:1.5;z-index:1}.section-4 .eliquid-lab .lab-para .card .title::after{content:'';position:absolute;display:block;padding:0 2rem;width:100%;height:30%;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgb(51 189 189 / .3);border-radius:2rem;transition:all ease-in-out .3s;z-index:-1}.section-4 .eliquid-lab .lab-para .card:hover .title::after{transform:translate(-50%,-15%)}.section-4 .eliquid-lab .lab-para .card .des{margin-top:.5rem}.section-5{padding:2.5rem 0 5rem}.section-5 .lab-device{color:#eee}.section-5 .lab-device .section-title{color:var(--moki-blue);text-align:center}.section-5 .lab-device .device-nav{margin:2rem 0 1.5rem 0;padding:0 1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.section-5 .lab-device .device-nav::-webkit-scrollbar{display:none}.section-5 .lab-device .device-nav ul{position:relative;width:80%;max-width:1460px;margin:0 auto;display:flex;flex-wrap:nowrap;column-gap:1.5rem;z-index:0;white-space:nowrap;padding-bottom:.5rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgb(125 223 221 / .5) rgb(255 255 255 / .2)}.section-5 .lab-device .device-nav ul::-webkit-scrollbar{height:4px}.section-5 .lab-device .device-nav ul::-webkit-scrollbar-thumb{background-color:var(--moki-accent);border-radius:4px}.section-5 .lab-device .device-nav ul::-webkit-scrollbar-track{background-color:rgb(255 255 255 / .25)}.section-5 .lab-device .device-nav ul::after{position:absolute;display:block;content:'';width:auto;border-bottom:1px solid #ccc;bottom:1px;z-index:-1}.section-5 .lab-device .device-nav ul li{flex:0 0 auto;padding-bottom:.55rem;border-bottom:3px solid #fff0;cursor:pointer;user-select:none;white-space:nowrap;transition:border-color 0.3s ease,color 0.3s ease}.section-5 .lab-device .device-nav ul li:hover{color:var(--moki-blue)}.section-5 .lab-device .device-nav ul li.active{border-bottom:3px solid var(--moki-blue);color:var(--moki-blue)}.section-5 .lab-device .device-img{overflow:hidden;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y;position:relative;background-color:rgb(123 187 189 / .2)}.section-5 .lab-device .device-img:active{cursor:grabbing}.section-5 .lab-device .device-img.dragging{cursor:grabbing}.section-5 .lab-device .device-img ul{display:flex;flex-wrap:nowrap;column-gap:1rem;background-color:rgb(90 102 102 / .1);padding:1.25rem 0;will-change:transform;transition:none}.section-5 .lab-device .device-img ul.smooth-scroll{transition:transform 0.45s cubic-bezier(.25,.46,.45,.94)}.section-5 .lab-device .device-img ul li{flex:0 0 calc(33.333% - 0.667rem);border-radius:1rem;overflow:hidden;filter:brightness(.5);transition:filter 0.4s ease;position:relative}.section-5 .lab-device .device-img ul li.active{filter:brightness(1)}.section-5 .lab-device .device-img ul li img{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none}@media screen and (max-width:1024px){.section-5 .lab-device .device-img ul li{flex:0 0 calc(50% - 0.5rem)}.section-5 .lab-device .device-nav ul{column-gap:1rem}}@media screen and (max-width:640px){.section-5 .lab-device .device-img ul li{flex:0 0 82%}.section-5 .lab-device .device-img ul{column-gap:.75rem}.section-5 .lab-device .device-nav ul{column-gap:.75rem;scrollbar-width:none;justify-content:flex-start}.section-5 .lab-device .device-nav ul::-webkit-scrollbar{display:none}.section-5 .lab-device .device-nav ul li{font-size:.875rem;padding-bottom:.4rem}}@media screen and (max-width:1200px){.section-1,.section-2,.section-3,.section-4,.section-5{padding:4rem 0}}@media screen and (max-width:1024px){.section-1,.section-2,.section-3,.section-4,.section-5{padding:3.5rem 0}.section-2 .quality-control{flex-wrap:wrap;gap:1.5rem}.section-2 .quality-control .card{flex:0 1 calc(50% - 1.5rem)}.section-4 .eliquid-lab .lab-para{flex-wrap:wrap;gap:1.5rem}.section-4 .eliquid-lab .lab-para .card{flex:0 1 calc(50% - 1.5rem)}.section-3 .title-box{flex-wrap:wrap;justify-content:center;gap:.75rem}}@media screen and (max-width:768px){.section-1,.section-2,.section-3,.section-4,.section-5{padding:2.5rem 0}.section-1 .content-img{border-radius:1.5rem}.section-1 .content-img::after{border-radius:1.5rem}.section-2 .quality-control .card{flex:0 1 100%}.section-3 .title-box .title-nav{flex-wrap:wrap;gap:.5rem}.section-4 .eliquid-lab .lab-para{gap:1rem}.section-4 .eliquid-lab .lab-para .card{flex:0 1 100%;max-width:18rem;margin:0 auto}}@media screen and (max-width:640px){.section-1,.section-2,.section-3,.section-4,.section-5{padding:2rem 0}.section-1 .content-img{border-radius:1.25rem}.section-1 .content-img::after{border-radius:1.25rem}.section-3 .title-box{margin:.75rem auto 1.25rem auto}}@media screen and (max-width:440px){.section-1,.section-2,.section-3,.section-4,.section-5{padding:1.5rem 0}.section-1 .content-img{border-radius:1rem}.section-1 .content-img::after{border-radius:1rem;padding:8px}.section-2 .content-txt p{margin:.75rem 0 1.25rem 0}}