/* =========================================================
   V7.8 自然动态：恢复前面更柔和的跳动感
   原则：不使用 JS 强制抽动；只用平滑 CSS 动画。
========================================================= */

/* ---------- 重要通知紫色块 ---------- */

.special-left{
    position:relative !important;
    z-index:2 !important;
    transform-origin:center bottom !important;

    animation:
        v78SpecialFloat 1.55s ease-in-out infinite,
        v78SpecialColor 5.2s ease-in-out infinite !important;

    will-change:transform,background,filter;
}

@keyframes v78SpecialFloat{
    0%,100%{
        transform:translateY(0) scale(1);
    }
    45%{
        transform:translateY(-7px) scale(1.018);
    }
    70%{
        transform:translateY(-2px) scale(1.006);
    }
}

@keyframes v78SpecialColor{
    0%,100%{
        background:linear-gradient(155deg,#8b00ff,#a800ff 55%,#6f00d8) !important;
        filter:brightness(1) saturate(1);
    }
    33%{
        background:linear-gradient(155deg,#6947ff,#8500ff 55%,#591dc9) !important;
        filter:brightness(1.05) saturate(1.08);
    }
    66%{
        background:linear-gradient(155deg,#c51cff,#9a00ff 55%,#7814cf) !important;
        filter:brightness(1.08) saturate(1.12);
    }
}

.special-title{
    display:inline-block !important;
    transform-origin:center !important;

    animation:
        v78TitleBreath 1.9s ease-in-out infinite !important;
}

@keyframes v78TitleBreath{
    0%,100%{
        transform:scale(1);
    }
    50%{
        transform:scale(1.045);
    }
}

.special-symbol-row .jump-symbol{
    display:inline-block !important;
    transform-origin:center bottom !important;

    animation:
        v78SymbolFloat 1.15s ease-in-out infinite !important;
}

.special-symbol-row .jump-symbol:nth-child(1){animation-delay:0s !important;}
.special-symbol-row .jump-symbol:nth-child(2){animation-delay:.13s !important;}
.special-symbol-row .jump-symbol:nth-child(3){animation-delay:.26s !important;}
.special-symbol-row .jump-symbol:nth-child(4){animation-delay:.39s !important;}

@keyframes v78SymbolFloat{
    0%,100%{
        transform:translateY(0) scale(1);
    }
    45%{
        transform:translateY(-5px) scale(1.06);
    }
}


/* ---------- 备用网址：恢复自然弹跳 ---------- */

.domains span{
    display:inline-block !important;
    transform-origin:center bottom !important;

    animation:
        v78DomainBounce 1.35s ease-in-out infinite !important;
}

.domains span:nth-of-type(1){animation-delay:0s !important;}
.domains span:nth-of-type(2){animation-delay:.09s !important;}
.domains span:nth-of-type(3){animation-delay:.18s !important;}
.domains span:nth-of-type(4){animation-delay:.27s !important;}
.domains span:nth-of-type(5){animation-delay:.36s !important;}
.domains span:nth-of-type(6){animation-delay:.45s !important;}

@keyframes v78DomainBounce{
    0%,100%{
        transform:translateY(0) scale(1);
        filter:brightness(1);
    }
    43%{
        transform:translateY(-5px) scale(1.035);
        filter:brightness(1.08);
    }
    68%{
        transform:translateY(-1px) scale(1.008);
    }
}


/* ---------- 推广窗口重点提示：自然跳，不抽动 ---------- */

.promo-window-v78{
    width:100%;
    margin:4px 0;
    overflow:hidden;
    background:#fff;
}

.promo-window-v78 .promo-window-title{
    animation:
        v78PromoTitle 2s ease-in-out infinite !important;
}

@keyframes v78PromoTitle{
    0%,100%{
        filter:brightness(1);
    }
    50%{
        filter:brightness(1.13);
    }
}

.promo-focus-bar-v78{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    width:100% !important;
    padding:10px 8px !important;

    background:linear-gradient(90deg,#fff200,#fff8a6,#fff200) !important;

    border-top:2px solid #ff6800 !important;
    border-bottom:2px solid #ff6800 !important;
}

.promo-focus-tag-v78,
.promo-focus-item-v78{
    display:inline-block !important;
    transform-origin:center bottom !important;

    animation:
        v78PromoJump 1.25s ease-in-out infinite !important;
}

.promo-focus-tag-v78{
    padding:4px 10px !important;
    border-radius:18px !important;
    background:#e60012 !important;
    color:#fff !important;
    font-size:16px !important;
    font-weight:1000 !important;

    animation:
        v78PromoJump 1.25s ease-in-out infinite,
        v78PromoTagColor 3s ease-in-out infinite !important;
}

.promo-focus-item-v78{
    font-size:17px !important;
    font-weight:1000 !important;
}

.focus-red-v78{color:#e60012 !important;}
.focus-blue-v78{color:#073eff !important;}
.focus-orange-v78{color:#ff5a00 !important;}

.promo-focus-item-v78:nth-of-type(2){animation-delay:.10s !important;}
.promo-focus-item-v78:nth-of-type(3){animation-delay:.20s !important;}
.promo-focus-item-v78:nth-of-type(4){animation-delay:.30s !important;}

@keyframes v78PromoJump{
    0%,100%{
        transform:translateY(0) scale(1);
    }
    44%{
        transform:translateY(-5px) scale(1.045);
    }
    70%{
        transform:translateY(-1px) scale(1.008);
    }
}

@keyframes v78PromoTagColor{
    0%,100%{
        background:#e60012 !important;
    }
    50%{
        background:#ff6a00 !important;
    }
}


/* ---------- 手机端稍微收小位移 ---------- */

@media(max-width:560px){

    @keyframes v78SpecialFloat{
        0%,100%{transform:translateY(0) scale(1);}
        45%{transform:translateY(-5px) scale(1.012);}
        70%{transform:translateY(-1px) scale(1.004);}
    }

    @keyframes v78DomainBounce{
        0%,100%{transform:translateY(0) scale(1);}
        43%{transform:translateY(-4px) scale(1.025);}
        68%{transform:translateY(-1px) scale(1.006);}
    }

    .promo-focus-bar-v78{
        gap:5px !important;
        padding:8px 5px !important;
    }

    .promo-focus-tag-v78{
        font-size:14px !important;
        padding:3px 7px !important;
    }

    .promo-focus-item-v78{
        font-size:14px !important;
    }
}