/* Theme Override - Bright Blue-Purple Fresh Theme */

body {
    background: linear-gradient(135deg, #e0e7ff 0%, #f0e6ff 25%, #e8f0fe 50%, #f5f0ff 75%, #e0e7ff 100%) !important;
    background-attachment: fixed;
    background-size: 400% 400%;
    animation: gradientShift 20s ease infinite;
    color: #4a5568 !important;
}

body::before {
    background-image: 
        radial-gradient(2px 2px at 20px 30px, rgba(102, 126, 234, 0.08), transparent),
        radial-gradient(2px 2px at 40px 70px, rgba(118, 75, 162, 0.08), transparent),
        radial-gradient(1px 1px at 90px 40px, rgba(99, 102, 241, 0.06), transparent),
        radial-gradient(1px 1px at 130px 80px, rgba(139, 92, 246, 0.08), transparent) !important;
}

.qscvs-navbar {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #6366f1 100%) !important;
    box-shadow: 0 12px 40px rgba(102, 126, 234, 0.3) !important;
    border-bottom: 2px solid rgba(165, 180, 252, 0.3) !important;
}

.qscvs-navbar::before {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent) !important;
}

@keyframes headerGlow {
    0% { 
        box-shadow: 0 12px 40px rgba(102, 126, 234, 0.3); 
        background-position: 0% 50%;
    }
    50% { 
        box-shadow: 0 16px 50px rgba(118, 75, 162, 0.4);
        background-position: 100% 50%;
    }
    100% { 
        box-shadow: 0 12px 40px rgba(102, 126, 234, 0.3); 
        background-position: 0% 50%;
    }
}

.qscvs-menu {
    background-color: #ffffff !important;
}

.qscvs-menu li a {
    color: #6366f1 !important;
}

.qscvs-menu li a:hover {
    color: #764ba2 !important;
    text-shadow: 0 2px 8px rgba(118, 75, 162, 0.3) !important;
}

.qscvs-game-item {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.95) 100%) !important;
    box-shadow: 
        0 8px 32px rgba(102, 126, 234, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
    border: 2px solid rgba(102, 126, 234, 0.3) !important;
}

.qscvs-game-item::before {
    background: linear-gradient(90deg, transparent, rgba(102, 126, 234, 0.15), transparent) !important;
}

.qscvs-game-item::after {
    background: linear-gradient(90deg, #667eea, #764ba2, #6366f1) !important;
}

.qscvs-game-item:hover {
    box-shadow: 
        0 15px 40px rgba(102, 126, 234, 0.3),
        0 0 0 2px rgba(99, 102, 241, 0.3) !important;
    background: linear-gradient(145deg, rgba(248, 250, 252, 0.98) 0%, rgba(238, 242, 255, 0.98) 100%) !important;
}

.qscvs-game-cover img {
    box-shadow: 
        0px 8px 25px rgba(0, 0, 0, 0.1),
        inset 0 0 0 1px rgba(102, 126, 234, 0.2) !important;
    filter: saturate(1) brightness(1) !important;
}

.qscvs-game-cover img:hover {
    box-shadow: 
        0px 15px 40px rgba(102, 126, 234, 0.3),
        0 0 0 2px rgba(99, 102, 241, 0.3) !important;
    filter: saturate(1.1) brightness(1.05) !important;
}

@keyframes imagePulse {
    0% { box-shadow: 0px 15px 40px rgba(102, 126, 234, 0.3), 0 0 0 2px rgba(99, 102, 241, 0.3); }
    100% { box-shadow: 0px 20px 50px rgba(102, 126, 234, 0.4), 0 0 0 3px rgba(118, 75, 162, 0.4); }
}

.qscvs-game-info p {
    color: #4a5568 !important;
    text-shadow: none !important;
}

.qscvs-game-info p:last-child {
    color: #64748b !important;
}

.qscvs-common-recommend-title {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    box-shadow: 
        0 4px 20px rgba(102, 126, 234, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    border-bottom: 2px solid rgba(165, 180, 252, 0.3) !important;
}

.qscvs-common-recommend-title::before {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent) !important;
}

.qscvs-common-recommend-title p {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

footer {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
    box-shadow: 0 -3px 20px rgba(102, 126, 234, 0.15) !important;
}

.qscvs-footer-links a {
    color: #6366f1 !important;
}

.qscvs-footer-links a:hover {
    color: #764ba2 !important;
    text-shadow: 0 2px 8px rgba(118, 75, 162, 0.3) !important;
}

footer .qscvs-copyright {
    color: #6366f1 !important;
    text-shadow: 0 1px 5px rgba(99, 102, 241, 0.2) !important;
}

#flow {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.95) 100%) !important;
    box-shadow: 
        0 10px 35px rgba(102, 126, 234, 0.3),
        0 0 0 2px rgba(99, 102, 241, 0.2) !important;
    border: 2px solid rgba(102, 126, 234, 0.3) !important;
}

#flow:hover {
    background: linear-gradient(135deg, rgba(248, 250, 252, 0.98) 0%, rgba(238, 242, 255, 0.98) 100%) !important;
    box-shadow: 
        0 15px 50px rgba(102, 126, 234, 0.4),
        0 0 0 3px rgba(118, 75, 162, 0.3) !important;
}

