:root{
  --bg:#ffffff;
  --fg:#0b0b0b;
  --muted:#6b6b6b;
  --accent:#b21b1b; /* 朱红强调 */
  --line:rgba(0,0,0,0.12);
  --max-desktop:1280px;
  --site-padding:24px;
  --gutter:28px;
  --font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial;
  --font-serif:Georgia, "Times New Roman", Times, serif;
}
*{box-sizing:border-box}
html,body{height:100%;background:var(--bg);color:var(--fg);font-family:var(--font-sans);margin:0}
a{color:var(--accent);text-decoration:none}
.header-inner{max-width:1200px;margin:0 auto;padding:16px var(--site-padding);border-bottom:1px solid var(--line);display:flex;align-items:center}
.brand{font-weight:700;letter-spacing:0.02em;color:var(--fg)}
.site-header{background:transparent}
.page-wrap{max-width:var(--max-desktop);margin:24px auto;padding:0 var(--site-padding)}
/* grid: 12 columns, article spans 10, aside spans 2 on desktop */
.lead-grid{display:block}
.article{background:transparent}
.title-row{display:block;margin-bottom:12px}
.title-row h1{font-family:var(--font-serif);font-size:28px;line-height:1.08;margin:0 0 8px 0;font-weight:600}
.meta-narrow{font-size:13px;color:var(--muted);border-left:1px solid var(--line);padding-left:12px;margin-top:4px}
.summary{margin:8px 0 18px 0;color:var(--muted);line-height:1.45}
.content-area .content-label{font-size:13px;color:var(--muted);margin-bottom:8px}
.content{color:var(--fg);line-height:1.75}
.aside{margin-top:18px}
.aside-block{border:1px solid var(--line);padding:12px}
.aside-title{font-size:13px;color:var(--muted);margin-bottom:8px}
.kv{font-size:14px;color:var(--fg)}
.kv .kw{color:var(--fg)}
.faq{margin-top:28px;border-top:1px solid var(--line);padding-top:18px}
.faq h2{font-size:15px;margin:0 0 12px 0}
.faq-list dl{margin:0}
.faq-list dt{font-weight:600;padding:10px 0 6px 0}
.faq-list dd{margin:0 0 12px 0;color:var(--muted)}
.faq-list hr{border:none;border-top:1px solid var(--line);margin:12px 0}
.related{margin-top:26px;border-top:1px solid var(--line);padding-top:18px}
.related h3{font-size:15px;margin:0 0 12px 0}
.related-grid{display:grid;grid-template-columns:1fr;gap:12px}
.related-grid > *{border:1px solid var(--line);padding:10px;font-size:14px;color:var(--fg)}
.ad-slot{margin:18px 0;padding:8px 0;border-top:1px solid transparent;border-bottom:1px solid transparent}
.site-footer{border-top:1px solid var(--line);padding:18px 0;margin-top:28px}
.footer-inner{max-width:var(--max-desktop);margin:0 auto;padding:0 var(--site-padding);color:var(--muted);font-size:13px}
/* visual signature: only straight angles, thin lines, no shadows, no rounded corners */
*{border-radius:0}
/* Desktop rules */
@media (min-width:1024px){
  .title-row{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;align-items:start}
  .title-row h1{grid-column:1 / span 10;font-size:36px}
  .meta-narrow{grid-column:11 / span 2;justify-self:end;text-align:right;border-left:1px solid var(--line);padding-left:14px}
  .lead-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter);align-items:start}
  .article{grid-column:1 / span 10}
  .aside{grid-column:11 / span 2}
  .aside-block{padding:14px}
  .page-wrap{padding:0 32px}
  .related-grid{grid-template-columns:repeat(3,1fr)}
}
/* Ensure container sits between 1120px and 1440px on sufficiently wide screens */
@media (min-width:1120px){
  :root{--max-desktop:1200px}
  .header-inner,.footer-inner{max-width:var(--max-desktop)}
  .page-wrap{max-width:var(--max-desktop)}
}
/* Mobile rules */
@media (max-width:767px){
  :root{--site-padding:16px}
  .header-inner{padding:12px var(--site-padding)}
  .page-wrap{margin:12px auto;padding:0 var(--site-padding)}
  .title-row{display:block}
  .title-row h1{font-size:20px;margin-bottom:6px}
  .meta-narrow{border-left:none;padding-left:0;margin-bottom:8px}
  /* merge aside into flow under title as required */
  .aside{order:2;margin-top:0}
  .article{order:1}
  .aside-block{border:1px solid var(--line);padding:10px}
  .related-grid{grid-template-columns:1fr;gap:10px}
  .content{font-size:15px;line-height:1.6}
  .faq-list dt{font-size:15px}
  .faq-list dd{font-size:14px}
  /* ensure 320px no horizontal scroll */
  body,html{overflow-x:hidden}
}
/* small accessibility and density adjustments */
h1,h2,h3{color:var(--fg);margin:0}
p{margin:0 0 12px 0}