:root{--navy:#0b3b73;--mist:#f4f6f8;--text:#111216;--muted:#6b7280;--accent:#0b3b73;--max-width:1280px;--gap:24px;--read-width:980px}
*{box-sizing:border-box}
html,body{height:100%}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;line-height:1.65;color:var(--text);background:linear-gradient(180deg,var(--mist) 0%, #fff 100%);margin:0}
a{color:var(--accent);text-decoration:none}
.header-row{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);margin:18px auto 0;padding:0 20px}
.masthead{font-weight:700;color:var(--navy);font-size:18px;letter-spacing:0.02em;text-align:center;flex:0 0 auto}
.nav-side{flex:1;display:flex;gap:12px;align-items:center}
.nav-side.left{justify-content:flex-start}
.nav-side.right{justify-content:flex-end}
.nav-item{font-size:13px;color:var(--muted)}
.header-divider{max-width:var(--max-width);margin:12px auto 28px;border:none;border-top:1px solid rgba(11,59,115,0.08)}
.ad-slot{max-width:var(--max-width);margin:0 auto;padding:12px 20px;color:var(--muted);font-size:13px}
.page-shell{max-width:var(--max-width);margin:0 auto;padding:0 20px 40px}
.article-inner{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap);align-items:start}
.article-body{grid-column:1 / span 10;padding-right:8px}
.side-meta{grid-column:11 / span 2;align-self:start;padding-left:16px}
.side-vertical{position:sticky;top:80px;display:flex;flex-direction:column;gap:18px;align-items:center}
.side-block{font-size:13px;color:var(--muted);text-align:center}
.side-label{font-size:11px;color:var(--muted);letter-spacing:0.02em;margin-bottom:6px}
.eyebrow{font-size:13px;color:var(--muted);margin-bottom:6px}
.eyebrow-key{font-weight:600;color:var(--navy)}
.article-title{font-size:28px;line-height:1.12;margin:2px 0 10px;color:var(--text);font-weight:700}
.meta-inline{display:flex;gap:14px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:14px}
.summary{font-size:15px;color:var(--muted);margin-bottom:18px}
.content{font-size:17px;color:var(--text);max-width:var(--read-width)}
.content *{max-width:100%}
.section-heading{font-size:15px;color:var(--navy);margin:28px 0 12px}
.faq-list{border-top:1px solid rgba(11,59,115,0.06)}
.faq-list > *{padding:14px 0;border-bottom:1px solid rgba(11,59,115,0.06)}
.related-list{display:flex;flex-wrap:wrap;gap:10px 12px}
.related-list a, .related-list span{font-size:14px;color:var(--accent);padding:6px 10px;border-radius:4px;background:transparent}
.site-footer{border-top:1px solid rgba(11,59,115,0.04);padding:20px 0;margin-top:30px;color:var(--muted);text-align:center}

/* Desktop rules: 1024px 及以上，落实双栏 10/2 网格与元信息沿边缘纵向排列 */
@media (min-width:1024px){
  .article-title{font-size:36px}
  .side-meta{position:relative}
  /* 视觉特征：桌面端元信息纵向排列（vertical writing）作为视觉签名 */
  .side-vertical{writing-mode:vertical-rl;text-orientation:mixed;gap:28px;transform-origin:center}
  .side-block{transform:rotate(0deg);white-space:nowrap}
  .side-label{font-size:12px;color:rgba(11,59,115,0.6);margin-bottom:8px}
}

/* Mobile rules: 767px 及以下，边注并入标题下方，取消固定宽度与窄报头 */
@media (max-width:767px){
  .header-row{padding:10px 16px}
  .header-divider{margin:10px 0 18px}
  .article-inner{display:block}
  .article-body{grid-column:auto;padding:0}
  .side-meta{grid-column:auto;padding:0;margin-top:12px}
  .side-vertical{writing-mode:horizontal-tb;flex-direction:row;gap:12px;justify-content:flex-start;align-items:center}
  .side-block{font-size:13px;text-align:left}
  .article-title{font-size:22px;margin-bottom:8px}
  .meta-inline{flex-direction:column;align-items:flex-start;gap:6px}
  .content{font-size:16px}
  .related-list{flex-direction:column}
  .ad-slot{padding:10px 16px}
  .page-shell{padding:0 16px 24px}
}

/* Accessibility and density tweaks */
@media (prefers-reduced-motion:reduce){*{transition:none!important}}