/* =========================================================
   5G通信资讯 · PC 端统一视觉规范 v3  (news-ui.css)
   作用：纯美工 / UI 增强，不改动任何模板标签与 PHP 逻辑。
   设计语言：通信蓝青主色 + 浅灰中性色 + 卡片化 + 轻动效。
   v3 重点：
     1. 页头品牌 slogan 更新为 "5G/6G资讯 · 光通信 · 云计算 · 运营 · 行业洞察 · 技术前沿"
     2. 首页新增「热点推荐」焦点区（1 大图 + 3 小图）+ 全部资讯列表
     3. 栏目页/详情页内容区 PC 最大宽度 1280px，导航通栏保持全宽
     4. 全面响应式适配
   ========================================================= */
:root{
  --brand:#008FBE;
  --brand-light:#00AED8;
  --brand-dark:#006E94;
  --brand-darker:#004E6A;
  --brand-soft:#E5F5FB;
  --brand-glow:rgba(0,143,190,.12);
  --ink:#0F1724;
  --text:#334155;
  --muted:#64748B;
  --line:#E2E8F0;
  --bg:#F1F5F9;
  --card:#ffffff;
  --radius:14px;
  --radius-sm:10px;
  --shadow-xs:0 1px 3px rgba(15,23,36,.05);
  --shadow-sm:0 3px 10px rgba(15,23,36,.06);
  --shadow-md:0 10px 30px rgba(15,23,36,.10);
  --shadow-lg:0 20px 50px rgba(15,23,36,.13);
  --shadow-nav:0 6px 24px rgba(0,78,106,.30);
  --maxw:1280px;
}

*{box-sizing:border-box;}

body{
  background:var(--bg);
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
  font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased;
}
a{color:var(--brand-dark);text-decoration:none;transition:color .2s;}
a:hover{color:var(--brand);}
img{max-width:100%;}

/* 内容约束容器（栏目页/详情页/首页主要内容） */
.main-content{
  max-width:var(--maxw);
  margin:0 auto;
  padding:0 20px;
}

/* Layui 容器与主内容对齐 */
.layui-container{max-width:var(--maxw);}

/* ============================================================
   一、全局顶栏
   ============================================================ */
.site-header-wrapper{
  background:#fff;
  border-bottom:1px solid var(--line);
  position:relative;z-index:100;
  box-shadow:var(--shadow-xs);
}
.site-header-inner{padding:0;}

/* ---- 1.1 品牌区 ---- */
.layui-header{
  padding:14px 0 12px;display:flex;align-items:center;justify-content:space-between;
  position:relative;
  height:auto;min-height:0; /* 覆盖 layui 固定高度，修复品牌文字底部被导航栏遮挡 */
}
.layui-header .brand-cell{
  display:flex;align-items:center;gap:16px;
}
.layui-header .brand-cell a{display:block;line-height:0;}
.layui-header .brand-cell img{
  height:58px;width:auto;
  filter:brightness(1.02);transition:transform .3s ease;
}
.layui-header .brand-cell a:hover img{transform:scale(1.03);}

.brand-text{
  display:flex;flex-direction:column;justify-content:center;
  padding-left:16px;border-left:3px solid var(--brand);
  line-height:1.35;
}
.brand-text .brand-name{
  font-size:22px;font-weight:800;color:var(--ink);
  letter-spacing:1.5px;line-height:1.2;
}
.brand-text .brand-slogan{
  font-size:12px;color:var(--text);
  letter-spacing:.5px;margin-top:3px;
}
.brand-text .brand-url{
  font-size:10.5px;color:var(--brand);font-weight:600;
  margin-top:2px;font-family:"SF Mono",Consolas,monospace;
}

.header-tools{
  display:flex;align-items:center;gap:14px;font-size:13px;color:var(--muted);
}
.header-tools a{color:var(--muted);}
.header-tools a:hover{color:var(--brand-dark);}
.header-date{
  display:inline-flex;align-items:center;gap:6px;
  font-size:12px;color:var(--muted);
  padding:5px 13px;background:var(--bg);border-radius:100px;
  border:1px solid var(--line);
}

