﻿
        /* 左侧悬浮视频样式 */
        .floating-video {
            position: fixed;
            left: 30px;
            top: 150px;
            width: 300px;
            z-index: 999;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
            border-radius: 10px;
            overflow: hidden;
            transition: transform 0.3s ease;
            cursor: pointer;
        }
        
        .floating-video:hover {
            transform: scale(1.03);
        }
        
        .video-wrapper {
            position: relative;
            padding-top: 56.25%; /* 16:9 Aspect Ratio */
        }
        
        .floating-video video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 10px;
        }
        
        .video-controls {
            position: absolute;
            bottom: 10px;
            left: 10px;
            right: 10px;
            background: rgba(0, 0, 0, 0.6);
            padding: 8px 12px;
            border-radius: 20px;
            display: flex;
            align-items: center;
            gap: 10px;
            opacity: 0;
            transition: opacity 0.3s;
        }
        
        .floating-video:hover .video-controls {
            opacity: 1;
        }
        
        .video-controls button {
            background: none;
            border: none;
            color: white;
            cursor: pointer;
            font-size: 16px;
        }
        
        .video-controls input {
            flex: 1;
        }

        @media (max-width: 900px) {
            .floating-video {
                position: relative;
                left: auto;
                top: auto;
                width: 100%;
                margin: 30px auto;
            }

        }