/* ==========================================================================
   折云网络 · 官网内页统一设计层（web_inner_pages.css）
   适用：bt / contact / certificate / Assure / webmaster / trusteeship / about /
        Introduction / defaultabout / news* / help* / cooperation / plan / server
   实测依据（桌面 1440）：
     .et-hero-tab.active 无可见指示、.et-hero-tab-slider 宽 0
     .news-title 宽仅 200px 且用色 #0052D9（非品牌色）
     .currency-content-item 圆角仅 4px、.consultationButton 高 0
     .pagebanner 高度 218/252/288 不统一
   原则：只调圆角/边框/配色/间距/层级；不新增动画；hover 只变颜色阴影
   ========================================================================== */

:root{
  --wip-blue:#165DFF;
  --wip-blue-2:#4080FF;
  --wip-grad:linear-gradient(90deg,#165DFF,#4080FF);
  --wip-ink:#1d2129;
  --wip-sub:#4e5969;
  --wip-mute:#86909c;
  --wip-line:#e5e6eb;
}

/* ---------- 1) 页面横幅：全站统一高度与文字对比度 ---------- */
.pagebanner-relative{position:relative;overflow:hidden;}
.pagebanner{
  min-height:240px;
  display:flex;align-items:center;
  padding:32px 0 36px;
}
.pagebanner .center-content{
  width:100%;max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box;
}
.pagebanner-text{max-width:760px;}
.pagebanner-title{
  font-size:40px!important;font-weight:700!important;line-height:1.25!important;
  letter-spacing:-.5px;margin:0 0 14px!important;
}
.pagebanner-description{
  font-size:16px!important;line-height:1.85!important;margin:0 0 22px!important;opacity:.9;
}
.pagebanner-button{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.pagebanner-button .Button, .pagebanner-button .fancy-button{
  min-height:44px;padding:0 22px;border-radius:8px!important;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:14.5px!important;font-weight:500;
  transition:filter .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}
.pagebanner-button .bg-gradient{
  border:0!important;box-shadow:0 4px 14px rgba(0,0,0,.14);
}
.pagebanner-button .bg-gradient:hover{filter:brightness(1.05);}
/* 白字横幅里的次要按钮（安装命令等） */
.pagebanner-button .Button:not(.bg-gradient){
  background:#fff!important;color:var(--wip-blue)!important;border:1px solid transparent!important;
  box-shadow:0 2px 10px rgba(0,0,0,.10);
}
.pagebanner-button .Button:not(.bg-gradient):hover{background:#f2f6ff!important;}

/* ---------- 2) 共用标签导航：可见的激活态 ---------- */
.et-hero-tabs, .overflow_tab{
  background:#fff;border-bottom:1px solid var(--wip-line);
}
.et-hero-tabs-container{
  display:flex!important;align-items:stretch;flex-wrap:wrap;gap:28px;
  max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box;
  list-style:none;
}
.et-hero-tab{
  position:relative;height:58px!important;padding:0!important;
  display:inline-flex!important;align-items:center;
  font-size:15px!important;color:var(--wip-sub)!important;
  cursor:pointer;transition:color .18s ease;white-space:nowrap;
}
.et-hero-tab:hover{color:var(--wip-blue)!important;}
.et-hero-tab.active, .et-hero-tab.active:hover{
  color:var(--wip-blue)!important;font-weight:600!important;
}
.et-hero-tab.active::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:2px 2px 0 0;
  background:var(--wip-grad);
}
/* JS 滑块实测宽度为 0（无指示作用），统一改用 .active::after */
.et-hero-tab-slider{display:none!important;}

/* ---------- 3) 区块标题 ---------- */
.currency-title-a{font-weight:700!important;color:var(--wip-ink)!important;line-height:1.35!important;}
.currency-title-a-content{color:var(--wip-mute)!important;line-height:1.85!important;margin-top:8px;}
.currency-title{color:var(--wip-ink);}

/* ---------- 4) 内容容器统一留白 ---------- */
.comp_container, .comp_container_auto{
  max-width:1200px;margin-left:auto;margin-right:auto;
}
.comp_container_100{width:100%;}
.et-main, .et-container{padding-bottom:24px;}
.et-main img{max-width:100%;height:auto;border-radius:12px;}
.et-main a{color:var(--wip-blue);}
.et-main a:hover{color:#0e42d2;}
.et-main p{line-height:1.9;}
.et-main table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px;}
.et-main table th{
  background:#f7f8fa;color:var(--wip-sub);font-weight:600;
  padding:12px 14px;border:1px solid var(--wip-line);text-align:left;
}
.et-main table td{padding:12px 14px;border:1px solid var(--wip-line);color:var(--wip-sub);}
.et-main ul, .et-main ol{padding-left:22px;}
.et-main li{line-height:1.9;margin:6px 0;}
.et-main pre{
  background:#f7f8fa;border:1px solid var(--wip-line);border-radius:10px;
  padding:14px 16px;overflow-x:auto;font-size:13px;line-height:1.7;
}
.et-main code{background:#f2f3f5;border-radius:4px;padding:1px 6px;font-size:13px;color:#c9332b;}
.et-main pre code{background:transparent;padding:0;color:inherit;}

/* ---------- 5) 联系页：咨询卡片 ---------- */
.currency-content{
  display:flex!important;flex-wrap:wrap!important;gap:20px!important;justify-content:flex-start;
}
.currency-content-item{
  background:#fff;border:1px solid var(--wip-line)!important;border-radius:12px!important;
  box-shadow:0 2px 12px rgba(0,0,0,.04);
  transition:border-color .18s ease, box-shadow .18s ease;
  box-sizing:border-box;
}
.currency-content-item:hover{
  border-color:#94b6ff!important;box-shadow:0 6px 20px rgba(22,93,255,.10);
}
.currency-content-item-img{
  width:48px;height:48px;border-radius:10px;background:#f2f6ff;
  display:flex;align-items:center;justify-content:center;
}
.currency-content-item-img img{width:26px;height:26px;object-fit:contain;}
.currency-content-item-label{font-size:16px!important;font-weight:600!important;color:var(--wip-ink)!important;}
.currency-content-item .label{font-size:15px!important;font-weight:600!important;color:var(--wip-ink)!important;}
.currency-content-item .desc{font-size:13.5px!important;color:var(--wip-mute)!important;line-height:1.8!important;}
/* CTA 高度实测为 0，补足可点区域 */
.consultationButton, .consultationButton .Button, .currency-content-item .Button{
  min-height:40px!important;display:inline-flex!important;align-items:center;justify-content:center;
  border-radius:8px!important;padding:0 18px!important;font-size:14px!important;
}
.consultation-ewm, .Button-ewm{
  border-radius:10px;overflow:hidden;border:1px solid var(--wip-line);background:#fff;padding:8px;
}
.consultation-ewm img, .Button-ewm img{display:block;border-radius:6px;}

/* ---------- 6) 资讯 / 帮助 列表 ---------- */
.news-container, .news-list-container, .news-page-container{
  background:#fff;
}
.news-list{list-style:none;margin:0;padding:0;}
.news-item{
  padding:20px 0!important;border-bottom:1px solid #f2f3f5;
  transition:background .18s ease;
}
.news-item:last-child{border-bottom:0;}
.news-item:hover{background:#fafbfc;}
.news-link{
  display:flex!important;align-items:center;justify-content:space-between;gap:18px;
  text-decoration:none!important;
}
.news-title{
  width:auto!important;flex:1 1 auto!important;min-width:0!important;
  font-size:16px!important;font-weight:600!important;color:var(--wip-ink)!important;
  line-height:1.6!important;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.news-link:hover .news-title{color:var(--wip-blue)!important;}
.news-description{
  font-size:13.5px!important;color:var(--wip-mute)!important;line-height:1.8!important;
  margin-top:6px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.news-articleInformation{
  flex:0 0 auto;display:flex!important;align-items:center;gap:16px;
  font-size:12.5px!important;color:var(--wip-mute)!important;
}
.news-category, .news-create-time, .news-reads{
  font-size:12.5px!important;color:var(--wip-mute)!important;padding-left:0!important;
  display:inline-flex!important;align-items:center;gap:5px;
}
.news-item-img img, .news-img img{border-radius:10px;display:block;}
/* 左侧分类 */
.newsPage_row{display:flex;gap:24px;align-items:flex-start;}
.newsPage_left_list{list-style:none;margin:0;padding:0;}
.newsPage_left_list_item{
  height:auto!important;padding:11px 16px!important;border-radius:8px!important;
  font-size:14px!important;color:var(--wip-sub)!important;cursor:pointer;
  transition:background .18s ease, color .18s ease;
}
.newsPage_left_list_item:hover{background:#f2f6ff!important;color:var(--wip-blue)!important;}
.newsPage_left_list_item.active{
  background:#f2f6ff!important;color:var(--wip-blue)!important;font-weight:600!important;
}
/* 置顶 */
.toppingwrap{
  display:inline-flex;align-items:center;
  background:rgba(245,63,63,.08);color:#f53f3f;border-radius:999px;
  font-size:12px;padding:1px 8px;margin-right:8px;line-height:1.7;
}
/* 空状态 */
.nullValue{
  padding:56px 20px!important;text-align:center;
  font-size:14px!important;color:var(--wip-mute)!important;line-height:1.9!important;
}
/* 分页 */
.news-page-list, .pagination{
  display:flex!important;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;
  margin:24px 0 8px;padding:0;list-style:none;
}
.pagination-link{
  display:inline-flex!important;align-items:center;justify-content:center;
  min-width:36px;height:36px!important;padding:0 11px!important;
  border:1px solid var(--wip-line)!important;border-radius:8px!important;
  font-size:13.5px!important;color:var(--wip-sub)!important;background:#fff;
  transition:color .18s ease, border-color .18s ease, background .18s ease;
}
.pagination-link:hover{border-color:#94b6ff!important;color:var(--wip-blue)!important;}
.pagination-link.active, .pagination-link.current{
  background:var(--wip-grad)!important;border-color:transparent!important;color:#fff!important;
}
.pagination-link[disabled], .pagination-link.disabled{opacity:.45;cursor:not-allowed;}

/* ---------- 7) CMS 404 模板适配（原为固定 1200px + overflow:hidden） ---------- */
body:has(.base){overflow:auto!important;height:auto!important;min-height:100vh;
  background-size:cover!important;background-position:center top!important;}
.base{width:100%!important;max-width:1200px;box-sizing:border-box;height:auto!important;
  min-height:60vh;flex-wrap:wrap;gap:24px;padding:64px 24px 40px!important;}
.base_left, .base_right{width:auto!important;max-width:100%;flex:1 1 380px;height:auto!important;}
.base_left img, .base_right img{max-width:100%;height:auto;}
.back{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;
  border-radius:8px;background:var(--wip-grad);color:#fff!important;text-decoration:none;}
.back:hover{filter:brightness(1.05);}

/* ---------- 8) 手机端 ---------- */
@media (max-width:1024px){
  .pagebanner{min-height:200px;padding:26px 0 30px;}
  .pagebanner-title{font-size:32px!important;}
  .pagebanner-description{font-size:15px!important;}
}
@media (max-width:768px){
  .pagebanner{min-height:0;padding:22px 0 26px;}
  .pagebanner .center-content{padding:0 16px;}
  .pagebanner-text{max-width:100%;}
  .pagebanner-title{font-size:24px!important;margin-bottom:10px!important;}
  .pagebanner-description{font-size:14px!important;line-height:1.8!important;margin-bottom:16px!important;}
  .pagebanner-button{gap:10px;}
  .pagebanner-button .Button, .pagebanner-button .fancy-button{
    min-height:44px;flex:1 1 auto;padding:0 16px;font-size:14px!important;
  }
  /* 标签导航：横向滚动，不换行挤压 */
  .et-hero-tabs{position:relative;}
  .et-hero-tabs-container{
    flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;
    gap:20px!important;padding:0 16px;scrollbar-width:none;
  }
  .et-hero-tabs-container::-webkit-scrollbar{display:none;}
  .et-hero-tab{height:50px!important;font-size:14px!important;flex:0 0 auto;}
  .comp_container, .comp_container_auto{padding-left:16px;padding-right:16px;box-sizing:border-box;}
  .et-main img{border-radius:10px;}
  .et-main table{font-size:12.5px;}
  .et-main table th, .et-main table td{padding:9px 10px;}
  /* 联系卡片：手机端单列 */
  .currency-content{gap:14px!important;}
  .currency-content-item{
    width:100%!important;flex:1 1 100%!important;padding:24px 18px!important;
  }
  .currency-content-item-label, .currency-content-item .label{font-size:15.5px!important;}
  .consultationButton, .currency-content-item .Button{width:100%!important;}
  .consultation-ewm, .Button-ewm{width:100%!important;}
  .consultation-ewm img, .Button-ewm img{width:100%;height:auto;max-width:220px;margin:0 auto;}
  /* 资讯列表：标题与信息上下排 */
  .news-item{padding:16px 0!important;}
  .news-link{flex-direction:column;align-items:flex-start;gap:8px;}
  .news-title{
    font-size:15px!important;white-space:normal!important;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  }
  .news-articleInformation{gap:12px;flex-wrap:wrap;}
  .newsPage_row{flex-direction:column;gap:16px;}
  .newsPage_left_list{
    display:flex!important;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;
    padding-bottom:4px;width:100%;
  }
  .newsPage_left_list_item{flex:0 0 auto;padding:8px 14px!important;font-size:13.5px!important;}
  .pagination-link{min-width:34px;height:34px!important;padding:0 10px!important;}
  /* 404 */
  .base{padding:40px 16px 32px!important;min-height:auto;}
  .base_left, .base_right{flex:1 1 100%;}
}
@media (max-width:380px){
  .pagebanner-title{font-size:21px!important;}
  .et-hero-tab{font-size:13.5px!important;}
}

/* ---- 收敛：装饰性动画元素外溢导致横向滚动（实测 .blue-large right1474 > vw1440） ---- */
.flow_bg, .comp_containerrelative, section.et-slide.flow_bg{overflow:hidden!important;}
.blue-large, .ani-move-slow{max-width:100%!important;}
@media (max-width:768px){
  .blue-large{width:120px!important;}
}

/* ---- 装饰元素外溢：让所在区块成为定位上下文并裁剪 ---- */
section.flow_bg, .flow_bg, .comp_containerrelative{
  position:relative!important;overflow:hidden!important;
}
.blue-large.ani-move-slow{max-width:100%!important;}

/* ---- 配图统一化：修复被压扁的二维码（实测 .consultation-ewm img 被压成 162x20，不可扫） ---- */
.currency-content-item .consultationButton.Button-ewm{
  display:block!important;min-height:0!important;height:auto!important;padding:0!important;
}
.currency-content-item .Button-ewm .consultation-ewm{
  width:180px!important;height:180px!important;max-height:180px!important;
  box-sizing:border-box;padding:8px;margin:0 auto;
}
.currency-content-item .Button-ewm .consultation-ewm img{
  display:block!important;width:100%!important;height:100%!important;
  object-fit:contain!important;border-radius:6px;
}
/* 图标类图片统一：等比、不拉伸、圆角一致 */
.currency-content-item-img img,
.currency-content-item .label-icon img,
.et-main .icon img{width:100%;height:100%;object-fit:contain;display:block;}
.currency-content-item img{max-width:100%;}

/* ---- 回归修复：分页禁用态拦截点击 ----
   实测 /news.html 首页时「上一页」渲染为 <li class="pagination-item disabled">
   但 href 是空的页号（/news/.html → 404），禁用态未拦截点击 */
.pagination-item.disabled, .pagination .disabled,
.pagination-item.disabled .pagination-link, .pagination .disabled .page-link,
.news-page-list .disabled, .news-page-list .disabled a,
.pagination-link[disabled], .pagination-link.disabled{
  pointer-events:none!important;cursor:not-allowed!important;
}
.pagination-item.disabled .pagination-link, .pagination .disabled .page-link{
  opacity:.45!important;border-color:#e5e6eb!important;color:#a9aeb8!important;
  background:#fff!important;
}