/* ============================================================
   二、主导航栏（通栏全宽，内容居中）
   ============================================================ */
.nav-wrapper{
  position:relative;
  background:linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 40%, var(--brand-darker) 100%);
  box-shadow:var(--shadow-nav);
}
.nav-wrapper::before{
  content:'';position:absolute;left:0;top:0;right:0;height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent);
}

.layui-nav.layui-bg-blue{
  background:transparent!important;border-radius:0;
  padding:0;margin:0;box-shadow:none;height:auto;
  display:flex;flex-wrap:wrap;justify-content:center; /* 单行优先，空间不足时居中换行，不再出现孤行 */
}
.layui-nav.layui-bg-blue::after{content:'';display:block;clear:both;}

.layui-nav.layui-bg-blue .layui-nav-item{margin:0;float:none;}
.layui-nav.layui-bg-blue .layui-nav-item>a{
  color:rgba(255,255,255,.92)!important;
  font-size:14px;font-weight:500;
  padding:0 14px;height:46px;line-height:46px;
  position:relative;transition:all .25s ease;
  letter-spacing:0;
  white-space:nowrap;
}
.layui-nav.layui-bg-blue .layui-nav-item>a:hover{
  color:#fff!important;background:rgba(255,255,255,.10)!important;
}
.layui-nav.layui-bg-blue .layui-nav-item>a::after{
  content:'';position:absolute;bottom:0;left:50%;width:0;height:3px;
  background:#fff;border-radius:3px 3px 0 0;
  transition:all .3s cubic-bezier(.4,0,.2,1);
  transform:translateX(-50%);
}
.layui-nav.layui-bg-blue .layui-nav-item>a:hover::after{width:55%;}

.layui-nav.layui-bg-blue .layui-this>a,
.layui-nav.layui-bg-blue .layui-nav-item.layui-this>a{
  color:#fff!important;background:rgba(255,255,255,.15)!important;
  font-weight:600;
}
.layui-nav.layui-bg-blue .layui-this>a::after,
.layui-nav.layui-bg-blue .layui-nav-item.layui-this>a::after{width:65%;}

.layui-nav .layui-nav-child{
  background:#fff!important;
  border-radius:var(--radius-sm);
  box-shadow:var(--shadow-md);
  border:1px solid var(--line);
  padding:6px 0!important;
  min-width:160px;
  top:100%!important;
  animation:navDropIn .2s ease;
}
@keyframes navDropIn{
  from{opacity:0;transform:translateY(-6px);}
  to{opacity:1;transform:translateY(0);}
}
.layui-nav .layui-nav-child dd{margin:0;line-height:1;}
.layui-nav .layui-nav-child dd a{
  color:var(--text)!important;
  font-size:14px;padding:9px 20px!important;
  transition:all .15s;border-radius:0;
}
.layui-nav .layui-nav-child dd a:hover{
  color:var(--brand)!important;
  background:var(--brand-soft)!important;
  padding-left:24px!important;
}
.layui-nav .layui-nav-child dd.layui-this a{
  color:var(--brand)!important;
  background:var(--brand-soft)!important;
}

/* ============================================================
   三、面包屑
   ============================================================ */
.breadcrumb-bar{
  padding:14px 0;margin:6px 0 0;
  font-size:13px;color:var(--muted);
}
.breadcrumb-bar .layui-breadcrumb a,
.breadcrumb-bar .layui-breadcrumb cite{color:var(--muted)!important;}
.breadcrumb-bar .layui-breadcrumb a:hover{color:var(--brand-dark)!important;}

/* ============================================================
   四、通用区块标题
   ============================================================ */
.section-title{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:16px;padding-bottom:10px;
  border-bottom:2px solid var(--line);
  position:relative;
}
.section-title::after{
  content:'';position:absolute;left:0;bottom:-2px;width:80px;height:2px;
  background:linear-gradient(90deg, var(--brand), var(--brand-light));
  border-radius:2px;
}
.section-title h2{
  font-size:20px;color:var(--ink);font-weight:700;
  display:flex;align-items:center;gap:8px;margin:0;
}
.section-title h2 i{color:var(--brand);font-size:20px;}
.section-title .more{
  font-size:13px;color:var(--muted);
  display:inline-flex;align-items:center;gap:4px;
}
.section-title .more:hover{color:var(--brand-dark);}

