/* 现代档案型 — classic-portal-detail 样式表
   设计要点：炭黑与暖灰、左对齐品牌栏、标题衬线、正文无衬线、2px圆角、紧凑密度
*/
:root{
  --c-ink:#222222; /* 炭黑 */
  --c-muted:#8b8b8b; /* 暖灰 */
  --c-surface:#fbfbfb;
  --accent:#6b6b6b;
  --radius:2px;
  --gap:16px;
  --max-wide:1440px;
  --container-min:1120px;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;color:var(--c-ink);background:var(--c-surface);}
a{color:inherit;text-decoration:none}
.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* 工具栏 / 头部 */
.site-header{border-bottom:1px solid #e6e6e6;background:linear-gradient(180deg,#fff,#fff);}
.toolbar{max-width:clamp(1120px,85vw,1280px);margin:0 auto;display:flex;align-items:center;gap:12px;padding:10px 16px;}
.brand{font-weight:700;font-size:18px;color:var(--c-ink);padding:6px 8px;border-radius:var(--radius);}
.crumbs{margin-left:8px;color:var(--c-muted);display:flex;gap:6px;align-items:center;font-size:13px}
.crumb{padding:6px 8px;border-radius:var(--radius)}
.top-ad{margin-left:auto}

/* 主体布局 */
.container{width:100%;margin:18px auto;padding:0 16px}
.content-grid{display:grid;grid-template-columns:1fr;gap:18px;max-width:clamp(1120px,90vw,var(--max-wide));margin:0 auto}

/* 文章头部 */
.article{background:#fff;border:1px solid #e9e9e9;border-radius:var(--radius);padding:14px}
.article-head{padding-bottom:8px;border-bottom:1px solid #f0f0f0;margin-bottom:12px}
.title-row{display:flex;flex-direction:column;gap:8px}
.title{font-family:Georgia, "Times New Roman", serif;font-size:22px;margin:0;color:var(--c-ink);line-height:1.2}
.summary{margin:0;color:var(--c-muted);font-size:14px}
.meta{margin-top:8px;color:var(--c-muted);font-size:13px;display:flex;gap:12px;align-items:center}
.meta time{color:var(--c-muted)}
.current{color:var(--c-muted)}

/* 正文 */
.article-content{font-size:15px;color:#111;line-height:1.7;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif}
.article-content p{margin:0 0 12px}
/* 视觉签名：正文首段首字轻量强调（仅视觉） */
.article-content p:first-of-type::first-letter{font-size:1.6em;font-weight:600;float:left;margin-right:6px;line-height:1;color:var(--c-ink)}
/* 保障首段非p起始的情况 */
.article-content::first-letter{font-size:1.6em;font-weight:600;color:var(--c-ink)}

/* after-article：FAQ 与 相关阅读，DOM 在正文之后 */
.after-article{display:block;margin-top:12px}
.faq{background:#fff;border:1px solid #efefef;border-radius:var(--radius);padding:10px 12px;margin-bottom:12px}
.faq-list > *{border-top:1px solid #f2f2f2;padding:10px 0}
.faq-list > *:first-child{border-top:0;padding-top:0}
.faq-list h4{margin:0;font-size:15px}
.faq-list p{margin:6px 0 0;color:var(--c-muted);font-size:14px}

.related{background:#fff;border:1px solid #efefef;border-radius:var(--radius);padding:10px 12px}
.related-title{font-size:14px;color:var(--c-muted);margin:0 0 8px}
.related-list > *{display:block;padding:10px 0;border-top:1px solid #f2f2f2;color:var(--c-ink)}
.related-list > *:first-child{border-top:0}
.related-list time{display:block;color:var(--c-muted);font-size:12px;margin-top:4px}

/* 侧栏 */
.sidebar{display:block}
.side-block{background:#fff;border:1px solid #efefef;border-radius:var(--radius);padding:10px;margin-bottom:12px}
.index-title{font-size:13px;color:var(--c-muted);margin-bottom:8px}
.index-list{margin:0;padding-left:18px;font-size:13px;color:var(--c-muted)}

/* 页脚 */
.site-footer{max-width:clamp(1120px,85vw,1280px);margin:20px auto;padding:12px 16px;color:var(--c-muted)}
.bottom-ad{margin-bottom:8px}
.credits{font-size:13px}

/* 可点击区域保障 */
.brand, .crumb, .related-list a{display:inline-block;padding:8px 8px;min-height:44px;line-height:28px}

/* 禁止常见 AI 模板常用重样式（无阴影、大圆角、渐变重背景） */

/* 桌面端差异：双栏、标题与摘要左右分置、窄侧栏 */
@media (min-width:1024px){
  .toolbar{padding:12px 20px}
  .title{font-size:28px}
  .summary{font-size:15px;max-width:420px}
  .title-row{flex-direction:row;align-items:flex-start;justify-content:space-between}
  .content-grid{grid-template-columns:1fr 320px;align-items:start;gap:20px}
  .container{margin-top:22px}
  /* 保证容器在 1120px—1440px 区间 */
  .content-grid{max-width:clamp(1120px,88vw,1440px);margin:0 auto}
  .article{padding:18px}
  .after-article{grid-column:1 / 2}
}

/* 手机端独立重排：侧栏移到正文后，工具栏可横向滚动或精简 */
@media (max-width:767px){
  .toolbar{overflow-x:auto;gap:8px;padding:8px}
  .brand{font-size:16px}
  .crumbs{display:flex;gap:8px}
  .content-grid{grid-template-columns:1fr;gap:12px;padding:0}
  .title{font-size:20px}
  .title-row{flex-direction:column}
  .summary{font-size:13px}
  .article{padding:12px}
  .meta{flex-direction:column;gap:6px}
  .sidebar{order:3}
  .after-article{order:2}
  .side-block{padding:10px}
  .brand, .crumb{min-height:44px}
  /* 防止横向滚动 */
  body,html{overflow-x:hidden}
}

/* 小屏到中屏过渡保障 */
@media (min-width:768px) and (max-width:1023px){
  .title{font-size:22px}
  .title-row{flex-direction:column}
  .content-grid{grid-template-columns:1fr}
}

/* 无动画、无外部字体、无图片依赖，样式轻量 */