/* ═══════════════ 分类筛选 ═══════════════ */
.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:48px}
.btn-info,.btn-light{padding:8px 20px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:13.5px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .3s;font-family:var(--body);}
.btn-info:hover{border-color:var(--accent);color:var(--accent)}
.btn-info.active{background:var(--accent);border-color:var(--accent);color:#fff}

/* ═══════════════ 文章列表 ═══════════════ */
.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.article-card{background:#fff;border:1px solid var(--line);border-radius:4px;overflow:hidden;display:flex;transition:transform .4s var(--ease),box-shadow .4s;}
.article-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px -16px rgba(42,26,16,.22)}
.article-card-img{flex:0 0 40%;overflow:hidden;width: 232px;height:270px;}
.article-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.article-card:hover .article-card-img img{transform:scale(1.06)}
.article-card-body{flex:1;padding:24px 24px 24px 24px;display:flex;flex-direction:column;gap:10px}
.article-tag{display:inline-block;padding:3px 10px;background:rgba(196,69,44,.08);color:var(--accent);border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.05em;width:fit-content}
.article-card-body h3{font-family:var(--display);font-weight:900;font-size:17px;line-height:1.45;color:var(--ink);transition:color .3s}
.article-card:hover .article-card-body h3{color:var(--accent)}
.article-card-body p{font-size:13px;color:var(--muted);line-height:1.7;flex:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.article-meta{display:flex;gap:10px;font-size:12px;color:var(--muted);padding-top:10px;border-top:1px solid var(--line);align-items:center}
.article-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--line)}
.article-readmore{font-size:13px;font-weight:700;color:var(--accent);margin-top:4px;transition:color .3s}
.article-card:hover .article-readmore{color:var(--accent-deep)}
@media(max-width:760px){.article-grid{grid-template-columns:1fr}.article-card{flex-direction:column}.article-card-img{flex:none;height:200px}}

/* ═══════════════ 文章详情 · 左右布局 ═══════════════ */
.news_nav{padding: 20px 0;}
.news-layout{display:flex;gap:36px;align-items:flex-start}
.news_left{flex:1;min-width:0;background:#fff;border:1px solid var(--line);border-radius:6px;padding:clamp(20px,3vw,44px)}
.news_left h2{font-family:var(--display);font-weight:900;line-height:1.35;word-break:break-word}
.news_left .content{font-size:15px;line-height:1.9;color:var(--ink)}
.news_left .content img{max-width:100%;height:auto!important;   /* 覆盖编辑器写入的固定 height，防止压扁 */}
.news-right{width:300px;flex:none;display:flex;flex-direction:column;gap:24px;position:sticky;top:24px}
.side-card{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.side-card dt{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--ink);padding:13px 18px;border-bottom:1px solid var(--line);background:var(--canvas)}
.side-card dt::before{content:"";width:4px;height:14px;border-radius:2px;background:var(--accent)}
.side-card dd{padding:6px 0}
.side-card dd a{display:block;padding:9px 18px;font-size:13.5px;color:var(--muted);line-height:1.6;transition:color .25s,background .25s}
.side-card dd a:hover{color:var(--accent);background:rgba(196,69,44,.05)}
.side-card dd a+a{border-top:1px dashed var(--line)}
/* 联系卡片 */
.side-tel-body{padding:18px!important}
.side-tel-body p{font-size:12.5px;line-height:1.9;color:var(--muted);margin-bottom:14px}
.side-tel-btn{display:flex!important;justify-content:center;padding:11px 18px!important;background:var(--accent)!important;color:#fff!important;border-radius:999px;font-size:15px!important;font-weight:700}
.side-tel-btn:hover{color:#fff!important;background:var(--accent-deep)!important}
@media(max-width:960px){.news-layout{flex-direction:column}.news-right{width:100%;position:static}}