:root{
  --paper-bg:#f7f6f4;
  --graphite:#33383d; /* 石墨灰 */
  --mustard:#c99a00;  /* 芥末黄 */
  --muted:#697077;
  --border:rgba(51,56,61,0.12);
  --radius:2px;
  --line:1px solid var(--graphite);
  --max-width:1320px; /* 保持桌面容器在 1120–1440 之间的可控范围 */
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  color:var(--graphite);
  background:var(--paper-bg);
  -webkit-font-smoothing:antialiased;
}
/* 全局布局 */
*{box-sizing:border-box}
html,body{height:100%;margin:0}
.page-wrap{max-width:calc(var(--max-width));margin:22px auto;padding:18px;border:2px solid var(--border);border-radius:var(--radius);background:#fff}
.top-bar{border-bottom:1px solid var(--border);padding:8px 12px;margin-bottom:12px}
.top-inner{display:flex;align-items:center;gap:12px}
.home-link{font-weight:700;color:var(--graphite);text-decoration:none}
.header-meta{color:var(--muted);font-size:13px}
.ad-slot{padding:10px;border:1px dashed rgba(0,0,0,0.06);background:transparent;margin:12px 0;font-size:0.9rem;color:var(--muted)}
/* 标题区：通栏 */
.title-block{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:18px 16px;margin-bottom:14px;border-radius:calc(var(--radius) - 1px)}
.title-inner{display:flex;align-items:flex-start;gap:20px}
.article-title{font-family: Georgia, 'Times New Roman', serif; font-size:28px;color:var(--graphite);line-height:1.15;margin:0;flex:1}
.summary{font-size:15px;color:var(--muted);margin:4px 0 0 0;max-width:44%;text-align:right}
.meta-row{margin-top:10px;color:var(--muted);font-size:13px;display:flex;gap:12px;align-items:center}
/* 主体 12 列网格：侧栏4列（左），正文8列（右） */
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;padding:12px}
.side-col{grid-column:1 / span 4;border-right:1px solid var(--border);padding-right:16px}
.side-nav ul{list-style:none;padding:0;margin:0}
.side-nav li{padding:8px 0;color:var(--graphite);border-top:1px solid transparent}
.side-nav .nav-title{font-weight:700;border-top:0;padding-bottom:6px}
.related-block{margin-top:14px;border-top:1px solid var(--border);padding-top:12px}
.related-block h3{font-size:14px;margin:0 0 8px 0;color:var(--graphite)}
.related-list{list-style:none;padding:0;margin:0;color:var(--muted);border-top:0}
/* 相关阅读项假设由服务端输出为带日期的分隔行 */
.related-list li{padding:10px 0;border-bottom:1px dashed var(--border);font-size:14px}
.article-col{grid-column:5 / span 8;padding-left:20px;position:relative}
/* 贯穿页面的1px主题竖线（在正文左侧） */
.v-signature{position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--mustard);opacity:0.95}
.content-block{padding-left:18px}
.content-body{font-size:16px;line-height:1.78;color:var(--graphite);font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "PingFang SC", "Microsoft Yahei", sans-serif}
.content-body p{margin:0 0 1em}
/* FAQ（桌面两列，移动单列） */
.faq-block{margin-top:20px;border-top:1px solid var(--border);padding-top:14px}
.faq-block h2{font-size:16px;margin:0 0 12px 0}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.faq-grid > *{border:1px solid var(--border);padding:10px;background:transparent;border-radius:var(--radius)}
/* 页脚 */
.site-footer{border-top:1px solid var(--border);padding:12px 18px;margin-top:16px;color:var(--muted);font-size:13px}

/* 响应式规则：桌面特有差异（>=1024） */
@media (min-width:1024px){
  .page-wrap{padding:22px}
  .article-title{font-size:36px}
  .summary{font-size:16px;max-width:36%}
  /* 桌面容器宽度控制（尽量保持在1120-1440的视觉范围） */
  .page-wrap{max-width:1280px}
  /* 桌面侧栏与正文分区明确（侧栏位于左） */
  .side-col{padding-right:20px}
  .article-col{padding-left:28px}
  /* 标题区左右分置已在结构中体现 */
}

/* 手机端规则（<=767）: 移除总框架左右边线，侧栏下移，FAQ 单列 */
@media (max-width:767px){
  :root{--max-width:100%}
  .page-wrap{margin:0;padding:12px;border-left:none;border-right:none;border-radius:0}
  .title-inner{flex-direction:column;align-items:flex-start}
  .summary{text-align:left;max-width:100%;margin-top:8px}
  .grid{display:block;padding:8px}
  .side-col{grid-column:auto;order:2;padding:0;border-right:none;border-top:1px solid var(--border);padding-top:12px;margin-top:12px}
  .article-col{grid-column:auto;order:1;padding-left:0}
  .v-signature{display:none}
  .content-body{font-size:15px;line-height:1.7}
  .faq-grid{grid-template-columns:1fr}
  .related-list li{font-size:13px}
  .ad-slot{font-size:0.85rem}
  /* 确保 320px 无横向滚动 */
  body,html{overflow-x:hidden}
}

/* 避免常见的被禁止样式：无发光按钮、无渐变、无阴影 */
button, a.button{background:none;border:1px solid var(--border);padding:6px 10px;border-radius:4px;color:var(--graphite);text-decoration:none}