.cat-bar{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:38px}
.cat-bar a{padding:9px 20px;border-radius:999px;border:1px solid var(--silver-200);background:#fff;color:var(--silver-700);font-weight:600;font-size:14px;transition:.2s}
.cat-bar a:hover{border-color:var(--blue-200);color:var(--blue-600)}
.cat-bar a.on{background:var(--blue-600);border-color:var(--blue-600);color:#fff}

.news-card{align-items:flex-start}
.news-card .news-main{flex:1;min-width:0}
.news-card .news-thumb{flex:0 0 168px;width:168px;height:112px;object-fit:cover;border-radius:var(--radius-sm)}
.cat-tag{display:inline-block;margin-top:12px;padding:4px 12px;border-radius:999px;background:var(--blue-50);color:var(--blue-700);font-size:12px;font-weight:700}
.empty{padding:60px 20px;text-align:center;color:var(--silver-500);background:var(--silver-50);border-radius:var(--radius)}

.article-hero h1{max-width:920px}
.article-meta{margin-top:14px;font-size:14px;color:rgba(255,255,255,.85)!important}
.article-wrap{max-width:860px}
.article-cover{width:100%;border-radius:var(--radius);margin-bottom:34px}

.article-body{font-size:17px;line-height:1.95;color:var(--ink-2)}
.article-body>*+*{margin-top:20px}
.article-body h2{font-size:26px;margin-top:38px;padding-left:14px;border-left:4px solid var(--blue-600)}
.article-body h3{font-size:21px;margin-top:30px;color:var(--blue-700)}
.article-body h4{font-size:18px;margin-top:24px}
.article-body p{text-align:justify}
.article-body img{border-radius:var(--radius-sm);margin:8px auto}
.article-body a{color:var(--blue-600);text-decoration:underline}
.article-body ul,.article-body ol{padding-left:24px}
.article-body ul{list-style:disc}
.article-body ol{list-style:decimal}
.article-body li{margin-top:8px}
.article-body blockquote{margin:26px 0;padding:18px 22px;background:var(--blue-50);border-left:4px solid var(--blue-600);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--ink);font-weight:600}
.article-body table{width:100%;border-collapse:collapse;margin:26px 0;font-size:15px}
.article-body th,.article-body td{border:1px solid var(--silver-200);padding:11px 14px;text-align:left}
.article-body th{background:var(--silver-50);color:var(--ink);font-weight:700}
.article-body code{background:var(--silver-100);padding:2px 7px;border-radius:5px;font-size:14px}
.article-body pre{background:var(--silver-50);padding:18px;border-radius:var(--radius-sm);overflow-x:auto}
.article-body pre code{background:none;padding:0}
.article-body hr{border:0;border-top:1px solid var(--silver-200);margin:34px 0}

.article-nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:52px;padding-top:26px;border-top:1px solid var(--silver-200)}
.article-nav a{font-weight:700;color:var(--blue-600);font-size:15px}

@media(max-width:820px){
  .news-card .news-thumb{flex:0 0 108px;width:108px;height:78px}
  .article-body{font-size:16px}
  .article-body h2{font-size:22px}
}
@media(max-width:560px){
  .news-card .news-thumb{display:none}
}