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

/*====分类导航：按钮带独立边框，自动换行====*/
.cat-nav-wrap{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e5edf8;}

.cat-nav-wrap .nav-tip{color:#666;font-size:14px;display:inline-block;margin-right:8px;}

.cat-nav-box{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;}

.cat-nav-box a{display:block;border:1px solid #bcd6f5;border-radius:4px;padding:6px 14px;color:#2b78d4;text-decoration:none;transition:all 0.2s;white-space:nowrap;}

.cat-nav-box a:hover{background:#4096ee;color:#fff;border-color:#4096ee;}


/*标题单行溢出省略号，不换行*/
.item-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.area-cat-tag{font-size:12px;color:#ff5500;flex-shrink:0;margin-right:8px;}

.title-row{display:flex;align-items:center;gap:6px;overflow:hidden;}


/*====右侧信息搜索====*/
.search-side{background:#fff;padding:16px;border-radius:6px;}

.search-side h3{font-size:17px;color:#2b78d4;border-bottom:1px solid #e5edf8;padding-bottom:8px;margin-bottom:12px;}

.search-side ul{list-style:none;}

.search-side li{padding:8px 0;font-size:14px;color:#555;display:flex;align-items:center;gap:6px;flex-wrap:wrap;}

.search-side li select,
.search-side li input[type="text"]{flex:1;min-width:0;height:32px;padding:0 8px;border:1px solid #bcd6f5;border-radius:4px;font-size:14px;outline:none;box-sizing:border-box;}

.search-side .search-btn{display:flex;gap:10px;justify-content:center;padding-top:10px;}

.search-side .search-btn input[type="submit"]{padding:8px 24px;background:#4096ee;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;}

.search-side .search-btn input[type="submit"]:hover{background:#2b78d4;}


/* 移动端专用行：PC默认隐藏 */
.meta-row-mobile{
    display:none;
}


/* ========== 移动端768px以下 仅手机生效 ========== */
@media(max-width:768px){
    /*分类导航移动端重排*/
    .cat-nav-wrap .nav-tip{
        display:block;
        margin-bottom:6px;
        margin-right:0;
    }
    .cat-nav-box{
        gap:7px;
    }
    .cat-nav-box a{
        padding:4px 9px;
        font-size:13px;
    }

    /*显示移动端地区+时间一行*/
    .meta-row-mobile{
        display:flex !important;
        justify-content:space-between;
        align-items:center;
        font-size:12px;
        margin-top:4px;
    }
    .meta-tag{
        color:#ff5500;
    }
    .meta-date{
        color:#f80;
    }

    /*手机端隐藏PC版的行内标签、原始右下角时间*/
    .title-row .area-cat-tag{
        display:none !important;
    }
    .hide-mobile{
        display:none !important;
    }

    /*标题占满整行*/
    .title-row{
        flex-wrap:wrap;
    }
    .item-title{
        width:100%;
    }
}