.tnv-item { margin: 16px auto; max-width: 100%; position: relative; overflow: hidden; }
.tnv-item video { width: 100%; border-radius: 16px; display:block; position: relative; z-index: 1; } .tnv-controls { position: absolute; left: 10px; bottom: 10px; display: flex; gap: 8px; align-items: center; background: rgba(0,0,0,0.35); border-radius: 12px; padding: 6px 8px; color: #fff; backdrop-filter: blur(4px); z-index: 2; font-size: 15px; }
.tnv-controls .tnv-btn { cursor: pointer; background: transparent; border: none; padding: 6px; border-radius: 8px; line-height: 1; font-size: 16px; }
.tnv-controls .tnv-btn:hover { background: rgba(255,255,255,0.12); }
.tnv-controls .tnv-btn svg { width: 20px; height: 20px; display: block; fill: #fff; }
.tnv-controls .tnv-vol { width: 120px; accent-color: #fff; } .tnv-card { margin: 16px 0; max-width: none; width: 100%; }
.tnv-meta { margin: 6px 4px 18px; }
.tnv-title { text-decoration: none; color: inherit; }