@charset "utf-8";
:root{
  --bg:#f7f8fa; --fg:#222; --muted:#667085; --brand:#1677ff; --brand-2:#0e5ed7;
  --line:#e6e8eb; --card:#fff; --radius:12px; --wrap:1100px;
}

/* Reset & 基础 */
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font:14px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--fg); background:var(--bg);
}
a{color:inherit; text-decoration:none}
a:hover{color:var(--brand)}
ul{list-style:none}
img{max-width:100%; display:block}
.wrap{width:min(100%,var(--wrap)); margin:auto; padding:0 16px}
.muted{color:#98a2b3}

/* 按钮 & 表单 */
.gx7-btn{border:0; border-radius:10px; padding:9px 14px; background:var(--brand); color:#fff; cursor:pointer}
.gx7-btn:hover{background:var(--brand-2)}
.gx7-btn.ghost{background:#eef4ff; color:#1b4ed4}
.gx7-input{border:1px solid var(--line); border-radius:8px; padding:8px 10px; outline:none}
.gx7-input:focus{border-color:var(--brand); box-shadow:0 0 0 3px rgba(22,119,255,.15)}

/* 头部 */
.gx7-header{position:sticky; top:0; z-index:1000; background:#fff; border-bottom:1px solid var(--line)}
.gx7-header .wrap{display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:14px; height:60px}
.gx7-brand{font-weight:700; color:var(--brand); font-size:20px}
.gx7-nav ul{display:flex; gap:16px}
.gx7-nav a{padding:6px 10px; border-radius:8px; color:#344054; transition:.2s}
.gx7-nav a:hover,.gx7-nav .cur a{background:var(--brand); color:#fff}
.gx7-cta{background:var(--brand); color:#fff}
.gx7-burger{display:none; border:1px solid var(--line); background:#fff; border-radius:8px; padding:4px 10px}
.gx7-search{display:flex; gap:8px; align-items:center}

/* 首屏 Hero */
.gx7-hero{background:#fff; border-bottom:1px solid var(--line)}
.hero-inner{display:grid; grid-template-columns:1.2fr .8fr; gap:24px; align-items:center; padding:40px 0}
.hero-left h1{font-size:34px; margin-bottom:10px}
.lead{color:#475467}
.hero-cta{display:flex; gap:10px; margin-top:14px}
.hero-right img{border-radius:12px; border:1px solid var(--line)}

/* 页面主体区块 */
.gx7-main{padding:16px 0}
.gx7-section{margin:26px 0}
.sec-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:10px}
.sec-head h2{font-size:18px}
.more{color:var(--brand)}
.card-grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px}
.card{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:14px; transition:.2s}
.card:hover{transform:translateY(-3px); box-shadow:0 8px 24px rgba(2,6,23,.06)}
.card h3{font-size:16px; margin-bottom:6px}
.card p{color:var(--muted); font-size:13px}

/* 列表页 */
.gx7-breadcrumb{font-size:13px; color:#98a2b3; margin-top:12px}
.gx7-breadcrumb a{color:#667085}
.gx7-pagehead{display:flex; align-items:end; gap:10px; border-bottom:1px solid var(--line); padding-bottom:10px; margin-top:16px}
.list-grid{display:grid; grid-template-columns:1fr; gap:14px; margin:16px 0}
.list-grid li{background:#fff; border:1px solid var(--line); border-radius:12px; padding:12px}
.list-grid h3{font-size:16px; margin-bottom:4px}

/* 文章页 */
.gx7-article{background:#fff; border:1px solid var(--line); border-radius:12px; padding:18px; margin:18px 0}
.gx7-article-head h1{font-size:24px; margin-bottom:8px}
.gx7-article-head .meta{color:#98a2b3; display:flex; gap:14px; flex-wrap:wrap}
.gx7-content{margin-top:14px}
.gx7-content h2{font-size:18px; margin:16px 0 8px}
.gx7-content p{margin:10px 0}
.gx7-content img{margin:12px auto; border-radius:10px; max-width:100%}
.gx7-article-foot{border-top:1px solid var(--line); margin-top:16px; padding-top:12px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px}
.prevnext a{color:var(--brand)}

/* 分页（列表/搜索共用） */
.gx7-pages, .pagination{margin-top:20px; text-align:center}
.gx7-pages a, .gx7-pages span,
.pagination a, .pagination span{
  display:inline-block; margin:0 5px; padding:6px 12px; border:1px solid var(--line);
  border-radius:8px; color:#344054; background:#fff;
}
.gx7-pages a:hover, .pagination a:hover{background:var(--brand); color:#fff; border-color:var(--brand)}
.gx7-pages .thisclass, .pagination .thisclass{background:var(--brand); color:#fff; border-color:var(--brand)}

/* 页脚 */
.gx7-footer{border-top:1px solid var(--line); background:#fff}
.gx7-footer .wrap{padding:20px 0}
.foot-cols{display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:16px}
.foot-nav{display:grid; gap:6px}

/* ------------------------------
   About 单页（单页栏目通用）
   ------------------------------ */
.about-container{width:min(100%,var(--wrap)); margin:20px auto; background:#fff; padding:20px; border:1px solid var(--line); border-radius:12px}
.about-container h1{font-size:22px; border-bottom:2px solid var(--brand); padding-bottom:6px; margin-bottom:16px}
.about-content p{margin:10px 0; color:#444}

.search-container,
.gx7-search-container{
  width:min(100%,var(--wrap)); margin:20px auto; background:#fff; padding:20px;
  border:1px solid var(--line); border-radius:12px; box-shadow:0 2px 5px rgba(0,0,0,.03);
}
.search-keyword{margin:10px 0 20px; font-size:16px; color:#333}

/* 列表容器 */
.search-results, .search-list{list-style:none; padding:0; margin:0}
.search-results li, .search-list li{border-bottom:1px solid var(--line); padding:12px 0}
.search-results .search-title,
.search-list .search-title{color:#d03050; font-weight:700; text-decoration:none}
.search-results .search-title:hover,
.search-list .search-title:hover{text-decoration:underline}

/* 描述文本保持默认深色 */
.search-results .search-desc,
.search-list .search-desc{color:#333; font-size:14px; margin-top:5px}


.search-results em, .search-list em{color:#d03050; font-style:normal}

/* ------------------------------
   响应式
   ------------------------------ */
@media (max-width:1024px){
  .card-grid{grid-template-columns:repeat(3,1fr)}
  .hero-inner{grid-template-columns:1fr}
}
@media (max-width:640px){
  .gx7-header .wrap{grid-template-columns:1fr; gap:10px; height:auto; padding:10px 0}
  .gx7-burger{display:block}
  #gx7-menu{display:none}
  .gx7-nav ul{flex-direction:column; gap:8px; border:1px solid var(--line); border-radius:12px; padding:10px; background:#fff}
  .card-grid{grid-template-columns:repeat(2,1fr)}
  .foot-cols{grid-template-columns:1fr}
  .about-container{padding:16px}
}
/* === 配色微调：品牌蓝、浅灰背景 === */
:root{
  --bg:#f5f7fb;               /* 页面底色更浅、更有层次 */
  --header-bg:#0f62fe;        /* 导航背景（IBM 蓝系） */
  --header-bg-2:#0b4ed6;      /* 渐变第二色 */
  --header-fg:#ffffff;        /* 导航文字颜色 */
  --footer-bg:#0b1220;        /* 页脚深色背景 */
  --footer-fg:#c7d2fe;        /* 页脚文字颜色 */

}

/* === 导航：有背景、有阴影、悬浮更明显 === */
.gx7-header{
  background: linear-gradient(180deg,var(--header-bg),var(--header-bg-2));
  border-bottom: none;
  box-shadow: 0 6px 20px rgba(13,38,76,.18);
}
.gx7-header .wrap{height:64px}
.gx7-brand{color:var(--header-fg)}
.gx7-nav a{color:rgba(255,255,255,.9)}
.gx7-nav a:hover,.gx7-nav .cur a{background:rgba(255,255,255,.16); color:#fff}
.gx7-cta{background:#fff; color:#0b4ed6}
.gx7-burger{border-color:rgba(255,255,255,.35); color:#fff; background:transparent}
.gx7-search .gx7-input{border-color:rgba(255,255,255,.35); background:rgba(255,255,255,.15); color:#fff}
.gx7-search .gx7-input::placeholder{color:rgba(255,255,255,.85)}
.gx7-search .gx7-btn{background:#fff; color:#0b4ed6}

/* 移动端折叠菜单在深色头部保持可读 */
@media (max-width:640px){
  .gx7-nav ul{background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.3)}
  .gx7-nav a{color:#fff}
}

/* === 中间主体：卡片更“浮”起来，区块与区块之间更分明 === */
.gx7-main{padding:24px 0}
.gx7-section{margin:28px 0}
.card{
  background:#fff;
  border:1px solid #e6e9f2;
  box-shadow: 0 8px 28px rgba(16,24,40,.06);
}
.sec-head h2{color:#0b1b3a}


.muted{color:#667085}

/* 首页单图 Banner 与背景的衔接 */
.gx7-banner{
  background: linear-gradient(180deg,#fff, #eef3ff);
  border-bottom:1px solid #e2e8ff;
}


/* 可选的淡纹理页面底纹（想更素就删掉这段） */
body{
  background:
    radial-gradient(600px 200px at 10% 0%, rgba(13,110,253,.06), transparent 60%),
    radial-gradient(800px 300px at 90% 10%, rgba(99,102,241,.06), transparent 60%),
    var(--bg);
}

/* === 页脚：深色背景，信息与导航更像独立“底座” === */
.gx7-footer{
  background: var(--footer-bg);
  color: var(--footer-fg);
  border-top: none;
  box-shadow: 0 -6px 20px rgba(2,6,23,.18) inset;
}
.gx7-footer a{color:#93c5fd}
.gx7-footer a:hover{color:#bfdbfe}
.foot-cols{border-top:1px solid rgba(255,255,255,.08); padding-top:16px}

/* 导航底部加一道更柔的分隔 */
.gx7-header{
  box-shadow: 0 6px 18px rgba(13,38,76,.12);
  border-bottom: none;
}
/* Banner 顶部的细线（如果你喜欢更清晰的分割） */
.gx7-banner{ border-top:1px solid #e6e8eb; }

.about {
    background: #fff;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    margin: 20px auto;
    max-width: 900px;
}

.about h2 {
    font-size: 24px;
    margin-bottom: 15px;
    color: #333;
    border-left: 4px solid #007BFF;
    padding-left: 10px;
}

.about p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
}

/* 关于我们样式 */
.about-section {
  background: #fff;
  padding: 40px;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  margin-bottom: 40px;   /* 和下面模块保持间距 */
}

.about-section h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #333;
  border-left: 4px solid #3498db;
  padding-left: 10px;
}

.about-section p {
  font-size: 16px;
  line-height: 1.8;
  color: #555;
}
/* 列表区块标题与“关于我们”同款标题样式 */
.gx7-section .sec-head h2{
  font-size:20px;
  font-weight:700;
  color:#0b1b3a;
  /* 关键：左侧蓝条 + 内边距 */
  border-left:4px solid #3498db;
  padding-left:10px;
  line-height:1.2;
}

/* 标题与列表间距更舒服一点 */
.gx7-section .sec-head{ margin-bottom:14px; }

/* ============= 移动端错位修复 ============= */
@media (max-width: 768px){
  /* 导航整体改为纵向堆叠，避免搜索框挤到 Banner 上 */
  .gx7-header .wrap{
    grid-template-columns: 1fr;   /* 一列堆叠 */
    gap: 8px;
    height: auto;
    padding: 10px 16px;           /* 头部有足够容器高度 */
    align-items: start;
  }
  .gx7-burger{display:block}

  /* 折叠菜单容器样式（保持可读） */
  #gx7-menu{display:none}
  .gx7-nav ul{
    flex-direction: column;
    gap: 8px;
    border: 1px solid rgba(255,255,255,.30);
    border-radius: 12px;
    padding: 10px;
    background: rgba(255,255,255,.10);
  }

  /* 搜索框独占一行且自适应宽度 */
  .gx7-search{width:100%}
  .gx7-search .gx7-input{
    width:100%;
    min-width: 0;                 /* 取消最小宽度限制，防溢出 */
  }

  /* 导航与 Banner 拉开距离，防止粘连/遮挡 */
  .gx7-header{ margin-bottom: 12px; }
  .gx7-banner{ margin-top: 12px; }
}

/* ============= About 区响应式优化 ============= */
/* 防止长英文/连续字符撑破换行 */
.about-text{ word-break: break-word; }

/* About 中的图片等比缩放，圆角，兼容窄屏 */
.about-text img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
  margin: 12px 0;
  object-fit: contain;
}
/* =========================
   Mobile polish (≤768px)
   ========================= */
@media (max-width: 768px){

  /* 头部：更紧凑的内边距与字号 */
  .gx7-header .wrap{
    grid-template-columns: 1fr;
    gap: 10px;
    height: auto;
    padding: 12px 14px;
    align-items: start;
  }
  .gx7-brand{ font-size:18px }

  /* 搜索：一行排，输入框占满，按钮靠右，同高 */
  .gx7-search{
    width:100%;
    display:grid;
    grid-template-columns: 1fr 76px; /* 输入框 / 按钮 */
    gap:8px;
  }
  .gx7-search .gx7-input{
    width:100%;
    min-width:0;
    height:38px;
  }
  .gx7-search .gx7-btn{
    width:100%;
    height:38px;
    padding:0 10px;
  }

  /* 导航与 Banner 之间拉开些 */
  .gx7-header{ margin-bottom:12px; }

  /* Banner：按屏宽收口，圆角、比例统一 */
  .gx7-banner .wrap{ padding:0 14px 10px; }


  /* 主体左右留白，与 Banner 一致 */
  .gx7-main{ padding:0 14px 18px; }

  /* 关于我们卡片：缩小内边距与标题字号，避免“顶着撑” */
  .about-section{
    padding:16px 14px;
    border-radius:12px;
    margin:12px 0 18px;
    box-shadow:0 4px 14px rgba(16,24,40,.06);
  }
  .about-section h2{
    font-size:20px;
    margin-bottom:10px;
    line-height:1.2;
  }
  .about-text{ word-break:break-word; }
  .about-text p{ font-size:15px; line-height:1.85; }
  .about-text img{
    width:100%; height:auto; display:block;
    border-radius:10px; margin:10px 0; object-fit:contain;
  }

  /* 下方区块与卡片：间距统一，圆角一致 */
  .gx7-section{ margin:20px 0; }
  .sec-head{ margin-bottom:12px; }
  .card{
    border-radius:12px;
    box-shadow:0 6px 18px rgba(16,24,40,.06);
  }
}
/* ====== 首页首屏与关于我们整体节奏 ====== */
@media (max-width: 768px){
  /* Banner 和下面区块拉开一些，避免拥挤 */
  .gx7-banner{ margin-bottom: 12px; }
}

/* 关于我们卡片：更舒服的卡片感与留白 */
.about-section{
  background:#fff;
  border:1px solid #e9eef6;
  border-radius:14px;
  box-shadow:0 8px 24px rgba(16,24,40,.06);
  padding:18px 16px;
  margin:12px 0 18px;
}

/* 标题层级与左侧竖线（保持你现在风格） */
.about-section h2{
  font-size:20px;
  font-weight:800;
  line-height:1.2;
  color:#0b1b3a;
  padding-left:12px;
  border-left:4px solid #2f80ed;
  margin-bottom:12px;
}

/* 正文排版：更大行高、合适字号与段距 */
.about-text{
  font-size:15px;
  line-height:1.9;
  color:#394150;
  word-break:break-word;          /* 防长串字符撑破 */
}
.about-text p{ margin:10px 0; }

/* 图片样式：自适应、不顶边、圆角阴影 */
.about-text img{
  display:block;
  width:100%;
  height:auto;
  border-radius:12px;
  border:1px solid #e6e9f2;
  box-shadow:0 6px 18px rgba(16,24,40,.06);
  margin:10px 0;                  /* 上下留白 */
  object-fit:contain;
}

/* 如果正文里出现标题，也统一下层级（可选） */
.about-text h3{
  font-size:17px;
  margin:14px 0 8px;
  color:#0b1b3a;
  font-weight:700;
}

/* Banner 在窄屏的可读性与比例（防“顶满”别扭） */
@media (max-width: 768px){
  .gx7-banner .wrap{ padding:0 14px 10px; }

}

/* 下方其它区块的标题，风格与“关于我们”统一（如果还没加过就打开这段） */
.gx7-section .sec-head h2{
  position:relative; padding-left:12px; line-height:1.2;
  font-size:18px; font-weight:800; color:#0b1b3a;
  border-left:4px solid #2f80ed;
}
.gx7-section{ margin:20px 0; }
.sec-head{ margin-bottom:12px; }

/* 列表卡片与关于我们卡片风格统一一点（阴影与圆角） */
.card{
  border-radius:12px;
  border:1px solid #e9eef6;
  box-shadow:0 6px 18px rgba(16,24,40,.06);
}
/* 统一主体背景，关掉装饰性渐变（避免区块之间出现“斑纹”） */
body{ background: var(--bg) !important; }

/* 主体区也铺一层纯底，确保与 Banner/页脚分层 */
.gx7-main{ background: var(--bg); }

/* 每个区块的分隔与间距统一 */
.gx7-section{
  background: transparent;           /* 区块本身透明，让统一底色透出 */
  padding-top: 8px;
  margin: 22px 0;
}
.gx7-section:not(:first-of-type){
  border-top: 1px solid #e9eef6;     /* 柔和分隔线，三块看起来一致 */
  padding-top: 14px;
}

/* 标题与卡片风格统一（如果已加可忽略） */
.gx7-section .sec-head{ margin-bottom: 12px; }
.gx7-section .sec-head h2{
  font-size:18px; font-weight:800; color:#0b1b3a;
  border-left:4px solid #2f80ed; padding-left:12px; line-height:1.2;
}

/* 卡片统一圆角 + 阴影（与“新闻资讯”保持一致） */
.card{
  background:#fff;
  border:1px solid #e9eef6;
  border-radius:12px;
  box-shadow:0 6px 18px rgba(16,24,40,.06);
}
/* ===== Footer 紧凑版（移动端优先） ===== */
.gx7-footer{ background: var(--footer-bg); color: var(--footer-fg); }
.gx7-footer .wrap{ padding:14px 14px; }
.foot-cols{ display:grid; grid-template-columns:1fr; gap:10px; }

/* 品牌文案/段落更紧凑 */
.gx7-footer p{ margin:4px 0; line-height:1.6; font-size:13px; }
.gx7-footer strong{ display:block; font-size:16px; margin-bottom:6px; }

/* 导航做成“多列标签”式，缩短纵向长度 */
.foot-nav{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr)); /* 两列 */
  gap:6px 12px;
}
.foot-nav li a{ display:block; padding:4px 0; }

/* 第三列（联系/版权/备案）合并成“行内项”，不再一行一个 */
.gx7-footer .foot-cols > div:last-child p{
  display:inline-block;
  margin-right:12px;            /* 小分隔 */
  white-space:nowrap;           /* 防止换行 */
}

/* 顶部分隔线与整体留白，视觉更利落 */
.foot-cols{ border-top:1px solid rgba(255,255,255,.08); padding-top:12px; }

/* ≥768px 时恢复为两列，减少堆叠 */
@media (min-width:768px){
  .gx7-footer .wrap{ padding:18px 0; }
  .foot-cols{ grid-template-columns:1.4fr 1fr 1fr; gap:16px; }
  .foot-nav{ grid-template-columns:1fr; }  /* 桌面端回到单列 */
  .gx7-footer .foot-cols > div:last-child p{ display:block; margin:4px 0; }
}
/* 统一整页左右边距（内容栅格） */
:root{ --page-gutter:16px; } 

/* Banner 与主体使用相同的左右内边距 */
.gx7-banner .wrap{ padding-left:var(--page-gutter); padding-right:var(--page-gutter); }
.gx7-main{       padding-left:var(--page-gutter); padding-right:var(--page-gutter); }

/* 关于我们容器与卡片不额外“外突” */
.content-container{ width:min(100%, var(--wrap)); margin:0 auto; } /* 与 .wrap 同宽 */
.about-section{ margin-left:0; margin-right:0; }

/* Banner 图片样式与卡片保持统一感 */
.hero-banner{
  width:100%;
  display:block;
  border-radius:12px;
  border:1px solid #e6e9f2;
  box-shadow:0 8px 20px rgba(16,24,40,.06);
}
/* =========================
   全站居中容器风格（PC）
   ========================= */
@media (min-width: 1024px){
  :root{
    --shell-gap: 10px;            /* 头尾与页面边缘的垂直间距 */
    --shell-radius: 14px;         /* 头尾圆角 */
  }

  /* 头部：外层透明，内层wrap做成“居中卡片” */
  .gx7-header{
    background: transparent !important;
    border-bottom: 0;
    box-shadow: none;
    margin-bottom: var(--shell-gap);
  }
  .gx7-header .wrap{
    background: linear-gradient(180deg, var(--header-bg), var(--header-bg-2));
    border-radius: var(--shell-radius);
    box-shadow: 0 10px 28px rgba(13,38,76,.18);
    height: auto;                 /* 让圆角卡片自适应高度 */
    padding: 10px 16px;
  }
  /* 深色头部里表单/按钮的对比度 */
  .gx7-search .gx7-input{
    background: rgba(255,255,255,.12);
    border-color: rgba(255,255,255,.30);
    color:#fff;
  }
  .gx7-search .gx7-input::placeholder{ color: rgba(255,255,255,.85); }
  .gx7-search .gx7-btn{ background:#fff; color:#0b4ed6; }

  /* Banner 与主体本就使用 .wrap；只做一点间距与阴影统一 */
  .gx7-banner .wrap{ padding-left:0; padding-right:0; }
  .hero-banner{
    border-radius: var(--shell-radius);
    border:1px solid #e6e9f2;
    box-shadow:0 10px 26px rgba(16,24,40,.10);
  }
  .gx7-main{
    padding-left: 0;
    padding-right: 0;
    margin-top: var(--shell-gap);
    margin-bottom: var(--shell-gap);
  }

  /* 底部：外层透明，内层wrap做成“居中卡片” */
  .gx7-footer{
    background: transparent !important;
    border-top: 0;
    box-shadow: none;
  }
  .gx7-footer .wrap{
    background: var(--footer-bg);
    color: var(--footer-fg);
    border-radius: var(--shell-radius);
    box-shadow: 0 -8px 26px rgba(2,6,23,.18);
    padding: 18px 20px;
    margin-top: var(--shell-gap);
    margin-bottom: var(--shell-gap);
  }
  .gx7-footer a{ color:#93c5fd; }
  .gx7-footer a:hover{ color:#bfdbfe; }
}

/* =========================
   移动端（≤1024px）保持铺满
   ========================= */
@media (max-width: 1023.98px){
  .gx7-header{ background: linear-gradient(180deg, var(--header-bg), var(--header-bg-2)); }
  .gx7-header .wrap{ background: transparent; border-radius: 0; box-shadow: none; }
  .gx7-footer{ background: var(--footer-bg); }
  .gx7-footer .wrap{ background: transparent; border-radius: 0; box-shadow: none; }
}
/* ===============================
   全站“居中轨道”模式（不改HTML）
   =============================== */

/* 外侧留白色（页面边缘颜色） */
:root{
  --page-gutter: 16px;                      /* 内容左右安全边距 */
  --lane-bg: #ffffff;                       /* 轨道底色（内容底色） */
  --outer-bg: #eef2f7;                      /* 外侧留白底色 */
  --lane-shadow: 0 0 0 1px #e6e9f2, 0 12px 28px rgba(16,24,40,.08);
}

/* 外侧区域颜色 */
html, body{ background: var(--outer-bg) !important; }

/* 居中“内容车道”：把整页看起来像一个居中的大容器 */
body::before{
  content:"";
  position: fixed;            /* 随页固定，贯穿整页 */
  z-index: -1;                /* 放到内容后面 */
  top: 0; bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(var(--wrap) + 2 * var(--page-gutter));  /* 轨道宽度=内容宽+左右gutter */
  background: var(--lane-bg);
  box-shadow: var(--lane-shadow);         /* 细描边 + 柔阴影 */
  border-radius: 14px;                    /* 轨道圆角（与头/尾卡片一致） */
}

/* 让主要区块与轨道对齐（可有可无，多一道保险） */
.gx7-header .wrap,
.gx7-banner .wrap,
.gx7-main,
.gx7-footer .wrap{
  width: min(100%, calc(var(--wrap) + 2 * var(--page-gutter)));
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--page-gutter);
  padding-right: var(--page-gutter);
}

/* 轨道与头/尾之间留些呼吸，防止“贴边”感 */
@media (min-width:1024px){
  .gx7-header{ margin-top: 10px; margin-bottom: 10px; }
  .gx7-main{   margin-top: 10px; margin-bottom: 10px; }
  .gx7-footer .wrap{ margin-top: 10px; margin-bottom: 10px; }
}

/* 移动端保持铺满（关闭轨道） */
@media (max-width:1023.98px){
  body::before{ display:none; }            /* 小屏不画轨道，节省空间 */
  html, body{ background: var(--bg) !important; } /* 用你原来的移动端底色 */
}
/* 让搜索页与“居中轨道”对齐、变成白色卡片 */
.search-page .search-wrap{
  width: min(100%, calc(var(--wrap) + 2 * var(--page-gutter)));
  margin: 0 auto 16px auto;
  padding: 16px var(--page-gutter) 18px;
  background:#fff;
  border:1px solid #e6e9f2;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(16,24,40,.08);
}

/* 头部 */
.search-head{
  font-size:18px; font-weight:800; color:#0b1b3a;
  border-left:4px solid #2f80ed; padding-left:10px;
  margin-bottom:12px; line-height:1.2;
}

/* 列表 */
.search-results{ list-style:none; margin:0; padding:0; }
.search-results li{ padding:12px 0; border-bottom:1px solid #eef1f6; }
.search-results li:last-child{ border-bottom:0; }

.search-results .search-title{
  color:#d03050; font-weight:700; text-decoration:none;
}
.search-results .search-title:hover{ text-decoration:underline; }

/* 描述：保持中性灰；覆盖织梦的 <font color="red"> 高亮 */
.search-results .search-desc{ color:#667085; font-size:14px; margin-top:6px; line-height:1.8; }
.search-results .search-desc *{ color:inherit !important; }      /* 把红色覆盖回灰色 */
.search-results .search-desc font[color="red"]{ color:#d03050 !important; font-weight:600; } /* 仅关键词可微红 */

/* 分页：统一风格，不要红字 */
.pagination{ text-align:center; margin-top:14px; }
.pagination a, .pagination span{
  display:inline-block; margin:0 4px; padding:6px 12px;
  border:1px solid #e6e9f2; border-radius:8px; background:#fff; color:#344054;
}
.pagination a:hover{ background:var(--brand); color:#fff; border-color:var(--brand); }
.pagination .thisclass{ background:var(--brand); color:#fff; border-color:var(--brand); }

/* 与顶/底留点呼吸，避免“贴边” */
.gx7-header{ margin-bottom:12px; }
.search-page .search-wrap{ margin-top:10px; }

/* 小屏优化 */
@media (max-width:768px){
  .search-page .search-wrap{ border-radius:12px; padding:14px 12px 16px; }
  .search-head{ font-size:16px; }
}

.home-wrapper {
  display: flex;
  justify-content: center;
}
.home-content {
  width: 1200px; /* 给个合适的宽度 */
}

.wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

/* 这是新加的 */
.banner-box {
  border-radius: 8px;
  overflow: hidden;
}
.banner-wrap {
  max-width: 1200px;   /* 保持和下面一致的宽度 */
  margin: 0 auto;      /* 居中 */
  padding: 20px;       /* 和下面模块相同的内边距 */
  border: 1px solid #e0e0e0; /* 浅灰边框 */
  background: #000;    /* 黑色背景不变 */
}

.hero-banner {
  width: 100%;
  display: block;
}
/* ---------- 全站容器宽度（按你站里统一的 wrap 宽度来） ---------- */
:root{
  --wrap: 1200px;          /* 你站里如果是 1100/1140/1280，请改成一致 */
  --page-gutter: 16px;     /* 左右安全边距 */
}

/* ---------- 首页头部 & Banner 外层不再铺满背景 ---------- */
.gx7-header{ background: transparent !important; border-bottom: 0 !important; box-shadow: none !important; }
.gx7-banner{ background: transparent !important; }

/* 头部、Banner、主体、底部都严格对齐到同一“居中轨道” */
.gx7-header .wrap,
.gx7-banner .wrap,
.gx7-main,
.gx7-footer .wrap{
  width: min(100%, calc(var(--wrap) + 2 * var(--page-gutter))) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--page-gutter) !important;
  padding-right: var(--page-gutter) !important;
}

/* 头部真正的背景给内层 .wrap（胶囊卡片），外层保持透明 */
.gx7-header .wrap{
  background: linear-gradient(180deg, var(--header-bg), var(--header-bg-2)) !important;
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(13,38,76,.18);
  height: auto;
  padding-top: 10px; padding-bottom: 10px;
}

/* Banner 图片与卡片风格统一并严格跟随容器宽度 */
.hero-banner{
  display:block; width:100%;
  border-radius: 14px;
  border:1px solid #e6e9f2;
  box-shadow:0 10px 26px rgba(16,24,40,.10);
}

/* 主体与头/尾之间的间距，避免贴边 */
.gx7-header{ margin-top: 8px; margin-bottom: 12px; }
.gx7-main{   margin-top: 12px; margin-bottom: 12px; }

/* 移动端维持铺满（不做卡片化），避免空间浪费 */
@media (max-width: 1023.98px){
  .gx7-header{ background: linear-gradient(180deg, var(--header-bg), var(--header-bg-2)) !important; }
  .gx7-header .wrap{ background: transparent !important; border-radius: 0; box-shadow: none; }
  .gx7-footer{ background: var(--footer-bg) !important; }
  .gx7-footer .wrap{ background: transparent !important; border-radius: 0; box-shadow: none; }
}
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden; /* 防止横向滚动条撑出空隙 */
}

.wrap, .container, .content {
  margin: 0;
  padding: 0;
  width: 100%;   /* 确保占满宽度 */
  box-sizing: border-box;
}


/* 去掉图片自身的 border，只留圆角 */
.hero-banner{
  display:block; width:100%;
  border:none; border-radius:14px;
}

/* 在图片上画描边，紧贴外缘 */
.hero-banner{
  outline:1px solid #e6e9f2;
  outline-offset: -1px;     /* 往内收 1px，避免外扩 */
  box-shadow:0 8px 20px rgba(16,24,40,.08);
}


/* ===== ChatGPT Footer Fix Patch v1 (append at end) ===== */

/* Sticky footer to remove big blank space on short pages */
html, body { height: 100%; }
body { min-height: 100vh; display: flex; flex-direction: column; }
main { flex: 1 0 auto; }
footer { margin-top: auto; }

/* Force footer content to be centered with a max width */
.gx7-footer .wrap{
  max-width: var(--wrap, 1200px) !important;
  width: min(100%, var(--wrap, 1200px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--page-gutter,16px) !important;
  padding-right: var(--page-gutter,16px) !important;
}

/* Keep the three-column grid on desktop */
.gx7-footer .foot-cols{
  display: grid !important;
  grid-template-columns: 1.4fr 1fr 1fr !important;
  gap: 18px !important;
  align-items: start !important;
}

/* Single column on mobile */
@media (max-width: 768px){
  .gx7-footer .foot-cols{ grid-template-columns: 1fr !important; gap: 12px !important; }
  .gx7-footer .foot-meta{
    text-align:center; font-size:12px; line-height:1.65;
    border-top:1px solid rgba(255,255,255,.10);
    padding-top:10px; margin-top:6px;
  }
}
/* ====== 全局基础 ====== */
*{margin:0;padding:0;box-sizing:border-box;}
html,body{height:100%;}
body{font:14px/1.6 "Microsoft YaHei",sans-serif;color:#333;background:#f7f9fc;}

/* 容器宽度控制 */
.wrap{
  width:1200px;
  max-width:96%;
  margin:0 auto;
}

/* ====== 顶部导航/头部 ====== */
.header{background:#fff;border-bottom:1px solid #e9eef5;}
.header .wrap{display:flex;align-items:center;justify-content:space-between;height:60px;}
.logo img{height:40px;display:block;}

/* ====== 公告条 Notice Bar ====== */
.notice-bar{margin:16px 0;}
.notice-bar .nb-inner{
  display:flex;align-items:center;gap:12px;
  background:#fff;border:1px solid #e9eef5;border-radius:10px;
  padding:12px 16px;box-shadow:0 2px 8px rgba(0,0,0,.04);
  overflow:hidden;min-height:40px;
}
.nb-label{
  flex:0 0 auto;font-weight:600;color:#0b57d0;
  background:#e8f0fe;border-radius:6px;padding:4px 8px;
}
.nb-track{flex:1 1 auto;overflow:hidden;white-space:nowrap;min-height:28px;}
.nb-content{display:inline-block;white-space:nowrap;will-change:transform;}
.notice-bar:hover .nb-content{animation-play-state:paused;}
@keyframes nb-scroll{
  from{transform:translateX(0);}
  to  {transform:translateX(-50%);}
}

/* ====== 主体内容 ====== */
.main{padding:20px 0;}
.main .section{margin-bottom:24px;}
.main h2{font-size:20px;margin-bottom:12px;}

/* ====== 底部 ====== */
.footer{
  background:#fff;
  border-top:1px solid #e9eef5;
  text-align:center;
  padding:20px 0;
  color:#666;
  font-size:13px;
}
.footer a{color:#0b57d0;text-decoration:none;}
.footer a:hover{text-decoration:underline;}

/* ====== 公用元素 ====== */
.btn{
  display:inline-block;padding:8px 16px;
  border-radius:6px;font-weight:500;
  text-align:center;text-decoration:none;

  transition:.2s;
}
.btn-primary{background:#0b57d0;color:#fff;}
.btn-primary:hover{background:#0949ad;}

/* === FIX: 首页四个板块做成白色圆角卡片，与公告条风格一致 === */

/* 去掉外层那层“多余的背景/阴影/内边距”（仅首页 about 外壳） */
main.gx7-main > .content-container{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 把 ‘关于我们’ 与四个 section 自己做成白卡片 */
main.gx7-main > .content-container .about-section,
main.gx7-main > section.gx7-section{
  background: #fff !important;
  border: 1px solid #e6e9f2 !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 24px rgba(16,24,40,.06) !important;
  padding: 16px !important;
  margin: 20px 0 !important;
}

/* 取消旧样式里给 .gx7-section 加的“顶部细分隔线”，避免看起来像多一层 */
main.gx7-main > section.gx7-section{
  border-top: 0 !important;
}

/* 标题左侧蓝线，和公告条一致 */
main.gx7-main > section.gx7-section .sec-head{ margin-bottom: 12px !important; }
main.gx7-main > section.gx7-section .sec-head h2{
  font-weight: 800 !important;
  color: #0b1b3a !important;
  border-left: 4px solid #2f80ed !important;
  padding-left: 12px !important;
  background: transparent !important;
}

/* 列表里的卡片圆角/阴影统一一下（不改你的排版） */
main.gx7-main .card{
  background:#fff !important;
  border:1px solid #e6e9f2 !important;
  border-radius:12px !important;
  box-shadow:0 6px 18px rgba(16,24,40,.06) !important;
}

/* —— 去掉整条“轨道背景”，只留每个区块的白色圆角卡片 —— */
body::before,
.gx7-main::before,
.wrap::before {
  content: none !important;
  display: none !important;
}

/* 保险：把任何给 main 外壳加的背景/阴影都关掉 */
.gx7-main {
  background: transparent !important;
  box-shadow: none !important;
}

/* 保留我们想要的：每个区块自身是白色圆角卡片 */
main.gx7-main > .content-container .about-section,
main.gx7-main > section.gx7-section {
  background: #fff !important;
  border: 1px solid #e6e9f2 !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 24px rgba(16,24,40,.06) !important;
  padding: 16px !important;
  margin: 20px 0 !important;
}

/* 区块标题左侧蓝线保持 */
main.gx7-main > section.gx7-section .sec-head h2{
  border-left: 4px solid #2f80ed !important;
  padding-left: 12px !important;
  background: transparent !important;
}
/* —— 新闻/攻略/公告卡片突出效果 —— */
.gx7-section .card {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,0.05) !important;
  border-radius: 12px !important;

  /* 阴影：两层叠加，柔和但立体 */
  box-shadow: 
    0 4px 12px rgba(0, 0, 0, 0.08),
    0 8px 20px rgba(0, 0, 0, 0.06) !important;

  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* 悬停时稍微放大 + 加深阴影 */
.gx7-section .card:hover {
  transform: translateY(-4px);
  box-shadow: 
    0 8px 20px rgba(0, 0, 0, 0.12),
    0 12px 28px rgba(0, 0, 0, 0.10) !important;
}

/* ===== 文章详情页：左右布局 ===== */
.gx7-article-layout {
  display: grid;
  grid-template-columns: 3fr 1fr; /* 左侧占 3 部分，右侧占 1 部分 */
  gap: 20px; /* 设置两栏之间的间距 */
  margin-bottom: 20px; /* 底部间距 */
}

.gx7-article-left {
  background: transparent;
}

/* 右侧栏容器：用普通文流就行，别用 flex 以免拉伸子卡片 */
.gx7-article-right{
  display:block;
  padding:0;
}

/* ===== 右侧卡片（分块显示） ===== */
.gx7-article-right .side-box{
  background:#fff;
  border:1px solid #e6e9f2;
  border-radius:12px;
  box-shadow:0 6px 18px rgba(16,24,40,.06);
  padding:14px;
  margin:0 0 16px;
  height:auto;         /* 自适应高度 */
  min-height:0;        /* 避免被其他全局规则设了 min-height */
  flex:none;           /* 若外层被误设为 flex，也不参与拉伸 */
}

.gx7-article-right .side-box:last-child{ margin-bottom:0; }

/* 卡片标题（左侧蓝条） */
.gx7-article-right .side-box h3{
  font-size:16px; font-weight:700; margin:0 0 10px;
  padding-left:10px; border-left:4px solid #2f80ed;
}

/* ===== 列表 + 自定义小圆点（对齐文字中线） ===== */
.gx7-article-right ul{ list-style:none; margin:0; padding:0; }
.gx7-article-right li{
  position:relative;
  font-size:14px; line-height:1.6;
  margin:0 0 10px; padding-left:24px;   /* 给圆点预留空间 */
}
.gx7-article-right li:last-child{ margin-bottom:0; }

.gx7-article-right li::before{
  content:"";
  position:absolute; left:8px; top:50%;
  width:6px; height:6px; border-radius:50%;
  background:#2f80ed;
  transform:translateY(-50%);           /* 垂直居中，与文本对齐 */
}

.gx7-article-right a{
  display:block; color:#344054; font-size:14px;
  text-decoration:none;
}
.gx7-article-right a:hover{ color:var(--brand); }

/* ===== 手机端：上下布局 ===== */
@media (max-width:768px){
  .gx7-article-layout{ grid-template-columns:1fr; }
  .gx7-article-right{ margin-top:14px; }
}
/* ===== Mobile polish for article + sidebar (≤768px) ===== */
@media (max-width: 768px){

  /* 整体改为上下布局，左右间距跟页面统一 */
  .gx7-article-layout{
    grid-template-columns: 1fr;
    gap: 12px;                  /* 减小卡片之间的间距 */
  }

  /* 文章卡片更紧凑 */
  .gx7-article{
    border-radius: 12px;
    padding: 14px;
    margin: 0;                  /* 去掉多余外边距 */
  }
  .gx7-article-head h1{ font-size: 20px; line-height: 1.25; }
  .gx7-article-head .meta{ font-size: 12px; gap: 10px; }
  .gx7-article-foot{ margin-top: 12px; padding-top: 10px; }

  /* 侧栏整体：不要挤在页面边上 */
  .gx7-article-right{ margin-top: 4px; }

  /* 每个块：更小的内边距与圆角，避免“块太大” */
  .gx7-article-right .side-box{
    padding: 12px;
    border-radius: 12px;
    margin: 0 0 12px;
    box-shadow: 0 4px 12px rgba(16,24,40,.06);
  }

  /* 标题：左侧蓝条细一点，字号略降 */
  .gx7-article-right .side-box h3{
    font-size: 15px;
    margin-bottom: 8px;
    padding-left: 8px;
    border-left-width: 3px;     /* from 4px → 3px */
    line-height: 1.2;
  }

  /* 列表：缩进与行高更贴合小屏 */
  .gx7-article-right ul{ margin: 0; padding: 0; }
  .gx7-article-right li{
    padding-left: 18px;         /* from 24px → 18px */
    margin-bottom: 8px;         /* from 10/12px → 8px */
    line-height: 1.55;
    font-size: 14px;
  }
  /* 小圆点：尺寸/位置微调，避免显得粗/偏移 */
  .gx7-article-right li::before{
    left: 6px;                  /* from 8px → 6px */
    width: 5px; height: 5px;    /* from 6px → 5px */
    transform: translateY(-50%);
    background: #2f80ed;
    border-radius: 50%;
  }

  /* 链接触控面积充足但不拥挤 */
  .gx7-article-right a{
    padding: 2px 0;             /* 提升可点范围 */
  }
}
/* ===== 文章页：侧栏卡片在移动端更自然的排列 ===== */

/* PC：沿用你现在的右栏分块，不动 */
.gx7-article-right .side-box{
  background:#fff;border:1px solid #e6e9f2;border-radius:12px;
  box-shadow:0 6px 18px rgba(16,24,40,.06);
  padding:14px;margin:0 0 16px; height:auto; min-height:0; flex:none;
}
.gx7-article-right .side-box h3{
  font-size:16px;font-weight:700;margin:0 0 10px;
  padding-left:10px;border-left:4px solid #2f80ed;line-height:1.2;
}

/* 列表 + 小圆点（统一行高、间距、对齐） */
.gx7-article-right ul{list-style:none;margin:0;padding:0;}
.gx7-article-right li{
  position:relative;font-size:14px;line-height:1.58;
  margin:0 0 8px; padding-left:18px;   /* 给圆点留位 */
  word-break:break-word;
}
.gx7-article-right li:last-child{margin-bottom:0;}
.gx7-article-right li::before{
  content:"";position:absolute;left:6px;top:50%;
  width:5px;height:5px;border-radius:50%;background:#2f80ed;
  transform:translateY(-50%);
}
.gx7-article-right a{color:#344054;display:block;text-decoration:none;}
.gx7-article-right a:hover{color:var(--brand);}

/* ===== Sidebar cards: 通用样式 ===== */
.gx7-article-right .side-box {
  background: #fff;
  border: 1px solid #e6e9f2;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(16, 24, 40, 0.06);
  padding: 14px;
  margin: 0 0 16px;
}
.gx7-article-right .side-box h3 {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 10px;
  padding-left: 10px;
  border-left: 4px solid #2f80ed;
  line-height: 1.2;
}

.gx7-article-right ul { list-style: none; margin: 0; padding: 0; }
.gx7-article-right li {
  position: relative;
  font-size: 14px;
  line-height: 1.58;
  margin: 0 0 8px;
  padding-left: 18px;
  word-break: break-word;
}
.gx7-article-right li:last-child { margin-bottom: 0; }
.gx7-article-right li::before {
  content: "";
  position: absolute;
  left: 6px; top: 50%;
  width: 5px; height: 5px;
  border-radius: 50%;
  background: #2f80ed;
  transform: translateY(-50%);
}
.gx7-article-right a {
  color: #344054;
  display: block;
  text-decoration: none;
}
.gx7-article-right a:hover { color: var(--brand); }

/* ===== 移动端优化 ===== */
@media (max-width: 768px) {
  .gx7-article-layout {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .gx7-article {
    border-radius: 12px;
    padding: 14px;
    margin: 0;
  }
  .gx7-article-head h1 { font-size: 20px; line-height: 1.25; }
  .gx7-article-head .meta { font-size: 12px; gap: 10px; }

  /* 侧栏自动 1~2 列 */
  .gx7-article-right {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 12px;
    margin-top: 4px;
  }
  .gx7-article-right .side-box {
    padding: 12px;
    margin: 0;
    box-shadow: 0 4px 12px rgba(16, 24, 40, 0.06);
  }
  .gx7-article-right .side-box h3 {
    font-size: 15px;
    margin-bottom: 8px;
    padding-left: 8px;
    border-left-width: 3px;
  }
  .gx7-article-right li {
    padding-left: 16px;
    margin-bottom: 6px;
    line-height: 1.52;
  }
  .gx7-article-right li::before {
    left: 5px;
    width: 4.5px; height: 4.5px;
  }
}

/* 文章页：上一篇 / 下一篇 */
.gx7-article-foot{
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid #e6e9f2;
}

.gx7-article-foot .prevnext{
  display: flex;
  justify-content: flex-end;   /* 右对齐 */
  align-items: center;
  gap: 30px;                   /* 关键：两项之间的间距 */
  flex-wrap: wrap;             /* 小屏可换行 */
}

.gx7-article-foot .prevnext span{
  max-width: 48%;              /* 防止长标题把对方挤掉 */
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #475467;
  font-size: 14px;
}

.gx7-article-foot .prevnext a{
  color: var(--brand, #2f80ed);
  text-decoration: none;
}
.gx7-article-foot .prevnext a:hover{ text-decoration: underline; }

/* 超小屏再收紧一点间距并允许上下分两行 */
@media (max-width: 480px){
  .gx7-article-foot .prevnext{
    justify-content: space-between;
    gap: 10px;
  }
  .gx7-article-foot .prevnext span{ max-width: 100%; }
}
/* 底部版权文字居中 */
.gx7-footer{
  background:#0b1120;   /* 保持深色背景 */
  padding:20px 0;
  border-radius:8px;
}

.gx7-footer .wrap{
  max-width:1200px;     /* 可根据需要设置最大宽度 */
  margin:0 auto;
  text-align:center;    /* 核心：让文字居中 */
  color:#fff;
  font-size:14px;
  line-height:1.6;
}

.gx7-footer a{
  color:#a3bffa;
  text-decoration:none;
}
.gx7-footer a:hover{ text-decoration:underline; }

/* ===== Dedecms 分页：统一高度/对齐，一行自适应（强覆盖） ===== */
.gx7-pages{box-sizing:border-box;max-width:100%;padding:6px 8px;border-radius:8px;}
.gx7-pages ul.pagelist{
  display:flex !important;
  flex-wrap:nowrap !important;     /* 移动端也不换行 */
  justify-content:center !important;
  align-items:center !important;   /* 垂直对齐统一 */
  white-space:nowrap !important;
  gap:6px !important;
  overflow:hidden !important;
}

/* 关键：把 a / span / thisclass 都做成等高等宽的“胶囊” */
.gx7-pages ul.pagelist li,
.gx7-pages ul.pagelist li > a,
.gx7-pages ul.pagelist li > span,
.gx7-pages ul.pagelist li.thisclass{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:26px !important;          /* 统一高度 */
  min-width:30px !important;
  padding:0 8px !important;        /* 统一内边距 */
  line-height:26px !important;     /* 数字完全垂直居中 */
  font-size:12px !important;       /* 统一字号 */
  box-sizing:border-box !important;
  vertical-align:middle !important;
}

/* 普通按钮外观（根据你站点的风格，可以微调） */
.gx7-pages ul.pagelist a,
.gx7-pages ul.pagelist span{
  border:1px solid #e6e9f2 !important;
  border-radius:9999px !important;
  background:#fff !important;
  color:#0b1b3a !important;
  text-decoration:none !important;
}

/* 当前页：确保“看起来不更小”——直接作用在 li.thisclass 本身 */
.gx7-pages ul.pagelist li.thisclass{
  border:1px solid #2563eb !important;
  border-radius:9999px !important;
  background:#2563eb !important;
  color:#fff !important;
}
/* 如果 thisclass 里生成了 a 或 span，也一起变白字 */
.gx7-pages ul.pagelist li.thisclass > a,
.gx7-pages ul.pagelist li.thisclass > span{ color:#fff !important; }

/* 下拉（option）：与按钮同高同基线，不撑爆 */
.gx7-pages ul.pagelist select{
  height:26px !important;
  min-width:56px !important;
  max-width:80px !important;
  padding:0 6px !important;
  font-size:12px !important;
  border:1px solid #e6e9f2 !important;
  border-radius:8px !important;
  vertical-align:middle !important;
}

/* 统计信息：在移动端保留但尽量不挤宽度；如果仍然超宽，可改为 display:none */
@media (max-width:480px){
  .gx7-pages ul.pagelist{ gap:4px !important; }
  .gx7-pages ul.pagelist .pageinfo{
    font-size:11px !important;
    margin-left:4px !important;
    transform:scale(.92);          /* 轻微压缩以省宽度 */
    transform-origin:left center;
  }
}
@media (max-width:360px){
  .gx7-pages ul.pagelist{ gap:3px !important; }
  .gx7-pages ul.pagelist li,
  .gx7-pages ul.pagelist li > a,
  .gx7-pages ul.pagelist li > span,
  .gx7-pages ul.pagelist li.thisclass{
    height:24px !important; min-width:28px !important; padding:0 6px !important; font-size:11px !important; line-height:24px !important;
  }
  .gx7-pages ul.pagelist select{
    height:24px !important; min-width:50px !important; max-width:62px !important; font-size:11px !important; padding:0 4px !important;
  }
  .gx7-pages ul.pagelist .pageinfo{ transform:scale(.88); }
}

.related-articles {
  border-top: 1px solid #ddd; /* 上方细线分隔 */
  margin-top: 20px;
  padding-top: 15px;
}

.related-articles h3 {
  font-size: 16px;
  margin-bottom: 12px;
  color: #333;
  position: relative;
  padding-left: 10px;  /* 给竖条留出间距 */
}

.related-articles h3 span {
  border-left: 4px solid #2f80ed; /* 蓝色竖条 */
  padding-left: 8px;              /* 文字与竖条间距 */
}

.related-articles ul {
  list-style: disc;
  color: #2f80ed;         /* 小点颜色蓝色 */
  padding-left: 20px;
  margin: 0;
}

.related-articles li {
  margin: 6px 0;
}

.related-articles li a {
  text-decoration: none;
  color: #333;
}

.related-articles li a:hover {
  text-decoration: underline;
  color: #0073aa;
}
/* fix: 文章页 foot 在移动端偏右/溢出的问题 */
@media (max-width: 768px){
  .gx7-article{ margin:0 auto; padding-left:14px; padding-right:14px; } /* 保证左右对称 */
  .gx7-article-foot{
    padding-left:0; padding-right:0;   /* 与正文对齐 */
  }
  .gx7-article-foot .prevnext{
    justify-content:flex-start;        /* 由右对齐改为左对齐 */
    gap:10px;                          /* 收紧间距 */
  }
  .gx7-article-foot .prevnext span{
    max-width:100%;                    /* 允许占满一行 */
    white-space:normal;                /* 允许换行，防止把整体向右“拽” */
    overflow:visible; text-overflow:clip;
  }
}

/* 同时确保“相关文章”块在移动端不偏右 */
@media (max-width: 768px){
  .related-articles{ margin-left:0; }
  .related-articles ul{ padding-left:18px; }   /* 小圆点缩进 */
}