.wuai-title-style {
    display: inline;
    max-width: 100%;
    min-width: 0;
    text-decoration: inherit;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.wuai-title-bold {
    font-weight: 700;
}

.wuai-title-gradient,
.wuai-title-rainbow,
.wuai-title-fire {
    display: inline;
    color: var(--wuai-title-fallback, #8B5CF6);
    background: var(--wuai-title-gradient, linear-gradient(90deg, #8B5CF6, #6366F1));
    background-size: 220% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.wuai-title-rainbow {
    --wuai-title-fallback: #8B5CF6;
    --wuai-title-gradient: linear-gradient(90deg, #8B5CF6, #6366F1, #F6C453, #A855F7, #8B5CF6);
    animation: wuai-title-flow 6s linear infinite;
}

.wuai-title-fire {
    --wuai-title-fallback: #ff4d2d;
    --wuai-title-gradient: linear-gradient(90deg, #ff2d55, #ff7a00, #ffd166, #ff4d2d);
    animation: wuai-title-fire 4.8s ease-in-out infinite;
    filter: drop-shadow(0 0 4px rgba(255, 93, 36, .32));
}

.wuai-title-glow {
    color: var(--wuai-title-color, #ffb800);
    text-shadow: 0 0 6px rgba(255, 184, 0, .45), 0 0 14px rgba(255, 184, 0, .22);
}

.wuai-title-breathing {
    color: var(--wuai-title-color, #8B5CF6);
    animation: wuai-title-breathing 3.2s ease-in-out infinite;
}

.wuai-title-flash {
    color: var(--wuai-title-color, #ff3b3b);
    animation: wuai-title-flash 4.2s ease-in-out infinite;
}

@keyframes wuai-title-flow {
    0% { background-position: 0% 50%; }
    100% { background-position: 220% 50%; }
}

@keyframes wuai-title-fire {
    0%, 100% { background-position: 0% 50%; filter: drop-shadow(0 0 4px rgba(255, 93, 36, .28)); }
    50% { background-position: 100% 50%; filter: drop-shadow(0 0 7px rgba(255, 122, 0, .42)); }
}

@keyframes wuai-title-breathing {
    0%, 100% { opacity: .86; text-shadow: 0 0 0 rgba(139, 92, 246, 0); }
    50% { opacity: 1; text-shadow: 0 0 9px rgba(139, 92, 246, .38); }
}

@keyframes wuai-title-flash {
    0%, 82%, 100% { text-shadow: none; filter: brightness(1); }
    88% { text-shadow: 0 0 10px rgba(255, 255, 255, .72), 0 0 14px rgba(255, 59, 59, .36); filter: brightness(1.16); }
}

@supports not (-webkit-background-clip: text) {
    .wuai-title-gradient,
    .wuai-title-rainbow,
    .wuai-title-fire {
        background: none;
        -webkit-text-fill-color: initial;
        color: var(--wuai-title-fallback, #8B5CF6);
    }
}

@media (prefers-reduced-motion: reduce) {
    .wuai-title-rainbow,
    .wuai-title-fire,
    .wuai-title-breathing,
    .wuai-title-flash {
        animation: none;
    }
}

@media (max-width: 767.98px) {
    html body .card-thread .card-header h4.break-all,
    html body .card-thread .card-body h4.break-all {
        font-size: 1.28rem;
        line-height: 1.36;
        margin-bottom: .45rem;
    }

    html body .card-thread .card-header h4.break-all .wuai-title-style,
    html body .card-thread .card-body h4.break-all .wuai-title-style {
        font-size: inherit;
        line-height: inherit;
    }
}

@media (max-width: 380px) {
    html body .card-thread .card-header h4.break-all,
    html body .card-thread .card-body h4.break-all {
        font-size: 1.22rem;
    }
}
