/* 唐总全站重构: @import 公共设计系统(变量+组件), 让首页/详情页等全站统一 */
@import url('common.css?v=1');
/* 咸宁信息网全站统一样式 2026 v3 */
body{margin:0;background:#f5f6fa;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#333}
a{text-decoration:none}
.hn-wrap{max-width:1200px;margin:0 auto;padding:0 12px;box-sizing:border-box}
/* 顶部小条 */
.hn-topbar{background:#2b6de8;color:#fff;font-size:13px}
.hn-topbar-in{display:flex;justify-content:space-between;align-items:center;height:36px}
.hn-toplinks a{color:#fff;margin-left:18px}
.hn-toplinks a:hover{text-decoration:underline}
/* 主头部 */
.hn-head{background:#fff;border-bottom:1px solid #e8e8e8;padding:16px 0}
.hn-head-in{display:flex;align-items:center;gap:20px}
.hn-logo img{height:52px;display:block}
.hn-search{flex:1;max-width:560px}
.hn-search form{display:flex;border:2px solid #2b6de8;border-radius:8px;overflow:hidden;background:#fff}
.hn-search-input{flex:1;border:none;outline:none;padding:10px 14px;font-size:15px}
.hn-search-btn{background:#2b6de8;color:#fff;border:none;padding:0 28px;font-size:15px;cursor:pointer}
.hn-search-btn:hover{background:#1f5bd0}
.hn-postbtn{background:#ff6a00;color:#fff;font-size:16px;font-weight:bold;padding:12px 22px;border-radius:8px;white-space:nowrap}
.hn-postbtn:hover{background:#e85f00}
/* 栏目卡：一行8个不换行 */
.hn-cats{display:flex;gap:10px;margin:16px 0 14px}
.hn-catcard{flex:1 1 0;min-width:0;background:#fff;border:1px solid #e8e8e8;border-radius:12px;text-align:center;padding:14px 4px 12px;transition:all .2s;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.hn-catcard:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.1);border-color:#c8d6f0}
.hn-catcard .hn-ico{display:block;font-size:30px;line-height:1.2;margin-bottom:4px}
.hn-catcard .hn-name{display:block;font-size:16px;font-weight:bold;color:#333;letter-spacing:1px}
/* 主区布局：左信息 + 右侧栏 */
.hn-main{display:flex;gap:14px;align-items:flex-start;margin-bottom:24px}
.hn-grid{flex:1;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hn-side{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:14px}
.hn-mod{background:#fff;border-radius:12px;border:1px solid #e8e8e8;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.hn-mod-hd{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-bottom:1px solid #f0f0f0;background:#fafbfd}
.hn-mod-hd .t{font-size:16px;font-weight:bold;color:#222}
.hn-mod-hd .t a{color:#222}
.hn-mod-hd .t .hn-tag{display:inline-block;width:6px;height:15px;background:#2b6de8;border-radius:2px;vertical-align:-2px;margin-right:8px}
.hn-mod-hd .o{font-size:13px}
.hn-mod-hd .o a{color:#2b6de8;margin-left:10px}
.hn-mod-bd ul{list-style:none;margin:0;padding:2px 16px 6px}
.hn-mod-bd li{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #f2f2f2;font-size:14px}
.hn-mod-bd li:last-child{border-bottom:none}
.hn-mod-bd .it{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hn-mod-bd .it a{color:#444}
.hn-mod-bd .it a:hover{color:#2b6de8}
.hn-mod-bd .it .red{color:#e33}
.hn-mod-bd .it .bold{font-weight:bold}
.hn-mod-bd .tm{color:#bbb;font-size:12px;margin-left:8px}
.hn-mod-bd .ct{color:#2b6de8;font-size:12px;margin-left:8px;white-space:nowrap}
.hn-mod-bd .empty{color:#bbb;padding:14px 0;text-align:center;font-size:13px}
.hn-mod-bd .empty a{color:#2b6de8}
/* 侧栏卡片 */
.hn-safe{background:linear-gradient(135deg,#fff7ed,#fef3c7);border:1px solid #fde68a}
.hn-safe .hn-mod-hd{background:transparent}
.hn-list{list-style:none;margin:0;padding:6px 16px 10px}
.hn-list li{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed #f2f2f2;font-size:13px;color:#555;overflow:hidden}
.hn-list li:last-child{border-bottom:none}
.hn-list a{color:#444;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hn-list a:hover{color:#2b6de8}
.hn-list .c{color:#999;font-size:12px;white-space:nowrap;margin-left:8px}
.hn-focus{position:relative;height:150px;overflow:hidden;border-radius:0 0 12px 12px}
.hn-focus img{width:100%;height:150px;object-fit:cover;display:block}
.hn-focus .hn-slides{position:relative;width:100%;height:100%}
.hn-focus .hn-slide{position:absolute;inset:0;opacity:0;transition:opacity .5s}
.hn-focus .hn-slide.on{opacity:1}
/* 底部 */
.hn-foot{background:#2c3138;color:#aab;padding:20px 0;text-align:center;font-size:13px;margin-top:6px}
.hn-foot p{margin:6px 0}
.hn-foot a{color:#c8d2de}
.hn-foot a:hover{color:#fff}
/* ========== 内页全站统一（覆盖老样式） ========== */
body{background:#f5f6fa !important}
.bodybgcolor{background:#f5f6fa !important;padding-bottom:10px}
.body1000{width:100% !important;max-width:1200px !important;margin:0 auto !important}
.location{margin:10px auto !important;padding:0 2px !important;font-size:13px;color:#888;max-width:1200px}
.location a{color:#2b6de8}
.wrapper{background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.04);padding:14px 16px !important;margin-bottom:14px;box-sizing:border-box}
.new_listhd{background:#fafbfd !important;border:1px solid #e8e8e8;border-radius:10px;margin:10px auto 12px !important;max-width:1200px;box-sizing:border-box}
.new_listhd .listhdleft a{color:#333;font-weight:bold}
.infolists{max-width:1200px;margin:0 auto}
.infolists .section{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:6px 14px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.infolists ul.sep{margin:0 !important}
.infolists .media{padding:14px 6px !important;border-bottom:1px dashed #f0f0f0 !important;border-radius:8px;transition:background .15s}
.infolists .media:last-child{border-bottom:none !important}
.infolists .media:hover{background:#f5f9ff}
.infolists .media-cap img{width:110px !important;height:82px !important;object-fit:cover;border-radius:8px !important;border:1px solid #eee}
.infolists .media-body-title a{color:#333;font-size:15px;font-weight:bold}
.infolists .media-body-title a:hover{color:#2b6de8}
.infolists .typo-small{color:#888}
.infolists .typo-smalls font{color:#2b6de8;background:#eef4ff;border-radius:4px;padding:1px 7px;margin-right:6px;font-size:12px}
.infolists .ding .media-body-title a{color:#e33}
.pagination2{max-width:1200px;margin:16px auto !important}
.pagination2 a,.pagination2 span{background:#fff;border:1px solid #e0e0e0 !important;border-radius:8px !important;padding:6px 14px !important;margin:0 4px !important;color:#555}
.pagination2 .current{background:#2b6de8 !important;border-color:#2b6de8 !important;color:#fff !important}
.information_bd{max-width:1200px;margin:10px auto !important}
.information_bd .bd_left,.information_bd .bd_right{background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.04);padding:18px 20px !important;box-sizing:border-box}
.information_bd .information_title{font-size:20px;color:#222;font-weight:bold}
.information_bd .extra{background:#fafbfd;border-radius:8px;padding:10px 14px}
.information_bd .extra_contact{background:#f5f9ff;border:1px solid #dbe7ff;border-radius:10px;padding:12px 16px}
input.input,textarea.input,select.input{border:1px solid #ddd !important;border-radius:6px !important;padding:7px 10px !important}
.btn-normal{background:#2b6de8 !important;border:none !important;border-radius:6px !important;color:#fff !important;padding:8px 22px !important}
.p-line .p-label{color:#555}
.publish-detail-item input[type=text],.publish-detail-item textarea{border:1px solid #ddd;border-radius:6px;padding:7px 10px}
.fabu1{background:#ff6a00 !important;border:none !important;border-radius:8px !important;color:#fff !important;padding:10px 40px !important;font-size:16px !important}
.aboutbox{background:#fff;border-radius:12px;padding:20px}
.tip-table{background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.06);overflow:hidden}
.tip-top{background:#2b6de8 !important;color:#fff !important}
/* 关于页导航 */
.hn-aboutnav{display:flex;gap:6px;margin:12px auto;background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:10px 14px;box-sizing:border-box}
.hn-aboutnav a{color:#555;font-size:14px;padding:5px 16px;border-radius:16px}
.hn-aboutnav a:hover{color:#2b6de8}
.hn-aboutnav a.cur{background:#2b6de8;color:#fff}
/* news/资讯页分类导航条 */
.hn-navcats{display:flex;flex-wrap:wrap;gap:4px;margin:12px auto;background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:10px 14px;box-sizing:border-box}
.hn-navcats a{color:#555;font-size:14px;padding:6px 18px;border-radius:16px}
.hn-navcats a:hover{background:#eef4ff;color:#2b6de8}
/* 发布页统一 */
.step1{display:flex;gap:46px;padding:10px 20px 16px;border-bottom:1px solid #f0f0f0;margin-bottom:18px;font-size:15px;background:none !important;height:auto !important;padding-left:20px !important}
.step1 span{float:none !important;width:auto !important;display:flex !important;align-items:center;color:#999 !important;font-size:15px}
.step1 span.cur{color:#2b6de8 !important;font-weight:bold}
.step1 .number{display:inline-flex;width:26px;height:26px;line-height:26px;align-items:center;justify-content:center;text-align:center;border-radius:50%;background:#e0e5ee;color:#999;margin-right:8px;font-size:13px;font-weight:normal}
.step1 .cur .number{background:#2b6de8;color:#fff !important}
.ym-mainmnu{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}
.ym-tab{float:none !important;width:auto !important;height:auto !important;line-height:normal !important;text-indent:0 !important;padding:12px 16px !important;background:#fafbfd;border:1px solid #e8e8e8;border-radius:10px;transition:border-color .15s;box-sizing:border-box}
.ym-tab:hover{border-color:#c8d6f0}
.ym-tab>a.black{display:block;font-size:16px;font-weight:bold;color:#2b6de8;border-bottom:1px solid #f0f0f0;padding-bottom:8px;margin-bottom:10px}
.ym-submnu{list-style:none;margin:0;padding:0;display:grid !important;grid-template-columns:repeat(5,1fr);gap:2px 10px;position:static !important;top:auto !important;left:auto !important;width:auto !important;border:none !important;background:transparent !important;z-index:auto !important}
.ym-submnu li{float:none !important;width:auto !important;height:auto !important;line-height:normal !important;overflow:visible !important}
.ym-submnu li a{display:block;padding:7px 10px;border-radius:6px;font-size:14px;color:#444;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-indent:0 !important;width:auto !important;height:auto !important;background:none !important;font-weight:normal !important}
.ym-submnu li a:before{content:"›";color:#c0c4cc;margin-right:6px}
.ym-submnu li a:hover{background:#eef4ff;color:#2b6de8}
.ym-submnu li a:hover:before{color:#2b6de8}
.psearch{margin-top:18px;background:#fafbfd;border:1px solid #e8e8e8;border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:10px;box-sizing:border-box}
.pshead{display:flex;align-items:center;gap:8px;flex:1}
.pshead em{font-style:normal;color:#555;font-size:14px;white-space:nowrap}
.pstxt{border:1px solid #ddd;border-radius:6px;padding:7px 10px;flex:1;min-width:0}
.psbtn{background:#2b6de8;color:#fff;border:none;border-radius:6px;padding:8px 24px;cursor:pointer;white-space:nowrap}
.psbtn:hover{background:#1f5bd0}
.backall{margin:14px 0}
.backall a{color:#2b6de8}
/* 发布首页：供求分组+二级分类展示 */
.pub-slogan{text-align:center;font-size:17px;color:#ff6a00;font-weight:bold;padding:4px 0 14px}
.pub-row{padding:14px 8px;border-bottom:1px dashed #f0f0f0}
.pub-row:last-child{border-bottom:none}
.pub-cathead{font-size:17px;font-weight:bold;color:#222;padding-bottom:10px}
.pub-cathead .hn-tag{display:inline-block;width:6px;height:16px;background:#2b6de8;border-radius:2px;vertical-align:-2px;margin-right:8px}
.pub-groups{display:flex;gap:14px}
.pub-group{flex:1;background:#fafbfd;border:1px solid #ececec;border-radius:10px;padding:10px 14px}
.pub-ghead{font-size:14px;font-weight:bold;padding-bottom:8px;border-bottom:1px dashed #e4e4e4;margin-bottom:8px}
.pub-supply-group .pub-ghead{color:#2b6de8}
.pub-demand-group .pub-ghead{color:#f97316}
.pub-glists{display:flex;flex-wrap:wrap;gap:6px}
.pub-glists a{display:inline-block;padding:4px 12px;border-radius:14px;font-size:13px;color:#555;background:#fff;border:1px solid #e8e8e8}
.pub-glists a:hover{background:#2b6de8;color:#fff;border-color:#2b6de8}
.pub-demand-group .pub-glists a:hover{background:#f97316;border-color:#f97316}
/* 发布表单页字段行 */
.p-line{display:flex;align-items:flex-start;padding:10px 0;border-bottom:1px dashed #f2f2f2}
.p-line:last-child{border-bottom:none}
.p-label{width:110px;text-align:right;padding-right:16px;box-sizing:border-box;flex-shrink:0}
.publish-detail-item{flex:1;min-width:0}
.publish-detail-item input.input{width:auto}
.p-submit{text-align:center;padding:18px 0}
/* 响应式 */
@media (max-width: 900px){
  .hn-cats{flex-wrap:wrap}
  .hn-catcard{flex:1 1 21%;min-width:70px}
  .hn-main{flex-direction:column}
  .hn-side{width:100%}
  .hn-grid{grid-template-columns:1fr}
  .hn-head-in{flex-wrap:wrap;gap:10px}
  .hn-search{order:3;max-width:100%;flex-basis:100%}
  .hn-postbtn{font-size:14px;padding:10px 16px}
  .hn-logo img{height:44px}
}

/* ============================================================
   咸宁信息网 · 第2轮修复 (唐总改动记录 2026-08-23)
   本块追加在文件末尾, 靠后加载保证优先级
   ============================================================ */
/* [修复1] 列表页: grid行钉死, 修复列表内容掉到第2行(巨大空白) */
.hn-list-layout>.hn-list-content,.hn-list-layout>.infolists{grid-row:1!important;grid-column:1!important}
.hn-list-layout>.hn-tag-cloud{grid-row:1!important;grid-column:2!important}
/* [修复2] full模式顶部拉满对齐: 头部/列表grid扩到1280px, 与下方内容齐宽 */
body.full .hn-wrap{max-width:1280px!important}
body.full .hn-list-layout{max-width:1280px!important}
body.full .new_listhd{width:100%!important}
body.full .pagination2{max-width:1280px!important}
/* [修复3] 标签云去重: V7标签云自带标题, 隐藏外层重复标题, 卡片撑满列宽 */
.hn-tag-cloud{background:none!important;border:none!important;box-shadow:none!important;padding:0!important}
.hn-tag-cloud .hn-tag-cloud-hd{display:none!important}
.hn-list-layout .tag-side{width:100%!important}
/* [修复4] 详情页左主右辅改Grid: 修复发布者档案掉到主内容下方(严重错位) */
.information_bd{display:grid!important;grid-template-columns:minmax(0,1fr) 310px!important;gap:14px!important;align-items:start!important;overflow:visible!important;width:auto!important;max-width:100%!important}
.information_bd .bd_left{float:none!important;width:auto!important}
.information_bd .bd_right{float:none!important;width:auto!important;height:auto!important}
/* [修复5] 发帖页表单对齐: 统一行结构(flex)+标签宽+输入框宽 */
#form1 .p-line{display:flex;align-items:flex-start;padding:12px 0}
#form1 .p-label{width:110px!important;margin-left:0!important;padding-right:16px!important;padding-top:9px!important;box-sizing:border-box;font-size:14px;line-height:22px;color:#555!important}
#form1 .publish-detail-item{flex:1!important;min-width:0;max-width:100%!important}
#form1 .input{width:100%!important;max-width:600px!important;box-sizing:border-box;height:38px!important;line-height:22px!important}
#form1 textarea.input{height:auto!important}
#form1 select.input{height:38px!important}
#form1 .mobile-number-input{width:200px!important;max-width:200px!important}
/* ============================================================
   第3轮修复 (唐总: 版面宽度不一致+导航重复+后台联动 2026-08-24)
   ============================================================ */
/* [修复] full模式: 头部容器去内边距, 与下方内容区左缘齐平 */
body.full .hn-wrap{padding:0 !important}
/* [修复] 筛选栏拉满: 原dl=1250px+非对称margin, 右缘比列表区窄约20px */
body.full #select{margin:20px 0 15px 0 !important}
body.full #select dl{width:auto !important;margin:7px 0 9px !important;padding:0 10px !important;box-sizing:border-box}
body.full #select dd{width:auto !important;float:left;overflow:hidden}
/* [修复] 图标导航: DB图标gif与emoji回退图标统一尺寸 */
.hn-catcard .hn-ico img{width:30px;height:30px;object-fit:contain;vertical-align:top}

/* ============================================================
   第4轮修复 (唐总: 版面宽度不一致——根因定位 2026-08-24)
   common.css第90行 .body1000{max-width:var(--hn-width)=1200px}
   把内容容器钳在1200: full模式 V7原生 width:1280px!important
   被 max-width 压制 → 头部1280 vs 内容1200 不对齐
   ============================================================ */
/* [修复1] full模式解除.body1000的1200钳制+去掉common.css的12px内边距 */
body.full .body1000{max-width:1280px !important;padding:0 !important}
body.full .hn-container{max-width:1280px !important;padding:0 !important}
/* [修复2] LOGO行发布按钮推到容器右缘(原内容左聚~900px,右侧留白350px) */
.hn-postbtn{margin-left:auto}

/* ============================================================
   第5轮修复 (2026-08-24: 像素级扫描max-width陷阱)
   根因模式: 第1轮设计的 max-width:1200px(无!important)
   压制 full模式的 width:100%/1280px!important
   (CSS规则: max-width 永远赢 width)
   实测: 标题条1197px/面包屑1200px, 其余块1280px
   ============================================================ */
body.full .new_listhd{max-width:1280px !important}
body.full .infolists{max-width:none !important}
body.full .location{max-width:1280px !important}

/* ============================================================
   第6轮修复 (2026-08-27: 首页与栏目页宽度统一 1280)
   首页(body无full类)主区.hn-main是独立容器,未继承1280规则,
   停留在1200设计宽; 栏目页full模式已是1280。
   统一为1280: full模式下覆盖:root的--hn-width,
   并显式放开 .hn-main 及其网格子容器。
   ============================================================ */
/* [6.1] full模式: 把设计系统基准宽从1200抬到1280(所有hn-*组件跟随) */
body.full:root, body.full { --hn-width:1280px; }
body.full .hn-wrap{max-width:1280px !important}
body.full .hn-main, body.full .hn-grid, body.full .hn-main *{max-width:1280px;}
body.full .hn-main{max-width:1280px !important}
/* [6.2] 首页(body无full类)也要拉满: 用通用选择器兜底 */
.hn-main{max-width:1280px !important}
.hn-grid{max-width:100%}
body.hnbod_full .hn-wrap{max-width:1280px !important}
/* [6.3] 首页实际body无class: 直接给首页主区定1280 */
#hn_home_main, .index_body .hn-main{max-width:1280px !important}

/* ============================================================
   第6轮修正 (2026-08-27: 首页1280失效的原因)
   首页body无full类, body.full选择器全部失配;
   首页容器瓶颈是 .hn-wrap 的字面 max-width:1200px
   和 common.css 的 :root --hn-width:1200px 变量。
   方案: 无条件抬高设计基准宽, 全站统一1280。
   ============================================================ */
:root{--hn-width:1280px !important}
.hn-wrap{max-width:1280px !important}

/* ============================================================
   第8轮 (2026-08-27: 首页与栏目页像素级一致的最后差距)
   首页 body 无 full 类, .hn-wrap 自带 padding:0 12px 未清除
   (full模式有body.full覆盖, 首页没有) → 首页1256 vs 栏目1279
   发帖等内容容器同样带 12px 内边距 → 一并无条件清除
   ============================================================ */
.hn-wrap{padding:0 !important}
.body1000{padding:0 !important}