#back-top,
#back-home {
    filter: none !important;
}

#back-top:hover,
#back-home:hover {
    filter: drop-shadow(0 0 8px rgba(102, 126, 234, 0.8)) !important;
}

.qscvs-game-detail-title {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.95) 100%) !important;
    box-shadow: 
        0 15px 50px rgba(102, 126, 234, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
    border: 2px solid rgba(102, 126, 234, 0.3) !important;
}

.qscvs-game-detail-title::before {
    background: linear-gradient(90deg, #667eea, #764ba2, #6366f1) !important;
}

.qscvs-game-detail-img img {
    box-shadow: 
        0 15px 40px rgba(102, 126, 234, 0.3),
        0 0 0 2px rgba(99, 102, 241, 0.2) !important;
}

.qscvs-game-detail-img::before {
    background: linear-gradient(45deg, rgba(102, 126, 234, 0.2), rgba(118, 75, 162, 0.1)) !important;
}

.qscvs-detail-info h2 {
    color: #6366f1 !important;
    text-shadow: 0 2px 8px rgba(99, 102, 241, 0.3) !important;
}

.qscvs-detail-info p {
    color: #4a5568 !important;
    text-shadow: none !important;
}

.qscvs-game-instructions {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.95) 100%) !important;
    box-shadow: 
        0 10px 35px rgba(102, 126, 234, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
    border: 2px solid rgba(102, 126, 234, 0.2) !important;
}

.qscvs-game-instructions::before {
    background: linear-gradient(90deg, #667eea, #764ba2, #6366f1) !important;
}

.qscvs-game-instructions p {
    color: #4a5568 !important;
    text-shadow: none !important;
}

.qscvs-game-gameplay-button {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #6366f1 100%) !important;
    box-shadow: 
        0 8px 35px rgba(102, 126, 234, 0.4),
        0 0 0 2px rgba(165, 180, 252, 0.3) !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
}

.qscvs-game-gameplay-button::before {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent) !important;
}

.qscvs-game-gameplay-button:hover {
    box-shadow: 
        0 15px 50px rgba(102, 126, 234, 0.5),
        0 0 0 3px rgba(118, 75, 162, 0.4) !important;
    background: linear-gradient(135deg, #764ba2 0%, #667eea 50%, #6366f1 100%) !important;
}

.qscvs-game-gameplay-button p {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

.iframe-menu {
    background-color: #ffffff !important;
}

.iframe-menu li a {
    color: #6366f1 !important;
}

.iframe-menu li a:hover {
    color: #764ba2 !important;
    text-shadow: 0 2px 8px rgba(118, 75, 162, 0.3) !important;
}

@media (hover: none) and (pointer: coarse) {
    .qscvs-game-item:active {
        box-shadow: 
            0 10px 30px rgba(102, 126, 234, 0.3),
            0 0 0 2px rgba(99, 102, 241, 0.3) !important;
    }
    
    .recommend-item-btn:active {
        box-shadow: 0 6px 25px rgba(102, 126, 234, 0.5) !important;
    }
}