.page-title{
  margin:24px 0 18px;padding:16px 20px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  display:flex;align-items:center;justify-content:space-between;
  box-shadow:var(--shadow-xs);
  position:relative;overflow:hidden;
}
.page-title::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg, var(--brand), var(--brand-light));
  border-radius:4px 0 0 4px;
}
.page-title h2{
  font-size:20px;color:var(--ink);font-weight:700;
  display:flex;align-items:center;gap:8px;margin:0;
  padding-left:4px;
}
.page-title h2 i{color:var(--brand);font-size:20px;}
.newsnum{
  color:var(--muted);font-size:13px;
  display:inline-flex;align-items:center;gap:6px;
  padding:4px 12px;background:var(--bg);border-radius:100px;
  font-weight:500;
}
.newsnum::before{
  content:'';display:inline-block;width:6px;height:6px;
  background:var(--brand);border-radius:50%;
}

/* ============================================================
   五、首页焦点区（1 大图 + 3 小图）
   ============================================================ */
.featured-section{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:22px 24px 24px;
  margin:22px auto 22px;
  box-shadow:var(--shadow-sm);
}

.featured-grid{
  display:grid;
  grid-template-columns:1.45fr 1fr;
  grid-template-rows:repeat(3, minmax(110px, 1fr));
  gap:16px;
  min-height:360px;
}

/* 统一焦点卡片 */
.featured-item{
  display:flex;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  overflow:hidden;
  box-shadow:var(--shadow-xs);
  transition:box-shadow .3s ease,transform .3s ease,border-color .3s;
}
.featured-item:hover{
  box-shadow:var(--shadow-md);
  transform:translateY(-2px);
  border-color:#CCE7F3;
}
.featured-item .f-image{
  display:block;overflow:hidden;background:var(--brand-soft);
  position:relative;
}
.featured-item .f-image img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .5s ease;
}
.featured-item:hover .f-image img{transform:scale(1.06);}
.featured-item .f-body{
  display:flex;flex-direction:column;min-width:0;
}
.featured-item .f-body h3{
  margin:0;font-weight:700;line-height:1.4;color:var(--ink);
}
.featured-item .f-body h3 a{color:var(--ink);}
.featured-item .f-body h3 a:hover{color:var(--brand-dark);}
.featured-item .cat-badge{align-self:flex-start;margin-bottom:8px;}
.featured-item .f-excerpt{
  margin:8px 0 0;font-size:14px;color:var(--text);line-height:1.7;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
}
.featured-item .f-meta{
  margin-top:auto;display:flex;gap:12px;align-items:center;
  font-size:12px;color:var(--muted);padding-top:10px;
}
.featured-item .f-author:empty{display:none;}

/* 第一张：Hero 大图 */
.featured-item:nth-child(1){
  grid-row:1 / -1;
  flex-direction:column;
}
.featured-item:nth-child(1) .f-image{flex:0 0 58%;}
.featured-item:nth-child(1) .f-image::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:50%;
  background:linear-gradient(transparent, rgba(0,0,0,.55));
  pointer-events:none;
}
.featured-item:nth-child(1) .f-body{
  flex:1;padding:18px 20px 16px;
}
.featured-item:nth-child(1) h3{font-size:22px;margin-bottom:6px;}

/* 第 2-4 张：右侧小图 */
.featured-item:nth-child(2){grid-row:1;}
.featured-item:nth-child(3){grid-row:2;}
.featured-item:nth-child(4){grid-row:3;}
.featured-item:nth-child(n+2){
  flex-direction:row;
}
.featured-item:nth-child(n+2) .f-image{
  flex:0 0 38%;min-width:130px;
}
.featured-item:nth-child(n+2) .f-body{
  flex:1;padding:12px 14px 10px;
  justify-content:center;
}
.featured-item:nth-child(n+2) h3{
  font-size:15px;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
}
.featured-item:nth-child(n+2) .f-excerpt,
.featured-item:nth-child(n+2) .f-author{display:none;}

