/* ============================================================
   新闻 / 公告 / 攻略 页面样式（列表页 + 文章详情页）
   与站内主样式保持一致：12rem 栅格、深蓝 #455893 主色、金色点缀
   ============================================================ */

.sub-wrap { padding: .28rem 0 .6rem; }

/* 面包屑 */
.bar { position: relative; padding-bottom: .16rem; margin-bottom: .24rem; border-bottom: 1px solid #dfe8f5; }
.crumbs-tit { display: inline-block; font-size: .26rem; line-height: 1; color: #11406f; font-weight: 700; letter-spacing: .02rem; }
.crumbs-tit::before { content: ""; display: inline-block; width: .06rem; height: .24rem; margin-right: .1rem; vertical-align: -.02rem;
  background: linear-gradient(180deg, #67ade3, #455893); border-radius: .03rem; }
.crumbs-index { margin-top: .1rem; font-size: .14rem; color: #8b96ab; }
.crumbs-index a { color: #5b6a86; }
.crumbs-index a:hover { color: #1f7fd0; }
.crumbs-index i { margin: 0 .06rem; font-style: normal; color: #b9c3d4; }
.tit-line { position: absolute; left: 0; bottom: -1px; width: .9rem; height: 2px;
  background: linear-gradient(90deg, #67ade3, rgba(103,173,227,0)); }

/* 分类页签 */
.category-list { display: flex; gap: .12rem; margin-bottom: .24rem; }
.category-list li { list-style: none; }
.category-list li a { display: block; padding: .08rem .26rem; font-size: .16rem; color: #455893;
  background: #f2f7fd; border: 1px solid #dfe8f5; border-radius: .06rem; }
.category-list li a:hover { color: #1f7fd0; border-color: #a9cdf0; }
.category-list li.on a { color: #fff; background: linear-gradient(180deg, #5fa8e6, #3f7cc4); border-color: #3f7cc4; }

/* 列表 */
.sub-list ul { display: block; }
.sub-list li { list-style: none; padding: .2rem 0; border-bottom: 1px dashed #e3ebf6; }
.sub-list li:last-child { border-bottom: 0; }
.sub-list li a { display: flex; gap: .18rem; text-decoration: none; }
.sub-list li i { flex: 0 0 auto; min-width: .7rem; height: .28rem; line-height: .28rem; text-align: center;
  font-size: .13rem; font-style: normal; color: #fff; background: #67ade3; border-radius: .04rem; }
.sub-list li i.cat-notice { background: #efb046; }
.sub-list li i.cat-gamertip { background: #455893; }
.sub-list .news-content { flex: 1; min-width: 0; }
.sub-list h3 { font-size: .18rem; font-weight: 700; color: #22314a; line-height: 1.5; }
.sub-list li a:hover h3 { color: #1f7fd0; }
.sub-list p { margin-top: .06rem; font-size: .14rem; line-height: 1.7; color: #7d8aa3;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sub-list .news-date { margin-top: .08rem; font-size: .13rem; color: #9aa6bb; }

/* 分页 */
.page { margin-top: .34rem; text-align: center; font-size: .14rem; }
.page .page-num, .page .page-operation { display: inline-block; min-width: .34rem; height: .34rem; line-height: .32rem;
  margin: 0 .04rem; padding: 0 .1rem; color: #455893; background: #fff; border: 1px solid #dfe8f5; border-radius: .04rem; }
.page a.page-num:hover, .page a.page-operation:hover { border-color: #5fa8e6; color: #1f7fd0; }
.page .focus { color: #fff; background: linear-gradient(180deg, #5fa8e6, #3f7cc4); border-color: #3f7cc4; }

/* 文章详情 */
.sub-content { padding: .3rem .34rem .34rem; background: #fff; border: 1px solid #e6eef8; border-radius: .06rem;
  box-shadow: 0 .04rem .18rem rgba(69, 88, 147, .06); }
.con-top { padding-bottom: .2rem; margin-bottom: .22rem; border-bottom: 1px solid #eef3fa; text-align: center; }
.content-title { font-size: .26rem; line-height: 1.5; font-weight: 700; color: #11406f; }
.datatime { margin-top: .12rem; font-size: .14rem; color: #9aa6bb; }
.con { font-size: .16rem; line-height: 1.9; color: #3c4a60; word-break: break-word; }
.con p { margin: 0 0 .16rem; }
.con img { max-width: 100%; height: auto; border-radius: .04rem; }
.con a { color: #1f7fd0; }
.con table { width: 100%; border-collapse: collapse; }
.con td, .con th { border: 1px solid #e3ebf6; padding: .08rem .1rem; }
.con h1, .con h2, .con h3, .con h4 { margin: .2rem 0 .12rem; color: #22314a; }

/* 上一篇 / 下一篇 */
.newspage { display: flex; justify-content: space-between; gap: .2rem; margin-top: .24rem; padding: .16rem .2rem;
  font-size: .14rem; color: #5b6a86; background: #f6faff; border: 1px solid #e6eef8; border-radius: .05rem; }
.newspage > div { max-width: 48%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newspage a { color: #1f7fd0; }
.newspage span { color: #9aa6bb; }

/* 侧边 / 底部热门新闻 */
.news-other { margin-top: .3rem; }
.news-cont-list { padding: .2rem .24rem; background: #fff; border: 1px solid #e6eef8; border-radius: .06rem; }
.news-cont-list h3 { font-size: .18rem; font-weight: 700; color: #11406f; margin-bottom: .14rem; padding-left: .12rem;
  border-left: .05rem solid #67ade3; line-height: 1.1; }
.news-cont-list li { list-style: none; padding: .1rem 0; border-bottom: 1px dashed #eef3fa; font-size: .15rem; }
.news-cont-list li:last-child { border-bottom: 0; }
.news-cont-list li a { color: #3c4a60; }
.news-cont-list li a:hover { color: #1f7fd0; }
.news-cont-list em { font-style: normal; color: #455893; margin-right: .06rem; }

/* 列表页 / 详情页顶部大图 */
.inside-header-image { overflow: hidden; }
.inside-header-image img { width: 100%; display: block; }
.sub-bg-cover { pointer-events: none; }

@media screen and (max-width: 750px) {
  .sub-wrap { padding: .16rem .2rem .4rem; }
  .sub-content { padding: .2rem; }
  .content-title { font-size: .2rem; }
  .newspage { display: block; }
  .newspage > div { max-width: 100%; margin-bottom: .08rem; }
}