#video[data-v-b630b2a6]{display:flex;flex-direction:column;height:100vh;min-width:1200px;background:#f1f5f9;box-sizing:border-box}#video .head[data-v-b630b2a6]{display:flex;align-items:center;gap:16px;height:64px;padding:0 24px;flex-shrink:0;background:#fff;border-bottom:1px solid #e2e8f0}#video .head .back-btn[data-v-b630b2a6]{display:inline-flex;align-items:center;font-size:14px;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:7px 14px;cursor:pointer;transition:color .2s,border-color .2s}#video .head .back-btn i[data-v-b630b2a6]{margin-right:4px}#video .head .back-btn[data-v-b630b2a6]:hover{color:#2563eb;border-color:#2563eb}#video .head .title[data-v-b630b2a6]{flex:1;min-width:0;font-size:20px;font-weight:600;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#video .content[data-v-b630b2a6]{flex:1;display:flex;gap:8px;padding:24px;overflow:hidden}#video .video-area[data-v-b630b2a6]{flex:1;min-width:600px;position:relative;overflow:hidden;background:#0f1419;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}#video .video-area video[data-v-b630b2a6]{position:absolute;inset:0;width:100%;height:100%}#video .video-area .video-empty[data-v-b630b2a6]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#94a3b8}#video .panel-wrap[data-v-b630b2a6]{display:flex;align-items:stretch}#video .panel-wrap .toggle-btn[data-v-b630b2a6]{width:28px;height:56px;margin:auto 0;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px 0 0 8px;color:#475569;cursor:pointer;transition:color .2s}#video .panel-wrap .toggle-btn[data-v-b630b2a6]:hover{color:#2563eb}#video .panel-wrap .panel[data-v-b630b2a6]{width:300px;padding:20px 14px;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-left:none;border-radius:0 12px 12px 0;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);overflow-y:auto;transition:width .3s ease,padding .3s ease,border-color .3s ease,opacity .3s ease}#video .panel-wrap .panel.closed[data-v-b630b2a6]{width:0;padding-left:0;padding-right:0;border-color:transparent;opacity:0}#video .panel-wrap .panel .panel-title[data-v-b630b2a6]{text-align:center;font-size:16px;font-weight:600;color:#0f172a;padding-bottom:14px;margin-bottom:8px;border-bottom:1px dashed #e2e8f0}#video .panel-wrap .panel .step[data-v-b630b2a6]{display:flex;align-items:center;padding:10px 12px;margin-bottom:4px;font-size:14px;color:#334155;border-radius:8px;cursor:pointer;transition:background .2s,color .2s}#video .panel-wrap .panel .step i[data-v-b630b2a6]{margin-right:8px;font-size:16px}#video .panel-wrap .panel .step[data-v-b630b2a6]:hover{background:#eff6ff;color:#2563eb}#video .panel-wrap .panel .step.active[data-v-b630b2a6]{background:#eff6ff;color:#2563eb;font-weight:600}#video .panel-wrap .panel .step .done[data-v-b630b2a6]{margin-left:auto;font-size:16px;color:#10b981}#video .panel-wrap .panel .step .done i[data-v-b630b2a6]{margin-right:0}