/* ============================================
   发布信息页面样式 - 温馨生活化风格 V3
   支持 step1, step2, step3 所有步骤指示器
   搜索栏单独一行显示
   ============================================ */

/* 引入Font Awesome图标库 */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css');

/* ---- 页面整体背景 ---- */
.body1000{
    font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif !important;
    min-height:100vh;
    background:linear-gradient(180deg, #fff9f5 0%, #fff0e8 50%, #ffe8dc 100%) !important;
    position:relative;
    overflow-x:hidden !important;
    padding:0 0 50px !important;
}

/* 装饰云朵 */
.body1000::before{
    content:"" !important;
    position:absolute !important;
    width:250px !important;
    height:100px !important;
    background:rgba(255,255,255,0.85) !important;
    border-radius:100px !important;
    top:80px !important;
    left:-60px !important;
    z-index:0 !important;
    box-shadow:0 10px 30px rgba(229,1,18,0.08) !important;
}
.body1000::after{
    content:"" !important;
    position:absolute !important;
    width:200px !important;
    height:80px !important;
    background:rgba(255,255,255,0.65) !important;
    border-radius:100px !important;
    top:150px !important;
    right:-40px !important;
    z-index:0 !important;
}

/* ---- 基础样式保持 ---- */
span.no,span.yes{background-image:url(../images/yesno.gif);background-repeat:no-repeat;height:29px;width:287px;line-height:29px;margin-top:2px;margin-left:5px;float:left}
span.yes{background-position:0 -29px;display:block}
span.no{background-position:0 0;color:#000;display:block;padding-left:40px}
input.gray{border:1px solid;cursor:pointer;border-color:#fff #848484 #848484 #fff!important;background:#f0f0f0!important;color:#333!important}
.white{color:#fff}
.noime{ime-mode:disabled}
.f12{font-size:12px}
.f14{font-size:14px}
.fb{font-weight:700}
.fl{float:left}
.fr{float:right}

/* ---- 头部样式 ---- */
.mhead{
    /* width:100% !important; */
    margin:0 auto !important;
    height:auto !important;
    overflow:auto !important;
    padding:18px 350px !important;
    background:#fff !important;
    position:relative !important;
    z-index:100 !important;
    box-shadow:0 2px 20px rgba(229,1,18,0.08) !important;
    border-bottom:3px solid #E50112 !important;
}
.mhead .logo{float:left !important;text-align:left !important;}
.mhead .log{float:right !important;width:200px !important;height:30px !important;display:block !important;overflow:hidden !important;margin-top:20px !important;margin-right:10px !important}
.mhead .log ul{float:right !important}
.mhead .log ul.line{width:2px !important;height:10px !important;overflow:hidden !important;background:#e9ecef !important;margin:4px 0 0 0 !important;margin-left:5px !important;margin-right:5px !important}
.mhead .log ul.line u{display:block !important;width:1px !important;height:18px !important;overflow:hidden !important;background:#d4d4d4 !important}
.mhead .log a{color:#666 !important;transition:color 0.3s ease !important}
.mhead .log a:hover{text-decoration:none !important;color:#E50112 !important}
.mhead .font{
    width:300px !important;
    display:block !important;
    float:left !important;
    font-size:22px !important;
    font-family:"microsoft yahei" !important;
    vertical-align:middle !important;
    margin-top:15px !important;
    text-align:left !important;
    border-left:3px #E50112 solid !important;
    margin-left:25px !important;
    height:28px !important;
    line-height:28px !important;
    padding-top:2px !important;
    padding-bottom:2px !important;
    padding-left:20px !important;
    color:#333 !important;
    font-weight:700 !important;
}

/* ---- 主内容区域 ---- */
#main{
    max-width:1200px !important;
    margin:30px auto 0 !important;
    padding:0 30px !important;
    position:relative !important;
    z-index:1 !important;
    animation:fadeInUp 0.6s ease-out !important;
    float:none !important;
    width:auto !important;
    background:transparent !important;
}

/* ============================================
   步骤指示器 - 支持 step1, step2, step3
   ============================================ */
.step1, .step2, .step3{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:15px !important;
    margin-bottom:35px !important;
    padding:28px 40px !important;
    background:#fff !important;
    border-radius:24px !important;
    box-shadow:0 15px 50px rgba(229,1,18,0.12), 0 5px 15px rgba(0,0,0,0.06) !important;
    position:relative !important;
    overflow:visible !important;
    float:none !important;
    width:auto !important;
    height:auto !important;
}

/* 步骤卡片装饰 */
.step1::before, .step2::before, .step3::before{
    content:"" !important;
    position:absolute !important;
    top:-8px !important;
    left:30px !important;
    right:30px !important;
    height:16px !important;
    background:linear-gradient(135deg, #ffe8dc 0%, #ffd4c4 100%) !important;
    border-radius:16px 16px 0 0 !important;
    z-index:-1 !important;
}

.step1 span, .step2 span, .step3 span{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    padding:12px 26px !important;
    background:#f8f9fa !important;
    border-radius:50px !important;
    color:#999 !important;
    font-size:15px !important;
    font-weight:500 !important;
    transition:all 0.3s ease !important;
    border:2px solid transparent !important;
    white-space:nowrap !important;
    float:none !important;
    width:auto !important;
    height:auto !important;
    line-height:normal !important;
    text-align:center !important;
    position:relative !important;
}

.step1 span.cur, .step2 span.cur, .step3 span.cur{
    background:linear-gradient(135deg, #E50112 0%, #ff6b6b 100%) !important;
    color:#fff !important;
    font-weight:600 !important;
    box-shadow:0 8px 25px rgba(229,1,18,0.3) !important;
    border-color:#fff !important;
}

.step1 span font.number, 
.step2 span font.number, 
.step3 span font.number{
    width:30px !important;
    height:30px !important;
    background:rgba(255,255,255,0.3) !important;
    border-radius:50% !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-weight:700 !important;
    font-size:13px !important;
    font-style:normal !important;
}

/* ============================================
   分类页面布局：搜索栏单独一行
   HTML结构: #main > #fenlei2(分类) + .psearch(搜索)
   ============================================ */

/* 分类区域 */
#fenlei2{
    display:block !important;
    width:100% !important;
    float:none !important;
    margin-bottom:25px !important;
}

/* 左侧分类卡片 */
#fenlei2 #ymenu-side,
#fenlei2 > div:first-child{
    background:#fff !important;
    border-radius:24px !important;
    padding:35px !important;
    box-shadow:0 20px 60px rgba(229,1,18,0.12), 0 8px 25px rgba(0,0,0,0.06) !important;
    position:relative !important;
    overflow:visible !important;
    float:none !important;
    width:100% !important;
    box-sizing:border-box !important;
}

/* 分类卡片顶部装饰 */
#fenlei2 #ymenu-side::before,
#fenlei2 > div:first-child::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    height:6px !important;
    background:linear-gradient(90deg, #E50112, #ff8f6b, #20b2aa) !important;
    border-radius:24px 24px 0 0 !important;
}

/* 分类网格 */
.ym-mainmnu{
    display:grid !important;
    grid-template-columns:repeat(auto-fill, minmax(160px, 1fr)) !important;
    gap:18px !important;
    list-style:none !important;
    padding:0 !important;
    margin:0 !important;
    float:none !important;
    width:100% !important;
    box-sizing:border-box !important;
}

.ym-tab{
    position:relative !important;
}

.ym-tab > a{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    padding:28px 15px !important;
    background:linear-gradient(135deg, #fff 0%, #fff9f5 100%) !important;
    border:2px solid #ffe8dc !important;
    border-radius:18px !important;
    color:#555 !important;
    text-decoration:none !important;
    transition:all 0.4s ease !important;
    position:relative !important;
    overflow:hidden !important;
    min-height:110px !important;
    float:none !important;
    width:auto !important;
    height:auto !important;
    line-height:normal !important;
    font-size:14px !important;
    box-sizing:border-box !important;
}

.ym-tab > a:hover{
    border-color:#E50112 !important;
    transform:translateY(-5px) !important;
    box-shadow:0 12px 35px rgba(229,1,18,0.15) !important;
    color:#E50112 !important;
}

/* 子分类下拉 */
.ym-submnu{
    position:absolute !important;
    top:calc(100% + 8px) !important;
    left:0 !important;
    right:0 !important;
    background:#fff !important;
    border-radius:16px !important;
    padding:10px !important;
    opacity:0 !important;
    visibility:hidden !important;
    transform:translateY(-10px) !important;
    transition:all 0.3s ease !important;
    z-index:1000 !important;
    box-shadow:0 20px 50px rgba(229,1,18,0.15), 0 8px 25px rgba(0,0,0,0.1) !important;
    border:2px solid #ffe8dc !important;
    list-style:none !important;
    float:none !important;
    width:auto !important;
    box-sizing:border-box !important;
}

.ym-tab:hover .ym-submnu{
    opacity:1 !important;
    visibility:visible !important;
    transform:translateY(0) !important;
}

.ym-submnu li{
    margin:3px 0 !important;
    float:none !important;
    display:block !important;
    width:auto !important;
    height:auto !important;
}

.ym-submnu a{
    display:block !important;
    padding:11px 16px !important;
    color:#666 !important;
    text-decoration:none !important;
    border-radius:10px !important;
    transition:all 0.2s ease !important;
    font-size:14px !important;
    float:none !important;
    width:auto !important;
    height:auto !important;
    line-height:normal !important;
}

.ym-submnu a:hover{
    background:linear-gradient(135deg, #fff5f0 0%, #ffe8dc 100%) !important;
    color:#E50112 !important;
    padding-left:22px !important;
}

/* 返回链接 */
.backall{
    margin-top:25px !important;
    padding-top:20px !important;
    border-top:2px dashed #ffe8dc !important;
    float:none !important;
    display:block !important;
    width:auto !important;
    height:auto !important;
}

.backall a{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    color:#E50112 !important;
    text-decoration:none !important;
    font-size:14px !important;
    font-weight:600 !important;
    padding:10px 22px !important;
    background:linear-gradient(135deg, #fff5f0 0%, #ffe8dc 100%) !important;
    border-radius:20px !important;
    transition:all 0.3s ease !important;
    float:none !important;
    width:auto !important;
    height:auto !important;
    line-height:normal !important;
}

.backall a:hover{
    background:linear-gradient(135deg, #E50112 0%, #ff6b6b 100%) !important;
    color:#fff !important;
    transform:translateY(-2px) !important;
}

/* ============================================
   搜索栏 - 单独一行
   ============================================ */
.psearch{
    background:#fff !important;
    border-radius:24px !important;
    padding:30px 35px !important;
    box-shadow:0 15px 50px rgba(32,178,170,0.12), 0 8px 25px rgba(0,0,0,0.06) !important;
    position:relative !important;
    overflow:visible !important;
    float:none !important;
    width:100% !important;
    box-sizing:border-box !important;
}

/* 搜索卡片顶部装饰 */
.psearch::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    height:5px !important;
    background:linear-gradient(90deg, #20b2aa, #4ecdc4) !important;
    border-radius:24px 24px 0 0 !important;
}

/* 搜索头部 */
.pshead{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:15px !important;
    float:none !important;
    width:100% !important;
}

.pshead em{
    font-size:18px !important;
    font-weight:700 !important;
    color:#333 !important;
    font-style:normal !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    float:none !important;
    width:auto !important;
    height:auto !important;
    line-height:normal !important;
    white-space:nowrap !important;
}

.pshead em::before{
    content:"\f002" !important;
    font-family:"Font Awesome 6 Free" !important;
    font-weight:900 !important;
    width:36px !important;
    height:36px !important;
    background:linear-gradient(135deg, #20b2aa 0%, #4ecdc4 100%) !important;
    border-radius:10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fff !important;
    font-size:14px !important;
    flex-shrink:0 !important;
}

/* 搜索表单布局 - 水平排列 */
.psearch form{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:12px !important;
    flex:1 !important;
    width:calc(100% - 150px) !important;
}

.pstxt{
    flex:1 !important;
    padding:14px 18px !important;
    background:#fafafa !important;
    border:2px solid #f0f0f0 !important;
    border-radius:14px !important;
    font-size:15px !important;
    transition:all 0.3s ease !important;
    outline:none !important;
    box-sizing:border-box !important;
    color:#333 !important;
    float:none !important;
    height:auto !important;
}

.pstxt::placeholder{
    color:#aaa !important;
}

.pstxt:focus{
    border-color:#20b2aa !important;
    background:#fff !important;
    box-shadow:0 0 0 4px rgba(32,178,170,0.1) !important;
}

.psbtn{
    padding:14px 28px !important;
    background:linear-gradient(135deg, #20b2aa 0%, #4ecdc4 100%) !important;
    border:none !important;
    border-radius:14px !important;
    color:#fff !important;
    font-size:15px !important;
    font-weight:700 !important;
    cursor:pointer !important;
    transition:all 0.3s ease !important;
    box-shadow:0 8px 25px rgba(32,178,170,0.3) !important;
    float:none !important;
    height:auto !important;
    line-height:normal !important;
    white-space:nowrap !important;
}

.psbtn:hover{
    transform:translateY(-2px) !important;
    box-shadow:0 10px 30px rgba(32,178,170,0.4) !important;
}

/* ============================================
   发布表单样式
   ============================================ */
.publish-detail{
    background:#fff !important;
    border-radius:24px !important;
    padding:40px !important;
    box-shadow:0 20px 60px rgba(229,1,18,0.12), 0 8px 25px rgba(0,0,0,0.06) !important;
    position:relative !important;
    overflow:hidden !important;
    float:none !important;
    width:100% !important;
    margin:0 auto !important;
    box-sizing:border-box !important;
}

.publish-detail::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;left:0 !important;right:0 !important;
    height:6px !important;
    background:linear-gradient(90deg, #E50112, #ff8f6b, #20b2aa) !important;
}

.publish-detail h2{
    font-size:20px !important;
    font-weight:700 !important;
    color:#333 !important;
    margin-bottom:25px !important;
    padding-bottom:18px !important;
    border-bottom:2px dashed #ffe8dc !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    float:none !important;
}

.publish-detail h2::before{
    content:"" !important;
    width:5px !important;
    height:24px !important;
    background:linear-gradient(180deg, #E50112 0%, #ff6b6b 100%) !important;
    border-radius:3px !important;
}

/* 输入框样式 */
.publish-detail textarea,
.publish-detail input[type="text"],
.publish-detail input[type="password"],
.publish-detail input[type="email"]{
    width:100% !important;
    padding:14px 16px !important;
    background:#fafafa !important;
    border:2px solid #f0f0f0 !important;
    border-radius:12px !important;
    font-size:15px !important;
    color:#333 !important;
    transition:all 0.3s ease !important;
    outline:none !important;
    box-sizing:border-box !important;
    font-family:inherit !important;
    float:none !important;
    height:auto !important;
}

.publish-detail textarea:focus,
.publish-detail input:focus{
    border-color:#E50112 !important;
    background:#fff !important;
    box-shadow:0 0 0 4px rgba(229,1,18,0.08) !important;
}

.publish-detail textarea{
    height:140px !important;
    resize:vertical !important;
}

.publish-detail select{
    width:100% !important;
    padding:14px 16px !important;
    background:#fafafa !important;
    border:2px solid #f0f0f0 !important;
    border-radius:12px !important;
    font-size:15px !important;
    color:#333 !important;
    transition:all 0.3s ease !important;
    cursor:pointer !important;
    outline:none !important;
    box-sizing:border-box !important;
    font-family:inherit !important;
    float:none !important;
    height:auto !important;
}

.publish-detail select:focus{
    border-color:#E50112 !important;
    background:#fff !important;
    box-shadow:0 0 0 4px rgba(229,1,18,0.08) !important;
}

/* 表单标签 */
.p-label{
    display:inline-block !important;
    width:120px !important;
    text-align:right !important;
    padding:0 10px 0 0 !important;
    font-weight:600 !important;
    color:#666 !important;
    font-size:14px !important;
    float:none !important;
}

.p-line{
    padding:14px 0 !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    border-bottom:1px solid #f5f5f5 !important;
    float:none !important;
    width:100% !important;
    height:auto !important;
    line-height:normal !important;
    box-sizing:border-box !important;
}
.p-line:last-of-type{
    border-bottom:none !important;
}

/* 发布按钮 */
.publish-detail .fabu1{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    background:linear-gradient(135deg, #E50112 0%, #ff6b6b 100%) !important;
    color:#fff !important;
    border:none !important;
    border-radius:14px !important;
    padding:16px 45px !important;
    font-size:16px !important;
    font-weight:700 !important;
    cursor:pointer !important;
    transition:all 0.3s ease !important;
    margin-top:25px !important;
    box-shadow:0 8px 25px rgba(229,1,18,0.3) !important;
    letter-spacing:1px !important;
    float:none !important;
    width:auto !important;
    height:auto !important;
    line-height:normal !important;
}

.publish-detail .fabu1:hover{
    background:linear-gradient(135deg, #d4000f 0%, #ff5252 100%) !important;
    transform:translateY(-3px) !important;
    box-shadow:0 12px 35px rgba(229,1,18,0.4) !important;
}

/* ============================================
   发布成功页面
   ============================================ */
.fbd{
    background:#fff !important;
    border-radius:24px !important;
    box-shadow:0 20px 60px rgba(229,1,18,0.12), 0 8px 25px rgba(0,0,0,0.06) !important;
    position:relative !important;
    overflow:hidden !important;
}

.fbd::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;left:0 !important;right:0 !important;
    height:6px !important;
    background:linear-gradient(90deg, #E50112, #ff8f6b, #20b2aa) !important;
}

.c_border{
    border:none !important;
    padding:40px !important;
}

/* 结果页面 */
#mr{
    min-height:400px !important;
    text-align:center !important;
    background:#fff !important;
    border-radius:24px !important;
    padding:50px 40px !important;
    box-shadow:none !important;
    margin:0 auto !important;
    max-width:650px !important;
    position:relative !important;
    overflow:hidden !important;
    float:none !important;
    width:auto !important;
    height:auto !important;
    border:none !important;
}

#mr .h{
    line-height:1.4 !important;
    margin:20px 0 !important;
    font-size:26px !important;
    color:#333 !important;
    font-weight:700 !important;
    float:none !important;
    width:auto !important;
    height:auto !important;
}

#mr h1,#mr h2,#mr h3{
    font-family:"microsoft yahei" !important;
    float:none !important;
}

#mr h1{color:#4EBB24 !important;font-size:28px !important;}
#mr h2{color:#E50112 !important;font-size:26px !important;}
#mr h3{color:#E50112 !important;font-size:26px !important;}

#mr p{
    line-height:1.7 !important;
    color:#666 !important;
    margin:15px auto !important;
    font-size:15px !important;
    max-width:480px !important;
    float:none !important;
    width:auto !important;
    height:auto !important;
}

#mr p a{
    display:inline-block !important;
    margin-top:20px !important;
    padding:14px 30px !important;
    background:linear-gradient(135deg, #E50112 0%, #ff6b6b 100%) !important;
    color:#fff !important;
    border-radius:12px !important;
    text-decoration:none !important;
    font-weight:600 !important;
    font-size:15px !important;
    transition:all 0.3s ease !important;
    box-shadow:0 8px 25px rgba(229,1,18,0.3) !important;
    float:none !important;
    width:auto !important;
    height:auto !important;
    line-height:normal !important;
}

#mr p a:hover{
    background:linear-gradient(135deg, #d4000f 0%, #ff5252 100%) !important;
    transform:translateY(-2px) !important;
    box-shadow:0 12px 35px rgba(229,1,18,0.4) !important;
}

/* ---- 底部样式 ---- */
.footer{
    font-size:14px !important;
    color:#888 !important;
    margin-top:50px !important;
    padding:25px !important;
    text-align:center !important;
    background:#fff !important;
    border-top:3px solid #E50112 !important;
    box-shadow:0 -4px 20px rgba(0,0,0,0.05) !important;
    float:none !important;
    width:100% !important;
}

.footer a{color:#666 !important;transition:color 0.3s ease !important}
.footer a:hover{color:#E50112 !important}

/* ---- 响应式设计 ---- */
@media (max-width: 768px) {
    .mhead{padding:15px 20px !important}
    .mhead .font{font-size:18px !important;margin-left:15px !important;padding-left:15px !important}
    #main{padding:20px 15px 0 !important}
    
    /* 步骤指示器 - 移动端垂直排列 */
    .step1, .step2, .step3{
        flex-direction:column !important;
        gap:12px !important;
        padding:20px !important;
    }
    .step1 span::after, .step2 span::after, .step3 span::after{display:none !important}
    
    /* 分类卡片 */
    #fenlei2 #ymenu-side,
    #fenlei2 > div:first-child{padding:25px 20px !important}
    .ym-mainmnu{grid-template-columns:repeat(2, 1fr) !important;gap:12px !important}
    .ym-tab > a{padding:20px 12px !important;min-height:90px !important}
    
    /* 搜索栏 - 移动端垂直排列 */
    .psearch{padding:25px 20px !important}
    .pshead{flex-direction:column !important;align-items:flex-start !important}
    .psearch form{flex-direction:column !important;width:100% !important}
    .psbtn{width:100% !important}
    
    /* 表单 */
    .publish-detail{padding:30px 20px !important}
    .p-line{flex-direction:column !important;gap:10px !important;align-items:flex-start !important}
    .p-label{width:100% !important;text-align:left !important}
    
    /* 结果页面 */
    #mr{padding:35px 20px !important;border-radius:20px !important}
    .fbd{padding:20px !important;border-radius:20px !important}
}

/* ---- 动画效果 ---- */
@keyframes fadeInUp {
    from{opacity:0;transform:translateY(30px)}
    to{opacity:1;transform:translateY(0)}
}

/* ---- 清除浮动 ---- */
.clearfix{clear:both !important;display:block !important}
.clearfix::after{content:"" !important;display:table !important;clear:both !important}
.clear15{height:15px !important;clear:both !important}
.clear{clear:both !important;height:0 !important;display:block !important}