:root{--accent:#007BBF;--btn-bg:rgba(0,0,0,0.6);--btn-hover:rgba(0,0,0,0.8)}.carousel-container{position:relative;width:100%;max-width:920px;margin:28px auto;overflow:hidden;border-radius:12px;box-shadow:0 6px 22px rgba(0,0,0,.12);background:#fff;padding-bottom:18px}.carousel-slides{display:flex;transition:transform .6s ease-in-out;will-change:transform}.carousel-slide{min-width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:16px}.carousel-slide img{width:100%;max-height:560px;object-fit:contain;border-radius:10px;display:block;user-select:none;-webkit-user-drag:none}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:var(--btn-bg);color:#fff;border:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;z-index:20;font-size:20px;line-height:1;transition:background .18s}.carousel-btn:hover{background:var(--btn-hover)}.carousel-btn.prev{left:12px}.carousel-btn.next{right:12px}.carousel-dots{text-align:center;margin-top:8px;position:absolute;left:0;right:0;bottom:10px;z-index:15;pointer-events:none}.carousel-dot{display:inline-block;width:12px;height:12px;margin:0 6px;background:#cfcfcf;border-radius:50%;cursor:pointer;transition:transform .18s,background .18s,opacity .18s;pointer-events:auto;opacity:.95}.carousel-dot.active{background:var(--accent);transform:scale(1.15);opacity:1}@media (max-width:720px){.carousel-slide img{max-height:380px}.carousel-btn{width:40px;height:40px;font-size:18px}.carousel-dot{width:10px;height:10px;margin:0 5px}}