/* AI Image Generator - 自定义样式 */

/* 通用 */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* 生成页面 */
#prompt {
    resize: vertical;
    min-height: 100px;
}

#generated-image {
    max-height: 600px;
    border-radius: 8px;
}

/* 历史记录 */
.card-img-top {
    transition: transform 0.2s;
}
.card-img-top:hover {
    transform: scale(1.02);
}

/* 首页 hero */
.hero {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}
.hero .text-muted {
    color: rgba(255,255,255,0.8) !important;
}
.hero .btn-outline-secondary {
    color: white;
    border-color: rgba(255,255,255,0.5);
}
.hero .btn-outline-secondary:hover {
    background: rgba(255,255,255,0.1);
}

/* 加载动画 */
.spinner-border {
    animation-duration: 1s;
}

/* 卡片悬停效果 */
.card {
    transition: box-shadow 0.2s;
}
.card:hover {
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.1) !important;
}

/* 分页激活项 */
.pagination .page-item.active .page-link {
    background-color: #0d6efd;
    border-color: #0d6efd;
}