/* 通用移动端生成按钮样式 */
/* 适用于所有页面的input-action-btn.generate-btn */

/* 移动端生成按钮优化 */
@media (max-width: 768px) {
    .input-action-btn.generate-btn {
        padding: 14px 24px !important; /* 大幅增加内边距，特别是垂直方向 */
        font-size: 16px !important; /* 增加字体大小 */
        align-self: auto !important; /* 移除拉伸，保持按钮原始大小 */
        flex-shrink: 0; /* 防止按钮收缩 */
        width: auto !important; /* 确保宽度自动调整 */
        min-width: 90px; /* 设置最小宽度 */
        min-height: 44px !important; /* 设置最小高度确保足够空间显示文字 */
        line-height: 1.2; /* 调整行高 */
        justify-content: center;
    }

    /* 移动端生成按钮隐藏图标 */
    .input-action-btn.generate-btn i {
        display: none !important; /* 移动端隐藏图标 */
    }

    /* 移动端生成按钮文字样式 */
    .input-action-btn.generate-btn span {
        font-size: 16px !important; /* 与按钮字体大小保持一致 */
        font-weight: 600 !important; /* 增加字体粗细 */
        line-height: 1.2 !important; /* 调整行高确保文字显示完整 */
        display: inline !important; /* 确保文字显示 */
    }
    
    /* 移动端生成按钮布局调整 */
    .generate-btn:not(.input-action-btn) {
        align-self: stretch;
        justify-content: center;
    }
}

/* 超小屏幕（480px以下）- 确保文字显示 */
@media (max-width: 480px) {
    .input-action-btn.generate-btn {
        padding: 14px 24px !important; /* 与上面的移动端样式保持一致 */
        min-height: 44px !important;
        min-width: 90px !important;
    }
    
    .input-action-btn.generate-btn span {
        display: inline !important; /* 移动端显示文字，不隐藏 */
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .input-action-btn.generate-btn i {
        display: none !important; /* 隐藏图标 */
    }
}