:root{
  --navy:#0b2340; /* 海军蓝 */
  --mist:#f3f5f6; /* 浅雾灰 */
  --text:#111213;
  --muted:#556066;
  --accent:#0b2340;
  --container-min:1120px;
  --container-max:1440px;
  --baseline:1.5rem; /* 基线节奏 */
  --baseline-2x:3rem; /* 双层基线的第二层 */
  --gap:28px;
  --radius:4px; /* 方形信息块倾向于小圆角 */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans CJK SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  color-scheme: light;
}

/* 全局布局 */
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--mist);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}

.site-header{background:var(--navy);color:#fff;padding:18px 16px;text-align:center}
.masthead .brand{color:#fff;font-weight:700;text-decoration:none;font-size:1.125rem}
.site-nav{border-top:1px solid rgba(255,255,255,0.06);margin-top:10px;padding-top:10px}
.nav-line{display:inline-flex;gap:10px;align-items:center;color:rgba(255,255,255,0.9);font-size:0.95rem}
.nav-item{color:rgba(255,255,255,0.92);text-decoration:none}
.nav-sep{opacity:0.6}

.page-wrapper{padding:28px 16px}
.page-grid{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:24px}
.ad-container{background:transparent;color:inherit;padding:8px 0}

/* 标题区：左右分置（桌面），手机下摘要下移 */
.title-area{display:grid;gap:18px;align-items:start}
.title-block{min-width:0}
.page-title{font-size:1.6rem;margin:0;color:var(--navy);font-weight:800;line-height:1.15}
.meta-inline{margin-top:8px;color:var(--muted);font-size:0.95rem}
.summary-block{min-width:220px}
.summary{margin:0;color:var(--muted);font-size:1rem}
.keywords{margin-top:8px;font-size:0.9rem;color:var(--muted)}

/* 内容区网格 */
.content-grid{display:block}
.article{background:#fff;border-radius:0;padding:0;margin:0}
.article-content{padding:28px;background:#fff;color:var(--text);font-size:1rem;line-height:1.8;word-break:break-word}

/* 侧注 方形信息块 */
.side-annot{margin-top:18px}
.info-block{background:#fff;border-radius:var(--radius);padding:16px;border:1px solid rgba(11,35,64,0.06)}
.info-title{margin:0 0 8px 0;font-size:0.95rem;color:var(--navy)}
.info-list{list-style:none;padding:0;margin:0;color:var(--muted);font-size:0.95rem}
.info-list li{padding:6px 0;border-top:1px solid rgba(11,35,64,0.04)}
.info-list li:first-child{border-top:0;padding-top:0}
.info-desc{display:block;margin-top:6px}

/* FAQ 与相关阅读 */
.faq-section{margin-top:18px}
.faq-section h2{font-size:1.1rem;margin:0 0 12px 0;color:var(--navy)}
.faq-wrap{display:block;background:#fff;border-radius:var(--radius);padding:16px;border:1px solid rgba(11,35,64,0.06)}
.related-section{margin-top:18px}
.related-section h2{font-size:1.1rem;margin:0 0 12px 0;color:var(--navy)}
.related-list{background:#fff;border-radius:var(--radius);padding:8px 12px;border-left:3px solid rgba(11,35,64,0.06)}
.related-list > * + *{border-top:1px solid rgba(11,35,64,0.06);padding-top:10px;margin-top:10px}
.related-list time{display:inline-block;color:var(--muted);font-size:0.85rem;margin-left:8px}

.site-footer{padding:20px;text-align:center;color:var(--muted);font-size:0.9rem}

/* 视觉签名：正文区双层基线网格感（仅背景装饰，不影响内容） */
.article-content{
  background-image:
    linear-gradient(rgba(11,35,64,0.02) 1px, transparent 1px),
    linear-gradient(rgba(11,35,64,0.01) 1px, transparent 1px);
  background-size: 100% var(--baseline), 100% var(--baseline-2x);
  background-position: left top, left top;
}

/* 密度与可读性 */
.article-content p{margin:0 0 1rem 0}
.article-content h2, .article-content h3{margin:1.2rem 0 0.6rem 0;color:var(--navy)}
.article-content ul, .article-content ol{margin:0 0 1rem 1.2rem}

/* 桌面特有布局（1024px及以上）——实现10/2 非对称网格与整体容器限制 */
@media (min-width:1024px){
  .page-grid{max-width:clamp(var(--container-min), 70vw, var(--container-max));gap:32px}
  .title-area{grid-template-columns:1fr 320px;align-items:start}
  .content-grid{display:grid;grid-template-columns:repeat(10,1fr) 0fr;gap:24px;align-items:start}
  .article{grid-column:1 / span 10}
  .side-annot{grid-column:11 / span 2}
  .article-content{padding:36px}
  .title-area .page-title{font-size:2rem}
  .faq-wrap{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  /* 相关阅读：分隔线列表并带日期（样式预期，实际内容由{{related}}提供） */
  .related-list{padding:12px 16px}
}

/* 手机端（<=767px）: 侧注并入标题下方，所有内容取消固定宽度 */
@media (max-width:767px){
  .page-grid{padding:0 8px}
  .title-area{grid-template-columns:1fr;gap:12px}
  .summary-block{order:2}
  .title-block{order:1}
  .content-grid{display:block}
  .side-annot{order:3;margin-top:12px}
  .info-block{padding:12px}
  .article-content{padding:18px}
  .page-title{font-size:1.25rem}
  .faq-wrap{display:block}
  .related-list{padding:10px}
  .nav-line{font-size:0.9rem}
  /* 320px 保证不横向滚动 */
  html,body{min-width:0}
}

/* 禁止三列等宽营销卡片样式（视觉约束，避免意外启用） */
.card, .promo {display:block;border-radius:0}