.cat-tab-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;border-radius:8px;transition:all .2s ease;position:relative;min-width:80px}
.cat-tab-item:hover{background:#f0f5ff}
.cat-tab-item.active{color:#0052D9}
.cat-tab-item.active::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:24px;height:2px;background:#0052D9;border-radius:1px}
.cat-tab-item .cat-icon{width:48px;height:48px;border-radius:12px;background:#f0f5ff;display:flex;align-items:center;justify-content:center;transition:all .2s}
.cat-tab-item.active .cat-icon{background:#0052D9;color:#fff}
.cat-tab-item .cat-icon svg{width:24px;height:24px;color:#0052D9;transition:color .2s}
.cat-tab-item.active .cat-icon svg{color:#fff}
.cat-tab-item .cat-name{font-size:12px;color:#666;white-space:nowrap;transition:color .2s}
.cat-tab-item.active .cat-name{color:#0052D9;font-weight:500}

.prod-card{background:#fff;border:1px solid #eef0f4;border-radius:8px;padding:20px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}
.prod-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.08);border-color:rgba(0,82,217,.15)}

.prod-ribbon{position:absolute;top:12px;right:-28px;transform:rotate(45deg);font-size:10px;padding:2px 30px;font-weight:600;letter-spacing:.5px}
.prod-ribbon-hot{background:#fef2f2;color:#ef4444}
.prod-ribbon-rec{background:#eff6ff;color:#0052D9}
.prod-ribbon-val{background:#f0fdf4;color:#16a34a}

.prod-spec{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:12px}
.prod-spec .spec-label{color:#9ca3af}
.prod-spec .spec-val{color:#374151;font-weight:500}

.prod-price{color:#0052D9;font-size:24px;font-weight:700;line-height:1}
.prod-buy-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:8px 0;font-size:13px;color:#0052D9;border:1px solid rgba(0,82,217,.2);border-radius:6px;transition:all .2s;background:transparent;cursor:pointer;text-decoration:none}
.prod-buy-btn:hover{background:#0052D9;color:#fff;border-color:#0052D9}

.sub-tab-item{display:inline-block;padding:6px 20px;font-size:13px;color:#666;border-radius:20px;cursor:pointer;transition:all .2s;border:1px solid transparent;text-decoration:none}
.sub-tab-item:hover{color:#0052D9;background:#f0f5ff}
.sub-tab-item.active{color:#fff;background:#0052D9;border-color:#0052D9}

.prod-card-v2{background:#fff;border:1px solid #eef0f4;border-radius:10px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}
.prod-card-v2:hover{transform:translateY(-6px);box-shadow:0 12px 36px rgba(0,0,0,.08);border-color:rgba(0,82,217,.15)}
.prod-card-v2 .prod-ribbon{z-index:2}
.prod-card-v2-header{padding:20px 20px 0;border-bottom:none}
.prod-card-v2-header h4{font-size:16px;font-weight:600;color:#1a1a1a;margin:0;line-height:1.4}
.prod-card-v2-specs{padding:14px 20px;flex:1}
.spec-line{font-size:13px;color:#666;padding:5px 0;border-bottom:1px dashed #f0f0f0;line-height:1.6}
.spec-line:last-child{border-bottom:none}
.prod-card-v2-price{padding:8px 20px 0;display:flex;align-items:baseline}
.prod-card-v2-btn{display:block;margin:12px 20px 20px;padding:10px 0;text-align:center;font-size:14px;color:#fff;background:#0052D9;border-radius:6px;transition:all .2s;text-decoration:none;font-weight:500}
.prod-card-v2-btn:hover{background:#0040B0;box-shadow:0 4px 12px rgba(0,82,217,.3)}

#backToTop.visible{opacity:1!important;visibility:visible!important}

.banner-swiper .swiper-button-prev,.banner-swiper .swiper-button-next{background:rgba(255,255,255,.1);border-radius:50%;backdrop-filter:blur(4px)}
.banner-swiper .swiper-button-prev:hover,.banner-swiper .swiper-button-next:hover{background:rgba(255,255,255,.2)}
.banner-swiper .swiper-pagination-bullet{background:#fff;opacity:.4}
.banner-swiper .swiper-pagination-bullet-active{opacity:1;background:#0052D9}

@media(max-width:768px){
  .cat-tab-item{min-width:60px;padding:8px 10px}
  .cat-tab-item .cat-icon{width:40px;height:40px;border-radius:10px}
  .cat-tab-item .cat-icon svg{width:20px;height:20px}
  #floatToolbar{right:8px}
}