/* 容器样式：确保按钮排列整齐 */
.form-actions {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    margin-top: 20px;
    padding-bottom: 60px !important; /* 确保底部有间距 */
}

/* 按钮通用样式 */
.form-actions input[type="submit"],
.form-actions .button {
    min-height: 40px; 
    padding: 12px 20px;
    
    /* PC端优化：设置最小宽度，确保所有按钮宽度一致 */
    min-width: 140px; 
    text-align: center; /* 文字居中 */
    
    /* PC端默认不拉伸 */
    flex: 0 0 auto; 
    
    box-sizing: border-box;
    margin: 0;
    
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap; /* PC端防止换行 */
    
    border: 1px solid transparent; 
    appearance: none;
    font-size: 16px;
}

/* --- 移动端适配 --- */
@media (max-width: 600px) {
    .form-actions {
        padding-bottom: 40px !important;
        gap: 10px; 
    }

    .form-actions input[type="submit"],
    .form-actions .button {
        width: auto;
        flex: 1;         /* 移动端平分宽度 */
        min-width: 0;    /* 【关键】：重置 min-width，否则 flex:1 会失效 */
        padding: 12px 5px;
        text-align: center;
        white-space: normal; /* 允许在小屏换行 */
    }
}
