@charset "utf-8";
/* ==========================================================================
   资讯详情 show.css · 编辑型正文 + 侧栏目录/相关（区别于列表页）
   ========================================================================== */

.show-layout{display:grid;grid-template-columns:8fr 4fr;gap:48px;align-items:start}

/* 正文 */
.article{background:var(--cream-50);border:1px solid var(--line);border-radius:var(--radius-lg);padding:48px 52px;box-shadow:var(--shadow-sm)}
.article-head{border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:30px}
.article-head .a-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:var(--muted);font-family:var(--f-mono);font-size:.8rem}
.article-head .a-meta .author{display:flex;align-items:center;gap:10px;color:var(--brown-700)}
.article-head .a-meta .author img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.article-head h1{font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.3;margin:16px 0 0}
.article-head .a-tags{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}

/* 正文排版 */
.article-body{font-size:1.02rem;line-height:1.95;color:var(--brown-700)}
.article-body img{border-radius:var(--radius);margin:24px 0;box-shadow:var(--shadow-sm)}
.article-body h2{font-size:1.5rem;margin:38px 0 14px;padding-left:14px;border-left:4px solid var(--pink-300)}
.article-body h3{font-size:1.2rem;margin:28px 0 10px;color:var(--brown-800)}
.article-body p{margin-bottom:18px}
.article-body ul,.article-body ol{margin:0 0 20px 4px;padding-left:22px}
.article-body ul li,.article-body ol li{margin-bottom:8px;list-style:disc}
.article-body ol li{list-style:decimal}
.article-body blockquote{margin:24px 0;padding:18px 24px;background:var(--cream-200);border-left:4px solid var(--coffee);border-radius:0 10px 10px 0;color:var(--brown-600);font-style:italic;font-family:var(--f-serif)}
.article-body pre{background:var(--brown-900);color:var(--cream-200);padding:22px 24px;border-radius:12px;overflow:auto;margin:22px 0;font-family:var(--f-mono);font-size:.86rem;line-height:1.7}
.article-body pre code{color:inherit}
.article-body code{font-family:var(--f-mono);background:var(--cream-200);color:var(--pink-500);padding:2px 7px;border-radius:5px;font-size:.88em}
.article-body a{color:var(--pink-500);border-bottom:1px solid var(--pink-300)}
.article-body a:hover{color:var(--pink-400)}
.article-body table{width:100%;border-collapse:collapse;margin:22px 0;font-size:.92rem}
.article-body th,.article-body td{border:1px solid var(--line);padding:10px 14px;text-align:left}
.article-body th{background:var(--cream-200);color:var(--brown-800)}

/* 文末 */
.article-foot{margin-top:36px;padding-top:26px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.article-foot .share{display:flex;gap:10px;align-items:center;font-family:var(--f-mono);font-size:.78rem;color:var(--muted)}
.article-foot .share a{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:var(--brown-700)}
.article-foot .share a:hover{background:var(--brown-800);color:#fff;border-color:var(--brown-800)}
.pn-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}
.pn-nav a{padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--cream-50);transition:all .3s var(--ease)}
.pn-nav a:hover{border-color:var(--pink-300);background:#fff;transform:translateY(-2px)}
.pn-nav .lbl{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--coffee)}
.pn-nav h5{font-family:var(--f-sans);font-size:.96rem;font-weight:600;margin-top:6px;color:var(--brown-800)}
.pn-nav .next{text-align:right}

/* 侧栏目录 */
.toc-card ol{counter-reset:toc;list-style:none;padding-left:0}
.toc-card ol li{margin-bottom:8px}
.toc-card ol li a{display:block;padding:7px 12px;border-radius:8px;font-size:.9rem;color:var(--brown-700);border-left:2px solid transparent;transition:all .25s var(--ease)}
.toc-card ol li a:hover{background:var(--cream-200);color:var(--pink-500);border-left-color:var(--pink-400)}
.toc-card ol li.sub a{padding-left:24px;font-size:.84rem;color:var(--brown-600)}

/* 相关列表（五组合并，无小标题） */
.related-card .mini-list li{padding:12px 0}
.related-card .mini-list .t-img{width:76px;height:56px}

@media (max-width:1024px){
  .show-layout{grid-template-columns:1fr;gap:32px}
}
@media (max-width:680px){
  .article{padding:30px 22px}
  .pn-nav{grid-template-columns:1fr}
  .pn-nav .next{text-align:left}
}