/* 资讯中心（文章列表 / 文章详情）样式。
   依赖 home.css 里的 :root 变量（--purple / --line / --muted）与 .wrap / .nav / .btn / .footer 等公共样式，
   所以这两个页面要同时引 home.css 与本文件。 */

/* 页头沿用原来的浅色渐变；变大的是尺寸与留白 */
.news-hero{background:radial-gradient(circle at 78% 16%,rgba(124,92,255,.20),transparent 30%),linear-gradient(180deg,#fbfbff,#f4f6ff);padding:96px 0 72px;border-bottom:1px solid var(--line)}
.news-hero h1{font-size:46px;letter-spacing:-1.8px;margin:0 0 14px}
.news-hero p{margin:0;color:var(--muted);font-size:18px;max-width:720px}
.news-hero .count{color:#8b92a0;font-size:15px;margin-top:14px}

.cates{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}
.cates a{padding:9px 18px;border:1px solid var(--line);border-radius:999px;font-size:15px;color:#596174;background:#fff}
.cates a:hover{border-color:var(--purple);color:var(--purple)}
.cates a.active{background:#111827;border-color:#111827;color:#fff;font-weight:700}

.news-list{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.news-item{background:#fff;border:1px solid var(--line);border-radius:20px;transition:.2s}
.news-item:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(24,31,52,.07)}
.news-item a{display:block;padding:26px 30px}
.news-item h3{margin:0 0 10px;font-size:22px;line-height:1.5;letter-spacing:-.4px}
.news-item:hover h3{color:var(--purple)}
.news-meta{display:flex;gap:18px;color:#8b92a0;font-size:14px}

.empty{color:var(--muted);font-size:16px;padding:48px 0;text-align:center}

.pager{display:flex;align-items:center;gap:18px;justify-content:center;margin-top:40px;font-size:15px;color:#596174}
.pager a{padding:10px 20px;border:1px solid var(--line);border-radius:12px;background:#fff}
.pager a:hover{border-color:var(--purple);color:var(--purple)}
.pager .now{color:#8b92a0}

.crumb{font-size:14px;color:#8b92a0;padding-top:26px}
.crumb a:hover{color:var(--purple)}

/* 正文仍用窄栏：阅读舒适度优先 */
.article{max-width:860px;margin:0 auto;padding-bottom:80px}
.article h1{font-size:38px;line-height:1.32;margin:22px 0 18px;letter-spacing:-1.2px}
.article-meta{display:flex;gap:18px;color:#8b92a0;font-size:14px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:32px}

/* 正文是 CMS 里的富文本，常带内联 style 和固定宽度，这里统一压到容器内 */
.article-body{font-size:17px;line-height:1.95;color:#242a38;word-break:break-word}
.article-body *{max-width:100%}
.article-body img{height:auto;border-radius:12px}
.article-body p{margin:0 0 18px}
.article-body h1,.article-body h2,.article-body h3,.article-body h4{margin:32px 0 14px;line-height:1.4;letter-spacing:-.6px}
.article-body ul,.article-body ol{margin:0 0 18px;padding-left:24px}
.article-body li{margin:8px 0}
.article-body a{color:var(--purple);text-decoration:underline}
.article-body table{display:block;overflow-x:auto;border-collapse:collapse}
.article-body td,.article-body th{border:1px solid var(--line);padding:10px 12px}
.article-body pre{background:#f7f8fc;border:1px solid var(--line);border-radius:12px;padding:16px;overflow-x:auto}
.article-body blockquote{margin:18px 0;padding:12px 18px;border-left:3px solid var(--purple);background:#f7f8fc;color:#596174}

.back-link{display:inline-block;margin-top:40px;font-size:15px;color:#596174}
.back-link:hover{color:var(--purple)}

@media(max-width:600px){
  .news-hero{padding:64px 0 46px}
  .news-hero h1{font-size:30px}
  .news-hero p{font-size:16px}
  .news-item a{padding:20px 20px}
  .news-item h3{font-size:18px}
  .article h1{font-size:26px}
  .article-body{font-size:16px}
}