/* 流动渐变背景按钮 */
.meta-pay.but.jb-yellow,
.meta-pay.but[class*="jb-vip"] {
    background: linear-gradient(90deg, #ff0080, #ff8c00, #4caf50, #2196f3, #9c27b0);
    background-size: 300% 100%;
    color: white !important;
    animation: gradient-flow 5s ease infinite;
    border: none;
    font-weight: bold;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
@keyframes gradient-flow {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}

/* 炫彩文字效果 */
.button-style-flow_text .meta-pay.but.jb-yellow,
.button-style-flow_text .meta-pay.but.jb-yellow:hover {
    background: linear-gradient(45deg, #ff0080, #ff8c00, #ffeb3b, #4caf50, #2196f3, #9c27b0);
    background-size: 400% 400%;
    color: transparent !important;
    background-clip: text;
    -webkit-background-clip: text;
    animation: zib-color-shift 8s ease infinite;
}
.button-style-flow_text .meta-pay.but[class*="jb-vip"],
.button-style-flow_text .meta-pay.but[class*="jb-vip"]:hover {
    background: linear-gradient(45deg, #e91e63, #9c27b0, #2196f3, #00bcd4, #4caf50, #ffeb3b);
    background-size: 400% 400%;
    color: transparent !important;
    background-clip: text;
    -webkit-background-clip: text;
    animation: zib-color-shift 6s ease infinite;
}
@keyframes zib-color-shift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* 光晕效果 */
.meta-pay.but[class*="jb-"] {
    text-shadow: 0 0 8px rgba(255,255,255,0.3), 0 0 16px var(--primary-color, #00aaff);
    transition: all 0.3s ease;
}