/* 分类徽章 */
.cat-badge{
  display:inline-flex;align-items:center;
  padding:3px 10px;border-radius:100px;
  background:var(--brand-soft);color:var(--brand-dark);
  font-size:12px;font-weight:600;letter-spacing:.3px;
}

/* ============================================================
   六、资讯列表区
   ============================================================ */
.news-section{margin-bottom:20px;}
.news-list .news-item{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:18px 22px;
  margin-bottom:14px;
  box-shadow:var(--shadow-xs);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  position:relative;overflow:hidden;
}
.news-list .news-item::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg, var(--brand), var(--brand-light));
  opacity:0;transition:opacity .25s;
}
.news-list .news-item:hover::before{opacity:1;}
.news-list .news-item:last-child{margin-bottom:0;}
.news-list .news-item:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-md);
  border-color:#CCE7F3;
}
.news-list .news-item .zr{display:flex;gap:18px;align-items:stretch;}
.news-list .news-item .thumb{
  display:block;flex:0 0 220px;overflow:hidden;
  border-radius:var(--radius-sm);background:var(--brand-soft);
}
.news-list .news-item .thumb img{
  width:220px;height:138px;object-fit:cover;display:block;
  transition:transform .4s ease;
}
.news-list .news-item:hover .thumb img{transform:scale(1.05);}
.news-list .news-item .nr{width:auto;flex:1;margin-right:0;position:relative;min-height:138px;}
.news-list .news-item .nr h3{
  margin:0 0 6px;font-weight:700;font-size:17px;color:var(--ink);line-height:1.45;
}
.news-list .news-item .nr h3 a{color:var(--ink);letter-spacing:.3px;}
.news-list .news-item .nr h3 a:hover{color:var(--brand-dark);}
.news-list .news-item .nr h3 i{
  font-size:13px;display:block;color:var(--muted);
  font-style:normal;margin-top:3px;font-weight:400;
}
.news-list .news-item .nr .summary{
  margin:0 0 14px;color:var(--text);font-size:14px;line-height:1.7;font-weight:400;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
}
.news-list .news-item .nr .meta{
  color:var(--muted);font-size:13px;position:absolute;bottom:0;width:100%;
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
}
.news-list .news-item .nr .meta span{display:inline-flex;align-items:center;}
.news-list .news-item .nr .meta a{color:var(--muted);}
.news-list .news-item .nr .meta .meta-author::before{content:'作者：';}
.news-list .news-item .nr .meta .meta-tags::before{content:'关键字：[';}
.news-list .news-item .nr .meta .meta-tags::after{content:']';}

/* 原创标签（数据属性控制显隐，避免模板 if 嵌套） */
.yc-badge[data-yc="0"],
.yc-badge[data-yc=""]{display:none;}
.yc-badge[data-yc="1"]{
  display:inline-flex;align-items:center;
  border:1px solid #ff6b6b;border-radius:100px;
  padding:2px 10px;color:#ff6b6b;font-size:11px;
  background:#fff5f5;font-weight:600;letter-spacing:.5px;
}
.yc{
  display:inline-flex;align-items:center;
  border:1px solid #ff6b6b;border-radius:100px;
  padding:2px 10px;color:#ff6b6b;font-size:11px;
  background:#fff5f5;font-weight:600;letter-spacing:.5px;
}
.tags{color:var(--brand-dark)!important;}
.meta-author:empty,
.meta-tags:empty{display:none;}

/* ============================================================
   七、分页
   ============================================================ */
