.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}}.container-box[data-v-ba14af4c]{min-height:100vh;background:var(--color-bg);padding:var(--spacing-xl) var(--spacing-md) var(--spacing-xxl)}.container-box .app-container[data-v-ba14af4c]{max-width:1400px;margin:0 auto;width:100%}.container-box .page-header[data-v-ba14af4c]{text-align:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background:linear-gradient(135deg,var(--color-main),var(--color-submain));border-radius:var(--radius-lg);color:var(--color-white);position:relative;overflow:hidden}.container-box .page-header[data-v-ba14af4c]:before{content:"🔥";position:absolute;font-size:120px;opacity:.1;right:20px;top:50%;transform:translateY(-50%)}.container-box .page-header h1[data-v-ba14af4c]{font-size:32px;font-weight:var(--font-bold);margin:0 0 var(--spacing-sm)}.container-box .page-header p[data-v-ba14af4c]{font-size:var(--font-base);opacity:.9;margin:0}.container-box .list[data-v-ba14af4c]{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.container-box .el-empty[data-v-ba14af4c]{padding:var(--spacing-xxl);background:var(--color-white);border-radius:var(--radius-lg);min-height:400px;display:flex;align-items:center;justify-content:center}.container-box .common-pagination[data-v-ba14af4c]{width:100%;text-align:center;padding:var(--spacing-xl) 0;background:var(--color-white);border-radius:0 0 var(--radius-lg) var(--radius-lg);margin-top:-1px}.container-box .common-pagination .el-pagination .el-pager li[data-v-ba14af4c]{background:transparent;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.container-box .common-pagination .el-pagination .el-pager li[data-v-ba14af4c]:hover{color:var(--color-main);background:rgba(var(--color-main-rgb),.1)}.container-box .common-pagination .el-pagination .el-pager li.active[data-v-ba14af4c]{color:var(--color-white);background:var(--color-main);font-weight:var(--font-bold)}.container-box .common-pagination .el-pagination .btn-next[data-v-ba14af4c],.container-box .common-pagination .el-pagination .btn-prev[data-v-ba14af4c]{background:transparent;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.container-box .common-pagination .el-pagination .btn-next[data-v-ba14af4c]:hover,.container-box .common-pagination .el-pagination .btn-prev[data-v-ba14af4c]:hover{color:var(--color-main);background:rgba(var(--color-main-rgb),.1)}@media(max-width:1600px){.container-box .list[data-v-ba14af4c]{grid-template-columns:repeat(5,1fr)}}@media(max-width:1400px){.container-box .list[data-v-ba14af4c]{grid-template-columns:repeat(4,1fr)}}@media(max-width:1200px){.container-box .list[data-v-ba14af4c]{grid-template-columns:repeat(3,1fr)}}@media(max-width:992px){.container-box .list[data-v-ba14af4c]{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}}@media(max-width:768px){.container-box[data-v-ba14af4c]{padding:var(--spacing-md) var(--spacing-sm) var(--spacing-xl)}.container-box .page-header[data-v-ba14af4c]{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.container-box .page-header h1[data-v-ba14af4c]{font-size:24px}.container-box .page-header[data-v-ba14af4c]:before{font-size:80px}.container-box .list[data-v-ba14af4c]{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs);padding:var(--spacing-md);border-radius:var(--radius-md)}.container-box .common-pagination[data-v-ba14af4c]{padding:var(--spacing-lg) 0}}@media(max-width:576px){.container-box .list[data-v-ba14af4c]{grid-template-columns:repeat(1,1fr)}}