:root{
  --theme:#9c2f2b; /* 砖红 */
  --bg:#f5efe6;    /* 砂岩白 */
  --text:#222;
  --muted:#6b6b6b;
  --line:#dcd7cf;
  --max-width:1200px; /* 桌面容器宽度，位于 1120-1440 之间 */
  --gutter:24px;
  --sidebar:320px;
  --serif: "Songti SC", "SimSun", "Noto Serif SC", serif;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
}
/* 基础重置与排版 */
*{box-sizing:border-box}
html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.65;margin:0}
a{color:var(--theme);text-decoration:none}
.masthead-top{display:flex;justify-content:space-between;align-items:center;padding:10px calc(var(--gutter)) 8px;border-bottom:1px solid var(--line);background:#fff}
.home-link{font-weight:700;letter-spacing:0.02em}
.masthead-main{padding:18px calc(var(--gutter));border-bottom:3px solid var(--line);background:#fff}
.masthead-title{font-family:var(--serif);font-size:20px;letter-spacing:0.02em;font-weight:700}
/* 页面整体包装，贯穿页面的1px主题竖线 */
.page-wrap{border-left:1px solid var(--theme);padding-left:20px}
.layout-container{display:block;padding:28px calc(var(--gutter));max-width:100%}
.inner-layout{display:block}

/* 文章主体 */
.article{background:transparent}
.title{font-family:var(--serif);font-size:28px;margin:6px 0 12px 0;line-height:1.18;color:var(--text);position:relative;padding-left:2px}
/* 标题横线构图：上方细线，下方粗线 */
.title::before{content:'';display:block;height:1px;background:var(--line);position:relative;top:-8px;margin-bottom:6px}
.title::after{content:'';display:block;height:3px;background:var(--theme);width:64px;margin-top:10px}

.meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-bottom:12px}
.summary{margin:6px 0 18px 0;color:var(--muted);font-size:15px}
.content{font-size:16px;color:var(--text);background:transparent}
.content p{margin:0 0 0.9em}

.section-title{font-size:16px;margin:18px 0 10px 0;color:var(--text);border-top:1px solid var(--line);padding-top:12px}

/* 相关阅读：编号列表样式 */
.related-list{margin:0 0 18px 0;padding-left:1.05rem}
.related-list li{padding:8px 0;border-bottom:1px dashed var(--line);font-size:14px}

/* FAQ 区块，横线问答列表 */
.faq-list > *{display:block;padding:12px 0;border-bottom:1px solid var(--line)}
.faq-list p{margin:0}

/* 侧栏（桌面宽屏呈现窄侧栏，移动端下移） */
.sidebar{margin-top:20px}
.info-block{border:1px solid var(--line);padding:12px;background:#fff}
.info-title{font-size:14px;margin:0 0 8px 0}
.info-row{margin:6px 0;color:var(--muted);font-size:13px}
.kw{word-break:break-word}

/* 广告容器样式（独立，禁止悬浮） */
.ad{margin:14px 0;padding:8px;border:1px dashed var(--line);background:rgba(255,255,255,0.6);min-height:20px}
.ad-top{margin:0 0 12px 0}

.site-footer{padding:18px calc(var(--gutter));border-top:1px solid var(--line);background:#fff;margin-top:20px}
.copyright{color:var(--muted);font-size:13px}

/* 小屏触控要求：点击区域不小于44px */
.masthead-top .home-link{padding:6px 8px}
.masthead-top, .masthead-main{min-height:44px}

/* 桌面端规则（1024px 及以上）——双栏、非对称网格、内容容器宽度在 1120-1440 之间 */
@media (min-width:1024px){
  .layout-container{max-width:var(--max-width);margin:0 auto;padding-left:40px;padding-right:40px}
  .inner-layout{display:grid;grid-template-columns:1fr var(--sidebar);gap:32px;align-items:start}
  .article{padding-right:8px}
  .sidebar{position:static}
  /* 标题字号略大，阅读纸张更舒展 */
  .title{font-size:34px}
  .content{font-size:17px;line-height:1.7}
}

/* 手机端规则（最大宽度 767px）——独立重排，侧栏下移，栏目条允许横向滚动或精简 */
@media (max-width:767px){
  html,body{font-size:16px}
  .page-wrap{border-left:1px solid var(--theme);padding-left:12px}
  .masthead-top{padding:10px 12px}
  .masthead-main{padding:12px}
  .masthead-title{font-size:18px}
  .layout-container{padding:12px}
  .inner-layout{display:block}
  .sidebar{margin-top:18px}
  .related-list{padding-left:1rem}
  .title{font-size:20px}
  .title::after{width:48px}
  .content{font-size:16px}
  /* 确保无横向滚动 */
  body, .page-wrap, .masthead-main, .layout-container{overflow-x:hidden}
  /* 点击目标尺寸保障 */
  .info-block a, .home-link{padding:10px 6px}
  /* 侧栏移至正文后（在 DOM 已经如此）——样式上无侧边固定 */
}

/* 无圆角、细分隔线、无阴影 的表面语言 */
*{border-radius:0!important}