| 1 |
- .video-player[data-v-1f1506b1]{position:relative;width:100%;max-width:800px;margin:0 auto;overflow:hidden;border-radius:4px;background-color:#000}video[data-v-1f1506b1]{width:100%;display:block;cursor:pointer}.controls-overlay[data-v-1f1506b1]{position:absolute;bottom:0;left:0;right:0;padding:10px;background:linear-gradient(0deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,0) 100%);transition:opacity .3s ease,transform .3s ease;opacity:0;transform:translateY(100%);z-index:10}.show-controls[data-v-1f1506b1]{opacity:1;transform:translateY(0)}.controls-container[data-v-1f1506b1]{display:flex;align-items:center;justify-content:space-between;padding:5px 0;color:#fff}.controls-left[data-v-1f1506b1],.controls-right[data-v-1f1506b1]{display:flex;align-items:center;gap:15px}.control-button[data-v-1f1506b1]{background:transparent;border:none;color:#fff;padding:5px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:4px}.control-button[data-v-1f1506b1]:hover{background-color:#fff3}.bili-icon[data-v-1f1506b1]{font-size:14px;display:inline-flex;align-items:center;justify-content:center}.time-display[data-v-1f1506b1]{font-size:12px;color:#fff}.timeline[data-v-1f1506b1]{position:relative;height:3px;background:rgba(255,255,255,.3);border-radius:1.5px;cursor:pointer;overflow:hidden;margin-bottom:10px;transition:height .2s ease}.timeline-hover[data-v-1f1506b1]{height:5px}.timeline-buffer[data-v-1f1506b1]{position:absolute;height:100%;background-color:#ffffff80;width:0;pointer-events:none}.timeline-progress[data-v-1f1506b1]{position:absolute;height:100%;background-color:#fb7299;width:0;pointer-events:none}.timeline-handle[data-v-1f1506b1]{position:absolute;height:8px;width:8px;border-radius:50%;background:#fb7299;top:50%;transform:translate(-50%,-50%) scale(.8);pointer-events:none;transition:transform .2s ease,height .2s ease,width .2s ease,box-shadow .2s ease}.timeline-handle-hover[data-v-1f1506b1]{transform:translate(-50%,-50%) scale(1);height:12px;width:12px;box-shadow:0 0 0 4px #fb729933;cursor:grab;pointer-events:auto}.playback-rate-control[data-v-1f1506b1]{position:relative}.playback-rate-menu[data-v-1f1506b1]{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#000c;border-radius:4px;padding:5px;margin-bottom:5px;display:flex;flex-direction:column;gap:5px;z-index:100}.playback-rate-option[data-v-1f1506b1]{background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:5px 10px;cursor:pointer;font-size:12px;color:#fff;transition:all .2s;width:100%;text-align:center}.playback-rate-option[data-v-1f1506b1]:hover{background-color:#fff3}.playback-rate-option.active[data-v-1f1506b1]{background-color:#fb7299;color:#fff;border-color:#fb7299}.volume-control[data-v-1f1506b1]{position:relative;z-index:101}.volume-slider-container[data-v-1f1506b1]{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#000c;border-radius:4px;padding:15px 10px;margin-bottom:5px;z-index:100}.volume-control:hover .volume-slider-container[data-v-1f1506b1]:after{content:"";position:absolute;bottom:-15px;left:0;width:100%;height:15px;background:transparent}.volume-slider[data-v-1f1506b1]{position:relative;height:80px;width:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.volume-slider-track[data-v-1f1506b1]{position:absolute;height:100%;width:4px;background:rgba(255,255,255,.3);border-radius:2px;left:3px}.volume-slider-fill[data-v-1f1506b1]{position:absolute;width:4px;background:#fb7299;border-radius:2px;left:3px;bottom:0}.volume-slider-thumb[data-v-1f1506b1]{position:absolute;width:12px;height:12px;border-radius:50%;background:#fb7299;left:-1px;transform:translateY(50%);cursor:pointer}.icon-play[data-v-1f1506b1],.icon-pause[data-v-1f1506b1],.icon-forward[data-v-1f1506b1],.icon-backward[data-v-1f1506b1],.icon-volume-high[data-v-1f1506b1],.icon-volume-low[data-v-1f1506b1],.icon-volume-mute[data-v-1f1506b1],.icon-fullscreen[data-v-1f1506b1],.icon-fullscreen-exit[data-v-1f1506b1]{font-style:normal;display:inline-flex;align-items:center;justify-content:center;color:#fff}.icon-volume-mute[data-v-1f1506b1]:before{content:"";display:inline-block;width:20px;height:20px;background:white;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.63 3.63a.996.996 0 000 1.41L7.29 8.7 7 9H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71v-4.17l4.18 4.18c-.49.37-1.02.68-1.6.91-.36.15-.58.53-.58.92 0 .72.73 1.18 1.39.91.8-.33 1.55-.77 2.22-1.31l1.34 1.34a.996.996 0 101.41-1.41L5.05 3.63c-.39-.39-1.02-.39-1.42 0zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-3.83-2.4-7.11-5.78-8.4-.59-.23-1.22.23-1.22.86v.19c0 .38.25.71.61.85C17.18 6.54 19 9.06 19 12zm-8.71-6.29l-.17.17L12 7.76V6.41c0-.89-1.08-1.33-1.71-.7zM16.5 12A4.5 4.5 0 0014 7.97v1.79l2.48 2.48c.01-.08.02-.16.02-.24z'/%3E%3C/svg%3E") no-repeat 50% 50%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.63 3.63a.996.996 0 000 1.41L7.29 8.7 7 9H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71v-4.17l4.18 4.18c-.49.37-1.02.68-1.6.91-.36.15-.58.53-.58.92 0 .72.73 1.18 1.39.91.8-.33 1.55-.77 2.22-1.31l1.34 1.34a.996.996 0 101.41-1.41L5.05 3.63c-.39-.39-1.02-.39-1.42 0zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-3.83-2.4-7.11-5.78-8.4-.59-.23-1.22.23-1.22.86v.19c0 .38.25.71.61.85C17.18 6.54 19 9.06 19 12zm-8.71-6.29l-.17.17L12 7.76V6.41c0-.89-1.08-1.33-1.71-.7zM16.5 12A4.5 4.5 0 0014 7.97v1.79l2.48 2.48c.01-.08.02-.16.02-.24z'/%3E%3C/svg%3E") no-repeat 50% 50%}.icon-volume-low[data-v-1f1506b1]:before{content:"";display:inline-block;width:20px;height:20px;background:white;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 9v6h4l5 5V4l-5 5H7z'/%3E%3C/svg%3E") no-repeat 50% 50%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 9v6h4l5 5V4l-5 5H7z'/%3E%3C/svg%3E") no-repeat 50% 50%}.icon-volume-high[data-v-1f1506b1]:before{content:"";display:inline-block;width:20px;height:20px;background:white;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z'/%3E%3C/svg%3E") no-repeat 50% 50%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z'/%3E%3C/svg%3E") no-repeat 50% 50%}.video-player[data-v-1f1506b1]:-webkit-full-screen{width:100%;max-width:none}.video-player[data-v-1f1506b1]:fullscreen{width:100%;max-width:none}.video-player:-webkit-full-screen video[data-v-1f1506b1]{height:100vh;object-fit:contain}.video-player:fullscreen video[data-v-1f1506b1]{height:100vh;-o-object-fit:contain;object-fit:contain}.loading-overlay[data-v-1f1506b1]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.loading-spinner[data-v-1f1506b1]{display:flex;flex-direction:column;align-items:center;gap:12px}.spinner[data-v-1f1506b1]{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #ffffff;border-radius:50%;animation:spin-1f1506b1 1s linear infinite}@keyframes spin-1f1506b1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-1f1506b1]{color:#fff;font-size:14px;font-weight:500;text-align:center}
|
