section:not(.editor-index-banner-swiper) .swiper-button-prev,section:not(.editor-index-banner-swiper) .swiper-button-next{--swiper-buttion-display:40px;--swiper-buttion-size:40px;--color:black;--swiper-button-x:24px;width:var(--swiper-buttion-size);height:var(--swiper-buttion-size);display:var(--swiper-buttion-display);opacity:0;will-change:opacity;cursor:pointer;border-radius:50%;margin-top:0;transition:opacity .25s ease-in-out;transform:translateY(-50%)}section:not(.editor-index-banner-swiper) .swiper-button-prev:before,section:not(.editor-index-banner-swiper) .swiper-button-next:before{content:"";opacity:0;background-color:var(--color);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:.2;border-radius:50%;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}section:not(.editor-index-banner-swiper) .swiper-button-prev:after,section:not(.editor-index-banner-swiper) .swiper-button-next:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:10px;height:10px;position:absolute;top:50%;left:50%}section:not(.editor-index-banner-swiper) .swiper-button-prev:hover:before,section:not(.editor-index-banner-swiper) .swiper-button-prev:active:before,section:not(.editor-index-banner-swiper) .swiper-button-next:hover:before,section:not(.editor-index-banner-swiper) .swiper-button-next:active:before{opacity:.35}section:not(.editor-index-banner-swiper) .swiper-button-prev.swiper-button-disabled,section:not(.editor-index-banner-swiper) .swiper-button-next.swiper-button-disabled{display:none}section:not(.editor-index-banner-swiper) .swiper-button-prev{left:var(--swiper-button-x)}section:not(.editor-index-banner-swiper) .swiper-button-prev:after{margin-left:2px;transform:translate(-50%,-50%)rotate(45deg)}section:not(.editor-index-banner-swiper) .swiper-button-next{right:var(--swiper-button-x)}section:not(.editor-index-banner-swiper) .swiper-button-next:after{margin-left:-2px;transform:translate(-50%,-50%)rotate(-135deg)}@media only screen and not (max-width:1440px){section:not(.editor-index-banner-swiper) .swiper-button-prev,section:not(.editor-index-banner-swiper) .swiper-button-next{--swiper-buttion-size:48px;--swiper-buttion-display:48px;--swiper-button-x:40px}}@media (max-width:1024px){section:not(.editor-index-banner-swiper) .swiper-button-prev,section:not(.editor-index-banner-swiper) .swiper-button-next{--swiper-buttion-display:none}}
.editor-choose-recommendation{--space:100px;--img-h:360px;--box-w:calc(100vw - 160px);--title:32px;--box-top:40px;--info-padding:48px;--gap:80px;--name:22px;--text:16px;--text-top:8px;--btn-padding:8px 18px;--btn:14px;--btn-gap:12px;--btns-top:24px;--r:8px;--theme:white;--color:black;--text-color:#83868a;white-space:pre-line;width:100%;padding-top:var(--space);background-color:var(--theme);line-height:1.3}.editor-choose-recommendation .choose-recommendation-info{width:var(--box-w);margin:0 auto}.editor-choose-recommendation .choose-recommendation-info-title{font-family:var(--ff-woff2-B);font-size:var(--title);color:var(--color);-webkit-line-clamp:2;text-overflow:ellipsis;will-change:opacity,transform;opacity:0;-webkit-box-orient:vertical;transition:all .8s ease-in-out;display:-webkit-box;overflow:hidden;transform:translateY(60px)}.editor-choose-recommendation .choose-recommendation-info-title.enter{opacity:1;transform:translateY(0)}.editor-choose-recommendation .choose-recommendation-box{margin:var(--box-top) auto 0;width:var(--box-w);height:var(--img-h);will-change:opacity,transform;opacity:0;border-radius:var(--r);transition:all .8s ease-in-out;position:relative;overflow:hidden;transform:translateY(60px)}.editor-choose-recommendation .choose-recommendation-box.enter{opacity:1;transform:translateY(0)}.editor-choose-recommendation .choose-recommendation-box-img{width:100%;height:100%}.editor-choose-recommendation .choose-recommendation-box-content{padding:var(--info-padding);width:45%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.editor-choose-recommendation .choose-recommendation-box-content-info{width:100%}.editor-choose-recommendation .choose-recommendation-box-content-name{font-family:var(--ff-woff2-B);font-size:var(--name);color:var(--color)}.editor-choose-recommendation .choose-recommendation-box-content-text{margin-top:var(--text-top);font-family:var(--ff-woff2-M);font-size:var(--text);color:var(--text-color)}.editor-choose-recommendation .choose-recommendation-box-content-btns{margin-top:var(--btns-top);gap:var(--btn-gap);display:flex}.editor-choose-recommendation .choose-recommendation-box-content-btns-btn{padding:var(--btn-padding);cursor:pointer;font-family:var(--ff-woff2-B);font-size:var(--btn);color:var(--color);border:1px solid var(--color);border-radius:48px}.editor-choose-recommendation .choose-recommendation-box-content-btns-btn:hover,.editor-choose-recommendation .choose-recommendation-box-content-btns-btn:active{opacity:.8}.editor-choose-recommendation .choose-recommendation-box-content-btns-btn:first-child{border-color:var(--color);background-color:var(--color);color:var(--theme)}@media only screen and not (max-width:1440px){.editor-choose-recommendation{--space:200px;--img-h:600px;--box-w:1440px;--title:48px;--info-padding:40px;--gap:120px;--name:28px;--btns-top:40px}}@media (max-width:1024px){.editor-choose-recommendation{--space:80px;--img-h:280px;--box-w:calc(100vw - 96px);--title:24px;--btn-padding:8px 18px;--btn:14px;--name:20px;--text:14px;--r:4px}}@media not (min-width:768px){.editor-choose-recommendation{--img-h:500px;--box-w:calc(100vw - 48px);--info-padding:24px;--gap:40px;--text-top:8px;--btn-padding:8px 18px;--btn:14px;--btn-gap:12px;--btns-top:24px;--r:8px}.editor-choose-recommendation .choose-recommendation-box-content{text-align:center;width:100%;top:auto;bottom:0;left:50%;transform:translate(-50%)}.editor-choose-recommendation .choose-recommendation-box-content-btns{flex-direction:column;align-items:center}.editor-choose-recommendation .choose-recommendation-box-content-btns-btn{width:205px;max-width:100%}}.editor-choose-recommendation.theme-black{--theme:black;--color:white}
.editor-discover-more{--space:100px;--img-h:216px;--box-w:calc(100vw - 160px);--title:32px;--desc-top:16px;--desc:20px;--cards-top:40px;--card-w:426px;--card-padding:24px;--radius:8px;--gap:12px;--name:20px;--text:16px;--text-top:32px;--svg-size:20px;--svg-y:-.4px;--theme:white;--color:black;--bg:#f5f5f6;--desc-color:#83868a;--text-color:#595c61;white-space:pre-line;width:100%;padding-top:var(--space);background-color:var(--bg);line-height:1.3}.editor-discover-more .discover-more-info{width:var(--box-w);margin:0 auto}.editor-discover-more .discover-more-info-title{font-family:var(--ff-woff2-B);font-size:var(--title);color:var(--color);-webkit-line-clamp:2;text-overflow:ellipsis;will-change:opacity,transform;opacity:0;-webkit-box-orient:vertical;transition:all .8s ease-in-out;display:-webkit-box;overflow:hidden;transform:translateY(60px)}.editor-discover-more .discover-more-info-title.enter{opacity:1;transform:translateY(0)}.editor-discover-more .discover-more-info-desc{margin-top:var(--desc-top);font-family:var(--ff-woff2-M);font-size:var(--desc);color:var(--desc-color);-webkit-line-clamp:2;text-overflow:ellipsis;will-change:opacity,transform;opacity:0;-webkit-box-orient:vertical;transition:all .8s ease-in-out;display:-webkit-box;overflow:hidden;transform:translateY(60px)}.editor-discover-more .discover-more-info-desc.enter{opacity:1;transform:translateY(0)}.editor-discover-more .discover-more-swiper{margin:var(--cards-top) auto 0;padding:0 calc(50% - var(--box-w)/2)}.editor-discover-more .discover-more-swiper:hover .swiper-button-prev,.editor-discover-more .discover-more-swiper:hover .swiper-button-next,.editor-discover-more .discover-more-swiper:active .swiper-button-prev,.editor-discover-more .discover-more-swiper:active .swiper-button-next{opacity:1;pointer-events:all}.editor-discover-more .discover-more-swiper-item{width:var(--card-w);border-radius:var(--radius);background-color:var(--theme);will-change:opacity,transform;opacity:0;height:auto;transition:all .8s ease-in-out;position:relative;overflow:hidden;transform:translateY(60px)}.editor-discover-more .discover-more-swiper-item.enter{opacity:1;transform:translateY(0)}.editor-discover-more .discover-more-swiper-item:last-child{margin-right:0!important}.editor-discover-more .discover-more-swiper-item-inner{cursor:pointer;width:100%;height:100%;display:block}.editor-discover-more .discover-more-swiper-item-inner:hover .discover-more-swiper-item-img .eco-img,.editor-discover-more .discover-more-swiper-item-inner:active .discover-more-swiper-item-img .eco-img{transform:scale(1.1)}.editor-discover-more .discover-more-swiper-item-inner:hover .discover-more-swiper-item-content-text,.editor-discover-more .discover-more-swiper-item-inner:active .discover-more-swiper-item-content-text{--text-color:var(--color)}.editor-discover-more .discover-more-swiper-item-inner:hover .discover-more-swiper-item-content-text>svg,.editor-discover-more .discover-more-swiper-item-inner:active .discover-more-swiper-item-content-text>svg{transform:translate(8px, var(--svg-y))}.editor-discover-more .discover-more-swiper-item-img{width:100%;height:var(--img-h);border-radius:var(--radius) var(--radius) 0 0;overflow:hidden}.editor-discover-more .discover-more-swiper-item-img .eco-img{transition:transform .4s ease-in-out}.editor-discover-more .discover-more-swiper-item-content{height:calc(100% - var(--img-h));padding:var(--card-padding);flex-direction:column;display:flex}.editor-discover-more .discover-more-swiper-item-content-name{font-family:var(--ff-woff2-B);font-size:var(--name);color:var(--color);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.editor-discover-more .discover-more-swiper-item-content-text{padding-top:var(--text-top);font-family:var(--ff-woff2-M);font-size:var(--text);cursor:pointer;color:var(--text-color);justify-content:space-between;align-items:flex-end;gap:4px;margin-top:auto;display:flex}.editor-discover-more .discover-more-swiper-item-content-text>span{width:calc(100% - 4px - var(--svg-size));-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;flex:none;display:-webkit-box;overflow:hidden}.editor-discover-more .discover-more-swiper-item-content-text svg{font-size:var(--svg-size);transform:translateY(var(--svg-y));flex:none;transition:transform .4s ease-in-out}@media only screen and not (max-width:1440px){.editor-discover-more{--space:200px;--img-h:360px;--box-w:1440px;--title:48px;--desc:24px;--card-w:714px;--card-padding:24px 40px;--name:24px;--text:20px;--text-top:40px;--svg-size:24px;--svg-y:-1px}}@media (max-width:1024px){.editor-discover-more{--space:80px;--img-h:216px;--box-w:calc(100vw - 96px);--title:24px;--desc-top:12px;--desc:16px;--svg-size:18px;--svg-y:-1.4px}}@media not (min-width:768px){.editor-discover-more{--img-h:200px;--box-w:calc(100vw - 48px);--radius:4px;--text:12px;--text-top:24px;--card-w:280px;--svg-size:16px;--svg-y:.2px}}.editor-discover-more.theme-black .swiper-button-next,.editor-discover-more.theme-black .swiper-button-prev{--color:white}.editor-discover-more.theme-black{--theme:black;--color:white;--bg:#333;--desc-color:#83868a;--text-color:#949494}
.editor-ksp-swiper{--space:100px;--width:280px;--height:460px;--info-box:calc(100vw - 160px);--title:32px;--gap:10px;--radius:4px;--padding:24px;--name:20px;--text:14px;--text-gap:6px;--theme:white;--text-color:#83868a;--color:black;--rgba:#ffffff40;white-space:pre-line;width:100%;padding-top:var(--space);background:var(--theme);color:var(--color);line-height:1.3}.editor-ksp-swiper .ksp-swiper-info{width:var(--info-box);margin:0 auto}.editor-ksp-swiper .ksp-swiper-info-title{font-family:var(--ff-woff2-B);font-size:var(--title);-webkit-line-clamp:2;text-overflow:ellipsis;will-change:opacity,transform;opacity:0;-webkit-box-orient:vertical;transition:all .8s ease-in-out;display:-webkit-box;overflow:hidden;transform:translateY(60px)}.editor-ksp-swiper .ksp-swiper-info-title.enter{opacity:1;transform:translateY(0)}.editor-ksp-swiper .ksp-swiper-swiper{padding:40px calc(50% - var(--info-box)/2)}.editor-ksp-swiper .ksp-swiper-swiper:hover .swiper-button-prev,.editor-ksp-swiper .ksp-swiper-swiper:hover .swiper-button-next,.editor-ksp-swiper .ksp-swiper-swiper:active .swiper-button-prev,.editor-ksp-swiper .ksp-swiper-swiper:active .swiper-button-next{opacity:1;pointer-events:all}.editor-ksp-swiper .ksp-swiper-swiper-item{width:var(--width);will-change:opacity,transform;opacity:0;transition:all .8s ease-in-out;transform:translateY(60px)}.editor-ksp-swiper .ksp-swiper-swiper-item.enter{opacity:1;transform:translateY(0)}.editor-ksp-swiper .ksp-swiper-swiper-item.clickable .ksp-swiper-swiper-item-inner{cursor:pointer}.editor-ksp-swiper .ksp-swiper-swiper-item-inner{width:100%;height:var(--height);border-radius:var(--radius);box-shadow:none;transition:transform .25s ease-in-out;position:relative;overflow:hidden}.editor-ksp-swiper .ksp-swiper-swiper-item-inner:hover,.editor-ksp-swiper .ksp-swiper-swiper-item-inner:active{box-shadow:0 2px 30px 2px var(--rgba)}.editor-ksp-swiper .ksp-swiper-swiper-item-inner:hover .ksp-swiper-swiper-item-img .eco-img,.editor-ksp-swiper .ksp-swiper-swiper-item-inner:active .ksp-swiper-swiper-item-img .eco-img{transform:scale(1.05)}.editor-ksp-swiper .ksp-swiper-swiper-item:last-child{margin-right:0!important}.editor-ksp-swiper .ksp-swiper-swiper-item-img{border-radius:var(--radius);width:100%;height:100%;overflow:hidden}.editor-ksp-swiper .ksp-swiper-swiper-item-img .eco-img{width:transform;transition:transform .4s ease-in-out}.editor-ksp-swiper .ksp-swiper-swiper-item-content{padding:var(--padding);z-index:10;gap:var(--text-gap);flex-direction:column;width:100%;display:flex;position:absolute;top:0;left:0}.editor-ksp-swiper .ksp-swiper-swiper-item-content-name{font-family:var(--ff-woff2-B);font-size:var(--name);color:var(--theme);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.editor-ksp-swiper .ksp-swiper-swiper-item-content-text{font-family:var(--ff-woff2-M);font-size:var(--desc);color:var(--text-color);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.editor-ksp-swiper .ksp-swiper-swiper-item-btn{right:var(--padding);bottom:var(--padding);z-index:20;cursor:pointer;width:40px;height:40px;color:var(--theme);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.editor-ksp-swiper .ksp-swiper-swiper-item-btn-plus{width:14px;height:14px;color:var(--theme);z-index:5;font-size:14px;transition:opacity .4s ease-in-out}.editor-ksp-swiper .ksp-swiper-swiper-item-btn .circle{background-color:var(--rgba);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);will-change:transform;border-radius:50%;width:32px;height:32px;animation:3.2s linear infinite waterWave;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.editor-ksp-swiper .ksp-swiper-swiper-item-btn .circle.circle-2{animation-delay:1.6s}.editor-ksp-swiper .ksp-swiper-swiper-item-btn:hover .ksp-swiper-swiper-item-btn-plus,.editor-ksp-swiper .ksp-swiper-swiper-item-btn:active .ksp-swiper-swiper-item-btn-plus{opacity:.8}.editor-ksp-swiper .ksp-swiper-swiper-item.ksp-swiper-swiper-item-type-wide{--content-padding:32px 40px;--name:28px}@media only screen and not (max-width:1440px){.editor-ksp-swiper .ksp-swiper-swiper-item.ksp-swiper-swiper-item-type-wide{--name:34px}}.editor-ksp-swiper.theme-black .swiper-button-next,.editor-ksp-swiper.theme-black .swiper-button-prev{--color:white}.editor-ksp-swiper.theme-black{--theme:black;--color:white;--text-color:#83868a;--rgba:#00000040}.editor-ksp-swiper.type-wide{--width:426px;--radius:8px;--gap:12px}@media only screen and not (max-width:1440px){.editor-ksp-swiper{--space:200px;--width:351px;--height:600px;--info-box:1440px;--title:48px;--gap:12px;--radius:8px;--padding:40px;--name:24px;--text:16px;--text-gap:8px}.editor-ksp-swiper.type-wide{--width:714px;--radius:8px;--gap:12px}}@media (max-width:1024px){.editor-ksp-swiper{--space:80px;--info-box:calc(100vw - 96px);--title:24px}.editor-ksp-swiper.type-wide{--width:280px;--radius:4px;--gap:10px}}@media not (min-width:768px){.editor-ksp-swiper{--info-box:calc(100vw - 48px)}}@keyframes waterWave{0%{opacity:1;transform:translate(-50%,-50%)scale(.7)}50%{opacity:.7}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}
@keyframes swiperPaginationBar{0%{transform:translate(-100%)}to{transform:translate(0)}}.editor-series-kv-swiper{--height:800px;--info-box:1024px;--info-top:100px;--title:40px;--desc:18px;width:100%;height:var(--height);white-space:pre-line}.editor-series-kv-swiper .swiper-button-prev,.editor-series-kv-swiper .swiper-button-next{cursor:pointer;background-color:#00000059;border-radius:50%;width:48px;height:48px;margin-top:0;transform:translateY(-50%)}.editor-series-kv-swiper .swiper-button-prev:after,.editor-series-kv-swiper .swiper-button-next:after{color:#fff;font-size:20px}.editor-series-kv-swiper .swiper-button-prev:hover,.editor-series-kv-swiper .swiper-button-prev:active,.editor-series-kv-swiper .swiper-button-next:hover,.editor-series-kv-swiper .swiper-button-next:active{background-color:#00000080}.editor-series-kv-swiper .swiper-button-prev.swiper-button-disabled,.editor-series-kv-swiper .swiper-button-next.swiper-button-disabled{cursor:not-allowed;background-color:#0000001a}.editor-series-kv-swiper .swiper-button-prev.swiper-button-disabled:hover,.editor-series-kv-swiper .swiper-button-prev.swiper-button-disabled:active,.editor-series-kv-swiper .swiper-button-next.swiper-button-disabled:hover,.editor-series-kv-swiper .swiper-button-next.swiper-button-disabled:active{background-color:#0000001a}.editor-series-kv-swiper .swiper-button-prev{left:40px}.editor-series-kv-swiper .swiper-button-next{right:40px}.editor-series-kv-swiper .swiper-pagination{padding:142px calc(50% - var(--info-box)/2) 24px;background:linear-gradient(#0000 0%,#00000059 100%);gap:16px;display:flex;top:auto;bottom:0;left:0}.editor-series-kv-swiper .swiper-pagination .swiper-pagination-bullet{background-color:#ffffff80;border-radius:0;width:100px;height:2px;margin:0;position:relative;overflow:hidden}.editor-series-kv-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{content:"";will-change:transform;background-color:#fff;width:100%;height:100%;animation:3.25s linear infinite swiperPaginationBar;position:absolute;top:0;left:0}.editor-series-kv-swiper .series-kv-swiper-item{width:100%;height:100%;position:relative}.editor-series-kv-swiper .series-kv-swiper-item .series-kv-swiper-item-img{width:100%;height:var(--height)}.editor-series-kv-swiper .series-kv-swiper-item .series-kv-swiper-item-img img{object-fit:cover}.editor-series-kv-swiper .series-kv-swiper-item .series-kv-swiper-item-content{left:50%;top:var(--info-top);width:var(--info-box);padding-right:calc(var(--info-box)*.45);line-height:1.2;position:absolute;transform:translate(-50%)}.editor-series-kv-swiper .series-kv-swiper-item .series-kv-swiper-item-content .series-kv-swiper-item-content-title{font-family:var(--ff-woff2-B);font-size:var(--title);color:#fff}.editor-series-kv-swiper .series-kv-swiper-item .series-kv-swiper-item-content .series-kv-swiper-item-content-desc{font-family:var(--ff-woff2-M);font-size:var(--desc);color:#fffc;margin-top:12px}@media only screen and not (max-width:1440px){.editor-series-kv-swiper{--info-box:1440px;--title:48px;--desc:20px}}@media (max-width:1024px){.editor-series-kv-swiper{--height:705px;--info-box:calc(100vw - 96px);--info-top:60px;--title:28px;--desc:16px}.editor-series-kv-swiper .swiper-button-prev,.editor-series-kv-swiper .swiper-button-next{display:none}.editor-series-kv-swiper .swiper-pagination{justify-content:center;gap:6px;padding-bottom:16px}.editor-series-kv-swiper .swiper-pagination .swiper-pagination-bullet{width:40px}.editor-series-kv-swiper .series-kv-swiper-item .series-kv-swiper-item-content{padding-right:0}}@media not (min-width:768px){.editor-series-kv-swiper{--info-box:calc(100vw - 48px)}}