.bbs-media{background:#f3f4f6;border-bottom:1px solid #eef1f4;width:100%;height:190px;position:relative;overflow:hidden}.bbs-media-video{object-fit:cover;background:#111827;width:100%;height:100%;display:block;position:absolute;inset:0}.bbs-media-overlay{z-index:1;pointer-events:none;background:linear-gradient(#0000 55%,#11182724);position:absolute;inset:0}.bbs-media-controls{z-index:5;align-items:center;gap:5px;display:flex;position:absolute;bottom:10px;left:10px}.bbs-media-control{color:#fff;cursor:pointer;background:#111827bd;border:1px solid #ffffff24;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;transition:background .15s,border .15s,transform .15s;display:flex}.bbs-media-control:hover{background:#111827e0;transform:translateY(-1px)}.bbs-media-thumbs{z-index:5;align-items:center;gap:5px;display:flex;position:absolute;bottom:10px;right:10px}.bbs-media-thumb{cursor:pointer;background:#111827;border:1px solid #ffffff1f;border-radius:5px;flex-shrink:0;width:42px;height:30px;padding:0;transition:border .15s,transform .15s;position:relative;overflow:hidden}.bbs-media-thumb:hover{transform:translateY(-1px)}.bbs-media-thumb.active{border-color:#ffffffb8}.bbs-media-thumb img,.bbs-media-thumb video,.bbs-media-thumb-video{object-fit:cover;width:100%;height:100%;display:block}.bbs-media-thumb:after{content:"";background:#11182752;transition:opacity .15s;position:absolute;inset:0}.bbs-media-thumb.active:after{opacity:0}.bbs-media-nav{z-index:6;pointer-events:none;position:absolute;inset:0}.bbs-media-nav-btn{color:#fff;cursor:pointer;pointer-events:auto;opacity:0;background:#111827ad;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;transition:opacity .15s,background .15s,transform .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.bbs-media:hover .bbs-media-nav-btn{opacity:1}.bbs-media-nav-btn:hover{background:#111827e0}.bbs-media-nav-btn.left{left:10px}.bbs-media-nav-btn.right{right:10px}@media (max-width:768px){.bbs-media{height:210px}.bbs-media-nav-btn{opacity:1}.bbs-media-thumbs{bottom:8px;right:8px}.bbs-media-controls{bottom:8px;left:8px}}