.fire-container {
            display: inline-block;
            border-radius: 12px;
            overflow: hidden;
        }

        /* 火焰视频：默认静态状态，亮度低 */
        .fire-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            mix-blend-mode: screen;
            pointer-events: none;
            z-index: 0;
            opacity: 0.8;
            filter: brightness(0.6) contrast(1);
            transition: filter 0.3s ease, opacity 0.3s ease;
        }

        /* 火焰光晕叠层 */
        .fire-container::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, rgba(255, 180, 50, 0.4) 0%, rgba(255, 100, 0, 0.0) 70%);
            z-index: 0;
            pointer-events: none;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        /* 按钮样式 */
        .fire-btn {
            position: relative;
            padding: 18px 48px;
            font-size: 22px;
            font-weight: bold;
            color: #fff;
            background: rgba(30, 30, 30, 0.9);
            border: none;
            border-radius: 12px;
            cursor: pointer;
            z-index: 1;
            transition: all 0.3s ease;
        }

        /* 聚焦时：火焰动态 + 高亮 */
        .fire-container.active .fire-bg {
            filter: brightness(1.8) contrast(1.5);
            opacity: 1;
        }

        .fire-container.active .fire-container::before {
            opacity: 1;
        }

        .fire-container.active .fire-btn {
            box-shadow: 0 0 40px rgba(255, 120, 0, 0.9);
            text-shadow: 0 0 10px #ff8000, 0 0 20px #ff3000;
            transform: scale(1.05);
        }