.banner {
            width: 1000px;
            height: 100px;
            background: linear-gradient(135deg, #e63946, #f1c453);
            border-radius: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
            position: relative;
            overflow: hidden;
            font-family: 'Microsoft YaHei', sans-serif;
        }
        .content {
            font-size: 36px;
            color: white;
            text-shadow: 0 2px 4px rgba(0,0,0,0.3);
            position: relative;
            z-index: 2;
            display: flex;
            align-items: center;
        }
        .highlight {
            color: #ffeb3b;
            font-weight: 800;
            animation: pulse 0.8s infinite alternate;
            margin: 0 8px;
        }
        .spark {
            position: absolute;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
        .particle {
            position: absolute;
            background: rgba(255,255,255,0.7);
            border-radius: 50%;
            animation: float 2s linear forwards;
        }
        @keyframes pulse {
            0% { transform: scale(1); }
            100% { transform: scale(1.1); }
        }
        @keyframes float {
            0% {
                transform: translate(0, 0);
                opacity: 1;
            }
            100% {
                transform: translate(var(--tx), var(--ty));
                opacity: 0;
            }
        }