.video-player-container[data-v-c18e485c]{min-height:100vh;display:flex;flex-direction:column;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.header[data-v-c18e485c]{background:#fff;padding:16px;border-bottom:1px solid #e4e7ed}.header h1[data-v-c18e485c]{margin:0 0 16px;font-size:20px;font-weight:600;color:#333;text-align:center}.url-input-section[data-v-c18e485c]{display:flex;gap:10px;flex-wrap:wrap}.url-input[data-v-c18e485c]{flex:1;min-width:200px;padding:12px 16px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;color:#333;background:#fff}.url-input[data-v-c18e485c]:focus{outline:none;border-color:#409eff}.load-btn[data-v-c18e485c],.clear-btn[data-v-c18e485c],.control-btn[data-v-c18e485c],.speed-btn[data-v-c18e485c]{padding:12px 24px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:44px;-webkit-user-select:none;user-select:none}.load-btn[data-v-c18e485c]{background:#409eff;color:#fff;min-width:100px}.load-btn[data-v-c18e485c]:hover:not(:disabled){background:#66b1ff}.load-btn[data-v-c18e485c]:disabled{background:#a0cfff;cursor:not-allowed}.clear-btn[data-v-c18e485c]{background:#909399;color:#fff;min-width:80px}.clear-btn[data-v-c18e485c]:hover{background:#a6a9ad}.main-content[data-v-c18e485c]{flex:1;padding:20px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.video-section[data-v-c18e485c]{margin-bottom:24px}.video-player[data-v-c18e485c]{width:100%;max-height:60vh;background:#000;border-radius:4px;display:block}.video-info[data-v-c18e485c]{background:#fff;padding:16px;margin-top:12px;border-radius:4px;border:1px solid #e4e7ed}.info-item[data-v-c18e485c]{display:flex;align-items:center;margin-bottom:8px;font-size:14px}.info-item[data-v-c18e485c]:last-child{margin-bottom:0}.info-label[data-v-c18e485c]{color:#666;min-width:80px}.info-value[data-v-c18e485c]{color:#333;font-weight:500}.status-playing[data-v-c18e485c]{color:#67c23a}.status-paused[data-v-c18e485c]{color:#e6a23c}.status-loaded[data-v-c18e485c]{color:#409eff}.status-loading[data-v-c18e485c],.status-idle[data-v-c18e485c]{color:#909399}.controls-section[data-v-c18e485c]{background:#fff;padding:24px;border-radius:4px;border:1px solid #e4e7ed}.control-group[data-v-c18e485c]{margin-bottom:24px}.control-group[data-v-c18e485c]:last-child{margin-bottom:0}.control-group h3[data-v-c18e485c]{margin:0 0 12px;font-size:16px;font-weight:600;color:#333}.control-buttons[data-v-c18e485c]{display:flex;gap:10px;flex-wrap:wrap}.control-btn[data-v-c18e485c]{background:#f0f2f5;color:#333;flex:1;min-width:80px}.control-btn[data-v-c18e485c]:hover:not(:disabled){background:#e4e7ed}.control-btn[data-v-c18e485c]:disabled{opacity:.6;cursor:not-allowed}.volume-control[data-v-c18e485c]{display:flex;align-items:center;gap:12px}.volume-slider[data-v-c18e485c]{flex:1;height:4px;border-radius:2px;background:#e4e7ed;outline:none;-webkit-appearance:none}.volume-slider[data-v-c18e485c]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#409eff;cursor:pointer}.volume-label[data-v-c18e485c],.volume-value[data-v-c18e485c]{color:#666;font-size:14px;min-width:50px}.speed-control[data-v-c18e485c]{display:flex;gap:8px;flex-wrap:wrap}.speed-btn[data-v-c18e485c]{padding:10px 20px;background:#f0f2f5;color:#333;flex:1;min-width:60px}.speed-btn.active[data-v-c18e485c]{background:#409eff;color:#fff}.speed-btn[data-v-c18e485c]:hover{background:#e4e7ed}.hls-info[data-v-c18e485c]{background:#f9fafc;padding:16px;border-radius:4px}.level-select[data-v-c18e485c]{padding:8px 12px;border:1px solid #dcdfe6;border-radius:4px;background:#fff;color:#333;font-size:14px;min-width:150px}.empty-state[data-v-c18e485c]{flex:1;display:flex;align-items:center;justify-content:center;min-height:300px}.empty-content[data-v-c18e485c]{text-align:center}.empty-icon[data-v-c18e485c]{font-size:48px;margin-bottom:16px;color:#909399}.empty-text[data-v-c18e485c]{font-size:16px;color:#666;margin:0 0 8px}.empty-hint[data-v-c18e485c]{font-size:14px;color:#999;margin:0}.status-bar[data-v-c18e485c]{position:fixed;bottom:0;left:0;right:0;padding:12px 20px;text-align:center;font-size:14px;font-weight:500;background:#fff;border-top:1px solid #e4e7ed;z-index:100}.status-idle[data-v-c18e485c]{color:#909399}.status-loading[data-v-c18e485c]{color:#409eff;background:#ecf5ff}.status-loaded[data-v-c18e485c],.status-playing[data-v-c18e485c]{color:#67c23a;background:#f0f9eb}.status-error[data-v-c18e485c]{color:#f56c6c;background:#fef0f0}@media(max-width:768px){.header h1[data-v-c18e485c]{font-size:18px}.url-input-section[data-v-c18e485c]{flex-direction:column}.url-input[data-v-c18e485c],.load-btn[data-v-c18e485c],.clear-btn[data-v-c18e485c]{width:100%}.control-buttons[data-v-c18e485c],.speed-control[data-v-c18e485c]{flex-direction:column}.video-info[data-v-c18e485c]{padding:12px}.info-item[data-v-c18e485c]{flex-direction:column;align-items:flex-start;gap:4px}.controls-section[data-v-c18e485c]{padding:16px}}@media(max-width:480px){.main-content[data-v-c18e485c]{padding:12px}.control-group h3[data-v-c18e485c]{font-size:15px}.load-btn[data-v-c18e485c],.clear-btn[data-v-c18e485c],.control-btn[data-v-c18e485c],.speed-btn[data-v-c18e485c]{padding:10px 16px;font-size:13px}}