.video-container[data-v-e5025cac]{position:relative;width:100%;height:100%}.video-preload[data-v-e5025cac]{position:absolute;z-index:99999999;top:0;left:0;width:100%;height:100%;background-color:#000;text-align:center;vertical-align:middle}.test-container[data-v-c6812b94]{padding:20px;max-width:1800px;margin:0 auto;background:#f5f5f5;min-height:100vh}h1[data-v-c6812b94]{text-align:center;color:#333;margin-bottom:10px;font-size:2.5em}.test-url[data-v-c6812b94]{text-align:center;color:#666;margin-bottom:30px;font-family:monospace;background:#fff;padding:10px;border-radius:5px;border:1px solid #ddd}.players-grid[data-v-c6812b94]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;margin-bottom:30px}@media (max-width:1800px){.players-grid[data-v-c6812b94]{grid-template-columns:1fr 1fr}}@media (max-width:1200px){.players-grid[data-v-c6812b94]{grid-template-columns:1fr}}.player-section[data-v-c6812b94]{background:#fff;border-radius:15px;padding:25px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.player-header[data-v-c6812b94]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:3px solid #f0f0f0}.player-header h2[data-v-c6812b94]{margin:0;font-size:1.8em;color:#333}.badge[data-v-c6812b94]{padding:8px 16px;border-radius:20px;font-weight:700;font-size:.9em;color:#fff}.badge-nodeplayer[data-v-c6812b94]{background:linear-gradient(135deg,#f093fb,#f5576c)}.badge-flvjs[data-v-c6812b94]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.badge-mpegts[data-v-c6812b94]{background:linear-gradient(135deg,#fa709a,#fee140)}.video-wrapper[data-v-c6812b94]{position:relative;width:100%;height:480px;background:#000;border-radius:10px;overflow:hidden;margin-bottom:20px;box-shadow:0 5px 15px rgba(0,0,0,.2)}.controls[data-v-c6812b94]{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.btn[data-v-c6812b94]{flex:1;min-width:100px;padding:12px 20px;border:none;border-radius:8px;font-weight:700;font-size:1em;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn[data-v-c6812b94]:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.btn-play[data-v-c6812b94]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-stop[data-v-c6812b94]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-restart[data-v-c6812b94]{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.btn-mute[data-v-c6812b94]{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.status[data-v-c6812b94]{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px}.status-item[data-v-c6812b94]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e0e0e0}.status-item[data-v-c6812b94]:last-child{border-bottom:none}.status-item .label[data-v-c6812b94]{font-weight:700;color:#666}.status-item .value[data-v-c6812b94]{padding:4px 12px;border-radius:12px;background:#e0e0e0;color:#333;font-weight:500}.status-item .value.playing[data-v-c6812b94]{background:#4caf50;color:#fff}.status-item .value.stopped[data-v-c6812b94]{background:#f44336;color:#fff}.status-item .value.buffer-value[data-v-c6812b94]{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;font-family:monospace;font-weight:700}.console[data-v-c6812b94]{margin-top:20px}.console h3[data-v-c6812b94]{margin:0 0 10px 0;color:#333;font-size:1.2em}.console-logs[data-v-c6812b94]{background:#1e1e1e;color:#d4d4d4;padding:15px;border-radius:8px;height:200px;overflow-y:auto;font-family:Courier New,monospace;font-size:.9em;line-height:1.6}.log-entry[data-v-c6812b94]{margin-bottom:5px;display:flex;gap:10px}.log-time[data-v-c6812b94]{color:#858585;flex-shrink:0}.log-message[data-v-c6812b94]{flex:1}.log-info[data-v-c6812b94]{color:#4fc3f7}.log-warning[data-v-c6812b94]{color:#ffb74d}.log-error[data-v-c6812b94]{color:#e57373}.log-success[data-v-c6812b94]{color:#81c784}.instructions[data-v-c6812b94]{background:#fff;border-radius:15px;padding:25px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.instructions h3[data-v-c6812b94]{margin:0 0 15px 0;color:#333;font-size:1.5em}.instructions ul[data-v-c6812b94]{margin:0;padding-left:25px;color:#666;line-height:2}.instructions li[data-v-c6812b94]{margin-bottom:8px}.console-logs[data-v-c6812b94]::-webkit-scrollbar{width:8px}.console-logs[data-v-c6812b94]::-webkit-scrollbar-track{background:#2d2d2d;border-radius:4px}.console-logs[data-v-c6812b94]::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.console-logs[data-v-c6812b94]::-webkit-scrollbar-thumb:hover{background:#777}