.bj-tab-carousel{position:relative;--bj-tab-color:#64748b;--bj-tab-hover-color:#0a2540;--bj-tab-active-color:#0a2540;--bj-tab-bg:transparent;--bj-tab-hover-bg:transparent;--bj-tab-active-bg:transparent;--bj-underline:#2455f4;--bj-underline-h:3px;--bj-nav-color:#2455f4;--bj-icon-size:20px;--bj-divider-color:#e6e8eb;--bj-divider-h:20px;--bj-nav-x:0;--bj-nav-y:0}
.bj-tabs-nav{display:flex;gap:24px;align-items:center;border-bottom:1px solid #e6e8eb;margin-bottom:16px}
.bj-tab-btn{appearance:none;background:var(--bj-tab-bg);border:0;cursor:pointer;padding:12px 8px;margin:0;color:var(--bj-tab-color);text-transform:uppercase;letter-spacing:.04em;font-weight:600;position:relative}
.bj-tab-btn:hover{color:var(--bj-tab-hover-color);background:var(--bj-tab-hover-bg)}
.bj-tab-btn.is-active{color:var(--bj-tab-active-color);background:var(--bj-tab-active-bg)}
.bj-tab-btn.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:var(--bj-underline-h);background:var(--bj-underline)}

.bj-tabs-panels{position:relative}
.bj-tab-panel{position:relative}

.bj-slider{position:relative}
.bj-slider-viewport{overflow:visible}
.bj-slider-track{display:flex;gap:16px;will-change:transform;transition:transform .35s ease}
.bj-slide{flex:0 0 auto}

.bj-card{display:block;background:#fff;border-radius:0;box-shadow:0 2px 10px rgba(16,24,40,.06);overflow:visible;position:relative;height:100%;transition:all .3s ease}
.bj-card-media{display:flex;align-items:center;justify-content:center;min-height:150px;background:#f8fafc}
.bj-card-media img{max-width:100%;height:auto}
.bj-card-body{padding:16px}
.bj-card-title{font-size:16px;line-height:1.35;margin:0 0 8px}
.bj-card-category{font-size:13px;color:#64748b}
.bj-card-arrow{position:absolute;right:0;bottom:0;background:transparent;border:1px solid transparent;color:#fff;border-radius:0;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;overflow:hidden;z-index:2;transition:all .3s ease}
.bj-card-arrow svg{display:block;width:18px;height:18px;transition:all .3s ease}
.bj-card-arrow svg path{transition:stroke .3s ease}
.bj-card-arrow .arrow-icon-normal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease;display:flex;align-items:center;justify-content:center}
.bj-card-arrow .arrow-icon-hover{position:absolute;top:50%;left:50%;transform:translate(-150%,50%);transition:all .3s ease;display:flex;align-items:center;justify-content:center}
.bj-card-arrow:after{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;width:calc(100% + 2px);height:calc(100% + 2px);transform:translateY(100%);z-index:-1;transition:transform .3s ease;background:rgba(255,255,255,0.6)}
.bj-card:hover{box-shadow:0 6px 16px rgba(16,24,40,.12);transform:translateY(-4px)}
.bj-card:hover .bj-card-arrow:after{transform:translateY(0)}
.bj-card:hover .bj-card-arrow .arrow-icon-normal{transform:translate(50%,-150%)}
.bj-card:hover .bj-card-arrow .arrow-icon-hover{transform:translate(-50%,-50%)}

.bj-nav-group{position:absolute;z-index:2;display:flex;align-items:center;gap:8px}
.bj-nav{border:0;background:none;color:var(--bj-nav-color,#2455f4);padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--bj-icon-size,20px);text-decoration:none;outline:none;box-shadow:none;transition:transform .3s ease}
.bj-nav i,.bj-nav svg{width:1em;height:1em;fill:currentColor;stroke:currentColor}
.bj-nav:hover{background:none;opacity:1}
.bj-prev:hover{transform:translateX(-4px)}
.bj-next:hover{transform:translateX(4px)}
.bj-nav-divider{width:1px;height:var(--bj-divider-h,20px);background:var(--bj-divider-color,#e6e8eb)}
.bj-nav[disabled],.bj-nav.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}
/* 默认两侧居中 */
.nav-pos-sides .bj-slider .bj-nav-group{top:50%;left:0;right:0;transform:translateY(-50%);justify-content:space-between;pointer-events:none}
.nav-pos-sides .bj-nav{pointer-events:auto}
/* 右上 */
.nav-pos-top-right .bj-slider .bj-nav-group{top:0;right:0;transform:translateY(-120%)}
/* 右下 */
.nav-pos-bottom-right .bj-slider .bj-nav-group{bottom:0;right:0;transform:translateY(120%)}
/* 底部左边 */
.nav-pos-bottom-left .bj-slider .bj-nav-group{bottom:0;left:0;transform:translateY(120%)}
/* 自定义位置 */
.nav-pos-custom .bj-slider .bj-nav-group{bottom:0;left:0;transform:translate(var(--bj-nav-x,0),var(--bj-nav-y,0))}

@media (max-width:1024px){.bj-tab-btn{padding:10px 2px}.bj-slider-track{gap:12px}}
@media (max-width:768px){.bj-card-media{min-height:130px}}