/* 样式表：framed-feature 模板（系统字体、方角框线、砖红与砂岩白） */
:root{
  --brand:#b33b2f; /* 砖红（visual_signature） */
  --bg:#f5efe6;    /* 砂岩白底 */
  --text:#222;
  --muted:#6b6b6b;
  --line:#d8cfc7;  /* 细边框色 */
  --panel-bg:#fff;
  --max-width:1280px;
  --gutter:28px;
}
/* 基础重置 */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  color:var(--text);
  background:var(--bg);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans CJK SC", "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.page-frame{margin:24px auto; padding:0;}
/* header（极简细导航，一行文字刊头） */
.site-header{padding:18px var(--gutter) 12px; border-top:0;}
.header-row{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px;}
.site-brand{color:var(--text); text-decoration:none; font-weight:700; font-size:16px}
.mini-nav{color:var(--muted); font-size:13px}
.ad-container{margin:10px 0; padding:6px 0; border-top:1px solid transparent}
/* 标题组合：紧凑标题加关键词眉题，标题首字着色为 visual_signature */
.title-area{padding:12px var(--gutter) 18px; border-top:1px solid var(--line); background:transparent}
.eyebrow{font-size:12px; color:var(--muted); margin-bottom:6px}
.article-title{margin:0; font-family: Georgia, "Times New Roman", serif; font-size:28px; line-height:1.15; font-weight:700; letter-spacing:0.2px}
.article-title::first-letter{color:var(--brand);}
.meta-row{margin-top:8px; color:var(--muted); font-size:13px; display:flex; gap:14px}
.summary{margin-top:12px; padding-top:12px; border-top:1px solid transparent}
.summary-label{display:inline-block; font-size:13px; color:var(--muted); margin-bottom:6px}
.summary-text{margin:6px 0 0; color:var(--text)}

/* 页面内部容器：默认较宽（桌面在1024+有专属规则） */
.page-inner{padding:18px var(--gutter) 28px; max-width:calc(100% - 48px); margin:0 auto}
.grid-wrap{display:block}
.article{background:var(--panel-bg); padding:18px; border-top:1px solid var(--line)}
.article-body{color:var(--text); font-size:16px; line-height:1.9}
.sidebar{margin-top:20px}
.panel{padding-top:12px;border-top:1px solid var(--line);}
.panel-title{font-size:15px; margin:0 0 8px 0}
.related-list ul{list-style:none; padding:0; margin:0}
.related-list li{padding:10px 0; border-bottom:1px dashed var(--line); color:var(--text)}
.faq-section{margin-top:18px}
.faq-title{font-size:16px; margin:0 0 8px 0}
.faq-wrapper{padding-top:10px}
/* 帮助通用 FAQ 格式：dl、.faq-item、dt/dd 自适应左右分栏 */
.faq-wrapper dl{margin:0}
.faq-wrapper dl dt{font-weight:600}
.faq-wrapper dl dd{margin:0 0 12px 0}
.faq-wrapper .faq-item{margin-bottom:12px}

.site-footer{padding:18px var(--gutter); color:var(--muted); border-top:1px solid var(--line); text-align:center}

/* 桌面规则：明确 @media (min-width:1024px) */
@media (min-width:1024px){
  .page-frame{max-width:var(--max-width); margin:32px auto}
  /* 总框架细边线（外框式专题页） */
  .page-frame{border-left:1px solid var(--line); border-right:1px solid var(--line); background:transparent}
  .page-inner{padding:28px;}
  /* 12 列网格：正文 8 列、侧栏 4 列（非对称网格） */
  .grid-wrap{display:grid; grid-template-columns:repeat(12, 1fr); gap:24px; align-items:start}
  .article{grid-column:1 / span 8; border-left:0; border-right:0}
  .sidebar{grid-column:9 / span 4; margin-top:0}

  /* 面板通过框线区分（无阴影） */
  .panel{background:var(--panel-bg); border:1px solid var(--line); padding:14px}
  .related-list{display:block}
  /* related_pattern：两列摘要列表 */
  .related-list ul{display:grid; grid-template-columns:repeat(2, 1fr); gap:12px}
  .related-list li{border-bottom:0; padding:8px; background:transparent}

  /* FAQ：左侧问题右侧答案的表格式 */
  .faq-wrapper dl{display:grid; grid-auto-rows:min-content; row-gap:12px}
  .faq-wrapper dl dt{grid-column:1 / span 1; padding-right:12px; color:var(--brand)}
  .faq-wrapper dl dd{grid-column:2 / span 1; margin:0}
  .faq-wrapper dl{grid-template-columns:25% 75%}
}

/* 手机规则：明确 @media (max-width:767px) */
@media (max-width:767px){
  /* 移除总框架左右边线（mobile_contract） */
  .page-frame{border-left:0; border-right:0; margin:0}
  .site-header{padding:12px 14px}
  .title-area{padding:10px 14px}
  .article-title{font-size:20px}
  .page-inner{padding:12px 12px 20px}
  .grid-wrap{display:block}
  .article{padding:12px; border-top:1px solid var(--line)}
  .sidebar{margin-top:18px}
  .panel{padding:12px; border-top:1px solid var(--line); background:transparent}
  /* 侧栏下移（变为页面区块） */
  .related-list ul{display:grid; grid-template-columns:1fr; gap:8px}
  .related-list li{padding:8px 0; border-bottom:1px dashed var(--line)}
  /* FAQ：堆栈显示（左问右答改为上下） */
  .faq-wrapper dl{grid-template-columns:1fr;}
  .faq-wrapper dl dt{padding:0 0 6px 0}
  .faq-wrapper dl dd{padding-bottom:12px}
  /* 广告区域不悬浮、不覆盖 */
  .ad-container{padding:8px 0}
  /* 保证最窄320px时不横向滚动 */
  body{word-wrap:break-word}
  .article-body{font-size:15px; line-height:1.8}
}

/* 平板与中等宽度（768 - 1023px）做中间适配 */
@media (min-width:768px) and (max-width:1023px){
  .page-frame{border-left:0; border-right:0}
  .page-inner{padding:18px 20px}
  .grid-wrap{display:block}
  .related-list ul{grid-template-columns:1fr 1fr}
  .article-title{font-size:22px}
}

/* 可访问性与细节 */
.sr{position:absolute; left:-9999px}
a{color:var(--brand)}
button{background:none;border:0}
/* 禁用任何光影、渐变、巨大圆角以遵守 forbidden_pattern 与 surface */
*{box-shadow:none}