/**
 * KAZD AI生图 前台样式（复用主题 main.css 工具类，本文件仅补充特有样式）
 */

/* block 场景无 zib-widget 卡片包裹，需自行提供 padding；
   widget/studio/user_center 由 zib-widget 的 padding:15px 提供 */
.zaig-form:not(.zib-widget) {
    padding: 15px;
}

.zaig-ref-preview .zaig-ref-thumb {
    margin-right: 6px;
}

.zaig-result-image img {
    max-width: 100%;
}

.zaig-history-item {
    transition: transform .2s;
}
.zaig-history-item:hover {
    transform: translateY(-2px);
}

.zaig-generate-btn.is-busy {
    opacity: .7;
    pointer-events: none;
}

.zaig-status-text.is-error {
    color: var(--muted-3-color, #ff4d4f);
}
.zaig-status-text.is-success {
    color: var(--theme-color, #52c41a);
}
.zaig-status-icon + .zaig-status-text.is-error,
.zaig-result .fa-times-circle {
    color: var(--muted-3-color, #ff4d4f);
}
.zaig-result .fa-check-circle {
    color: var(--theme-color, #52c41a);
}

/* 进度条：使用主题色变量，搭配光泽动画 */
.zaig-progress-bar {
    height: 8px;
    padding: 0;
    overflow: hidden;
    border-radius: 999px;
    background: var(--muted-bg-color, rgba(0,0,0,.06));
}
.zaig-progress-fill {
    height: 100%;
    width: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--theme-color), var(--focus-color, var(--theme-color)));
    transition: width .4s ease;
    position: relative;
    overflow: hidden;
}
.zaig-progress-fill::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
    animation: zaig-shine 1.4s ease-in-out infinite;
}
@keyframes zaig-shine {
    0%   { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

/* 使用说明列表 */
.zaig-tips-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
    line-height: 1.8;
}
.zaig-tips-list li {
    padding: 2px 0;
}
.zaig-tips-list li i {
    margin-right: 4px;
}