.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;cursor:pointer}.commodity-content-title li span{font-weight:500;font-size:14px;margin-right:5px}.commodity-content-title li>div{flex-direction:column}.commodity-content-title .el-icon-caret-top{margin-bottom:-8px;font-size:14px}.commodity-content-title .el-icon-caret-bottom{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}.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}}.app-container{max-width:1200px;margin:0 auto}.serach-result{background:var(--color-bg);min-height:100vh;padding-bottom:var(--spacing-xxl)}.serach-result-wrap{min-height:calc(100vh - 390px);position:relative;padding-bottom:var(--spacing-xxl)}.serach-result-wrap .common-pagination{position:absolute;bottom:0;left:0}.serach-result .no-data{display:flex;justify-content:center;align-items:center;min-height:400px;padding:var(--spacing-xxl)}.serach-result .no-data .el-empty{transform:scale(1.2)}.store-content-main{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-top:var(--spacing-lg);overflow:hidden;min-height:400px}.store-content-main>.content{overflow:hidden;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-lg);padding:var(--spacing-xl);animation:fadeIn .6s ease}.store-content-main>.content>.item:nth-child(6n){margin-right:0}.common-pagination{width:100%;text-align:center;padding:var(--spacing-xl) 0;border-top:2px solid var(--color-border-light)}.common-pagination .es-pagination .el-pager li{background:transparent;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.common-pagination .es-pagination .el-pager li:hover{color:var(--color-main);background:rgba(var(--color-main-rgb),.1)}.common-pagination .es-pagination .el-pager li.active{color:var(--color-white);background:var(--color-main);font-weight:var(--font-bold)}.common-pagination .es-pagination .btn-next,.common-pagination .es-pagination .btn-prev{background:transparent;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.common-pagination .es-pagination .btn-next:hover,.common-pagination .es-pagination .btn-prev:hover{color:var(--color-main);background:rgba(var(--color-main-rgb),.1)}@media(max-width:1200px){.app-container{max-width:100%;padding:0 var(--spacing-md)}.store-content-main>.content{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md);padding:var(--spacing-lg)}}@media(max-width:992px){.store-content-main>.content{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:768px){.app-container{padding:0 var(--spacing-sm)}.serach-result .no-data{padding:var(--spacing-lg)}.store-content-main{margin-top:var(--spacing-md)}.store-content-main>.content{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-sm);padding:var(--spacing-md)}.common-pagination{padding:var(--spacing-md) 0}.common-pagination .es-pagination .el-pager li{min-width:30px;height:30px;line-height:30px}}