.video-container{position:relative;margin:2rem auto;max-width:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.1);transition:all .3s ease;background:var(--bg-secondary)}.video-container:hover{box-shadow:0 8px 24px rgba(0,0,0,.15);transform:translateY(-2px)}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;background:#000}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.video-info{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 10%,transparent) 0%,color-mix(in srgb,var(--accent-secondary) 10%,transparent) 100%);color:var(--text-primary);font-size:.9rem;border-top:1px solid var(--border-light)}.video-info i{font-size:1.1rem;color:var(--accent-primary)}.video-info span{font-weight:500;opacity:.9}.bilibili-video .video-info{background:linear-gradient(135deg,rgba(251,114,153,.1) 0%,rgba(0,161,214,.1) 100%)}.bilibili-video .video-info i{color:#00a1d6}.douyin-video .video-info{background:linear-gradient(135deg,rgba(254,44,85,.1) 0%,rgba(37,244,238,.1) 100%)}.douyin-video .video-info i{color:#fe2c55}.youtube-video .video-info{background:linear-gradient(135deg,rgba(255,0,0,.1) 0%,rgba(255,255,255,5%) 100%)}.youtube-video .video-info i{color:red}.html5-video .video-info{background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(139,92,246,.1) 100%)}.html5-video .video-info i{color:#6366f1}@media(max-width:768px){.video-container{margin:1.5rem auto;border-radius:8px}.video-info{padding:.6rem .8rem;font-size:.85rem}.video-info i{font-size:1rem}}@media(max-width:480px){.video-container{margin:1rem auto;border-radius:6px}.video-info{padding:.5rem .7rem;font-size:.8rem}.video-info i{font-size:.9rem}}[data-theme=dark] .video-container{background:var(--bg-secondary-dark);box-shadow:0 4px 16px rgba(0,0,0,.3)}[data-theme=dark] .video-container:hover{box-shadow:0 8px 24px rgba(0,0,0,.4)}[data-theme=dark] .video-info{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 15%,transparent) 0%,color-mix(in srgb,var(--accent-secondary) 15%,transparent) 100%);color:var(--text-primary-dark);border-top-color:var(--border-dark)}[data-theme=dark] .bilibili-video .video-info{background:linear-gradient(135deg,rgba(251,114,153,.15) 0%,rgba(0,161,214,.15) 100%)}[data-theme=dark] .douyin-video .video-info{background:linear-gradient(135deg,rgba(254,44,85,.15) 0%,rgba(37,244,238,.15) 100%)}[data-theme=dark] .youtube-video .video-info{background:linear-gradient(135deg,rgba(255,0,0,.15) 0%,rgba(255,255,255,8%) 100%)}[data-theme=dark] .html5-video .video-info{background:linear-gradient(135deg,rgba(99,102,241,.15) 0%,rgba(139,92,246,.15) 100%)}.video-wrapper::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite;z-index:1;opacity:0;pointer-events:none}.video-wrapper.loading::before{opacity:1}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.video-wrapper.error::after{content:'视频加载失败';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-secondary);font-size:.9rem;text-align:center;z-index:2}@media print{.video-container{page-break-inside:avoid;box-shadow:none}.video-wrapper::after{content:'[视频内容，请访问网页版查看]';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#666;font-size:1rem}.video-wrapper iframe,.video-wrapper video{display:none}}