/* 产品分类 Tab */
.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}

/* 悬浮工具栏 */
#backToTop.visible{opacity:1!important;visibility:visible!important}

/* Banner Swiper 箭头 */
.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}
}