/* =========================================================
   air69.com 重制主题 —— 完全对齐 air69_redesign_preview.html
   工业余热 / 热回收 · 冷色工业风 (深青蓝 + 青绿点缀)
   本文件在 mipcms.css / bootstrap 之后加载，覆盖同名词类。
   ========================================================= */
:root{
  --primary:#0E5A6E; --primary-dark:#0A3D4A; --primary-deep:#082F39;
  --accent:#16A6B6; --accent-2:#0FB6C9; --link:#0E7C8C; --link-hover:#16A6B6;
  --bg:#f3f7f8; --text:#2b3a3f; --muted:#6b7d82; --border:#e3ecee;
}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,"Microsoft YaHei","PingFang SC",sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover)}
.container{max-width:1180px;margin:0 auto;padding:0 15px}
.row{display:flex;flex-wrap:wrap}
.col8{width:66.666%}.col4{width:33.333%}.col6{width:50%}
@media(max-width:900px){.col8,.col4,.col6{width:100%}.hide-sm{display:none!important}}

/* 导航 */
.nav{background:linear-gradient(135deg,var(--primary-deep),var(--primary) 55%,#12808f);box-shadow:0 2px 10px rgba(8,47,57,.25)}
.nav .container{display:flex;align-items:center;justify-content:space-between;height:60px;flex-wrap:wrap}
.logo{color:#fff;font-size:20px;font-weight:700;letter-spacing:.5px}
.logo a{color:#fff}
.menu{display:flex;list-style:none;margin:0;padding:0;gap:4px}
.menu li a{display:block;color:#dceef2;padding:8px 12px;font-size:15px;border-bottom:3px solid transparent}
.menu li a:hover,.menu li.active a{color:#fff;border-bottom-color:var(--accent)}
.search{display:flex;height:32px}
.search input{width:200px;border:1px solid #efefef;border-right:none;padding:4px 8px;font-size:14px}
.search button{background:var(--accent);color:#fff;border:none;padding:0 14px;cursor:pointer}
@media(max-width:900px){.menu{display:none}.search{margin:8px 0}}

/* 下拉菜单（保留 ck169 的子栏目结构） */
.mipmb-dropdown-item{position:relative}
.mipmb-dropdown-list{display:none;position:absolute;top:100%;left:0;min-width:150px;background:var(--primary-dark);border:1px solid rgba(255,255,255,.08);z-index:60;list-style:none;margin:0;padding:4px 0}
.mipmb-dropdown-item:hover .mipmb-dropdown-list{display:block}
.mipmb-dropdown-list li a{display:block;color:#dceef2;padding:6px 14px;font-size:14px;border-bottom:none}
.mipmb-dropdown-list li a:hover{background:var(--accent);color:#fff}

/* 首屏价值主张 */
.hero{background:linear-gradient(135deg,var(--primary-deep),var(--primary) 60%,#12808f);color:#eafaff;padding:24px 0;margin-bottom:18px}
.hero h1{font-size:22px;margin:0 0 6px;color:#fff;font-weight:700}
.hero p{margin:0;color:#cfeaf0;font-size:14px}
.hero .cta{text-align:right;display:flex;align-items:center;justify-content:flex-end}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:9px 20px;border-radius:4px;font-size:14px}
.btn:hover{background:#0d8c9a;color:#fff}
@media(max-width:900px){.hero .cta{text-align:left;margin-top:12px;justify-content:flex-start}}

/* 数据指标 */
.stats{background:#fff;border:1px solid var(--border);border-radius:6px;margin-bottom:18px;display:flex;flex-wrap:wrap}
.stats .item{flex:1;min-width:120px;text-align:center;padding:14px 0;border-right:1px solid var(--border)}
.stats .item:last-child{border-right:none}
.stats .num{font-size:24px;font-weight:700;color:var(--primary)}
.stats .label{font-size:13px;color:var(--muted)}

/* 头条推荐 */
.reco{display:flex;gap:12px;margin-bottom:18px}
.reco .big{flex:2;min-height:300px;border-radius:6px;overflow:hidden;position:relative;background:linear-gradient(135deg,#0a3d4a,#16a6b6);display:flex;align-items:flex-end}
.reco .side{flex:1;display:flex;flex-direction:column;gap:12px}
.reco .small{flex:1;min-height:92px;border-radius:6px;overflow:hidden;position:relative;background:linear-gradient(135deg,#0e5a6e,#0fb6c9);display:flex;align-items:flex-end}
.reco .cap{background:linear-gradient(to top,rgba(8,47,57,.85),transparent);color:#fff;padding:14px;width:100%}
.reco .cap .t{font-size:13px;color:#bfe6ec}
.reco .cap a{color:#fff}
.reco .big .cap h3{margin:0;font-size:19px;color:#fff}
@media(max-width:900px){.reco{flex-direction:column}.reco .big{min-height:200px}}

/* 卡片 */
.box{background:#fff;border:1px solid var(--border);border-radius:6px;box-shadow:0 1px 3px rgba(14,90,110,.06);margin-bottom:16px;overflow:hidden}
.box-hd{border-bottom:2px solid var(--accent);background:linear-gradient(to right,rgba(22,166,182,.08),transparent 60%);padding:10px 14px}
.box-hd h3{margin:0;font-size:16px;color:var(--primary);font-weight:700;position:relative;padding-left:12px}
.box-hd h3:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:16px;border-radius:2px;background:var(--accent)}
.box-bd{padding:6px 14px 12px}
.list{list-style:none;margin:0;padding:0}
.list li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed var(--border);font-size:14px}
.list li:last-child{border-bottom:none}
.list li .d{color:var(--muted);font-size:12px;white-space:nowrap}
.list li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 侧栏 */
.side .box-bd ul{list-style:none;margin:0;padding:0}
.side .box-bd li{padding:8px 0;border-bottom:1px dashed var(--border)}
.side .box-bd li:last-child{border-bottom:none}
.side .box-bd li a{font-size:14px}
.side .box-bd li .p{color:var(--muted);font-size:12px;margin:2px 0 0}

/* 标签 */
.tags{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px}
.tags a{background:#eef5f6;color:var(--primary);border:1px solid var(--border);border-radius:14px;padding:4px 12px;font-size:13px}
.tags a:hover{background:var(--accent);color:#fff;border-color:var(--accent)}

/* 页脚 */
.footer{background:var(--primary-deep);color:#bcd6dc;margin-top:24px;padding:22px 0;font-size:13px}
.footer a{color:#cfeaf0}.footer a:hover{color:#fff}
.fl{display:flex;flex-wrap:wrap;gap:10px;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px;margin-bottom:12px}
.fl .lab{color:#9fb9bf}
.cp{color:#9fb9bf}

/* 徽标 */
.badge{display:inline-block;background:var(--accent);color:#fff;font-size:11px;padding:2px 6px;border-radius:3px;margin-left:6px;vertical-align:middle}

/* =========================================================
   内容区对齐新设计（覆盖 mipcms.css 旧类，无需改模板逻辑）
   ========================================================= */
/* 卡片容器：mip-box → 与新 .box 视觉一致 */
.mip-box, .mip-box-default, .mip-box-main {
  background:#fff; border:1px solid var(--border); border-radius:6px;
  box-shadow:0 1px 3px rgba(14,90,110,.06); margin-bottom:16px; overflow:hidden;
}
.mip-box-heading {
  border-bottom:2px solid var(--accent);
  background:linear-gradient(to right,rgba(22,166,182,.08),transparent 60%);
  padding:10px 14px;
}
.mip-box-heading h1, .mip-box-heading h3, .mip-box-heading .h3, .mip-box-heading .title {
  margin:0; font-size:16px; color:var(--primary); font-weight:700;
  position:relative; padding-left:12px;
}
.mip-box-heading h1:before, .mip-box-heading h3:before, .mip-box-heading .title:before {
  content:""; position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:4px; height:16px; border-radius:2px; background:var(--accent);
}
.mip-box-body { padding:12px 14px 14px; }

/* 侧栏/列表项：li-box-list → 与新 .list 视觉一致 */
li.li-box-list { padding:8px 0; border-bottom:1px dashed var(--border); }
li.li-box-list:last-child { border-bottom:none; }
li.li-box-list a { font-size:14px; color:var(--link); }
li.li-box-list a:hover { color:var(--link-hover); }
li.li-box-list p { color:var(--muted); font-size:12px; margin:2px 0 0; }

/* 面包屑 */
.breadcrumb { background:transparent; padding:10px 0; margin:0; font-size:13px; }
.breadcrumb-item, .breadcrumb-item a { color:var(--link); }
.breadcrumb-item + .breadcrumb-item:before { color:var(--muted); }

/* 文章列表（带缩略图） */
.mipui-category-list-item { display:flex; gap:12px; padding:12px 0; border-bottom:1px dashed var(--border); }
.mipui-category-list-item:last-child { border-bottom:none; }
.mipui-category-list-item .item-media { flex:0 0 160px; max-width:160px; }
.mipui-category-list-item .item-media mip-img,
.mipui-category-list-item .item-media img { width:160px; height:100px; object-fit:cover; border-radius:4px; display:block; background:#e9f1f2; }
.mipui-category-list-item .item-content { flex:1; min-width:0; }
.mipui-category-list-item .item-content h4 { margin:0 0 6px; font-size:16px; font-weight:600; line-height:1.4; }
.mipui-category-list-item .item-content h4 a { color:var(--text); }
.mipui-category-list-item .item-content h4 a:hover { color:var(--link-hover); }
.mipui-category-list-item .item-content .description { color:var(--muted); font-size:13px; margin:0 0 6px; line-height:1.6; }
.mipui-category-list-item .item-content p { color:var(--muted); font-size:12px; margin:0; }
@media(max-width:768px){
  .mipui-category-list-item { flex-direction:column; }
  .mipui-category-list-item .item-media { flex:none; max-width:100%; }
  .mipui-category-list-item .item-media mip-img,
  .mipui-category-list-item .item-media img { width:100%; height:auto; }
}

/* 详情页 */
.detail-title { font-size:24px; color:var(--primary-deep); margin:0 0 12px; font-weight:700; line-height:1.3; }
.mipcms-detail-body { font-size:15px; line-height:1.85; color:var(--text); }
.mipcms-detail-body p { margin:0 0 14px; }
.mipcms-detail-body img { max-width:100%; height:auto; border-radius:4px; }
.info { background:#f7fafa; border:1px solid var(--border); border-radius:4px; padding:8px 12px; margin:0 0 16px; font-size:13px; }
.info ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:16px; }
.info li { color:var(--muted); font-size:13px; }
.info time { color:var(--muted); }

/* 上一篇/下一篇 */
.item-up-down-page { display:flex; justify-content:space-between; gap:14px; border-top:1px solid var(--border); padding-top:14px; margin-top:16px; flex-wrap:wrap; }
.mipmb-page-item { flex:1; min-width:200px; }
.mipmb-page-item p { margin:0 0 4px; color:var(--muted); font-size:13px; }
.mipmb-page-item a { color:var(--link); font-size:14px; }
.mipmb-page-item a:hover { color:var(--link-hover); }
.mipmb-page-item.item-down-page { text-align:right; }

/* 分页 */
.pagination { display:flex; gap:6px; justify-content:center; list-style:none; padding:14px 0; margin:0; flex-wrap:wrap; }
.pagination li a, .pagination li span { display:inline-block; padding:6px 12px; border:1px solid var(--border); border-radius:4px; color:var(--link); background:#fff; font-size:13px; }
.pagination li.active a, .pagination li a:hover { background:var(--accent); color:#fff; border-color:var(--accent); }

/* 标签 */
.tags .tag-item, .tag-item { display:inline-block; background:#eef5f6; color:var(--primary); border:1px solid var(--border); border-radius:14px; padding:4px 12px; font-size:13px; margin:4px 6px 4px 0; }
.tags .tag-item:hover, .tag-item:hover { background:var(--accent); color:#fff; }
ul.tags.list-unstyled, ul.tags { list-style:none; padding-left:0; display:flex; flex-wrap:wrap; gap:6px; }
ul.tags.list-unstyled li, ul.tags li { list-style:none; }

/* 标签聚合页头部 */
.tag-header { display:flex; gap:14px; align-items:center; padding:6px 0 14px; }
.tag-img { flex:0 0 48px; width:48px; height:48px; border-radius:50%; background:linear-gradient(135deg,var(--primary),var(--accent)); color:#fff; display:flex; align-items:center; justify-content:center; font-size:22px; }
.tag-info-content h2 { margin:0 0 4px; font-size:20px; color:var(--primary); }
.tag-info-content p { margin:0; color:var(--muted); font-size:13px; }

/* 搜索页（so） */
.search-warp { max-width:680px; margin:40px auto; text-align:center; }
.search-warp .logo { font-size:30px; font-weight:700; color:var(--primary); margin-bottom:18px; }
.search-form { display:flex; max-width:560px; margin:0 auto; }
.search-form .search-input { flex:1; }
.search-form .search-input input { width:100%; height:42px; border:1px solid var(--border); border-right:none; border-radius:4px 0 0 4px; padding:0 12px; font-size:15px; }
.search-form .search-btn { height:42px; border:none; background:var(--accent); color:#fff; border-radius:0 4px 4px 0; padding:0 24px; font-size:15px; cursor:pointer; }
.search-header { position:static!important; background:#fff; height:auto; padding:10px 0; border-bottom:1px solid var(--border); box-shadow:0 1px 4px rgba(0,0,0,.05); }
.search-header .header-warp { max-width:680px; margin:0 auto; }
.search-main { margin-top:18px!important; }
.main-title { color:var(--primary); }
.res-item { padding:14px 0; border-bottom:1px solid var(--border); }
.res-title { font-size:17px; color:var(--link); font-weight:500; cursor:pointer; margin:0; }
.res-title:hover { color:var(--link-hover); }
.res-description { color:var(--muted); font-size:14px; margin:6px 0 0; line-height:1.6; }
.hot-keywords { max-width:680px; margin:30px auto 0; }
.hot-keywords .hot-list { display:flex; flex-wrap:wrap; gap:8px; padding-left:0; list-style:none; }
.hot-item a { display:inline-block; background:#eef5f6; color:var(--primary); border:1px solid var(--border); border-radius:14px; padding:4px 12px; font-size:13px; }
.hot-item a:hover { background:var(--accent); color:#fff; }

/* 404 */
.page { padding:60px 15px 40px; }
.page span { font-size:90px; color:var(--border); display:block; }
.page a { color:var(--link); }