/* 页面专属样式：news-post
   站点级样式（设计令牌 / 顶栏 / 页头 / 搜索 / 按钮 / 栅格容器）由 site.css 统一提供，
   本文件只保留该页特有的规则。 */
.visually-hidden{
position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0
}

.article{
padding:32px 0 60px
}
.content{
background:var(--white);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden
}
.content-head{
padding:28px 32px 24px;border-bottom:1px solid var(--line2)
}
.content-head .cat{
display:inline-block;background:var(--green);color:#fff;font-size:13px;font-weight:600;padding:2px 12px;border-radius:4px;margin-bottom:14px
}
.content-head h1{
font-size:28px;line-height:1.4;font-weight:700;letter-spacing:.3px;margin-bottom:14px
}
.content-head .meta{
display:flex;gap:18px;flex-wrap:wrap;font-size:14px;color:var(--muted)
}
.content-head .meta strong{
color:var(--ink2)
}
.content-head .summary{
margin-top:16px;font-size:16px;color:var(--ink2);line-height:1.75;border-left:3px solid var(--green-l);padding-left:14px
}
.content-body{
padding:32px
}
.content-body h2{
font-size:22px;font-weight:700;line-height:1.5;margin:36px 0 16px;padding-bottom:10px;border-bottom:2px solid var(--line2);color:var(--ink)
}
.content-body h2:first-child{
margin-top:0
}
.content-body h3{
font-size:18px;font-weight:700;line-height:1.5;margin:28px 0 12px;color:var(--ink)
}
.content-body p{
margin-bottom:18px;line-height:1.85;color:var(--ink2)
}
.content-body p:last-child{
margin-bottom:0
}
.content-body strong{
color:var(--ink);font-weight:700
}
.content-body ul{
margin:0 0 18px 20px;list-style:disc
}
.content-body ul li{
margin-bottom:8px;line-height:1.75;color:var(--ink2)
}
.content-body ul li:last-child{
margin-bottom:0
}
.content-body ol{
margin:0 0 18px 20px;list-style:decimal
}
.content-body ol li{
margin-bottom:8px;line-height:1.75;color:var(--ink2)
}
.content-body ol li:last-child{
margin-bottom:0
}
.content-body blockquote{
margin:24px 0;padding:16px 20px;background:var(--green-bg);border-left:4px solid var(--green-l);
  border-radius:0 var(--r-s) var(--r-s) 0;font-size:15.5px;line-height:1.75;color:var(--ink2);
}
.content-body blockquote p{
margin-bottom:0
}
.content-body blockquote cite{
display:block;margin-top:10px;font-size:13.5px;color:var(--muted);font-style:normal
}
.content-body table{
width:100%;border-collapse:collapse;font-size:15px;margin:20px 0 24px
}
.content-body table th{
background:var(--green-bg);color:var(--green-d);font-weight:700;text-align:left;padding:11px 14px;border:1px solid var(--line);white-space:nowrap
}
.content-body table td{
padding:11px 14px;border:1px solid var(--line2);vertical-align:middle
}
.content-body table tbody tr:hover{
background:#fafcf9
}
.content-body .fig{
margin:24px 0;text-align:center
}
.content-body .fig .thumb{
border-radius:var(--r-s);overflow:hidden;border:1px solid var(--line);margin-bottom:8px
}
.content-body .fig figcaption{
font-size:13.5px;color:var(--muted);line-height:1.6
}
.content-body .note-box{
margin:24px 0;padding:16px 20px;background:#fffbe6;border-left:4px solid #bd6417;
  border-radius:0 var(--r-s) var(--r-s) 0;font-size:15px;line-height:1.75;color:var(--ink2);
}
.content-body .note-box strong{
color:var(--amber,#bd6417)
}
.content-foot{
padding:20px 32px;border-top:1px solid var(--line2);display:flex;align-items:center;gap:16px;flex-wrap:wrap
}
.content-foot .share{
margin-left:auto;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)
}
.content-foot .share button{
padding:6px 14px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--white);
  font-size:14px;color:var(--ink2);cursor:pointer;transition:.14s;display:inline-flex;align-items:center;gap:5px;
}
.content-foot .share button:hover{
border-color:var(--green-l);color:var(--green-d)
}
.nav-links{
display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px
}
.nav-links a{
display:block;padding:16px 20px;background:var(--white);border:1px solid var(--line);border-radius:var(--r);
  transition:.15s;
}
.nav-links a:hover{
border-color:#bfdcc9;box-shadow:0 4px 14px rgba(29,135,67,.08)
}
.nav-links .dir{
font-size:13px;color:var(--muted);margin-bottom:6px
}
.nav-links .dir::before{
content:"← ";margin-right:4px
}
.nav-links .next .dir::before{
content:"";margin-right:0
}
.nav-links .next .dir::after{
content:" →";margin-left:4px
}
.nav-links h3{
font-size:15.5px;line-height:1.55;font-weight:600
}
.nav-links h3 a:hover{
color:var(--green-d)
}
.rel-sect{
margin-top:32px
}
.rel-sect h2{
font-size:20px;font-weight:700;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--green)
}
.rel-sect h2::before{
content:"";display:inline-block;width:5px;height:20px;background:var(--green-l);border-radius:3px;margin-right:10px;vertical-align:-3px
}
.rel-grid{
display:grid;grid-template-columns:repeat(3,1fr);gap:16px
}
.rel-card{
background:var(--white);border:1px solid var(--line);border-radius:var(--r-s);overflow:hidden;transition:.16s
}
.rel-card:hover{
border-color:#bfdcc9;box-shadow:0 8px 20px rgba(29,135,67,.10);transform:translateY(-2px)
}
.rel-card .thumb{
height:140px;position:relative;overflow:hidden
}
.rel-card .thumb-inner{
width:100%;height:100%;object-fit:cover;display:block
}
.rel-card .b{
padding:12px 14px 14px
}
.rel-card h3{
font-size:15.5px;line-height:1.55;font-weight:600
}
.rel-card h3 a:hover{
color:var(--green-d)
}
.rel-card .meta{
margin-top:8px;font-size:13px;color:var(--muted)
}
@media (max-width:1080px){
.rel-grid{
grid-template-columns:repeat(2,1fr)
}
}
@media (max-width:860px){
.content-head{
padding:20px 20px 18px
}
.content-head h1{
font-size:22px
}
.content-body{
padding:20px
}
.content-body h2{
font-size:19px
}
.content-body table{
font-size:14px
}
.content-body table th,.content-body table td{
padding:8px 10px
}
.content-foot{
padding:16px 20px
}
.nav-links{
grid-template-columns:1fr
}
.rel-grid{
grid-template-columns:1fr
}
}
@media (max-width:560px){
.content-head .meta{
flex-direction:column;gap:6px
}
}
@media (prefers-reduced-motion:reduce){
.rel-card:hover,.tcard:hover{
transform:none
}
}