/* 评论框加载状态基础样式 */
textarea.zibtf-ai-comment-active,
#comment.zibtf-ai-comment-active {
    caret-color: transparent;
    cursor: wait;
    background: linear-gradient(118deg,rgba(226,220,246,.46) 0%,rgba(205,231,248,.43) 38%,rgba(190,232,224,.4) 70%,rgba(223,220,246,.42) 100%) !important;
    box-shadow: 
        inset 0 0 20px rgba(166, 238, 214, 0.2),
        inset 0 0 40px rgba(153, 204, 255, 0.15);
    animation: ai-gradient-breathe 2.1s ease-in-out infinite;
}

/* 斜向流光覆盖层 */
.zibtf-ai-comment-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
    overflow: hidden;
    border-radius: inherit;
}

.zibtf-ai-comment-overlay::before {
    content: '';
    position: absolute;
    inset: -12% -34%;
    background: linear-gradient(116deg,rgba(255,255,255,0) 34%,rgba(223,255,240,.18) 42%,rgba(157,226,255,.6) 50%,rgba(255,232,181,.42) 58%,rgba(255,255,255,0) 68%);
    filter: saturate(1.18) brightness(1.08);
    transform: translate3d(-64%,16%,0) rotate(-10deg);
    transform-origin: 50% 50%;
    animation: ai-diagonal-sweep 2.2s linear infinite;
}

@keyframes ai-gradient-breathe {
    0% {
        filter: saturate(1.14) brightness(1);
    }
    50% {
        filter: saturate(1.24) brightness(1.05);
    }
    100% {
        filter: saturate(1.14) brightness(1);
    }
}

@keyframes ai-diagonal-sweep {
    0% {
        opacity: 0;
        transform: translate3d(-64%,16%,0) rotate(-10deg);
    }
    10% {
        opacity: 0.96;
    }
    90% {
        opacity: 0.96;
    }
    100% {
        opacity: 0;
        transform: translate3d(64%,-16%,0) rotate(-10deg);
    }
}