.video-detail-page[data-v-340da4ae]{display:flex;height:100vh;background:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sidebar[data-v-340da4ae]{width:280px;background:#1a1a1a;padding:24px 0;border-right:1px solid #1a1a1a;flex-shrink:0;display:block;position:relative}.logo[data-v-340da4ae]{padding:0 24px 32px;font-size:20px;font-weight:500;color:#fff}.nav-menu[data-v-340da4ae]{padding:0 20px}.nav-item[data-v-340da4ae]{display:flex;align-items:center;padding:14px 18px;margin-bottom:4px;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative}.nav-item[data-v-340da4ae]:hover{background:#2a2a2a}.nav-item.active[data-v-340da4ae]{background:#1e3a8a}.nav-item .el-icon[data-v-340da4ae]{margin-right:14px;font-size:20px}.nav-item span[data-v-340da4ae]{font-size:15px;flex:1}.main-content[data-v-340da4ae]{flex:1;display:flex;background:#0a0a0a;overflow:hidden}.video-player-section[data-v-340da4ae]{flex:2;display:flex;align-items:center;justify-content:center;background:#000;position:relative}.video-container[data-v-340da4ae]{position:relative;width:100%;height:100%;max-width:100%;max-height:100%}.video-player[data-v-340da4ae]{width:100%;height:100%;object-fit:contain;background:#000}.video-overlay[data-v-340da4ae]{position:absolute;bottom:80px;left:20px;z-index:10}.overlay-text[data-v-340da4ae]{font-family:Brush Script MT,cursive;font-size:24px;color:#8b5cf6;text-shadow:2px 2px 4px rgba(0,0,0,.8);font-weight:700}.video-controls[data-v-340da4ae]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));padding:20px;display:flex;align-items:center;justify-content:space-between}.control-left[data-v-340da4ae]{display:flex;align-items:center;gap:15px;flex:1}.play-btn[data-v-340da4ae]{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .3s}.play-btn[data-v-340da4ae]:hover{background:rgba(255,255,255,.1)}.progress-container[data-v-340da4ae]{flex:1;display:flex;align-items:center;gap:10px}.progress-bar[data-v-340da4ae]{flex:1;height:4px;background:rgba(255,255,255,.3);border-radius:2px;cursor:pointer;position:relative}.progress-fill[data-v-340da4ae]{height:100%;background:#409eff;border-radius:2px;transition:width .1s}.time-display[data-v-340da4ae]{color:#fff;font-size:14px;white-space:nowrap}.control-right[data-v-340da4ae]{display:flex;align-items:center}.control-btn[data-v-340da4ae]{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .3s}.control-btn[data-v-340da4ae]:hover{background:rgba(255,255,255,.1)}.video-actions[data-v-340da4ae]{position:absolute;top:20px;right:20px;display:flex;gap:10px;z-index:10}.action-btn[data-v-340da4ae]{background:rgba(0,0,0,.6);border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.action-btn[data-v-340da4ae]:hover{background:rgba(0,0,0,.8);transform:scale(1.1)}.delete-btn[data-v-340da4ae]:hover{background:rgba(220,38,38,.8)}.detail-sidebar[data-v-340da4ae]{flex:1;background:#1a1a1a;border-radius:12px 0 0;padding:24px;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.sidebar-header[data-v-340da4ae]{display:flex;flex-direction:column;gap:16px}.user-info[data-v-340da4ae]{display:flex;align-items:center;gap:12px}.avatar[data-v-340da4ae]{width:40px;height:40px;background:#409eff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.username[data-v-340da4ae]{font-size:16px;font-weight:500;color:#fff}.tabs[data-v-340da4ae]{display:flex;gap:0}.tab[data-v-340da4ae]{padding:8px 16px;background:transparent;color:#9ca3af;cursor:pointer;border-radius:6px;transition:all .3s;font-size:14px}.tab.active[data-v-340da4ae]{background:#409eff;color:#fff}.tab[data-v-340da4ae]:hover:not(.active){background:rgba(255,255,255,.1);color:#fff}.description-section[data-v-340da4ae]{display:flex;flex-direction:column;gap:12px}.section-title[data-v-340da4ae]{font-size:16px;font-weight:600;color:#fff;margin:0}.description-text[data-v-340da4ae]{font-size:14px;line-height:1.6;color:#d1d5db;margin:0}.metadata-section[data-v-340da4ae]{display:flex;flex-direction:column;gap:12px}.metadata-item[data-v-340da4ae]{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.label[data-v-340da4ae]{font-size:14px;color:#9ca3af}.value[data-v-340da4ae]{font-size:14px;color:#fff;font-weight:500}.action-section[data-v-340da4ae]{margin-top:auto;padding-top:20px}.create-similar-btn[data-v-340da4ae]{width:100%;background:#409eff;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s}.create-similar-btn[data-v-340da4ae]:hover{background:#337ecc;transform:translateY(-2px)}.create-similar-btn[data-v-340da4ae]:active{transform:translateY(0)}@media (max-width: 1024px){.video-detail-page[data-v-340da4ae]{flex-direction:column}.video-player-section[data-v-340da4ae]{flex:1;min-height:50vh}.detail-sidebar[data-v-340da4ae]{flex:1;border-radius:0}}@media (max-width: 768px){.video-overlay[data-v-340da4ae]{bottom:60px;left:10px}.overlay-text[data-v-340da4ae]{font-size:18px}.video-controls[data-v-340da4ae]{padding:15px}.video-actions[data-v-340da4ae]{top:15px;right:15px;gap:8px}.action-btn[data-v-340da4ae]{width:35px;height:35px}.detail-sidebar[data-v-340da4ae]{padding:16px;gap:16px}}