.p{width:100%;font-size:14px;padding:22px 0 6px;text-align:right;}
.p a,.p strong{
  display:inline-block;padding:0 14px;height:36px;line-height:36px;margin:0 3px;
  border:1px solid var(--line);border-radius:8px;color:var(--text);text-decoration:none;transition:all .2s;
}
.p a:hover{background:var(--brand);border-color:var(--brand);color:#fff;}
.p strong{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600;}
.p .np{color:var(--brand);}

/* ============================================================
   八、文章详情
   ============================================================ */
/* 阅读进度条 */
.read-progress{
  position:fixed;left:0;top:0;height:3px;width:0;
  background:linear-gradient(90deg,var(--brand),var(--brand-light));
  z-index:99999;border-radius:0 3px 3px 0;
  transition:width .1s linear;pointer-events:none;
}

.article{
  padding:32px 36px;background:var(--card);
  border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);
  overflow-wrap:break-word;word-break:break-word;
}
.article h1{
  font-weight:800;font-size:28px;line-height:1.45;color:var(--ink);
  margin-bottom:10px;letter-spacing:.3px;
}
.article .stitle{
  font-weight:400;font-size:16px;line-height:1.7;color:var(--muted);
  letter-spacing:.3px;margin:2px 0 0;
}
.article hr{border:0;height:1px;background:var(--line);margin:20px 0;}

/* ---- 元信息 chips ---- */
.article-meta{color:var(--muted)!important;font-size:13px;}
.article-meta .meta-row{
  margin:8px 0;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;
}
.meta-item{
  display:inline-flex;align-items:center;gap:5px;
  color:var(--muted);line-height:1.6;
}
.meta-item::before{
  content:'';display:inline-block;width:5px;height:5px;
  border-radius:50%;background:#C3D0DB;flex:0 0 auto;
}
.meta-item a{color:var(--muted);margin-left:2px;}
.meta-item a:hover{color:var(--brand-dark);}
.meta-yc{
  display:inline-flex;align-items:center;
  border:1px solid #ff6b6b;border-radius:100px;
  padding:1px 10px;color:#ff6b6b;font-size:12px;
  background:#fff5f5;font-weight:600;letter-spacing:.5px;
}
.meta-hot{
  display:inline-flex;align-items:center;
  border:1px solid #ff9f43;border-radius:100px;
  padding:1px 10px;color:#ff9f43;font-size:12px;
  background:#fff8f0;font-weight:600;letter-spacing:.5px;
}
.meta-new{
  display:inline-flex;align-items:center;
  border:1px solid #2bb673;border-radius:100px;
  padding:1px 10px;color:#2bb673;font-size:12px;
  background:#f0faf5;font-weight:600;letter-spacing:.5px;
}
.meta-tags{color:var(--brand-dark);}

