:root{
  --navy:#12304a; /* 藏蓝 */
  --paper:#fbf9f6; /* 纸白 */
  --muted:#6b7785;
  --accent:#12304a;
  --border:rgba(18,48,74,0.12);
  --radius:2px;
  --container-min:1120px;
  --container-max:1200px; /* 在1120-1440之间，取1200以满足合同 */
  --line:1px;
}

/* 基本样式 */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans CJK SC", "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  background:var(--paper);
  color:#111;
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
  font-size:16px; /* 基础字号，移动端会调整 */
}
.container{
  max-width:var(--container-max);
  min-width:var(--container-min);
  margin:24px auto;
  padding:0 20px;
}

/* Header: 双层报头，第二层极窄 */
.site-header{border-bottom:var(--line) solid var(--border);background:transparent}
.header-top{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand a{color:var(--navy);font-weight:600;text-decoration:none;font-size:18px}
.top-nav{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:13px}
.top-nav .nav-item{padding:6px 8px;border-radius:var(--radius);border:var(--line) solid transparent}
.top-nav .nav-item:focus{outline:2px solid rgba(18,48,74,0.08)}
.header-rail{height:30px;border-top:var(--line) solid var(--border);display:flex;align-items:center;padding:0 0}
.rail-items{display:flex;gap:12px;color:var(--muted);font-size:13px;padding-left:2px}
.rail-item{padding:4px 8px;border-radius:var(--radius);}

/* 广告容器 */
.ad{margin:12px auto;padding:8px;border:var(--line) solid var(--border);background:transparent;border-radius:var(--radius);color:var(--muted);font-size:13px}
.ad-top{margin-top:12px}
.ad-middle{margin:20px 0}
.ad-bottom{margin:20px 0}

/* 内容网格：桌面 9/3 */
.content-grid{display:grid;grid-template-columns:3fr 1fr;gap:24px;align-items:start}
.article{background:transparent;border-radius:var(--radius);border:var(--line) solid transparent;padding:0}
.sidebar{min-width:220px}
.side-box{background:transparent;border:var(--line) solid var(--border);padding:12px;border-radius:var(--radius);margin-bottom:12px}
.side-title{font-size:13px;color:var(--muted);margin-bottom:8px}
.keywords{font-size:13px;color:var(--navy)}
.related-list{list-style:none;margin:0;padding:0}
.related-list > *{padding:10px 0;border-top:var(--line) solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#0f2433}
.related-list > *:first-child{border-top:0}
.related-list time{color:var(--muted);font-size:12px;margin-left:12px}

/* 标题与摘要左右分置 */
.title-row{display:flex;gap:18px;align-items:flex-start}
.title-left{flex:1;min-width:0}
.summary-right{width:360px;max-width:40%;min-width:180px;display:flex;align-items:flex-start}
.summary-band{width:6px;height:42px;background:var(--accent);margin-right:10px;border-radius:var(--radius)}
.summary{margin:0;color:#0f2b3c;font-size:14px;line-height:1.4}

h1{font-size:20px;margin:0 0 8px 0;font-weight:700;color:var(--navy);word-break:break-word}
.meta-row{display:flex;gap:12px;font-size:13px;color:var(--muted);margin-top:6px}

/* 正文 */
.article-body{margin-top:18px}
.content{font-size:15px;color:#111;line-height:1.75}
.content p{margin:0 0 1em}

/* FAQ 区，主题色顶部边线 */
.faq{margin-top:28px;padding-top:16px;border-top:4px solid var(--accent)}
.faq h2{font-size:16px;margin:0 0 12px 0;color:var(--navy)}
.faq-list{font-size:14px;color:#123;}

/* Footer */
.site-footer{padding:18px 0;border-top:var(--line) solid var(--border);text-align:center;color:var(--muted);font-size:13px}

/* 辅助无障碍类（屏蔽） */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* 移动端单列、取消第二层横排导航，标签可换行，正文舒适字号 */
@media (max-width: 767px){
  :root{--container-min:320px}
  .container{max-width:100%;min-width:0;margin:12px;padding:0 16px}
  .header-rail{display:none}
  .top-nav{gap:8px;font-size:13px}
  .content-grid{display:block}
  .article{padding:0}
  .sidebar{margin-top:18px}
  .title-row{flex-direction:column;gap:10px}
  .summary-right{width:auto;max-width:none;min-width:0;display:flex}
  .summary-band{width:6px;height:36px;margin-right:8px}
  h1{font-size:18px}
  .summary{font-size:15px}
  .content{font-size:16px;line-height:1.8}
  .side-box{padding:10px}
  .related-list > *{flex-direction:column;align-items:flex-start}
  .related-list time{margin-left:0;margin-top:6px}
}

/* 桌面大屏针对于1024px以上的规则（必须包含） */
@media (min-width: 1024px){
  .container{max-width:1200px;margin:28px auto;padding:0 24px}
  .content-grid{grid-template-columns: 3fr 1fr;gap:28px;align-items:start}
  .header-rail{height:32px}
  .title-row{align-items:flex-start}
  .summary-right{max-width:360px}
  .content{font-size:15px}
  .sidebar{position:static}
}

/* 视觉约束：避免深色科技仪表盘风格（forbidden_pattern） */
/* 所有表面采用浅边框和细线；禁止浓重阴影、暗色背景和强光效果 */

/* 轻微的交互焦点样式（仅视觉提示，无脚本） */
a{color:var(--navy)}
a:focus{outline:2px solid rgba(18,48,74,0.12);outline-offset:2px}