/* =====================================================================
   马克思主义学院（/SZJYB/）内页改版补丁 · 2026-10-23
   适用模板：栏目页(channels/*.html) + 正文页(contents/*/*.html) + 搜索页(utils/search.html)
   用法：整段复制，粘贴到各模板 head 内的 style 标签中
         （与「首页_改版补丁.css」同风格，主色 #b70e17）
   说明：只新增样式覆盖，不改任何 HTML 结构与 JS，可随时整段删除回滚
   ===================================================================== */

:root{ --brand:#b70e17; --ink:#333; --ink-2:#666; --ink-3:#999; --line:#eee; }

/* ---------- 1) 内容容器卡片化 ---------- */
.content-box{ background:#f5f6f8; padding:28px 0 40px; }
.content-box > .container{
  background:#fff;
  border-radius:10px;
  box-shadow:0 2px 14px rgba(0,0,0,.05);
  padding:26px 34px 34px;
}

/* ---------- 2) 栏目标题：红竖条 + 底部分隔 ---------- */
h3.columntitle{
  margin:0 0 18px;
  padding:0 0 12px;
  border-bottom:1px solid var(--line);
  text-align:left;
}
h3.columntitle span{
  font-size:22px;
  font-weight:700;
  color:var(--ink);
  display:inline-flex;
  align-items:center;
  gap:10px;
}
h3.columntitle span::before{
  content:"";
  width:4px; height:20px; border-radius:2px;
  background:var(--brand);
  display:inline-block;
}

/* ---------- 3) 栏目列表（频道页） ---------- */
.list ul{ list-style:none; margin:0; padding:0; }
.list ul li{ border-bottom:1px dashed var(--line); }
.list ul li:last-child{ border-bottom:0; }
.list ul li a{
  display:flex;
  align-items:baseline;
  gap:14px;
  padding:13px 4px;
  text-decoration:none;
  transition:background .2s;
}
.list ul li a:hover{ background:#fdf7f7; }
.list ul li a p{
  flex:1;
  margin:0;
  font-size:15px;
  color:var(--ink);
  line-height:1.7;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  transition:color .2s;
}
.list ul li a:hover p{ color:var(--brand); }
.list ul li a .date{
  flex:none;
  font-size:12px;
  color:var(--ink-3);
  font-family:Consolas,monospace;
}
/* 标题里的【栏目名】前缀淡化，减少视觉噪音 */
.list ul li a p{ text-indent:0; }

/* ---------- 4) 分页 ---------- */
.pagebar{ margin-top:20px; text-align:center; }
.pagebar a, .pagebar span{
  display:inline-block;
  min-width:32px;
  padding:6px 10px;
  margin:0 3px;
  border:1px solid var(--line);
  border-radius:6px;
  font-size:13px;
  color:var(--ink-2);
  text-decoration:none;
}
.pagebar a:hover{ border-color:var(--brand); color:var(--brand); }
.pagebar .current, .pagebar span.cur{
  background:var(--brand); border-color:var(--brand); color:#fff;
}

/* ---------- 5) 正文页排版 ---------- */
.article .title{
  font-size:26px;
  line-height:1.5;
  color:var(--ink);
  text-align:center;
  margin:6px 0 10px;
  font-weight:700;
}
.article h1.intro:empty, .article h3.subtitle:empty{ display:none; }
.article .information{
  text-align:center;
  font-size:13px;
  font-weight:normal;
  color:var(--ink-3);
  margin:0 0 22px;
  padding-bottom:18px;
  border-bottom:1px solid var(--line);
}
.article .content{
  font-size:16px;
  line-height:1.9;
  color:#3a3a3a;
}
.article .content p{ margin:0 0 1em; }
.article .content img{
  max-width:100%;
  height:auto;
  border-radius:6px;
  display:block;
  margin:14px auto;
}
.article .content table{ max-width:100%; }
.article .content a{ color:var(--brand); }

/* ---------- 6) 搜索结果页 ---------- */
.stl_loading, .stl_no{ font-size:14px; color:var(--ink-3); }
.stl_yes ul{ list-style:none; margin:0; padding:0; }
.stl_yes ul li{
  border-bottom:1px dashed var(--line);
  padding:14px 4px;
}
.stl_yes ul li:last-child{ border-bottom:0; }
.stl_yes ul li a{
  font-size:16px;
  color:var(--ink);
  text-decoration:none;
  line-height:1.6;
}
.stl_yes ul li a:hover{ color:var(--brand); }
.stl_yes ul li a em, .stl_yes ul li em{
  color:var(--brand);
  font-style:normal;
  font-weight:700;
}
.stl_yes ul li p{ margin:6px 0 0; font-size:13px; color:var(--ink-2); line-height:1.7; }

/* ---------- 7) 导航搜索框（DOM 由 首页_搜索入口.js 注入，与首页同款） ---------- */
.hd-search{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  height:30px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.35);
  border-radius:15px;
  padding:0 4px 0 12px;
  overflow:hidden;
}
.hd-search input[type=text]{
  width:132px;
  height:28px;
  line-height:28px;
  border:0;
  background:transparent;
  color:#fff;
  font-size:13px;
  outline:none;
}
.hd-search input[type=text]::placeholder{ color:rgba(255,255,255,.75); }
.hd-search input[type=text]:focus{ width:170px; }
.hd-search button{
  height:26px;
  padding:0 12px;
  margin:0;
  border:0;
  border-radius:13px;
  background:#fff;
  color:var(--brand);
  font-size:13px;
  cursor:pointer;
  transition:background .2s;
}
.hd-search button:hover{ background:#fde9ea; }
@media (max-width: 767px){ .hd-search{ display:none; } }
/* 内页导航容器：腾出右侧空间放搜索框 */
@media (min-width: 768px){
  .header > .container > .nav{ display:flex; align-items:center; gap:14px; }
  .header .nav ul.daohang{ flex:1 1 auto; }
}

/* ---------- 8) 移动端补强 ---------- */
@media (max-width: 767px){
  .content-box > .container{ padding:18px 16px 22px; border-radius:8px; }
  h3.columntitle span{ font-size:18px; }
  .list ul li a p{ font-size:14px; white-space:normal; }
  .article .title{ font-size:20px; text-align:left; }
  .article .information{ text-align:left; font-size:12px; }
  .article .content{ font-size:15px; }
}