/* ---- 正文排版 ---- */
.dcont{
  font-size:16.5px!important;line-height:2!important;
  text-align:justify!important;color:#2B3646;
  max-width:46em;margin:0 auto;
  overflow-wrap:break-word;word-break:break-word;
}
/* 微信粘贴内容自带内联样式，统一约束防止横向溢出 */
.dcont *{max-width:100%!important;box-sizing:border-box;}
/* 空段落兜底隐藏（PHP 清洗后的保险） */
.dcont p:empty{display:none;margin:0;}
/* 微信编辑器会给整段 span 加 nowrap，强制恢复换行 */
.dcont span,.dcont p{white-space:normal!important;text-wrap-mode:wrap!important;}
.dcont p{margin:0 0 1.15em;}
.dcont h1,.dcont h2,.dcont h3,.dcont h4{
  font-weight:700;color:var(--ink);line-height:1.5;
  margin:1.7em 0 .75em;text-align:left;
}
.dcont h2{font-size:20px;border-left:4px solid var(--brand);padding-left:12px;}
.dcont h3{font-size:18px;}
.dcont h4{font-size:16px;}
.dcont blockquote{
  margin:1.3em 0;padding:14px 18px;
  background:var(--brand-soft);border-left:4px solid var(--brand);
  border-radius:0 10px 10px 0;color:var(--text);
}
.dcont blockquote p{margin:0 0 .4em;}
.dcont a{color:var(--brand-dark);text-decoration:underline;text-underline-offset:3px;}
.dcont a:hover{color:var(--brand);}
.dcont ul,.dcont ol{padding-left:1.8em;margin:0 0 1.15em;}
.dcont li{margin:.35em 0;}
.dcont table{width:100%;border-collapse:collapse;margin:1.3em 0;font-size:14px;line-height:1.7;}
.dcont th,.dcont td{border:1px solid var(--line);padding:9px 12px;text-align:left;}
.dcont th{background:var(--bg);color:var(--ink);font-weight:600;}
.dcont tr:nth-child(even) td{background:#FAFCFE;}
.dcont img{
  display:block;max-width:100%;margin:22px auto;
  border-radius:10px;box-shadow:var(--shadow-sm);
}
.dcont strong,.dcont b{color:var(--ink);font-weight:700;}
.dcont hr{border:0;height:1px;background:var(--line);margin:24px auto;}

/* ---- 文末扫码卡片 ---- */
.smpl{
  border:1px solid var(--line);width:340px;margin:26px auto 4px;overflow:hidden;
  border-radius:var(--radius);display:flex;background:var(--brand-soft);
  transition:box-shadow .3s ease;
}
.smpl:hover{box-shadow:var(--shadow-md);}
.smpl img{width:104px;height:104px;float:none;padding:14px;background:#fff;}
.smpl div{
  background:transparent;color:var(--brand-dark);padding:14px;float:none;width:auto;height:auto;
  line-height:1.7;font-size:14px;letter-spacing:1px;
  display:flex;flex-direction:column;justify-content:center;text-align:left;
}
.smpl div p{margin:0;}
.ewm{text-align:center;padding:20px 0;}

.h-ewm:hover:after{content:"";background:url(/img/5gtx.jpg) no-repeat;position:absolute;right:0;top:30px;width:100px;height:100px;background-size:contain;border:2px solid #000;z-index:99999;}

/* ============================================================
   九、侧栏：相关阅读
   ============================================================ */
.r-cont{
  background:var(--card);border:1px solid var(--line);
  border-radius:var(--radius);padding:20px 18px;box-shadow:var(--shadow-sm);
}
.widget-title{
  background:transparent;color:var(--ink);font-size:15px;font-weight:700;line-height:1;
  margin-bottom:14px;text-transform:none;border-left:4px solid var(--brand);padding-left:10px;
}
.widget-title strong{background:transparent;padding:0;color:var(--ink);}
.rlist{list-style:none;margin:0;padding:0;counter-reset:rel;}
.rlist li{
  padding:11px 0 11px 34px;border-bottom:1px dashed var(--line);
  counter-increment:rel;position:relative;
}
.rlist li:last-child{border:0;}
.rlist li::before{
  content:counter(rel,decimal-leading-zero);
  position:absolute;left:0;top:13px;
  font-size:12px;font-weight:700;color:var(--brand);
  font-family:"SF Mono",Consolas,monospace;
  background:var(--brand-soft);border-radius:6px;
  width:24px;height:20px;line-height:20px;text-align:center;
}
.rlist li a{color:var(--ink);font-size:14px;display:block;line-height:1.55;}
.rlist li a:hover{color:var(--brand-dark);text-decoration:none;}
.rlist li p{color:var(--muted);margin-top:4px;font-size:12px;}

/* ============================================================
   十、分类头条（pc_catenews）
   ============================================================ */
.cate-title{
  margin:20px 0 18px;background:var(--card);border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);
}
.cate-title h2{font-size:20px;color:var(--ink);margin:0;padding:16px 20px 12px;font-weight:700;}
.cate-title font{float:right;font-size:13px;color:var(--muted);font-weight:400;margin-top:3px;}
.cate-title img{width:100%;height:200px;object-fit:cover;display:block;}
.cate-title p{background:var(--bg);color:var(--text);font-size:14px;line-height:1.7;padding:14px 20px;margin:0;}
.cate-title p span{display:block;}

/* ============================================================
   十一、分类网格（pc_lists）
   ============================================================ */
.cate{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-xs);transition:transform .25s,box-shadow .25s;}
.cate:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.cate .pic{height:170px;position:relative;overflow:hidden;}
.cate img{display:block;width:100%;height:170px;object-fit:cover;transition:transform .4s;}
.cate:hover .pic img{transform:scale(1.08);}
.cate a{position:absolute;display:block;opacity:0;width:100%;height:100%;background:rgba(0,120,160,.35);left:0;top:0;z-index:2;transition:opacity .25s;}
.cate a .more{position:absolute;left:50%;top:50%;margin-left:-26px;margin-top:-26px;background:url(https://www.5gxt.com/news/html/yp_spirit.png) no-repeat;width:52px;height:52px;}
.cate:hover .pic a{opacity:1;}
.cateinfo{padding:14px 16px 18px;min-height:96px;}
.cateinfo h3{font-weight:700;color:var(--ink);font-size:17px;margin:0 0 6px;}
.cateinfo h3 i{display:inline-block;vertical-align:top;margin:4px;font-size:12px;font-style:normal;font-weight:400;color:var(--muted);}
.cateinfo p{font-size:13px;color:var(--muted);margin:4px 0;}
.cateinfo p.tag_t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cateinfo p.ms_t{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}

/* ============================================================
   十二、页脚
   ============================================================ */
.foot{
  text-align:center;font-size:12px;color:var(--muted);
  padding:26px 15px;margin:26px 0 0;
  border-top:1px solid var(--line);
  background:var(--card);
  border-radius:var(--radius) var(--radius) 0 0;
}
.foot a{color:var(--muted);margin:0 4px;}
.foot a:hover{color:var(--brand-dark);}

/* ============================================================
   十三、响应式
   ============================================================ */
@media (max-width:1180px){
  .layui-nav.layui-bg-blue .layui-nav-item>a{padding:0 10px;font-size:13px;}
}
@media (max-width:900px){
  .featured-grid{
    grid-template-columns:1fr;
    grid-template-rows:auto;
    min-height:auto;
  }
  .featured-item:nth-child(1){grid-row:auto;}
  .featured-item:nth-child(n+2){grid-row:auto;}
  .featured-item:nth-child(1) .f-image{flex:0 0 220px;}
  .featured-item:nth-child(n+2) .f-image{flex:0 0 35%;}
}

@media (max-width:768px){
  .main-content{padding:0 12px;}
  .layui-header{padding:14px 0 10px;}
  .layui-header .brand-cell img{height:44px;}
  .brand-text{padding-left:12px;}
  .brand-text .brand-name{font-size:18px;letter-spacing:1px;}
  .brand-text .brand-slogan{font-size:11px;}
  .brand-text .brand-url{display:none;}
  .header-tools{display:none;}
  
  .layui-nav.layui-bg-blue .layui-nav-item>a{
    padding:0 11px;height:42px;line-height:42px;font-size:13px;
  }
  
  .featured-section{padding:16px;margin:14px auto 14px;}
  .featured-grid{gap:12px;}
  .featured-hero .hero-body{padding:14px;}
  .featured-hero h3{font-size:17px;}
  .featured-hero .hero-excerpt{-webkit-line-clamp:2;}
  .featured-sub{flex-direction:column;}
  .featured-sub .sub-image{flex:auto;height:120px;}
  .featured-sub .sub-body{padding:12px;}
  
  .page-title{margin:14px 0 12px;padding:12px 14px;}
  .page-title h2{font-size:16px;}
  .section-title h2{font-size:17px;}
  
  .news-list .news-item{padding:14px;}
  .news-list .news-item .zr{flex-direction:column;gap:12px;}
  .news-list .news-item .thumb{flex:auto;width:100%;}
  .news-list .news-item .thumb img{width:100%;height:190px;}
  .news-list .news-item .nr{min-height:auto;}
  .news-list .news-item .nr .meta{position:static;margin-top:10px;}
  
  .cate-title img{height:150px;}
  .cate .pic{height:150px;}
  .cate img{height:150px;}
  
  .layui-col-md9,.layui-col-md3{width:100%!important;}
  .article{padding:20px 16px;}
  .article h1{font-size:22px;}
  .dcont{font-size:16px!important;max-width:100%;}
  .r-cont{position:static;max-height:none;}
  .smpl{width:100%;}
  
  .foot{padding:20px 10px;margin-top:20px;}
}