.pro-container{width:100%;min-width:0;overflow:hidden}.pro-container:hover .product{border-color:transparent;box-shadow:var(--shadow-card-hover);transform:translateY(-8px)}.pro-container:hover .product .poster img{transform:scale(1.08)}.pro-container:hover .product .product-footer{opacity:1;transform:translateY(0)}.pro-container:hover .product .discount{transform:scale(1.05)}.product{background:var(--gradient-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);height:100%;width:100%;min-width:0;display:flex;flex-direction:column;overflow:hidden;transform:scale(1);transform-origin:center center;will-change:transform}.product,.product>div{cursor:pointer}.product .discount{position:absolute;top:var(--spacing-md);left:var(--spacing-md);min-width:52px;max-width:80px;height:auto;padding:6px 10px;background:var(--gradient-sale);border-radius:var(--radius-full);box-shadow:var(--shadow-price);text-align:center;z-index:2;transition:transform .3s ease;overflow:hidden}.product .discount span{display:inline;color:var(--color-white);font-size:12px;font-weight:var(--font-bold);line-height:1;letter-spacing:-.5px;white-space:nowrap}.product .discount span:first-child{font-size:14px}.product .discount br{display:none}.product .poster{width:100%;height:200px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;background:linear-gradient(180deg,#f8f9fa,#f0f1f2);display:flex;align-items:center;justify-content:center;position:relative}.product .poster:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(0deg,rgba(0,0,0,.03),transparent);pointer-events:none}.product .poster img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.product>div:nth-child(2){padding:var(--spacing-md);min-width:0;width:100%}.product h2{font-size:22px;font-weight:var(--font-bold);color:var(--color-price);margin-bottom:var(--spacing-xs);line-height:1.2;display:flex;align-items:baseline;gap:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0}.product h2:before{content:"";display:none}.product .product-res{font-size:var(--font-xs);font-weight:var(--font-medium);color:var(--color-subtitle);margin-bottom:var(--spacing-sm);line-height:1.4;display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0}.product .product-res:before{content:"";display:inline-block;width:6px;height:6px;background:var(--gradient-success);border-radius:50%;flex-shrink:0}.product p{font-size:var(--font-sm);font-weight:var(--font-normal);color:var(--color-title);line-height:1.5;min-height:42px;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;hyphens:auto;width:100%;min-width:0;flex:1}.product-footer{justify-content:space-between;padding:var(--spacing-md);background:linear-gradient(0deg,#fafafa,#fff);border-top:1px solid var(--color-border-light);margin-top:auto;opacity:.9;transform:translateY(4px);transition:all .3s ease;width:100%}.product-footer,.product-footer div{display:flex;align-items:center;min-width:0}.product-footer div{gap:var(--spacing-sm)}.product-footer div:first-child{flex:1;min-width:0}.product-footer div:last-child{flex-shrink:0}.product-footer .el-icon-shopping-cart-full{font-size:18px;color:var(--color-main);background:rgba(248,153,0,.1);padding:6px;border-radius:50%;transition:all var(--transition-fast);flex-shrink:0}.product-footer .buy-btn{font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--color-white);background:var(--gradient-primary);padding:8px 16px;border-radius:var(--radius-full);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.product-footer .buy-btn:hover{background:var(--gradient-primary-hover);transform:scale(1.05);box-shadow:0 6px 20px rgba(248,153,0,.35)}.product-footer .el-icon-star-off,.product-footer .el-icon-star-on{font-size:22px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:4px}.product-footer .el-icon-star-off:hover,.product-footer .el-icon-star-on:hover{transform:scale(1.3) rotate(-10deg)}.product-footer .el-icon-star-on{color:gold;filter:drop-shadow(0 2px 4px rgba(255,215,0,.4))}.product-footer .el-icon-star-off{color:var(--color-icon-light)}.product-footer .el-icon-star-off:hover{color:gold}@media(max-width:768px){.product .poster{height:160px}.product h2{font-size:var(--font-lg)}.product p{min-height:38px;font-size:var(--font-xs)}.product-footer{padding:var(--spacing-sm) var(--spacing-md);opacity:1;transform:translateY(0)}.product-footer .buy-btn{font-size:var(--font-xs);padding:6px 12px}}.recommend-swiper[data-v-7bbf20e4]{max-width:1112px;margin:0 auto;height:198px;margin-bottom:48px}.recommend-swiper .swiper-slide[data-v-7bbf20e4]{height:198px}.recommend-swiper .swiper-slide img[data-v-7bbf20e4]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.recommend .commodity-content[data-v-7bbf20e4]{min-height:300px}.recommend .commodity-content-item[data-v-7bbf20e4]{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(188px,165px));grid-column-gap:14px;grid-row-gap:20px;align-content:center}.recommend .commodity-content-item>.item[data-v-7bbf20e4] .product p{height:42px!important}.commodity-content-title{color:var(--color-black);padding:22px 28px 0 28px;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.commodity-content-title .search-content{position:absolute;right:-3px}.commodity-content-title .search-content .el-input__inner{border-radius:40px}.commodity-content-title h2{font-weight:500;font-size:14px;color:var(--color-black);margin-right:43px}.commodity-content-title .checked{color:red}.commodity-content-title ul{margin-left:0}.commodity-content-title li{margin-right:46px}.commodity-content-title li span{font-weight:500;font-size:14px;margin-right:5px}.commodity-content-title .el-icon-caret-bottom,.commodity-content-title .el-icon-caret-top{font-size:14px}.commodity-content-title .sort-icon{height:10px;position:relative;width:14px}.commodity-content-title .sort-icon i{color:#d9d9d9;position:absolute}.commodity-content-title .sort-icon .sort-active{color:var(--color-main)}.commodity-content-title .sort-icon-up i{bottom:4px}.commodity-content-title .sort-icon-down i{top:-4px}html[dir=rtl] .first-item{text-align:right}.sort-active{color:var(--color-main)}.first-item{text-align:left}.list{display:flex;justify-content:space-between;align-items:center}.list-item li{text-indent:10px;padding:5px 0;text-align:left;color:#000!important}.list-item li:first-child{margin-top:15px}.list-item li.active,.list-item li:hover{color:var(--color-main)!important}.sort-icon{height:10px;position:relative;width:14px}.sort-icon i{color:#d9d9d9;position:absolute}.sort-icon .sort-active{color:var(--color-main)}.sort-icon-up i{bottom:4px}.sort-icon-down i{top:-4px}html[dir=rtl] .store .wrap .head-wrap .box .container-left img{margin-right:0;margin-left:var(--spacing-lg)}html[dir=rtl] .store .wrap .head-wrap .box .container-left{padding-right:var(--spacing-xxl);padding-left:0}html[dir=rtl] .store .wrap .head-wrap .box .btn{margin-right:0;margin-left:var(--spacing-xl)}html[dir=rtl] .commodity-content-list{margin-left:0;margin-right:var(--spacing-lg)}html[dir=rtl] .commodity-content-title{padding-left:var(--spacing-xl);padding-right:0}html[dir=rtl] .commodity-content-title .search-content{right:auto;left:0}.store{background:var(--color-bg);min-height:100vh}.store .wrap{width:100%;margin-top:var(--spacing-lg)}.store .wrap .head-wrap{width:100%;height:320px;background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.store .wrap .head-wrap .swiper-container{height:100%;border-radius:var(--radius-lg)}.store .wrap .head-wrap .swiper-wrapper img{width:100%!important;height:100%!important;-o-object-fit:cover;object-fit:cover}.store .wrap .head-wrap .banner{z-index:-1;width:100%;position:absolute;top:50%;height:100%;transform:translateY(-50%);-o-object-fit:cover;object-fit:cover}.store .wrap .head-wrap .box{max-width:1100px;height:160px;left:0;top:0;bottom:0;right:0;background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.3);border-radius:var(--radius-md);margin:auto;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:11;padding:0 var(--spacing-xl);box-shadow:var(--shadow-xl);transition:all var(--transition-base)}.store .wrap .head-wrap .box:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px)}.store .wrap .head-wrap .box .desc{display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-sm)}.store .wrap .head-wrap .box .container-left{display:flex;justify-content:flex-start;align-items:center}.store .wrap .head-wrap .box .container-left img{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:var(--spacing-lg);border:3px solid hsla(0,0%,100%,.8);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.store .wrap .head-wrap .box .container-left img:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.store .wrap .head-wrap .box .container-left p{font-weight:var(--font-bold);font-size:22px;line-height:1.2;margin-bottom:0;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.store .wrap .head-wrap .box .container-left span{font-weight:var(--font-normal);font-size:var(--font-sm);max-width:600px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:hsla(0,0%,100%,.9);text-shadow:1px 1px 2px rgba(0,0,0,.2)}.store .wrap .head-wrap .box .container-left .img-list{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.store .wrap .head-wrap .box .container-left .img-list a{transition:all var(--transition-fast)}.store .wrap .head-wrap .box .container-left .img-list a:hover{transform:translateY(-2px) scale(1.1)}.store .wrap .head-wrap .box .container-left .img-list img{width:32px;height:32px;margin-right:0;border-radius:var(--radius-xs);border:2px solid hsla(0,0%,100%,.5);box-shadow:var(--shadow-sm)}.store .wrap .head-wrap .box .btn{color:var(--color-white);background:var(--color-main);border-radius:var(--radius-full);min-width:110px;height:40px;line-height:40px;border:none;display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);font-weight:var(--font-semibold);font-size:var(--font-base);padding:0 var(--spacing-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.store .wrap .head-wrap .box .btn:hover{background:var(--color-submain);transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-lg)}.store .wrap .head-wrap .box .btn:active{transform:translateY(0) scale(1)}.store .wrap .head-wrap .box .btn i{color:var(--color-white);font-size:var(--font-md)}.store .wrap .nav{width:100%;background:var(--color-white);display:flex;align-items:center;box-shadow:var(--shadow-sm);border-radius:var(--radius-md);margin-top:var(--spacing-lg);overflow:hidden}.store .wrap .nav ul{width:100%;max-width:1200px;list-style:none;margin:0 auto;height:56px;display:flex;padding:0 var(--spacing-md)}.store .wrap .nav ul li{color:var(--color-text);margin-right:var(--spacing-xxl);font-weight:var(--font-semibold);font-size:var(--font-base);cursor:pointer;height:100%;line-height:56px;position:relative;transition:all var(--transition-fast)}.store .wrap .nav ul li:hover{color:var(--color-main)}.store .wrap .nav ul li:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--color-main);transform:scaleX(0);transition:transform var(--transition-base)}.store .wrap .nav ul li.active{color:var(--color-main)}.store .wrap .nav ul li.active:after{transform:scaleX(1)}.store-content{padding:var(--spacing-xl) 0;background:var(--color-white);border-radius:var(--radius-md);margin-top:var(--spacing-lg);box-shadow:var(--shadow-sm);min-height:400px}.commodity-wrap{align-items:flex-start;margin-top:var(--spacing-lg)}.commodity-wrap ul{list-style:none;margin:0;padding:0}.commodity-filter{width:200px;background:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.commodity-filter h2{width:100%;text-align:center;font-weight:var(--font-bold);font-size:var(--font-base);color:var(--color-title);border-bottom:2px solid var(--color-border-light);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-lg)}.commodity-filter-item{text-align:left;width:100%;font-weight:var(--font-normal);font-size:var(--font-sm);color:var(--color-text);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--spacing-xs)}.commodity-filter-item:hover{color:var(--color-main);background:rgba(var(--color-main-rgb),.05);transform:translateX(4px)}.commodity-filter-item-active{color:var(--color-main);background:rgba(var(--color-main-rgb),.1);font-weight:var(--font-semibold);border-left:3px solid var(--color-main)}.commodity-content{width:100%}.commodity-content-title{color:var(--color-title);padding:var(--spacing-lg) var(--spacing-xl)}.commodity-content-title h2{font-weight:var(--font-semibold);font-size:var(--font-md);color:var(--color-title)}.commodity-content-title li{margin-right:var(--spacing-xxl);cursor:pointer}.commodity-content-title li span{font-weight:var(--font-medium);font-size:var(--font-base);margin-right:var(--spacing-xs)}.commodity-content-title li>div{flex-direction:column}.commodity-content-title .el-icon-caret-top{margin-bottom:-8px}.commodity-content-list{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-lg);padding:var(--spacing-xl)}.commodity-content-pagination{width:100%;text-align:center;padding:var(--spacing-xl) 0;border-top:2px solid var(--color-border-light)}.commodity-content .no-data{display:flex;justify-content:center;align-items:center;min-height:400px}.commodity-content .no-data .el-empty{transform:scale(1.2)}@media(max-width:1240px){.store .wrap{padding:0 var(--spacing-md)}.store .wrap .head-wrap .box{max-width:95%}}@media(max-width:992px){.store .wrap .head-wrap{height:280px}.store .wrap .head-wrap .box{height:auto;flex-direction:column;padding:var(--spacing-lg);gap:var(--spacing-md)}.store .wrap .head-wrap .box .container-left{flex-direction:column;text-align:center}.store .wrap .head-wrap .box .container-left img{margin-right:0;margin-bottom:var(--spacing-md)}.store .wrap .head-wrap .box .btn{width:100%}.store .wrap .nav ul li{margin-right:var(--spacing-lg);font-size:var(--font-sm)}.commodity-content-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:var(--spacing-md)!important}}@media(max-width:768px){.store .wrap{margin-top:0}.store .wrap .head-wrap{height:240px;border-radius:var(--radius-md)}.store .wrap .head-wrap .box{padding:var(--spacing-md)}.store .wrap .head-wrap .box .container-left img{width:60px;height:60px}.store .wrap .head-wrap .box .container-left p{font-size:var(--font-lg)}.store .wrap .head-wrap .box .container-left span{font-size:var(--font-xs);max-width:300px}.store .wrap .head-wrap .box .container-left .img-list img{width:24px;height:24px}.store .wrap .head-wrap .box .btn{height:36px;line-height:36px;font-size:var(--font-sm)}.store .wrap .nav{margin-top:var(--spacing-md)}.store .wrap .nav ul{padding:0 var(--spacing-sm);height:48px}.store .wrap .nav ul li{line-height:48px;font-size:var(--font-xs);margin-right:var(--spacing-md)}.store-content{margin-top:var(--spacing-md)}.commodity-content-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:var(--spacing-sm)!important;padding:var(--spacing-md)!important}}