/* post 页面专属样式（自动抽取） */

/*表单容器*/
.post-form-box{
    background:#fff;
    padding:16px;
    border-radius:6px;
}

/*表单项：PC左右，手机上下堆叠*/
.form-item{
    padding:10px 0;
    border-bottom:1px dotted #eee;
    display:flex;
    gap:12px;
}

.form-item:last-child{
    border-bottom:none;
}

.form-label{
    width:110px;
    flex-shrink:0;
    font-weight:500;
}

.form-input-wrap{
    flex:1;
}

.form-tip{
    font-size:12px;
    color:#888;
    margin-top:4px;
}

.red_skin{
    color:#f5222d;
}

/*普通输入框（标题、地区、文本域）*/
.fabuinput,.fabuselect{
    width:100%;
    max-width:420px;
    height:38px;
    padding:0 10px;
    border:1px solid #bcd6f5;
    border-radius:4px;
    font-size:14px;
}

/*====联系人/电话/QQ/微信/邮箱 窄输入框====*/
.small-fabuinput{
    width:100%;
    max-width:260px;
    height:38px;
    padding:0 10px;
    border:1px solid #bcd6f5;
    border-radius:4px;
    font-size:14px;
}

.fabutxt{
    width:100%;
    max-width:650px;
    padding:10px;
    border:1px solid #bcd6f5;
    border-radius:4px;
    font-size:14px;
    min-height:120px;
}

.textInt23{
    margin:4px 0;
}

/*手机端：表单项垂直堆叠，窄输入框恢复100%宽度*/
@media(max-width:768px){
    .form-item{
        flex-direction:column;
        gap:6px;
    }
    .form-label{
        width:auto;
    }
    .small-fabuinput{
        max-width:100%;
    }
}

/*右侧发布帮助步骤样式*/
.help-step{
    font-size:14px;
    line-height:1.7;
}

.help-step h4{
    margin:10px 0 6px 0;
    color:#2b78d4;
}

.help-step p{
    margin:6px 0;
    color:#444;
}

.help-step .warn{
    color:#f5222d;
}

/*===== 发布页：隐藏悬浮“发布信息”按钮（本页即为发布页，避免重复入口） =====*/
.publish-fixed{display:none !important;}

/*===== 移动端发布页布局优化 =====*/
@media(max-width:768px){
    /* 底部留出悬浮按钮空间，防止遮挡 */
    .wrap.main{padding-bottom:90px !important;}
    .left-main h2{font-size:18px !important;margin-bottom:10px !important;}
    .post-form-box{padding:12px 10px !important;}

    /* 步骤条紧凑换行（降低高度） */
    .step-bar{flex-wrap:wrap;gap:4px !important;padding:3px 0 !important;margin-bottom:6px !important;line-height:1.3 !important;}
    .step-bar b{width:100%;font-size:13px;}
    .step-bar span{padding:3px 7px !important;font-size:12px !important;}
    /* IP提示行紧凑 */
    .form-item{padding:6px 0 !important;}
    .form-tip{font-size:11px !important;margin-top:0 !important;line-height:1.4 !important;}

    /* 表单项：标签与输入框上下堆叠 */
    .form-item{flex-direction:column !important;gap:5px !important;padding:9px 0 !important;}
    .form-label{width:auto !important;font-size:14px;}
    .form-tip{font-size:12px !important;color:#999;line-height:1.5;}

    /* 全部输入控件占满一行 */
    .fabuinput,.fabuselect,.fabutxt,.small-fabuinput{
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
        min-height:38px;
        font-size:15px !important;
    }
    .fabutxt{min-height:110px;}
    .form-input-wrap input[type="text"],
    .form-input-wrap input[type="file"],
    .form-input-wrap select{
        max-width:100% !important;
        box-sizing:border-box;
    }
    .form-input-wrap input[type="file"]{font-size:13px;}
    .form-input-wrap font,.form-input-wrap span{word-break:break-all;}

    /* 置顶选项换行显示 */
    .form-input-wrap label{margin-right:10px;}

    /* 提交按钮全宽大按钮 */
    .okbut{
        width:100% !important;
        height:44px !important;
        font-size:16px !important;
    }
}

/*===== 移动端发布页二次优化（2026-10-25 第二轮） =====*/
@media(max-width:768px){
    /* 输入控件统一 16px，避免 iOS 聚焦自动放大 */
    .fabuinput,.fabuselect,.fabutxt,.small-fabuinput{
        font-size:16px !important;
        padding:8px 10px !important;
        border:1px solid #c9def5 !important;
        border-radius:4px !important;
        background-color:#fff !important;
        -webkit-appearance:none;
        appearance:none;
    }
    /* 下拉框恢复箭头 */
    .fabuselect{
        background-image:linear-gradient(45deg,transparent 50%,#999 50%),linear-gradient(135deg,#999 50%,transparent 50%);
        background-position:calc(100% - 16px) 55%,calc(100% - 11px) 55%;
        background-size:5px 5px,5px 5px;
        background-repeat:no-repeat;
        padding-right:28px !important;
    }
    /* 表单项卡片化：细分隔线 + 标签加粗 */
    .form-item{
        border-bottom:1px solid #eef3fa !important;
        padding:12px 2px !important;
    }
    .form-item:last-of-type{border-bottom:none !important;}
    .form-label{font-weight:bold !important;color:#333 !important;}
    .form-tip{margin-top:2px;}
    .red_skin{font-size:13px !important;}

    /* 提交栏吸底：长表单随时可点发布 */
    .form-item-submit{
        position:sticky !important;
        bottom:0 !important;
        background:#fff !important;
        margin:12px -10px 0 !important;
        padding:10px 10px calc(10px + env(safe-area-inset-bottom)) !important;
        box-shadow:0 -3px 12px rgba(0,0,0,0.08) !important;
        border-bottom:none !important;
        z-index:5;
    }
    .form-item-submit .okbut{margin-bottom:8px;}
    .form-item-submit #showAgreement{font-size:13px;color:#4096ee;}

    /* 文本域聚焦高亮 */
    .fabuinput:focus,.fabuselect:focus,.fabutxt:focus{
        border-color:#4096ee !important;
        outline:none;
    }
}