/* 资讯详情：正文排版 + 五种相关列表 + 侧栏 */
:root{--acc:#A9612C;--acc-deep:#7C3F16}

.show-wrap{display:grid;grid-template-columns:1fr 310px;gap:52px;align-items:start;padding:clamp(40px,4.6vw,66px) 0}
.article{min-width:0}
.article-head{padding-bottom:26px;border-bottom:2px solid var(--green)}
.article-head .ah-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.article-head h1{font-size:clamp(26px,3.2vw,40px);line-height:1.35;font-family:var(--serif)}
.article-meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:16px;font-size:12.3px;color:var(--ink-3)}
.article-meta span{display:inline-flex;align-items:center;gap:6px}
.article-meta svg{width:13px;height:13px;stroke:var(--brass);fill:none;stroke-width:1.6}
.article-lead{background:var(--paper-2);border-left:3px solid var(--brass);padding:18px 24px;margin:26px 0;font-size:14.5px;line-height:1.95;color:var(--ink-2)}
.article-figure{margin:26px 0}
.article-figure img{width:100%;border:1px solid var(--line-2)}
.article-figure figcaption{font-size:12px;color:var(--ink-3);margin-top:8px;letter-spacing:.04em}
.article-body p{font-size:15.5px;line-height:2.05;margin-bottom:16px}
.article-body h2{font-size:clamp(20px,2.2vw,26px);margin:32px 0 12px;padding-left:14px;border-left:3px solid var(--caramel)}
.article-body h3{font-size:18px;margin:24px 0 10px}
.article-body ul{margin:14px 0;display:grid;gap:8px}
.article-body ul li{display:flex;gap:10px;font-size:14.6px;color:var(--ink-2)}
.article-body ul li::before{content:"";width:5px;height:5px;background:var(--brass);flex:none;margin-top:9px}
.article-body table{width:100%;border-collapse:collapse;margin:20px 0;font-size:13.8px}
.article-body th,.article-body td{border:1px solid var(--line);padding:10px 14px;text-align:left}
.article-body th{background:var(--paper-2);color:var(--green)}
.article-note{background:rgba(201,138,78,.09);border:1px solid rgba(199,154,82,.3);padding:18px 22px;margin:24px 0;font-size:13.8px;color:var(--ink-2)}
.article-cta{background:var(--green);color:#F6EEDD;padding:28px 30px;margin:32px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;position:relative;overflow:hidden}
.article-cta::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 18px,transparent 18px 44px)}
.article-cta>*{position:relative;z-index:2}
.article-cta strong{font-family:var(--serif);font-size:20px;display:block;color:#F8F0DF}
.article-cta p{font-size:12.5px;color:rgba(246,238,221,.66);margin-top:4px}

.article-rel{border-top:1px solid var(--line);padding-top:30px;margin-top:34px}
.article-rel h3{font-size:18px;margin-bottom:6px}
.rel-tabs{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:18px}
.rel-block h4{font-size:12.5px;letter-spacing:.16em;color:var(--acc-deep);font-family:var(--sans);padding-bottom:8px;border-bottom:1px solid var(--line)}
.rel-block .news-loop{margin-top:4px}
.rel-block .news-row{padding:10px 0;gap:10px}
.rel-block .news-row .nr-thumb{width:74px;height:54px}
.rel-block .news-row h4{font-size:13.4px;font-family:var(--serif)}
.rel-block .news-row p,.rel-block .news-row .nr-meta{display:none}

.show-side{position:sticky;top:calc(var(--header-h) + 24px);display:grid;gap:18px}
.show-side .side-card .sc-body .btn{width:100%}
.show-side .side-list a{font-size:12.7px}

@media (max-width:1024px){
  .show-wrap{grid-template-columns:1fr;gap:34px}
  .show-side{position:static;grid-template-columns:1fr 1fr}
  .rel-tabs{grid-template-columns:1fr}
}
@media (max-width:620px){
  .show-side{grid-template-columns:1fr}
  .article-cta{flex-direction:column;align-items:flex-start}
}