.video-wrapper[data-v-61937c89]{align-items:center;cursor:pointer;display:inline-flex;height:100%;justify-content:center;position:relative}.video-player[data-v-61937c89]{max-width:unset;max-width:100%;-o-object-fit:cover;object-fit:cover;outline:none}.preview-image-container[data-v-61937c89],.video-player[data-v-61937c89]{background:#000;cursor:pointer;height:100%;z-index:1}.preview-image-container[data-v-61937c89]{align-items:center;display:flex;justify-content:center}.preview-image[data-v-61937c89]{height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.video-controls-overlay[data-v-61937c89]{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s;z-index:2}.play-pause-btn[data-v-61937c89],.video-controls-overlay[data-v-61937c89]{align-items:center;display:flex;justify-content:center}.play-pause-btn[data-v-61937c89]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;color:#fff;cursor:pointer;height:64px;padding:0;pointer-events:all;transition:all .3s;width:64px}.play-pause-btn[data-v-61937c89]:hover{background:#000c;border-color:#ffffff80;transform:scale(1.1)}.play-pause-btn svg[data-v-61937c89]{height:32px;width:32px}.video-controls-bar[data-v-61937c89]{background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);bottom:0;display:flex;flex-direction:column;gap:12px;left:0;padding:20px;position:absolute;right:0;transition:opacity .3s;z-index:2}.progress-container[data-v-61937c89]{width:100%}.progress-bar[data-v-61937c89]{background:#fff3;border-radius:2px;cursor:pointer;height:4px;position:relative;transition:height .2s;width:100%}.progress-bar[data-v-61937c89]:hover{height:6px}.progress-filled[data-v-61937c89]{background:#fff;border-radius:2px;height:100%;left:0;position:absolute;top:0;transition:width .1s}.progress-handle[data-v-61937c89]{background:#fff;border-radius:50%;height:12px;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;width:12px}.progress-bar:hover .progress-handle[data-v-61937c89]{opacity:1}.controls-row[data-v-61937c89]{align-items:center;display:flex;gap:16px;justify-content:space-between}.time-display[data-v-61937c89]{color:#fff;font-size:14px;font-weight:400;white-space:nowrap}.control-buttons[data-v-61937c89]{gap:12px}.control-btn[data-v-61937c89],.control-buttons[data-v-61937c89]{align-items:center;display:flex}.control-btn[data-v-61937c89]{background:transparent;border:none;border-radius:4px;color:#fff;cursor:pointer;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.control-btn[data-v-61937c89]:hover{background:#ffffff1a}.control-btn svg[data-v-61937c89]{height:20px;width:20px}.volume-control[data-v-61937c89]{position:relative}.volume-slider-container[data-v-61937c89]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;border-radius:4px;bottom:100%;left:50%;margin-bottom:8px;padding:8px;position:absolute;transform:translate(-50%)}.volume-slider[data-v-61937c89]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:2px;height:4px;outline:none;width:80px}.volume-slider[data-v-61937c89]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:12px;width:12px}.volume-slider[data-v-61937c89]::-moz-range-thumb{background:#fff;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.video-player-container[data-v-bbb09341]{align-items:center;background:#000;display:flex;height:100%;justify-content:center;max-height:80vh;max-width:1200px;width:100%}.video-player-container .video-container[data-v-bbb09341]{height:100%;width:100%}[data-v-bbb09341] .g-dialog-info .g-dialog-content{height:100%;min-height:400px;padding:0}[data-v-bbb09341] .video-wrapper{display:block;width:100%}[data-v-bbb09341] .video-wrapper video{width:inherit}.play-video-modal{height:auto!important;max-height:90vh;max-width:90vw;width:auto!important}.video-card[data-v-dfffda05]{border:2px solid hsla(0,0%,100%,.2);border-radius:10px;cursor:pointer;overflow:hidden;position:relative;width:100%}.video-card[data-v-dfffda05]:hover{border-color:#ffffff80}.video-card:hover .more-tool-b[data-v-dfffda05],.video-card:hover .operate-btn-group[data-v-dfffda05],.video-card:hover .play-icon[data-v-dfffda05]{opacity:1}.video-hover[data-v-dfffda05]{height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;transition:opacity .3s ease;width:100%}.more-tool-b[data-v-dfffda05]{background:#000;border-radius:50%;opacity:0;position:absolute;right:10px;top:10px;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.operate-btn[data-v-dfffda05]{background:transparent;border-radius:8px;font-size:14px;font-weight:400;height:40px;justify-content:flex-start;padding:8px 12px;text-align:left;width:165px}.operate-btn[data-v-dfffda05]:hover{background:#34363a}.play-icon[data-v-dfffda05]{align-items:center;-webkit-backdrop-filter:blur(5.3333334923px);backdrop-filter:blur(5.3333334923px);background:#00000080;border-radius:50%;display:flex;height:64px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s;width:64px;z-index:9}.operate-btn-group[data-v-dfffda05]{background:linear-gradient(180deg,transparent,rgba(0,0,0,.8));bottom:0;max-width:100%;opacity:0;padding:30px 20px;position:absolute;transition:all .3s}.create-character-btn[data-v-dfffda05],.recreate-btn[data-v-dfffda05]{border-radius:32px;font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.recreate-btn[data-v-dfffda05]{margin-bottom:19px}@media (max-width:768px){.operate-btn-group[data-v-dfffda05]{padding:5px 8px}.operate-btn-group .recreate-btn[data-v-dfffda05]{margin-bottom:5px}}body .tooltip-content .card-operate{background:transparent;border-radius:8px;font-size:14px;font-weight:400;height:40px;justify-content:flex-start;padding:8px 12px;text-align:left;transition:background .2s;width:165px}body .tooltip-content .card-operate:hover{background:#4e545e}