@charset "UTF-8";.toast-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;pointer-events:none;transition:all .3s ease}.toast-container.show.top{animation:slideInDown .3s}.toast-container.show.center{animation:fadeIn .3s}.toast-container.show.bottom{animation:slideInUp .3s}.toast-container.hide.top{animation:slideOutUp .3s}.toast-container.hide.center{animation:fadeOut .3s}.toast-container.hide.bottom{animation:slideOutDown .3s}.toast-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--toast-mask);pointer-events:auto}.toast-content.top{top:.26667rem}.toast-content.center{top:50%;transform:translateY(-50%)}.toast-content.bottom{bottom:.26667rem}.toast-content{position:absolute;max-width:80%;padding:.16rem .32rem;border-radius:.05333rem;background-color:#fff;box-shadow:0 .05333rem .16rem #00000026;pointer-events:auto;display:flex;align-items:center;justify-content:center}.toast-content.info{background-color:#000000b2;color:#fff}.toast-content.success{background-color:#f6ffed;color:#52c41a}.toast-content.warning{background-color:#fffbe6;color:#faad14}.toast-content.error{background-color:#fff2f0;color:#ff4d4f}.toast-message{font-size:.37333rem;line-height:1.5}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes slideOutDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.ht-modal-overlay{position:fixed;inset:0;background-color:#00000080;transition:opacity .3s ease}.ht-modal-content{background:var(--page-background-color);border-radius:var(--modal-border-radius);box-shadow:0 .05333rem .26667rem #00000026;position:relative;overflow:hidden;max-height:90vh;box-sizing:border-box;width:100%}.ht-modal-header{position:relative;display:flex;justify-content:center;align-items:flex-start;padding:.53333rem .53333rem .10667rem;background-color:#fff}.ht-modal-title{font-family:PingFang SC;font-weight:500;line-height:.53333rem;letter-spacing:0px;font-size:.42667rem;color:var(--text1-color);text-align:center;margin-bottom:.10667rem}.ht-modal-subtitle{font-family:PingFang SC;font-weight:400;font-size:.32rem;line-height:.45333rem;letter-spacing:0px;color:var(--text3-color);text-align:center}.ht-modal-body{max-height:90vh;height:100%;overflow-y:auto;box-sizing:border-box;padding:0;background-color:var(--page-background-color)}.ht-modal-body.has-header{max-height:calc(90vh - 1.65333rem);height:100%;overflow:auto}.ht-modal-close{position:absolute;top:.42667rem;right:.16rem;background:none;border:none;font-size:.53333rem;cursor:pointer;color:var(--text3-color);padding:0}.ht-modal-content.top{position:absolute;top:0;left:0;animation:slideDown .3s ease-out;width:100%;border-top-left-radius:0;border-top-right-radius:0}.ht-modal-content.bottom{position:absolute;bottom:0;left:0;animation:slideUp .3s ease-out;width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0}.ht-modal-content.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90%;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-.66667rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(.66667rem)}to{opacity:1;transform:translateY(0)}}.ht-button{position:relative;display:inline-flex;justify-content:center;align-items:center;white-space:nowrap;cursor:pointer;user-select:none;border:1px solid transparent;transition:all .3s cubic-bezier(.645,.045,.355,1);outline:none;gap:.10667rem;font-family:PingFang SC;font-weight:400;line-height:.58667rem;letter-spacing:0px;text-align:center;vertical-align:middle;min-height:.58667rem}.ht-button.default{width:4.52rem;height:.8rem;padding:0px .26667rem;font-size:.37333rem}.ht-button.large{width:9.14667rem;height:1.17333rem;padding:.37333rem;font-size:.42667rem}.ht-button.small{width:1.92rem;height:.64rem;padding:.08rem .16rem;font-size:.34667rem}.ht-button-text{position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 .08rem;box-sizing:border-box;width:auto;flex-shrink:0}.ht-button.round{border-radius:var(--border-radius-round)}.ht-button.radius{border-radius:var(--border-radius)}.ht-button.circle{border-radius:var(--border-radius-circle);width:.42667rem;height:.42667rem;padding:0}.ht-button.circle.large{width:1.06667rem;height:1.06667rem}.ht-button.circle.small{width:.64rem;height:.64rem}.ht-button.primary{background-color:var(--bg-color, var(--primary-color));color:#fff;border-color:var(--bg-color, var(--primary-color))}.ht-button.success{background-color:var(--bg-color, var(--success-color));color:#fff;border-color:var(--bg-color, var(--success-color))}.ht-button.warning{background-color:var(--bg-color, var(--warning-color));color:#fff;border-color:var(--bg-color, var(--warning-color))}.ht-button.danger{background-color:var(--bg-color, var(--danger-color));color:#fff;border-color:var(--bg-color, var(--danger-color))}.ht-button.info{background-color:var(--bg-color, var(--info-color));color:#fff;border-color:var(--bg-color, var(--info-color))}.ht-button.plain{background-color:transparent;color:var(--text2-color);border:1px solid #c9ccd0}.ht-button.primary.plain{background-color:var(--bg-color, #f8f9fa);color:var(--primary-color);border:.5px solid var(--primary-color)}.ht-button.success.plain{background-color:var(--bg-color, #f8f9fa);color:var(--success-color);border:.5px solid var(--success-color)}.ht-button.warning.plain{background-color:var(--bg-color, #f8f9fa);color:var(--warning-color);border:.5px solid var(--warning-color)}.ht-button.danger.plain{background-color:var(--bg-color, #f8f9fa);color:var(--danger-color);border:.5px solid var(--danger-color)}.ht-button.link{background:transparent;border-color:transparent;color:var(--text-link-color);text-decoration:underline}.ht-button.text{background:transparent;border-color:transparent;color:var(--text-color, var(--text-color))}.ht-button.dashed{background:transparent;border-style:dashed;color:var(--text-color, var(--text-color));border-color:var(--text-color, #dcdfe6)}.ht-button.solid{background:transparent;border-style:solid;color:var(--text-color, var(--text-color));border-color:var(--text-color, #dcdfe6)}.ht-button.disabled{cursor:not-allowed;opacity:.6}.ht-button.ghost{background:var(--bg-color, var(--pay-yellow-thin));color:var(--primary-color);border:none}.ht-button.block{display:flex;width:100%}.ht-button.loading{cursor:wait}.ht-button-loading-spinner{width:.26667rem;height:.26667rem;margin-right:2px;border:.05333rem solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.ht-button.glow:hover{box-shadow:0 0 .2rem currentColor}.ht-button.scale:hover{transform:scale(1.05)}.ht-button.slide{background-size:200% auto}.ht-button.slide:hover{background-position:right center}.ht-button.underline:hover .ht-button-text{text-decoration:underline}.ht-button.gradient{background-image:linear-gradient(to right,var(--bg-color, var(--primary-color)),color-mix(in srgb,var(--bg-color, var(--primary-color)) 80%,white))}.buy-product-list{padding-bottom:var(--bottom-bar-height)}.buypage-page{display:flex;flex-direction:column;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:auto}@supports (-webkit-touch-callout: none){.buypage-page{min-height:-webkit-fill-available}}.buypage-outer{flex:1;min-height:0;position:relative;overflow:hidden}.buypage-header-container{position:absolute;top:0;left:0;right:0;z-index:0}.buypage-header-container .buypage-swiper-container{height:6.93333rem;width:100%;aspect-ratio:375/122;background-color:#fff!important;box-sizing:border-box}.buypage-header-container .buypage-swiper-container .swiper{height:6.93333rem;will-change:transform}.buypage-header-container .buypage-swiper-container .swiper__progress{bottom:1.28rem;right:0;left:unset}.buypage-header-container .buypage-swiper-container .swiper__progress .swiper__progress-dot{width:.48rem;background-color:#fff6;border-radius:0}.buypage-header-container .buypage-swiper-container .swiper__progress .swiper__progress-dot--active{background-color:#fff}.buypage-header-container .buypage-swiper-container .banner-box{width:100%}.buypage-header-container .buypage-swiper-container .banner-box img{max-width:100%;width:100%;height:7.2rem;max-height:7.2rem;will-change:transform;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transform:translateZ(0)}.buypage-header-container .buypage-header{position:absolute;top:0;left:0;right:0;z-index:1;height:1.6rem;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:0 .32rem;box-sizing:border-box;will-change:transform}.buypage-header-container .buypage-header .header-right{display:flex;justify-content:center;align-items:center}.buypage-header-container .buypage-header .buypage-header-sublogo{width:3.06667rem;height:.93333rem}.buypage-header-container .buypage-header .buypage-add-pwa-btn{font-family:PingFang SC;font-weight:400;font-size:.29333rem;line-height:.4rem;letter-spacing:0px;text-align:right;border-radius:.64rem;border:none;background-color:#00000080}.buypage-header-container .buypage-header .buypage-add-pwa-btn .ht-button-text{display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff}.buypage-header-container .buypage-header .buypage-add-pwa-btn.small{width:2.18667rem;height:.72rem;padding:0 .32rem}.buypage-header-container .buypage-header .buypage-add-pwa-btn .pwa-plus-icon{font-size:.37333rem;margin-right:.06667rem;display:inline-block}.buypage-header-container .buypage-header .ht-button-text{display:flex;justify-content:center;align-items:baseline}.buypage-header-container .buypage-promotion-line-container{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:0 .32rem;background:linear-gradient(180deg,#fff0,#fff)}.buypage-header-container .buypage-promotion-line-container .buypage-promotion-line{margin-bottom:0!important;background-color:var(--pay-yellow-thin);border-radius:.10667rem}.buypage-filter-list-panel{position:absolute;top:0;left:0;right:0;height:100%;z-index:1;display:flex;flex-direction:column;background-color:var(--page-background-color);will-change:transform;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.buypage-filter-list-panel.is-dragging{transition:none}.buypage-item-filter{flex-shrink:0;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.buypage-item-list{flex:1;min-height:0;background-color:#fff;position:relative;-webkit-overflow-scrolling:touch}.loading{color:var(--primary-color);font-size:.64rem;animation:spin 1s linear infinite;display:inline-table}.ht-loading-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.ht-loading-container.with-mask{background-color:var(--toast-mask)}.ht-loading-content{display:flex;flex-direction:column;align-items:center;padding:.53333rem;background-color:var(--loading-content-background-color);border-radius:.21333rem;box-shadow:0 .05333rem .26667rem #0000001a}.ht-loading-text{margin-top:.32rem;color:var(--loading-content-color);font-size:.37333rem}.ht-spinner-circle{width:1.06667rem;height:1.06667rem;border:.10667rem solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s linear infinite}.ht-spinner-dots{display:flex;gap:.21333rem}.ht-spinner-dots div{width:.32rem;height:.32rem;border-radius:50%;background-color:var(--primary-color);animation:bounce 1.4s infinite ease-in-out}.ht-spinner-dots div:nth-child(2){animation-delay:-.4s}.ht-spinner-dots div:nth-child(3){animation-delay:-.8s}.ht-spinner-bars{display:flex;gap:.10667rem;height:.8rem;align-items:flex-end}.ht-spinner-bars div{width:.16rem;background-color:var(--primary-color);animation:grow 1.2s ease-in-out infinite}.ht-spinner-bars div:nth-child(1){height:.53333rem;animation-delay:0s}.ht-spinner-bars div:nth-child(2){height:.4rem;animation-delay:-.4s}.ht-spinner-bars div:nth-child(3){height:.53333rem;animation-delay:-.8s}.ht-spinner-grid{width:1.06667rem;height:1.06667rem;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px}.ht-spinner-grid:before{content:"";grid-column:1/3;grid-row:1/3;background-color:var(--primary-color);animation:grid-animation 1.6s infinite}.ht-spinner-grid:after{content:"";grid-column:2/4;grid-row:2/4;background-color:var(--primary-color);animation:grid-animation 1.6s infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-.13333rem)}}@keyframes grow{0%,to{height:.53333rem}50%{height:.8rem}}@keyframes grid-animation{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.home-filter{position:relative}.home-filter .product-filter{display:flex;position:relative;font-size:.37333rem;align-items:center;height:1.06667rem;background:#fff;text-align:center;color:var(--text2-color)}.home-filter .product-filter-left{flex:1;display:flex;justify-content:space-around;align-items:center}.home-filter .product-filter-left-item{display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:.66667rem;padding:0 .16rem;transition:all .5s ease}.home-filter .product-filter-left-item img{margin-left:.10667rem;width:.34667rem;height:.17333rem}.home-filter .product-filter-left-item.selected,.home-filter .product-filter-left .active{color:var(--primary-color)}.home-filter .product-filter-right{height:.37333rem;width:1.86667rem;border-left:1px solid var(--line-regular-color);display:flex;justify-content:center;align-items:center;gap:.10667rem}.home-filter .product-filter-mask{position:absolute;z-index:999;top:.93333rem;left:0;height:100vh;width:100%;color:#fff;background-color:#00000080;border:none}.home-filter .product-filter-mask-content{background:#fff;width:100%;min-height:1.33333rem;border-radius:0 0 .32rem .32rem}.home-filter .product-filter-mask-btns{border-top:1px solid var(--line-regular-color);height:1.44rem;width:100%;padding:.16rem;display:flex;justify-content:space-between}.home-filter .product-filter-mask-btn{height:1.06667rem}.home-filter .mine-filter-dropdown{top:1.86667rem!important}.home-filter .mine-filter-dropdown .mine-filter-options{padding:0 .32rem;display:flex;flex-direction:column;gap:0}.home-filter .mine-filter-dropdown .mine-filter-option-item{height:1.17333rem;display:flex;align-items:center;justify-content:space-between;background:#fff;font-size:.37333rem;color:var(--text1-color);border-bottom:1px solid var(--line-regular-color);padding:0 .10667rem}.home-filter .mine-filter-dropdown .mine-filter-option-item:last-child{border-bottom:none}.home-filter .mine-filter-dropdown .mine-filter-option-item.selected{color:var(--primary-color);font-weight:500}.home-filter .mine-filter-dropdown .mine-filter-option-item:active{background:#f5f5f5}.home-filter .mine-filter-dropdown .mine-filter-option-item .mine-filter-checked-icon{width:.42667rem;height:.42667rem}.home-filter .product-choose{overflow-x:auto;overflow-y:hidden;display:flex;flex-wrap:nowrap;padding:0 .32rem .13333rem;background:#fff;gap:.26667rem;transition:all .3s ease-in-out;transform-origin:top;cursor:grab;scrollbar-width:none;-ms-overflow-style:none}.home-filter .product-choose::-webkit-scrollbar{display:none}.home-filter .product-choose.dragging{cursor:grabbing;user-select:none;-webkit-user-select:none}.home-filter .product-choose.dragging .product-choose-item{pointer-events:none}.home-filter .product-choose:not(.hidden){opacity:var(--filter-opacity, 1);transform:translateY(0);max-height:.8rem}.home-filter .product-choose.hidden{opacity:0;transform:translateY(-.13333rem);max-height:0;padding:0;pointer-events:none}.home-filter .product-choose-item,.home-filter .product-choose-item-mine{flex:0 0 auto;height:.66667rem;line-height:.66667rem;text-align:center;background:#f5f5f5;border-radius:.66667rem;font-size:.32rem;padding:0 .26667rem;color:var(--text2-color);transition:all .5s ease;user-select:none;-webkit-user-select:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border:1px solid transparent}.home-filter .product-choose-item:active,.home-filter .product-choose-item-mine:active{background:#e0e0e0;transform:scale(.95)}.home-filter .product-choose-item.selected,.home-filter .product-choose-item-mine.selected{color:var(--primary-color);border-color:var(--primary-color);background-color:#a8703814}.home-filter .product-choose-item_prefix,.home-filter .product-choose-item-mine_prefix{font-size:.42667rem;margin-right:.05333rem}.home-filter .product-choose-item img,.home-filter .product-choose-item-mine img{margin-left:.10667rem;width:.34667rem;height:.17333rem}.dragging .home-filter .product-choose-item,.dragging .home-filter .product-choose-item-mine{cursor:grabbing}.home-filter .product-choose-item-mine{border-radius:.10667rem;background-color:var(--page-background-color)}.home-filter .confirm-filter-modal,.confirm-filter-modal{width:10rem!important;overflow:hidden;animation:none!important;left:50%!important;transform:translate(-50%);transition:transform .3s ease}.product-filter-right__content{background:#fff;display:flex;flex-direction:column}.product-filter-right__content-body{display:flex;height:10.66667rem;overflow:hidden}.product-filter-right__content-nav{width:2.21333rem;height:100%;overflow-y:auto;overflow-x:hidden;background:var(--page-background-color);flex-shrink:0;scrollbar-width:none;-ms-overflow-style:none}.product-filter-right__content-nav::-webkit-scrollbar{display:none}.product-filter-right__content-nav .content-nav-item{width:100%;min-height:1.06667rem;display:flex;align-items:center;justify-content:flex-start;font-size:.29333rem;line-height:.53333rem;color:var(--text1-color);padding:.42667rem .29333rem .42667rem .4rem;position:relative;text-align:left;word-break:break-all}.product-filter-right__content-nav .content-nav-item.active{color:var(--primary-color);background:#fff;font-weight:500}.product-filter-right__content-nav .content-nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:.05333rem;height:100%;background:var(--primary-color);border-radius:0 .05333rem .05333rem 0}.product-filter-right__content-nav .content-nav-item:active{opacity:.7}.product-filter-right__content-nav .content-nav-item .nav-dot{width:.16rem;height:.16rem;border-radius:50%;background:var(--primary-color);display:none;position:absolute;left:.18667rem}.product-filter-right__content-nav .content-nav-item .nav-dot.active{display:block}.product-filter-right__content-list{flex:1;width:calc(100% - 2.21333rem);height:100%;overflow-y:auto;overflow-x:hidden}.product-filter-right__content-list .anchor-section{scroll-margin-top:.21333rem}.product-filter-right__content-list .anchor-section .filter-block-custom-header{display:flex;align-items:center;line-height:1.06667rem;font-size:.37333rem;color:var(--text1-color);padding:0 .32rem}.product-filter-right__content-list .anchor-section .filter-block-custom-header__count{font-family:PingFang SC;font-weight:400;letter-spacing:0px;font-size:.32rem;color:var(--primary-color)}.product-filter-right__content-list .anchor-section .hero-selected-summary{font-size:.32rem;color:var(--primary-color);padding:0 .32rem .21333rem;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-filter-right__content-list .skin-section .skin-section-title{font-size:.37333rem;color:var(--text1-color);line-height:1.06667rem;padding:0 .32rem}.product-filter-right__content-list .skin-section .skin-section-title__count{font-size:.32rem;color:var(--primary-color);margin-left:.10667rem}.product-filter-right__content-list .skin-section .skin-tabs-wrapper{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;position:relative;border-bottom:1px solid var(--line-regular-color);cursor:grab;user-select:none}.product-filter-right__content-list .skin-section .skin-tabs-wrapper.active-drag{cursor:grabbing}.product-filter-right__content-list .skin-section .skin-tabs-wrapper::-webkit-scrollbar{display:none}.product-filter-right__content-list .skin-section .skin-tabs{display:flex;gap:0;padding:0;white-space:nowrap}.product-filter-right__content-list .skin-section .skin-tab-item{flex-shrink:0;padding:.26667rem .42667rem;font-size:.34667rem;color:var(--text2-color);position:relative;transition:color .2s}.product-filter-right__content-list .skin-section .skin-tab-item .skin-tab-count{margin-left:.08rem;font-size:.29333rem;color:var(--primary-color)}.product-filter-right__content-list .skin-section .skin-tab-item.active{color:var(--text1-color)!important;font-weight:500}.product-filter-right__content-list .skin-section .skin-tab-item.active:after{content:"";position:absolute;bottom:0;left:.16rem;right:.16rem;height:.04rem;background:var(--primary-color);border-radius:2px 2px 0 0}.product-filter-right__content-list .skin-section .skin-tab-item.selected{color:var(--primary-color)}.product-filter-right__content-list .skin-section .skin-tab-content{padding-top:.10667rem}.product-filter-right__content .mt24{margin-top:.32rem}.product-filter-right__content-footer{border-top:1px solid var(--line-regular-color);padding:0 .32rem;min-height:2.48rem;box-sizing:border-box;margin-bottom:env(safe-area-inset-bottom)}.product-filter-right__content-checkbox{height:.98667rem;display:flex!important}.product-filter-right__content-btns{top:.26667rem;left:0;width:100%;height:1.06667rem;display:flex;gap:.32rem;justify-content:space-around;align-items:center;background:#fff}.product-filter-right__content-btns .ht-button.plain,.product-filter-right__content-btns .ht-button.primary{height:1.06667rem}.product-filter-panel_header{position:relative;width:100%;height:1.38667rem;background-color:#fff;border-bottom:1px solid var(--line-regular-color);display:flex;justify-content:center;align-items:center}.product-filter-panel_header-btn{width:4.8rem;height:.85333rem;display:flex;justify-content:center;align-items:center;padding:.05333rem;border-radius:.10667rem;background-color:var(--page-background-color);font-size:.37333rem}.product-filter-panel_header-btn-all{height:.74667rem;font-size:.37333rem;color:var(--text1-color);font-weight:500;line-height:.74667rem}.product-filter-panel_header-btn-item{width:50%;height:.74667rem;color:var(--text3-color);display:flex;justify-content:center;align-items:center;flex:1}.product-filter-panel_header-btn-item.active{color:var(--primary-color);background-color:#fff}.product-filter-panel_header-btn-item.mine-active{color:var(--text1-color);background-color:#fff}.product-filter-panel_header .close-icon{position:absolute;top:.42667rem;right:.42667rem;width:.53333rem;height:.53333rem;font-size:.53333rem}.product-filter-panel_header .mine-control-button{font-family:PingFang SC;font-weight:400;font-size:.34667rem;letter-spacing:0px;color:var(--text2-color);position:absolute;top:.45333rem;left:.32rem}.product-filter-panel_header .mine-control-button.controlling{color:var(--primary-color)}.product-filter-panel .product-filter-mine{height:12.69333rem;width:100%;overflow-x:hidden}.product-filter-panel .product-filter-mine_list{padding-bottom:.21333rem;overflow-y:auto}.product-filter-panel .product-filter-mine_item{margin-top:.21333rem;width:100%;display:flex;align-items:flex-start;justify-content:space-between;padding:0 .26667rem}.product-filter-panel .product-filter-mine_item-drag{display:flex;flex-direction:column;color:var(--text3-color);font-size:.32rem;align-items:center;width:.42667rem;margin-right:.26667rem;gap:.16rem;padding:.16rem 0}.product-filter-panel .product-filter-mine_item-drag .drag-icon{font-size:.42667rem}.product-filter-panel .product-filter-mine_item-drag .drag-split-line{height:1px;width:100%;background-color:var(--line-regular-color)}.product-filter-panel .product-filter-mine-card{width:100%;font-family:PingFang SC;font-weight:400;font-size:.32rem;letter-spacing:0px;color:var(--text1-color);background-color:#fff;border-radius:.21333rem;border:1px solid var(--line-regular-color);padding:.21333rem}.product-filter-panel .product-filter-mine-card .mine-card-split-line{width:100%;height:1px;background-color:var(--line-regular-color);margin:.16rem 0}.product-filter-panel .product-filter-mine-card .mine-card-header{height:.53333rem;width:100%;text-align:left;font-family:PingFang SC;font-weight:400;font-size:.34667rem;letter-spacing:0px;color:var(--text1-color);display:flex;flex-direction:row;justify-content:space-between;align-items:center}.product-filter-panel .product-filter-mine-card .mine-card-header_title{display:flex;align-items:center}.product-filter-panel .product-filter-mine-card .mine-card-header_title .ht-icons-sort{font-size:.42667rem;color:var(--text3-color);margin-right:.10667rem}.product-filter-panel .product-filter-mine-card .mine-card-header_btns{display:flex;align-items:center;gap:.21333rem;border-radius:.10667rem}.product-filter-panel .product-filter-mine-card .mine-card-header_btn{padding:.16rem;background-color:var(--page-background-color);height:.64rem}.product-filter-panel .product-filter-mine-card .mine-card-header .direction_btn{font-size:.42667rem;width:.74667rem}.product-filter-panel .product-filter-mine-card .mine-card-header .toTop_btn .ht-button-text{display:flex;justify-content:center;align-items:center;font-family:PingFang SC;font-weight:400;font-size:.32rem;letter-spacing:0px}.product-filter-panel .product-filter-mine-card .mine-card-header .toTop_btn .ht-button-text span{font-size:.42667rem;margin-right:.05333rem}.product-filter-panel .product-filter-mine-card .mine-card-header .toTop_btn{width:1.44rem}.product-filter-panel .product-filter-mine-card .mine-card-body{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:.32rem;overflow:hidden}.product-filter-panel .product-filter-mine-card .mine-card-body .mine-card-filter-row{line-height:.45333rem;word-break:break-all}.product-filter-panel .product-filter-mine-card .mine-card-body .mine-card-filter-row .mine-card-filter_title{color:var(--text2-color);margin-right:.16rem}.product-filter-panel .product-filter-mine-card .mine-card-footer{width:100%;display:flex;justify-content:space-between;align-items:center}.product-filter-panel .product-filter-mine-card .mine-card-footer_fold,.product-filter-panel .product-filter-mine-card .mine-card-footer_unfold{display:flex;flex-direction:row;align-items:center;color:var(--text3-color);font-family:PingFang SC;font-weight:400;font-size:.32rem;letter-spacing:0px;vertical-align:middle}.product-filter-panel .product-filter-mine-card .mine-card-footer_right .footer_right-btn{width:1.6rem;height:.64rem;font-family:PingFang SC;font-weight:400;font-size:.32rem;letter-spacing:0px}.product-filter-panel .product-filter-mine-card .mine-card-footer_right .footer_right-btn.delete-btn{color:var(--stress-red);border-color:var(--stress-red)}.hero-detail-modal{padding:.42667rem .32rem;background:#fff;border-radius:.32rem .32rem 0 0}.hero-detail-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.26667rem}.hero-detail-modal__header-title{font-size:.42667rem;color:var(--text1-color);font-family:PingFang SC;font-weight:500;font-size:.37333rem;text-align:right}.hero-detail-modal__header-name{color:var(--primary-color);margin:0 .10667rem}.hero-detail-modal__header-close{display:flex;align-items:center;justify-content:center;font-size:.37333rem;color:var(--text2-color);cursor:pointer}.hero-detail-modal__header-close .ht-icons-close{font-size:.53333rem}.hero-detail-modal__header-close:active{opacity:.6}.hero-detail-modal__section{padding:.32rem 0}.hero-detail-modal__label{font-family:PingFang SC;font-weight:400;font-size:.37333rem;color:var(--text1-color);margin-bottom:.32rem}.hero-detail-modal__options{display:flex;flex-wrap:wrap;gap:.21333rem}.hero-detail-modal__option{width:2.16rem;height:.77333rem;display:flex;align-items:center;justify-content:center;font-size:.32rem;color:var(--text2-color);background:var(--page-background-color);border-radius:.10667rem;cursor:pointer;transition:all .2s;font-family:PingFang SC;letter-spacing:0px;vertical-align:middle}.hero-detail-modal__option.active{color:var(--primary-color);border:1px solid var(--primary-color);background:#a870381a}.hero-detail-modal__option:active{opacity:.7}.hero-detail-modal__btns{display:flex;justify-content:space-between;gap:.32rem;margin-top:.53333rem;padding-bottom:env(safe-area-inset-bottom)}.hero-detail-modal__btn{flex:1;width:4.4rem;height:1.06667rem!important}.hero-detail-modal__btn.no-requirement{background-color:var(--line-light-color);border:none}.hero-picker-modal{padding:.42667rem 0;background:#fff;border-radius:.32rem .32rem 0 0;height:80vh;display:flex;flex-direction:column;justify-content:space-between}.hero-picker-modal ::-webkit-scrollbar{width:.08rem}.hero-picker-modal ::-webkit-scrollbar-thumb{background:var(--line-regular-color);border-radius:2px}.hero-picker-modal__header{display:flex;align-items:center;justify-content:space-between;position:relative;padding:0 .32rem}.hero-picker-modal__header-title{font-family:PingFang SC;font-size:.37333rem;font-weight:500;color:var(--text1-color);text-align:center;flex:1}.hero-picker-modal__header-back{width:.64rem;height:.64rem;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.hero-picker-modal__header-back .ht-icons-back{font-size:.53333rem}.hero-picker-modal__header-back:active{opacity:.6}.hero-picker-modal__header-close{width:.64rem;height:.64rem;display:flex;align-items:center;justify-content:center;font-size:.37333rem;color:var(--text2-color);cursor:pointer;flex-shrink:0}.hero-picker-modal__header-close .ht-icons-close{font-size:.53333rem}.hero-picker-modal__header-close:active{opacity:.6}.hero-picker-modal__search{padding:.32rem .32rem 0px}.hero-picker-modal__search .hero-picker-search{border-radius:.10667rem!important;overflow:hidden}.hero-picker-modal__selected-wrap{padding:.32rem}.hero-picker-modal__selected-title{height:.53333rem;font-size:.37333rem;color:var(--text1-color);margin-bottom:.32rem;font-family:PingFang SC;font-weight:400}.hero-picker-modal__selected-count{font-size:.32rem;color:var(--primary-color);margin-left:.10667rem}.hero-picker-modal__selected{display:grid;grid-template-columns:repeat(3,1fr);gap:.16rem;max-height:4rem;overflow-y:auto;overflow-x:hidden;padding:0 .08rem;box-sizing:border-box}.hero-picker-modal__selected-item{position:relative;width:2.93333rem;height:1.41333rem;border:1px solid var(--primary-color);border-radius:.10667rem;color:var(--primary-color);background:transparent}.hero-picker-modal__selected-header{height:.72rem;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 .16rem}.hero-picker-modal__selected-close{color:var(--primary-color);font-size:.37333rem;cursor:pointer;opacity:.6}.hero-picker-modal__selected-close:active{opacity:.6}.hero-picker-modal__selected-name{font-size:.32rem;font-weight:500;line-height:1.2}.hero-picker-modal__selected-attr,.hero-picker-modal__selected .skill-picker-modal__selected-attr{height:.64rem;width:100%;padding:0 .08rem .08rem;display:flex;justify-content:space-between;align-items:center}.hero-picker-modal__selected-attr span,.hero-picker-modal__selected .skill-picker-modal__selected-attr span{display:flex;align-items:center;justify-content:center;width:1.33333rem;height:.56rem;width:51.3333358765;border-radius:.05333rem;padding:.04rem 0;background-color:#a8703814;font-family:PingFang SC;font-weight:400;font-size:.29333rem;text-align:center}.hero-picker-modal__selected .skill-picker-modal__selected-attr span{width:100%}.hero-picker-modal__camp-row{padding:.32rem;display:flex;align-items:center;justify-content:space-between}.hero-picker-modal__camp-title{font-size:.37333rem;color:var(--text1-color);font-weight:500;flex-shrink:0;font-family:PingFang SC;font-weight:400;letter-spacing:0px;vertical-align:middle}.hero-picker-modal__camps{display:flex;gap:.10667rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.hero-picker-modal__camps::-webkit-scrollbar{display:none}.hero-picker-modal__camp-btn{flex-shrink:0;height:.56rem;padding:.10667rem .26667rem;font-size:.29333rem;color:var(--text2-color);background:var(--page-background-color);border-radius:.10667rem;cursor:pointer;transition:all .2s}.hero-picker-modal__camp-btn.active{color:var(--primary-color);background:#a8703814}.hero-picker-modal__camp-btn:active{opacity:.7}.hero-picker-modal__list{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:max-content;align-content:start;gap:.21333rem;padding-bottom:.21333rem;padding:0 .32rem}.hero-picker-modal__empty.empty{grid-column:1/-1;height:3.2rem;margin-top:0}.hero-picker-modal__empty.empty .empty__image{margin-bottom:0}.hero-picker-modal__empty.empty .empty__image img{width:2.4rem;height:2.4rem}.hero-picker-modal .hero-picker-search .ht-search-input-wrapper{height:.90667rem;border:none;background-color:var(--page-background-color)}.hero-picker-modal .hero-picker-search .ht-search-input{background-color:transparent}.hero-picker-modal .hero-picker-search .ht-search-submit-btn{width:1.49333rem;height:.69333rem}.hero-picker-modal .hero-picker-search .ht-search-suggestion-item{height:1.38667rem;display:flex;align-items:center;border-bottom:1px solid var(--line-regular-color)}.hero-picker-modal .hero-picker-search .ht-search-suggestion-item:last-child{border-bottom:none}.hero-picker-modal__item{height:.96rem;display:flex;align-items:center;justify-content:center;background:var(--page-background-color);border-radius:.10667rem;font-size:.32rem;color:var(--text1-color);cursor:pointer;transition:all .2s}.hero-picker-modal__item.active{color:var(--primary-color);border:1px solid var(--primary-color);background:#fff}.hero-picker-modal__item:active{opacity:.7}.hero-picker-modal__btns{display:flex;justify-content:space-between;gap:.32rem;padding-top:.21333rem;border-top:.5px solid var(--line-regular-color);padding-bottom:env(safe-area-inset-bottom);padding:.32rem}.hero-picker-modal__btn{flex:1;height:1.06667rem!important}.hero-picker-modal__btn.reset{background-color:var(--line-light-color);border:none}.hero-picker-modal .skill-picker-modal__list{max-height:60vh}.hero-filter{background:#fff;margin:0px .32rem .32rem;color:var(--text1-color);font-size:.37333rem}.hero-filter__header{display:flex;justify-content:space-between;align-items:center;line-height:1.06667rem}.hero-filter__expand{margin-right:.21333rem;font-size:.32rem;color:var(--text3-color);display:flex;align-items:center;justify-content:center}.hero-filter__expand span{margin-left:.05333rem}.hero-filter__nav{display:flex;border-bottom:1px solid var(--border-color);padding-bottom:.10667rem;margin-bottom:.21333rem}.hero-filter__nav-item{font-size:.37333rem;color:var(--text3-color);margin-right:.42667rem;padding:.10667rem 0;cursor:pointer}.hero-filter__nav-item.active{color:var(--primary-color)}.hero-filter__list{display:grid;grid-template-columns:repeat(var(--columns, 3),1fr);gap:.21333rem;margin-top:.21333rem;padding:0;position:relative}.hero-filter__item{background-color:var(--page-background-color);border-radius:.10667rem;font-size:.32rem;width:2.2rem;color:var(--text1-color);height:.96rem;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;grid-column:span 1}.hero-filter__item-desc{font-size:.24rem;color:var(--text3-color)}.hero-filter__item-active{color:var(--primary-color);border:1px solid var(--primary-color);background:#fff}.hero-filter__item-more .hero-filter__item-name{display:flex;align-items:center;justify-content:center;gap:.05333rem;color:var(--text2-color)}.hero-filter__red{width:100%;font-size:.32rem;min-height:1.04rem}.hero-filter__red-title{height:100%;text-align:left;line-height:1.04rem;color:var(--text1-color)}.hero-filter__red-list{height:100%;flex:1;display:flex;align-items:center;justify-content:space-between;gap:.10667rem}.hero-filter__red-list-item{width:1.2rem;height:.61333rem;text-align:center;line-height:.61333rem;color:var(--text2-color);background:var(--page-background-color);border-radius:.10667rem;cursor:pointer}.hero-filter__red-list-item.active{border:1px solid var(--primary-color);background:none}.ht-checkbox-container{display:inline-flex;align-items:center;cursor:pointer;user-select:none;position:relative;margin-right:.16rem}.ht-checkbox-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.ht-checkbox-checkmark{position:relative;display:inline-block;border:2px solid #dcdfe6;border-radius:.05333rem;margin-right:.10667rem;transition:all .3s;background-color:#fff;box-sizing:border-box}.ht-checkbox-checkmark.sm{width:.32rem;height:.32rem}.ht-checkbox-checkmark.md{width:.37333rem;height:.37333rem}.ht-checkbox-checkmark.lg{width:.64rem;height:.64rem}.ht-checkbox-input:checked~.ht-checkbox-checkmark{background-color:var(--checkbox-color);border-color:var(--checkbox-color)}.ht-checkbox-checkmark:after{content:"";position:absolute;display:none}.ht-checkbox-input:checked~.ht-checkbox-checkmark:after{display:block}.ht-checkbox-checkmark:after{left:50%;top:40%;width:.12rem;height:.24rem;border:solid white;border-width:0 .05333rem .05333rem 0;transform:translate(-50%,-50%) rotate(35deg)}.ht-checkbox-checkmark.sm:after{width:.08rem;height:.16rem}.ht-checkbox-checkmark.lg:after{width:.16rem;height:.32rem}.ht-checkbox-label{font-size:.32rem;color:var(--checkbox-color)}.ht-checkbox-label.checked{color:var(--checkbox-checked-color)}.ht-checkbox-container.disabled{opacity:.6;cursor:not-allowed}:root{--primary-color-txt: #ff6699;--primary-color: #a87038;--success-color: #67c23a;--success-green: #2ac864;--success-green-thin: #e4f8ea;--warning-color: #e6a23c;--danger-color: #f56c6c;--info-color: #909399;--stress-red: #f85a54;--stress-red-thin: #feecea;--brand-pink: #ff6699;--brand-pink-thin: #ffecf1;--text-color: #606266;--text1-color: #18191c;--text2-color: #61666d;--text3-color: #9499a0;--text-link-color: #00699d;--text-notice-color: #fa9600;--line-regular-color: #e3e5e7;--line-light-color: #f1f2f3;--page-background-color: #f6f7f8;--pay-yellow-thin: #fff6e4;--pay-yellow: #ffb027;--operate-orange: #ff661a;--operate-orange-thin: #ffede2;--toast-mask: rgba(255, 255, 255, .7);--loading-content-color: var(--text1-color);--loading-content-background-color: rgba(255, 255, 255, .8);--modal-border-radius: .32rem;--border-radius: .10667rem;--border-radius-round: 12rem;--border-radius-circle: 50%;--bottom-bar-height: 1.54667rem;--top-bar-height: 1.28rem}:root.dark{--toast-mask: rgba(0, 0, 0, .7);--loading-content-background-color: rgba(0, 0, 0, .8);--loading-content-color: #fff}.server-filter-warp{overflow:hidden}.server-filter-tab{margin:.16rem .32rem .32rem;background:#fff;color:var(--text2-color)}.server-filter-tab__content{height:.85333rem;background:#f6f7f8;padding:.05333rem;display:flex}.server-filter-tab__item{flex:1;height:.74667rem;line-height:.8rem;text-align:center;background:#f6f7f8}.server-filter-tab__item.active{color:var(--primary-color);background:#fff;border-radius:.05333rem}.server-filter{max-height:5.6rem;background:#fff;display:flex;font-size:.37333rem;color:var(--text1-color);overflow:auto}.server-filter__left{width:2.66667rem;max-height:5.6rem;background:var(--page-background-color);overflow:auto}.server-filter__left-item{height:1.17333rem;text-align:center;line-height:1.17333rem}.server-filter__left-item.active{background:#fff;color:var(--primary-color);border-left:2px solid var(--primary-color)}.server-filter__right{box-sizing:content-box;flex:1;background:#fff;padding:.32rem;max-height:5.6rem;overflow:auto;color:var(--text2-color);font-size:.32rem}.server-filter__right-day{height:.96rem;line-height:1.17333rem;text-align:center;display:flex;justify-content:space-between;align-items:center;gap:.21333rem;margin-bottom:.26667rem}.server-filter__right-day-item{width:3.2rem;height:.96rem;background:var(--page-background-color);text-align:center;line-height:.96rem;border-radius:.10667rem}.server-filter__right-day-item.active{color:var(--primary-color);border:1px solid var(--primary-color);background:#fff}.server-filter__right-search{border-radius:.10667rem;height:.88rem;background:var(--page-background-color)}.server-filter__right-search-title{text-align:left;color:var(--text1-color);margin-bottom:.26667rem}.server-filter__right-all{border-radius:.10667rem;margin:.32rem 0;height:.96rem;line-height:.96rem;background:var(--page-background-color)}.server-filter__right-list{display:flex;flex-wrap:wrap;gap:.2rem}.server-filter__right-list-item{flex:0 0 1;width:2.06667rem;height:.96rem;background:var(--page-background-color);text-align:center;line-height:.96rem;border-radius:.10667rem}.server-filter__right-list-item.active{color:var(--primary-color);background:#fff;border:1px solid var(--primary-color)}.ht-input-container{position:relative;display:inline-flex;width:100%}.ht-input{width:100%;border:1px solid #ddd;box-sizing:border-box;transition:border-color .3s;font-family:PingFang SC;font-weight:400;font-size:.37333rem;letter-spacing:0px;color:#18191c;padding:.13333rem}.ht-input::placeholder{color:#c9ccd0;font-size:.32rem}.ht-input.normal{border-radius:0}.ht-input.round{border-radius:6.66667rem}.ht-input.clearable{padding-right:.85333rem}.ht-input:focus{border-color:var(--primary-color);outline:none}.search-input{padding-left:.85333rem}.prefix-icon{position:absolute;top:50%;transform:translateY(-50%);color:#999;transition:color .3s}.prefix-icon{left:.13333rem}.search-button{position:absolute;display:inline-flex;left:.26667rem;top:50%;font-size:.42667rem;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;color:#999;transition:color .3s}.clear-button{position:absolute;display:inline-flex;right:.32rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;color:#999;transition:color .3s}.clear-button:hover{color:#333}.clear-button i{font-size:.42667rem}.custom-class{width:7.01333rem;height:.90667rem}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:.53333rem 0;margin-top:1.06667rem;color:#909399}.empty__image{margin-bottom:.26667rem}.empty__image img{width:3.2rem;height:3.2rem}.empty__description{margin:0;font-family:PingFang SC;font-weight:400;font-size:.32rem;line-height:.45333rem;letter-spacing:0px;text-align:center;color:var(--text3-color)}.empty__footer{margin-top:.26667rem}.infinite-scroll-container{position:relative;height:100%;overflow-y:auto;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.infinite-scroll-container.scroll-disabled{overflow:hidden;touch-action:none;scroll-behavior:auto}@media(hover:none)and (pointer:coarse){.infinite-scroll-container.scroll-disabled{-webkit-overflow-scrolling:none}}.refresh-indicator{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;background:var(--primary-color);color:#fff;font-size:.37333rem;transition:height .2s ease;z-index:1000}.refresh-text{opacity:.8;font-weight:500}.scroll-content{min-height:100%}.sentinel{height:1px;display:flex;align-items:center;justify-content:center;padding-bottom:.26667rem}.loading-text{color:var(--text3-color);font-size:.24rem;text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{width:.26667rem;height:.26667rem;border:2px solid #f3f3f3;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-right:.10667rem}.loading-container{display:flex;align-items:center;justify-content:center;padding:.26667rem}.lazy-image-container{position:relative;display:inline-block;width:100%;transform:translateZ(0);will-change:transform}img.lazy-image{display:block;width:100%;backface-visibility:hidden;transform:translateZ(0)}img.lazy-image.loading{opacity:0;visibility:hidden}img.lazy-image.loaded{opacity:1;visibility:visible;transition:opacity .3s ease-in,visibility .3s ease-in;transform:translateZ(0)}.lazy-image-placeholder{background:#f6f7f8;animation:skeleton-shimmer 1.5s infinite;width:100%;height:100%;position:absolute;top:0;left:0;transform:translateZ(0);will-change:opacity}@keyframes skeleton-shimmer{0%{opacity:1;transform:translateZ(0)}50%{opacity:.6;transform:translateZ(0)}to{opacity:1;transform:translateZ(0)}}.lazy-image-placeholder:not(.visible){display:none}.lazy-image-container.fixed-size{height:100%;min-height:1px}.ht-list-container{scrollbar-width:thin;scrollbar-color:#ccc transparent}.ht-list-container::-webkit-scrollbar{width:.10667rem}.ht-list-container::-webkit-scrollbar-track{background:transparent;border-radius:.05333rem}.ht-list-container::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:.05333rem}.ht-list-container::-webkit-scrollbar-thumb:hover{background-color:#aaa}.ht-list-loading,.ht-list-empty{padding:.32rem;text-align:center;color:var(--text3-color);display:flex;align-items:center;justify-content:center}.ht-list-empty{height:100%}.ht-list-loading{height:.32rem;font-size:.32rem;position:relative}.red-level{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.red-level-image{width:.30667rem;height:.30667rem;margin:0 -.04rem;flex:0}.hero-card{width:1.76rem;margin:.05333rem;height:2.52rem;background-size:cover;background-position:center;position:relative;box-sizing:border-box;overflow:hidden;border-radius:.05333rem}.hero-card-lazy{width:1.76rem;height:2.52rem}.hero-card .hero-mask{border-radius:.05333rem;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.hero-card .hero-red-level,.hero-card .hero-name,.hero-card .hero-season,.hero-card .hero-camp,.hero-card .hero-quality,.hero-card .hero-type{position:absolute;font-size:.17333rem;z-index:1}.hero-card .hero-season,.hero-card .hero-camp,.hero-card .hero-quality,.hero-card .hero-type{transform:translateZ(0)}.hero-card .hero-season img,.hero-card .hero-camp img,.hero-card .hero-quality img,.hero-card .hero-type img{width:100%;height:100%;object-fit:contain;display:block}.hero-card .hero-red-level{width:100%;bottom:.48rem;left:50%;transform:translate(-50%) translateZ(0)}.hero-card .hero-red-level .red-level-image{margin:0}.hero-card .hero-name{bottom:.10667rem;width:100%;font-family:HYXiaoLiShuJ;font-weight:400;font-style:Regular;font-size:.26667rem;line-height:100%;color:#faeaae;letter-spacing:0px;text-align:center;left:50%;transform:translate(-50%) translateZ(0);display:flex;justify-content:center;align-items:center}.hero-card .hero-name .hero-name-img{height:.4rem;width:auto}.hero-card .hero-season{top:1px;right:.04rem;width:.46667rem;height:.58667rem}.hero-card .hero-camp{top:0;left:0;width:.42667rem;height:.8rem}.hero-card .hero-quality-box{background:url(//s1.hdslb.com/bfs/static/game-static/game-jyh-nslg/assets/svg/quality_bg-D_JoYULd.svg) no-repeat;background-size:100% 100%;bottom:.90667rem;right:0;width:.70667rem;height:.42667rem;position:absolute;transform:translateZ(0)}.hero-card .hero-quality{bottom:2px;right:.04rem;width:.37333rem;height:.37333rem}.hero-card .hero-type{top:.72rem;left:0;width:.28rem;height:.28rem}.product-item{height:8.8rem;width:100%;background:#fff;box-shadow:0 2px .10667rem #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;border-top:1px solid var(--line-regular-color);padding-top:.32rem}.product-item .item-status-tag{position:absolute;top:.32rem;right:0;z-index:10;font-family:PingFang SC;font-weight:400;font-size:.29333rem;letter-spacing:0px;width:1.28rem;height:.48rem;border-top-right-radius:.10667rem;border-bottom-left-radius:.10667rem;color:var(--primary-color);background-color:var(--pay-yellow-thin);display:flex;align-items:center;justify-content:center}.product-image-box{height:5.46667rem;width:9.6rem;padding:.10667rem .09333rem;padding-right:0;margin:0 auto;gap:1px;background-image:url(https://i0.hdslb.com/bfs/activity-plat/static/20260312/5737b5408bfdf34f424e29ca70fdcbe3/LfKBkPjfKk.png);background-size:100% 100%;background-repeat:no-repeat;display:flex;flex-wrap:wrap;justify-content:flex-start;border-radius:.10667rem}.product-image-box.one-row{height:2.37333rem}.product-image{width:1.6rem;min-height:1.6rem;overflow:hidden;flex-shrink:0}.product-image img{width:100%;height:100%;object-fit:cover}.product-content{width:9.6rem;margin:0 auto;flex:1;padding:.21333rem;display:flex;flex-direction:column;gap:.10667rem}.producr-header-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.product-season{font-family:PingFang SC;font-weight:500;font-size:.37333rem;line-height:.53333rem;height:.53333rem;letter-spacing:0px;color:var(--text1-color)}.product-info{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.product-info-item{font-family:PingFang SC;font-weight:400;font-size:.32rem;line-height:.45333rem;letter-spacing:0px;margin:0 .04rem;overflow:hidden;text-align:center;max-width:2.4rem;color:var(--text2-color)}.product-tags{display:flex;flex-wrap:wrap;gap:.05333rem;margin-top:.10667rem}.product-tag{font-family:PingFang SC;font-weight:400;font-size:.32rem;line-height:.45333rem;letter-spacing:0px;margin-right:.16rem}.product-footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:PingFang SC;font-weight:400;font-size:.32rem;line-height:.45333rem;letter-spacing:0px;margin-top:.06667rem}.product-extra-info{color:var(--text3-color);font-size:.32rem}.product-extra-info .product-collect,.product-extra-info .product-channel{margin-right:.13333rem}.product-price{font-family:SF Pro;font-weight:700;font-size:.48rem;line-height:100%;color:var(--stress-red)}.fraction-digits{font-size:.32rem}.number-formatter-currency{font-family:SF Pro;font-weight:510;font-size:.37333rem;line-height:100%;letter-spacing:0px}.ht-tag{display:inline-flex;align-items:center;justify-content:center;padding:.05333rem .10667rem;font-size:.29333rem;font-weight:400;border-radius:.05333rem;white-space:nowrap;border:1px solid transparent;transition:all .2s ease;cursor:default;min-width:1.09333rem;height:.50667rem}.ht-tag--default{background-color:#f5f5f5;color:#333}.ht-tag--default.ht-tag--plain{background-color:transparent;border-color:#d9d9d9;color:#666}.ht-tag--primary{background-color:var(--primary-color);color:#fff}.ht-tag--primary.ht-tag--plain{background-color:#fff;border-color:#a88b5b;color:#a88b5b}.ht-tag--success{background-color:#2ac864;color:#fff}.ht-tag--success.ht-tag--plain{background-color:#f6ffed;border-color:#b7eb8f;color:#2ac864}.ht-tag--warning{background-color:#fff1c2;color:var(--operate-orange);border-color:var(--operate-orange)}.ht-tag--warning.ht-tag--plain{background-color:#fffbe6;border-color:#ffe58f;color:#faad14}.ht-tag--danger{background-color:#ff4d4f;color:#fff}.ht-tag--danger.ht-tag--plain{background-color:#fff2f0;border-color:#ffccc7;color:#ff4d4f}.ht-tag--info{background-color:#1890ff;color:#fff}.ht-tag--info.ht-tag--plain{background-color:#e6f7ff;border-color:#91d5ff;color:#1890ff}.ht-tag:active{opacity:.8}.tag-info-card{width:100%;height:1.2rem;overflow:hidden;display:flex;flex-wrap:wrap;align-content:flex-start;gap:.10667rem}.detail-tag{padding:.05333rem .10667rem;height:.53333rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:.05333rem}.tag-info-card.card-type{height:1.86667rem}.swiper{position:relative;width:100%;height:100%;min-height:1.33333rem;border-radius:.16rem;background:transparent;touch-action:pan-y;user-select:none}.swiper__container{position:relative;width:100%;height:100%;cursor:grab}.swiper__container:active{cursor:grabbing}.swiper__item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out;display:flex;align-items:center;justify-content:center;font-size:.32rem;color:#333}.swiper__item--active{opacity:1}.swiper__btn{position:absolute;top:50%;transform:translateY(-50%);width:.53333rem;height:.53333rem;border:none;border-radius:50%;background:#fffc;font-size:.26667rem;cursor:pointer;transition:all .3s ease;z-index:10}.swiper__btn:hover:not(.swiper__btn--disabled){background:#fff;box-shadow:0 2px .10667rem #0003}.swiper__btn--disabled{opacity:.3;cursor:not-allowed}.swiper__btn--prev{left:.21333rem}.swiper__btn--next{right:.21333rem}.swiper__progress{position:absolute;bottom:-.06667rem;left:50%;transform:translate(-50%);display:flex;gap:.10667rem;z-index:10}.swiper__progress-dot{position:relative;width:.10667rem;height:.10667rem;border:none;border-radius:2.64rem;background:var(--line-regular-color);cursor:pointer;transition:background-color .3s ease;overflow:hidden}.swiper__progress-dot--active{width:.26667rem;height:.10667rem;border:none;border-radius:2.64rem;background:var(--primary-color)}.swiper.swiping .swiper__item--active{transition-duration:.2s}.pwa-tips-modal{width:8.93333rem}.pwa-tips-modal .ht-modal-header{padding:.64rem .42667rem .32rem}.pwa-tips-modal .ht-modal-body{padding:0 .42667rem .42667rem;background-color:#fff}.pwa-tips-content{display:flex;flex-direction:column;align-items:center}.pwa-tips-content .pwa-tips-image{width:8.08rem;height:auto}.pwa-tips-content .pwa-tips-image:first-child{margin-bottom:.64rem}.promotion-line{width:100%;height:.88rem;padding:.21333rem .32rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#fff;margin-bottom:.16rem;font-family:PingFang SC;font-weight:400;letter-spacing:0px;vertical-align:middle}.promotion-line_tag{min-width:1.38667rem;height:.56rem;display:flex;justify-content:center;align-items:center;padding:.08rem .10667rem;font-size:.29333rem;background-color:var(--pay-yellow);color:#fff;border-radius:.10667rem}.promotion-line_desc{width:100%;line-height:.56rem;font-size:.29333rem;flex:1;margin:0 .16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--primary-color)}.promotion-line_arrow{width:.37333rem;line-height:.37333rem;font-size:.37333rem;flex:0;color:#9499a0}