/* 全局变量与基准 */
:root{
  --bg:#ffffff;
  --text:#111111;
  --muted:#666666;
  --accent:#b30000; /* 朱红强调 */
  --line:#e6e6e6;
  --max-desktop:1280px;
  --content-gap:28px;
}
html,body{height:100%;margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.65}
/* 报刊双层报头 */
.masthead{border-bottom:1px solid var(--line);padding:14px 16px;background:transparent}
.masthead-row{display:flex;align-items:baseline;justify-content:space-between}
.masthead-main{padding-bottom:6px}
.site-title{font-family:Georgia,"Times New Roman",serif;font-size:22px;color:var(--text);text-decoration:none}
.masthead-strap{font-size:12px;color:var(--muted);margin-left:12px}
.masthead-nav{padding-top:6px}
.topline{display:flex;gap:18px;color:var(--muted);font-size:13px}
.topline span{white-space:nowrap}

/* 页面容器与网格 */
.page{padding:18px 12px}
.page-wrap{max-width:100%;margin:0 auto}

/* 编辑部式双栏布局基础 */
.layout{display:block}
.article{background:transparent}
.article-head{display:flex;flex-direction:row;align-items:flex-start;gap:18px;border-bottom:1px solid transparent;padding-bottom:10px}
.title{margin:0;flex:1 1 auto;font-family:Georgia,"Times New Roman",serif;font-size:28px;line-height:1.08;color:var(--text)}
.title-meta{width:220px;flex:0 0 220px;font-size:13px;color:var(--muted)}
.title-meta .meta-row{margin:6px 0}
.title-meta .meta-value{display:block;color:var(--text);margin-top:4px}

.summary{margin-top:16px;padding:12px 0;border-top:1px solid var(--line);color:var(--muted)}

/* 正文：双层基线网格感（背景条纹 + 精确行高） */
.content{margin-top:18px;position:relative;padding:18px 6px 6px 6px;line-height:1.9;font-size:16px;color:var(--text);background-image:repeating-linear-gradient(to bottom, transparent 0, transparent 23px, rgba(0,0,0,0.02) 24px);}
.content p{margin:0 0 14px}
.content h2, .content h3{margin:22px 0 8px;font-family:Georgia,"Times New Roman",serif}

/* FAQ 样式：编号式问答（视觉编号） */
.faq{margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}
.section-title{font-family:Georgia,"Times New Roman",serif;font-size:18px;margin:0 0 12px;color:var(--text)}
.faq-list{margin:0;padding-left:20px;color:var(--text)}
.faq-list > li{margin:10px 0}

/* 相关阅读：底部三列短卡样式，无阴影 */
.related{margin-top:22px;padding-top:14px;border-top:1px solid var(--line)}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.related-grid > *{padding:10px;border:1px solid var(--line);background:transparent;font-size:14px}
.related-grid a{color:var(--text);text-decoration:none}

/* 侧栏 */
.sidebar{margin-top:18px}
.side-block{border-top:1px solid var(--line);padding:12px 6px}
.side-title{font-size:13px;margin:0 0 8px;color:var(--muted)}
.side-list{margin:0;padding:0 0 0 18px;font-size:14px;color:var(--text)}
.side-list li{margin:6px 0}
.key-cloud{color:var(--muted);font-size:14px}

/* 广告位视觉边界（非悬浮） */
.ad-slot{padding:10px;margin:12px 0;border:1px dashed var(--line);background:transparent}
.ad-slot:empty{display:none}

/* 页脚 */
.site-footer{border-top:1px solid var(--line);padding:12px;color:var(--muted);font-size:13px}
.footer-inner{max-width:var(--max-desktop);margin:0 auto;padding:0 12px}
.footer-nav a{color:var(--muted);text-decoration:none}

/* 可访问性与触控友好：移动端点击区域最小 44px */
a,button{min-height:0}
.topline span, .side-list li{padding:6px 0}
@media (max-width:767px){
  .topline{gap:12px;overflow:auto;-webkit-overflow-scrolling:touch}
  .masthead{padding:12px}
  .page{padding:12px 10px}
  .page-wrap{max-width:720px}
  /* 手机端整体重排：单列流，侧栏移到正文后 */
  .layout{display:block}
  .article-head{flex-direction:column}
  .title{font-size:20px}
  .title-meta{width:100%;display:flex;flex-wrap:wrap;gap:8px;font-size:13px}
  .summary{font-size:14px}
  .content{font-size:15px;line-height:1.8;padding:12px 2px;background-image:repeating-linear-gradient(to bottom, transparent 0, transparent 22px, rgba(0,0,0,0.02) 23px)}
  .sidebar{order:2;margin-top:20px}
  .related-grid{grid-template-columns:1fr}
  .ad-slot{margin:18px 0}
  /* 确保点击区域 >=44px */
  .topline span{padding:10px 8px;min-height:44px;display:inline-flex;align-items:center}
}

/* 桌面端规则（>=1024px），并在 >=1120px 时将容器限定在1120-1440区间内 */
@media (min-width:1024px){
  .page-wrap{padding:0 20px}
  .layout{display:grid;grid-template-columns:1fr 320px;gap:var(--content-gap);align-items:start}
  .article{order:1}
  .sidebar{order:2}
  .title{font-size:34px}
  .content{font-size:16px}
  .related-grid{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:1120px){
  .page-wrap{max-width:1280px;margin-left:auto;margin-right:auto}
}

/* 视觉签名：正文区的双层基线通过 line-height 与重复线条实现；强调色用于少量元素 */
.section-title{color:var(--accent)}
.title {color:var(--text)}

/* 避免常见AI模板禁用特征：无大圆角、无柔和阴影、克制边框 */
*{box-sizing:border-box}