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

.info-detail{background:#fff;padding:20px;border-radius:6px;}

.info-detail .detail-title{font-size:22px;color:#2b78d4;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e5edf8;}

.info-detail .detail-meta{font-size:14px;color:#888;margin-bottom:15px;display:flex;gap:20px;flex-wrap:wrap;}

.info-detail .detail-meta span{background:#f5f7fa;padding:5px 12px;border-radius:4px;}

.info-detail .detail-content{font-size:15px;line-height:1.8;margin-bottom:20px;padding:15px;background:#fafbfc;border-radius:4px;}

.info-detail .detail-contact{background:#f5f7fa;padding:15px;border-radius:4px;margin-bottom:15px;}

.info-detail .detail-contact table{width:100%;}

.info-detail .detail-contact td{padding:6px 0;font-size:14px;}

.info-detail .detail-contact td:first-child{width:100px;color:#666;font-weight:bold;}

/* 微信图标PC端样式 */
.wechat-icon{
    display:inline-block;
    vertical-align:middle;
    width:20px;
    height:20px;
    margin-right:6px;
}

.related-list{list-style:none;padding:0;}

.related-list li{padding:8px 0;border-bottom:1px dotted #eee;}

.related-list li a{color:#333;text-decoration:none;}

.related-list li a:hover{color:#4096ee;}

/* 侧栏标题超长自动省略（PC/手机统一，不再换行撑开） */
.side-box .related-list li a,
.side-box .title-text a{
    display:block;
    max-width:100%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

/* 侧栏标题超长自动省略（PC/手机统一，不再换行撑开） */
.side-box .related-list li a,
.side-box .title-text a{
    display:block;
    max-width:100%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.report-form{background:#fff3e0;padding:15px;border-radius:4px;margin-top:15px;border-left:4px solid #ff7b26;}

/* 电话链接与发布条数/归属地（PC 端保持原视觉，仅结构化） */
.detail-contact .tel-num{color:inherit;text-decoration:none;}
.detail-contact .tel-meta{margin-left:6px;}
/* 举报选项整体为一组 label（PC 端行内排列，外观与原单选一致） */
.report-form .report-item{display:inline-block;margin-right:14px;white-space:nowrap;cursor:pointer;}
.report-form .report-item input{vertical-align:middle;margin:0 3px 0 0;}

.remind-box{background:#FFFFD1;border:#f70 1px solid;font-size:14px;line-height:28px;padding:10px;margin-top:15px;border-radius:4px;}

.img-gallery{margin:15px 0;}

.gallery-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.gallery-item{
    width:calc(33.333% - 7px);
}

.gallery-item a{
    cursor:pointer;
    display:block;
}

.gallery-item img{
    width:100%;
    height:auto;
    border-radius:4px;
    display:block;
}

/* 详情页“管理本条信息”模块（2026-10-26 v2.8 美化） */
.info-manage-box{border:1px solid #e3ecf8;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(43,120,212,.06);}
.info-manage-box h3{background:linear-gradient(180deg,#f7fbff,#eef5ff);border-bottom:1px solid #e3ecf8;}
.info-manage-li{padding:12px !important;border-bottom:none !important;background:#fff;}
.info-manage-btns{display:flex;flex-wrap:wrap;gap:8px;}
.info-manage-btns .mbtn{
    flex:1 1 calc(50% - 4px);min-width:80px;box-sizing:border-box;text-align:center;
    display:inline-block;padding:8px 6px;border-radius:6px;font-size:13px;text-decoration:none;
    background:#f2f8ff;color:#2b78d4;border:1px solid #d3e5fb;
    transition:all .18s ease;line-height:1.4;
}
.info-manage-btns .mbtn:hover{
    background:#2b78d4;color:#fff;border-color:#2b78d4;
    box-shadow:0 2px 6px rgba(43,120,212,.28);transform:translateY(-1px);
}
.info-manage-btns .mbtn-del{background:#fff5f6;color:#e4393c;border-color:#f7d4d8;}
.info-manage-btns .mbtn-del:hover{background:#e4393c;border-color:#e4393c;color:#fff;box-shadow:0 2px 6px rgba(228,57,60,.25);}
.info-manage-tip{margin-top:10px;font-size:12px;color:#9aa7b8;line-height:1.6;background:#fafbfd;border-left:3px solid #d3e5fb;padding:6px 8px;border-radius:0 4px 4px 0;}
.info-manage-form{font-size:13px;color:#666;display:flex;flex-wrap:wrap;align-items:center;gap:6px;}
.info-manage-form input[type=password]{height:30px;border:1px solid #dde5ef;border-radius:4px;padding:0 8px;background:#fbfcfe;}
.info-manage-form select{height:30px;border:1px solid #dde5ef;border-radius:4px;background:#fbfcfe;padding:0 4px;}
.info-manage-form .okbut{height:30px;line-height:30px;padding:0 16px;font-size:13px;margin-left:0;border:none;border-radius:4px;background:#2b78d4;color:#fff;cursor:pointer;}
.info-manage-form .okbut:hover{background:#1f66b8;}
@media(max-width:768px){
    .info-manage-btns .mbtn{padding:11px 10px;font-size:14px;flex:1 1 calc(50% - 4px);}
    .info-manage-form input[type=password],
    .info-manage-form select,
    .info-manage-form .okbut{height:34px;line-height:34px;font-size:14px;}

    .gallery-item{
        width:calc(50% - 5px);
    }
}


/* ============ 移动端优化 768px以下 ============ */
@media(max-width:768px){
    .wrap.main{
        width:100%;
        max-width:100%;
        padding:10px !important;
        box-sizing:border-box;
        display:flex;
        flex-direction:column;
        gap:12px;
    }
    .left-main,.right-side{
        width:100% !important;
    }
    .info-detail{
        padding:14px 12px;
    }
    .info-detail .detail-title{
        font-size:18px;
        margin-bottom:10px;
    }
    .info-detail .detail-meta{
        gap:8px;
        font-size:13px;
    }
    .info-detail .detail-meta span{
        padding:4px 8px;
    }
    .info-detail .detail-content{
        font-size:15px;
        line-height:1.7;
        padding:12px 10px;
    }
    /* 联系人卡片：标签小字灰色、值在下，每行虚线分隔 */
    .info-detail .detail-contact{
        padding:6px 14px;
    }
    .info-detail .detail-contact table tr{
        display:block;
        margin-bottom:0;
        padding:2px 0;
        border-bottom:1px dashed #e3e9f2;
    }
    .info-detail .detail-contact table tr:last-child{
        border-bottom:none;
    }
    .info-detail .detail-contact td{
        display:block;
        padding:0;
        width:100% !important;
        font-size:14px;
        line-height:1.6;
        color:#333;
    }
    .info-detail .detail-contact td:first-child,
    .info-detail .detail-contact td:nth-child(3){
        width:auto !important;
        font-size:12px;
        font-weight:normal;
        color:#9aa7b8;
        letter-spacing:1px;
        padding:8px 0 2px;
    }
    .info-detail .detail-contact .tel{
        padding:2px 0 4px;
    }
    .info-detail .detail-contact .tel-num{
        display:inline-block;
        margin:2px 0;
    }
    .info-detail .detail-contact .tel-num img{
        height:26px;
        vertical-align:middle;
    }
    .info-detail .detail-contact .tel-meta{
        display:block;
        margin-left:0 !important;
        font-size:13px;
        color:#888;
        margin-top:2px;
    }
    .info-detail .detail-contact .tel-meta font{
        color:#999 !important;
    }
    /* 移动端微信图标同步适配 */
    .wechat-icon{
        width:18px;
        height:18px;
    }
    .top_table table{
        width:100%;
    }
    .top_table tr{
        display:block;
        margin-bottom:8px;
    }
    .top_table td{
        display:block;
        width:100% !important;
        text-align:left !important;
        padding:3px 0;
    }
    /* 举报模块：说明加粗，选项卡片式，按钮铺满 */
    .report-form{
        padding:12px 10px;
    }
    .report-form table,.report-form tr,.report-form td{
        display:block;
        width:100% !important;
        padding:0;
    }
    .report-form .report-tip{
        font-size:14px;
        font-weight:bold;
        color:#8a4b00;
        margin:2px 0 8px;
    }
    .report-form .report-item{
        display:flex;
        align-items:center;
        background:#fff;
        border:1px solid #ffd9b3;
        border-radius:6px;
        padding:9px 12px;
        margin:0 0 8px;
        font-size:14px;
        color:#555;
        white-space:normal;
    }
    .report-form .report-item input{
        margin:0 8px 0 0;
        accent-color:#ff7b26;
    }
    .report-form input[type="submit"]{
        width:100%;
        margin-top:4px;
        padding:11px 0;
        font-size:16px;
        border-radius:6px;
    }
    .remind-box{
        font-size:13px;
        line-height:1.6;
        padding:10px 8px;
    }
    .lightbox-close{right:0;top:-45px;}
    .lightbox-prev{left:0;}
    .lightbox-next{right:0;}
    .lightbox-prev,.lightbox-next{
        background:rgba(0,0,0,0.35);
    }
}