2 lines
3.2 KiB
Plaintext
2 lines
3.2 KiB
Plaintext
.player-container.data-v-d19743cf{width:100%;height:100vh;background:#000;display:flex;flex-direction:column;position:relative}.loading-overlay.data-v-d19743cf{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:999}.loading-content.data-v-d19743cf{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20rpx}.loading-spinner.data-v-d19743cf{width:80rpx;height:80rpx;border:6rpx solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-d19743cf 1s linear infinite}@keyframes spin-d19743cf{to{transform:rotate(360deg)}}.loading-text.data-v-d19743cf{color:#fff;font-size:32rpx;font-weight:700}.loading-hint.data-v-d19743cf{color:rgba(255,255,255,.7);font-size:24rpx;margin-top:10rpx}.progress-bar.data-v-d19743cf{width:400rpx;height:8rpx;background:rgba(255,255,255,.2);border-radius:4rpx;overflow:hidden;margin-top:20rpx}.progress-fill.data-v-d19743cf{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4rpx;transition:width .3s ease}.header.data-v-d19743cf{background:rgba(0,0,0,.8);padding:60rpx 40rpx 20rpx;padding-top:calc(60rpx + constant(safe-area-inset-top));padding-top:calc(60rpx + env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:center;color:#fff;position:absolute;top:0;left:0;right:0;z-index:100}.back-btn.data-v-d19743cf{font-size:32rpx;padding:16rpx;cursor:pointer}.title.data-v-d19743cf{font-size:32rpx;font-weight:700;flex:1;text-align:center}.placeholder.data-v-d19743cf{width:80rpx}.video-player.data-v-d19743cf{width:100%;height:100vh;background:#000}.play-overlay.data-v-d19743cf{position:absolute;top:0;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;justify-content:center}.play-button.data-v-d19743cf{width:140rpx;height:140rpx;border-radius:999rpx;background:rgba(0,0,0,.45);position:relative}.play-button.data-v-d19743cf:after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);width:0;height:0;border-top:22rpx solid transparent;border-bottom:22rpx solid transparent;border-left:34rpx solid #fff}.error-overlay.data-v-d19743cf{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;z-index:1000}.error-content.data-v-d19743cf{text-align:center;padding:60rpx;display:flex;flex-direction:column;align-items:center;gap:24rpx}.error-icon.data-v-d19743cf{font-size:120rpx;margin-bottom:20rpx}.error-title.data-v-d19743cf{color:#fff;font-size:36rpx;font-weight:700}.error-message.data-v-d19743cf{color:rgba(255,255,255,.7);font-size:28rpx;line-height:1.6}.error-actions.data-v-d19743cf{display:flex;gap:24rpx;margin-top:40rpx}.error-btn.data-v-d19743cf{padding:24rpx 48rpx;border-radius:12rpx;font-size:28rpx;cursor:pointer;transition:all .3s ease}.retry-btn.data-v-d19743cf{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.retry-btn.data-v-d19743cf:active{transform:scale(.95);opacity:.8}.back-btn-error.data-v-d19743cf{background:rgba(255,255,255,.1);color:#fff;border:2rpx solid rgba(255,255,255,.3)}.back-btn-error.data-v-d19743cf:active{transform:scale(.95);background:rgba(255,255,255,.15)}
|