/* 演示视频样式 */
.demo-video-container {
    width: 100%;
    max-width: 800px;
    margin: 2rem auto;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    background: #000;
    aspect-ratio: 16 / 9;
}

.demo-video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.demo-video:focus {
    outline: none;
}

/* 视频控制按钮优化 */
.demo-video::-webkit-media-controls-panel {
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.7));
}

/* 移动端适配 */
@media (max-width: 768px) {
    .demo-video-container {
        margin: 1.5rem auto;
        border-radius: 12px;
    }
    
    .demo-video {
        max-height: 300px;
    }
}

@media (max-width: 480px) {
    .demo-video-container {
        margin: 1rem 0;
        border-radius: 8px;
    }
    
    .demo-video {
        max-height: 250px;
    }
}