.h3dg{display:block}
.h3dg-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.h3dg-tab{padding:8px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;font:600 13px/1 system-ui}
.h3dg-tab.active{border-color:#38c6bd;box-shadow:0 0 0 3px rgba(56,198,189,.15)}
.h3dg-body{display:flex;gap:16px}
.h3dg-left{width:30%;max-width:30%;overflow-y:auto;max-height:560px;border:1px solid #e5e7eb;border-radius:12px;padding:10px;background:#fff}
.h3dg-right{width:70%;max-width:70%}
.h3dg-list{display:grid;grid-template-columns:1fr;gap:10px}
.h3dg-card{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;cursor:pointer}
.h3dg-card img{display:block;width:100%;height:auto}
.h3dg-card.active{border-color:#38c6bd;box-shadow:0 0 0 3px rgba(56,198,189,.15)}
.h3dg-mv{width:100%;height:520px;--poster-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;background:#fff}
.h3dg-toolbar{display:flex;gap:8px;margin-top:10px}
.h3dg-progress{display:flex;gap:8px;padding:10px}
.h3dg-progress-inner{height:6px;width:100%;background:#f1f5f9;border-radius:8px;overflow:hidden;position:relative}
.h3dg-progress-inner .inner-fill{height:100%;width:0;background:#38c6bd}
.h3dg-mv:fullscreen, .h3dg-mv:-webkit-full-screen { width:100vw; height:100vh; border-radius:0; border:none; }
@media (max-width:900px){
  .h3dg-body{flex-direction:column}
  .h3dg-left,.h3dg-right{width:100%;max-width:100%}
  .h3dg-left{max-height:280px}
}