/* AI海报设计页专属样式：intro-steps 展示图在中小分辨率（如1440*900）下整体等比缩放 */

/* 中间间距同步按比例缩放（24 / 960），保证左右高度精确相等 */
.namecard-intro-area .intro-steps {
    gap: 2.5%;
}

/* 主图卡片：固定450px宽改为按容器宽度等比缩放（960px容器时仍为450×346，观感不变） */
.namecard-intro-area .main-image-card {
    width: 46.875% !important; /* 450 / 960 */
    height: auto !important;
    flex-shrink: 0;
    aspect-ratio: 450 / 346;
}

.namecard-intro-area .main-image-card img {
    width: 100%;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 0 0;
}

/* 侧图四宫格：固定345px高改为与主图相同比例的高度（486 / 346），与主图高度始终一致 */
.namecard-intro-area .side-images {
    flex: 1;
    min-width: 0;
    height: auto !important;
    aspect-ratio: 486 / 346; /* (960 - 450 - 24) / 346 */
}

/* 示例按钮（浅灰色小按钮） */
.example-btn {
    margin-top: 8px;
    padding: 5px 14px;
    background: #f0f0f0;
    color: #666;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 13px;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.2s;
}

.example-btn:hover {
    background: #e4e4e4;
}

/* 拆解图片按钮（绿色，与下载按钮区分） */
.poster-split-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    background: #10b981;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    margin-top: 16px;
    margin-left: 12px;
    transition: background 0.2s;
}

.poster-split-btn:hover {
    background: #059669;
}