*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft Yahei",sans-serif;}
body{background:#f4f7fb;color:#333;line-height:1.6;max-width:100%;overflow-x:clip;}
img{max-width:100%;height:auto;}
iframe{max-width:100%;}

/* 导航固顶 */
.nav-wrap{position:sticky;top:0;z-index:99;background:#4096ee;}
.wrap{width:1200px;max-width:100%;margin:0 auto;padding:0 10px;}

/* 头部header */
.header{background:#fff;padding:16px 0;}
.header-inner{display:flex;align-items:center;gap:20px;}
.logo{font-size:32px;font-weight:bold;color:#2b78d4;width:220px;flex:0 0 auto;text-decoration:none;line-height:1.2;}
.search-box{flex:1;min-width:0;display:flex;}
.search-box form{display:flex;width:100%;min-width:0;}
.search-box input{flex:1;min-width:0;width:100%;height:42px;padding:0 14px;border:1px solid #bcd6f5;border-radius:4px 0 0 4px;font-size:16px;outline:none;}
.search-box button{flex:0 0 auto;height:42px;padding:0 22px;background:#4096ee;color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer;white-space:nowrap;}
.publish-btn{flex:0 0 auto;padding:10px 24px;background:#ff7b26;color:#fff;border-radius:4px;text-decoration:none;font-weight:bold;white-space:nowrap;}

/* 导航 */
.nav{display:flex;flex-wrap:wrap;}
.nav a{display:block;padding:14px 20px;color:#fff;text-decoration:none;font-size:16px;}
.nav a:hover{background:#2b78d4;}

/* 主体内容区 */
.main{display:flex;gap:20px;padding:20px 0;}
.left-main{width:840px;background:#fff;padding:20px;border-radius:6px;min-height:620px;}
.left-main h2{font-size:20px;color:#2b78d4;border-left:4px solid #4096ee;padding-left:10px;margin-bottom:16px;}
.info-item{padding:12px 0;border-bottom:1px dashed #e5edf8;display:flex;justify-content:space-between;gap:10px;}
.info-item a{color:#333;text-decoration:none;}
.info-item a:hover{color:#4096ee;}
.info-time{color:#888;font-size:14px;white-space:nowrap;}

/* 右侧侧边栏 */
.right-side{width:340px;display:flex;flex-direction:column;gap:16px;}
.side-box{background:#fff;padding:16px;border-radius:6px;}
.side-box h3{font-size:17px;color:#2b78d4;border-bottom:1px solid #e5edf8;padding-bottom:8px;margin-bottom:12px;}
.side-box ul{list-style:none;}
.side-box li{padding:8px 0;border-bottom:1px dotted #eee;display:flex;align-items:center;gap:8px;}
/* 标题容器：占剩余空间，单行省略 */
.side-box li .title-text{flex:1;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.side-box li .date-text{font-size:12px;font-family:Arial;white-space:nowrap;color:#888;}
.side-box li a{color:#444;text-decoration:none;}
.side-box li a:hover{color:#4096ee;}

/* 便民电话 */
.tel-block{background:#fff;padding:20px 0;margin-bottom:20px;border-radius:6px;}
.tel-block h3{width:1200px;max-width:100%;margin:0 auto;font-size:18px;color:#2b78d4;padding-left:10px;margin-bottom:12px;}
.tel-content{width:1200px;max-width:100%;margin:0 auto;display:flex;gap:30px;flex-wrap:wrap;padding:0 10px;}
.tel-item{color:#333;}

/* 页脚 */
.footer{background:#2b78d4;color:#fff;padding:24px 0;text-align:center;font-size:14px;}

/* ========== 平板 ========== */
@media screen and (max-width:1200px){
    .wrap,.tel-block h3,.tel-content{width:100%;}
    .left-main{width:calc(100% - 360px);}
}

/* ========== 移动端适配 ========== */
@media screen and (max-width:768px){
    .header{padding:10px 0;}
    /* 关键：不换行，Logo与搜索框同行垂直居中 */
    .header-inner{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;gap:8px;}
    .logo{width:auto !important;flex:0 0 auto;font-size:19px;text-align:left !important;margin-bottom:0 !important;white-space:nowrap;line-height:1;}
    .search-box{flex:1 1 auto !important;min-width:0 !important;width:auto !important;order:0;display:flex;align-items:center;}
    .search-box form{display:flex;width:100%;min-width:0;}
    .search-box input{flex:1 1 auto !important;min-width:0 !important;width:auto !important;height:34px;font-size:14px;padding:0 8px;}
    .search-box button{flex:0 0 auto !important;height:34px;padding:0 12px;font-size:14px;}
    .publish-btn{display:none;}

    /* 导航横向滑动，不撑破屏幕 */
    .nav{flex-wrap:nowrap !important;overflow-x:auto;-webkit-overflow-scrolling:touch;}
    .nav a{padding:10px 12px;font-size:14px;white-space:nowrap;}

    .main{flex-direction:column;padding:10px 0;}
    .left-main,.right-side{width:100%;min-height:auto;}
    .left-main{padding:12px;}
    .info-item{flex-wrap:wrap;}
    .tel-content{gap:12px;}
    .tel-block{padding:12px 0;}
}