/* 中文问答文章单页 · 极简轻量样式，不依赖外部字体、图标或图片 */
:root { --bg: #f5f7f5; --paper: #fff; --ink: #182a29; --text: #344440; --muted: #899591; --accent: #166c5c; --accent-deep: #115548; --line: #e7ebe8; --soft: #eef6f1; --gold: #e8c37b; --radius: 16px; font-synthesis: none; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 98px; }
body { margin:0; background: var(--bg); color:var(--ink); font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif; font-size: 15px; line-height:1.8; -webkit-font-smoothing: antialiased; }
a { color:inherit; text-decoration:none; }
button { font:inherit; cursor:pointer; }
:focus-visible { outline:3px solid #50ad94; outline-offset:4px; }
.skip-link { position:absolute; left:16px; top:-60px; z-index:1000; padding:9px 14px; border-radius:8px; background:#fff; color:#113a30; }
.skip-link:focus { top:12px; }
.announcement { height:32px; display:flex; align-items:center; justify-content:center; gap:10px; background:#18382e; color:#c7d9ce; font-size:11px; letter-spacing:1.6px; }
.announcement-dot { width:5px; height:5px; border-radius:50%; background:#b9d69b; }
.announcement-line { width:19px; height:1px; background:#4d6d5b; }
.site-header { background:rgba(255,255,255,.94); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:30; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }
.header-inner { max-width:1180px; height:74px; padding:0 28px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.brand { display:flex; align-items:center; gap:11px; min-width:220px; }
.brand-icon { width:40px; height:40px; display:grid; place-items:center; background:#176a59; border-radius:11px; font-weight:700; font-family: "Songti SC", "SimSun", serif; color:white; font-size:23px; line-height:1; }
.brand-name { display:flex; flex-direction:column; line-height:1.25; font-weight:750; font-size:18px; letter-spacing:1.1px; }
.brand-en { font-size:8px; letter-spacing:2px; color:#9da6a1; font-weight:600; margin-top:5px; }
.nav { display:flex; align-items:center; gap:38px; margin-left:auto; }
.nav a { font-size:13px; color:#52635d; white-space:nowrap; transition:color .15s; }
.nav a:hover,.footer-right a:hover,.toc a:hover { color:var(--accent); }
.header-action { font-size:12px; letter-spacing:.2px; font-weight:700; color:#176651; border:1px solid #d8e8df; border-radius:8px; padding:9px 15px; white-space:nowrap; }
.header-action span { padding-left:8px; font-size:14px; }
.header-action:hover { background:#eef7f1; }
.page-wrap { max-width:1180px; padding:0 28px 88px; margin:0 auto; }
.breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:12px; color:#8b9892; font-size:12px; padding:30px 0 25px; }
.breadcrumb a:hover { color:var(--accent); }
.crumb-arrow { color:#c6cfc9; }
.hero { position:relative; background:radial-gradient(ellipse at 93% 10%, #27574d 0%, transparent 40%),linear-gradient(122deg,#143d36,#12392f 60%,#1d4c42); color:#fff; border-radius:17px; min-height:355px; overflow:hidden; padding:47px 56px 42px; }
.hero-body { position:relative; max-width:770px; z-index:2; }
.hero-tag { display:inline-flex; align-items:center; gap:9px; font-size:11px; color:#d6e7d9; letter-spacing:1.6px; font-weight:600; margin-bottom:25px; }
.live-point { display:inline-block; width:6px; height:6px; border-radius:50%; background:#b6d89d; box-shadow:0 0 0 4px rgba(183,219,163,.1); }
.tag-divider { color:#6b9688; padding:0 4px; }
.hero h1 { font-size:clamp(30px,3.2vw,42px); font-weight:760; letter-spacing:-.9px; line-height:1.49; margin:0 0 18px; text-wrap:balance; max-width:760px; }
.hero-intro { font-size:14px; color:#bfd6c9; margin:0; max-width:675px; line-height:1.85; }
.hero-meta { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:30px; font-size:11px; color:#a9c6b9; }
.author-avatar { display:grid; place-items:center; width:27px; height:27px; font-size:12px; border-radius:50%; border:1px solid #638e79; background:#3b6e57; color:#e2f1e4; }
.author-name { color:#d9eee1; font-weight:700; }
.meta-dot { color:#75998a; }
.hero-mark { position:absolute; font-family:Georgia,serif; font-size:275px; line-height:1; font-weight:700; right:18px; bottom:-44px; color:rgba(255,255,255,.045); letter-spacing:-20px; pointer-events:none; }
.hero-mark span { color:rgba(238,201,126,.19); }
.hero-decor { position:absolute; border:1px solid rgba(233,250,237,.065); border-radius:50%; pointer-events:none; }
.hero-decor-one { width:360px; height:360px; right:-123px; top:-235px; }
.hero-decor-two { width:480px; height:480px; right:-198px; top:-278px; }
.reader-grid { display:grid; grid-template-columns:minmax(0,1fr) 272px; gap:24px; align-items:start; padding-top:26px; }
.article { background:var(--paper); border:1px solid var(--line); border-radius:16px; padding:37px 45px 38px; min-width:0; box-shadow:0 7px 35px rgba(28,63,43,.018); }
.quick-answer { padding:29px 31px 28px; background:#f0f7f2; border:1px solid #e1ede4; border-radius:12px; scroll-margin-top:95px; }
.answer-topline { display:flex; align-items:center; gap:9px; color:#12614e; font-size:12px; font-weight:750; }
.answer-icon { display:grid; place-items:center; width:22px; height:22px; color:#fff; background:#178063; border-radius:6px; font-size:13px; }
.answer-en { margin-left:auto; color:#a4c1ae; font-size:9px; font-weight:750; letter-spacing:1px; }
.quick-answer h2 { margin:14px 0 11px; font-size:19px; line-height:1.45; }
.quick-answer p { margin:0; color:#35574a; font-size:14px; line-height:2.05; }
.article-lead { padding:24px 0 25px; border-bottom:1px solid var(--line); }
.article-lead .lead-label { display:inline-block; color:#17705b; font-weight:700; font-size:12px; border-left:3px solid #2e9273; padding-left:10px; line-height:1.3; }
.article-lead p { font-size:14px; line-height:2.15; color:#55645f; margin:12px 0 0; }
.article-section { padding:35px 0 33px; border-bottom:1px solid var(--line); scroll-margin-top:95px; }
.section-eyebrow { display:flex; align-items:center; gap:11px; font-family:Arial,sans-serif; font-weight:750; color:#5c9b80; font-size:10px; letter-spacing:1.8px; margin-bottom:10px; }
.eyebrow-line { width:18px; height:2px; background:#4c9c7e; }
.eyebrow-index { color:#b5c1b9; letter-spacing:0; }
.article-section h2,.faq h2 { color:#1d312b; font-size:24px; line-height:1.5; letter-spacing:-.5px; margin:0 0 18px; font-weight:760; }
.article-section h3 { margin:25px 0 10px; font-size:17px; color:#25483c; }
.article-section p { color:#485a53; margin:0 0 16px; font-size:14px; line-height:2.15; }
.article-section p:last-child { margin-bottom:0; }
.article-section strong { font-weight:700; color:#1f4e3e; }
.article-section ul,.article-section ol { padding-left:24px; color:#465b50; font-size:14px; line-height:2.1; margin:0 0 14px; }
.article-section li { padding-left:3px; margin:5px 0; }
.article-section li::marker { color:#318c6e; }
.chapter-callout { border-left:3px solid #2b9574; border-radius:0 8px 8px 0; background:#f4f9f5; padding:15px 19px; color:#35614e; font-size:13px; line-height:1.9; margin:20px 0; }
.chapter-callout strong { display:block; margin-bottom:4px; }
.steps { list-style:none; padding:0 !important; counter-reset:step; }
.steps li { display:grid; grid-template-columns:35px minmax(0,1fr); gap:14px; padding:0 0 16px; margin:0 !important; }
.steps li::before { counter-increment:step; content:counter(step,decimal-leading-zero); display:grid; place-items:center; width:32px; height:32px; border-radius:8px; background:#eaf6ec; color:#248365; font-size:12px; font-weight:750; }
.steps li span { display:block; padding-top:2px; }
.steps strong { color:#263e35; }
.table-scroll { overflow:auto; margin:20px 0 12px; border:1px solid #e7ebe8; border-radius:10px; }
.article-table { width:100%; min-width:485px; border-collapse:collapse; font-size:13px; }
.article-table th { background:#f2f6f3; color:#2d604d; font-weight:700; text-align:left; padding:13px 15px; border-bottom:1px solid #e1e8e2; }
.article-table td { color:#53645b; padding:12px 15px; border-bottom:1px solid #ecf0ec; vertical-align:top; }
.article-table tr:last-child td { border-bottom:0; }
.faq { padding:38px 0 32px; border-bottom:1px solid var(--line); scroll-margin-top:95px; }
.faq h2 { font-size:23px; margin-bottom:5px; }
.faq-lead { margin:0 0 24px; color:#85948b; font-size:13px; }
.faq-item { padding:19px 0; border-top:1px solid #edf0ed; scroll-margin-top:95px; }
.faq-item h3 { display:flex; align-items:flex-start; gap:12px; font-size:15px; margin:0 0 8px; line-height:1.65; color:#263e35; }
.faq-item h3::before { content:'Q'; width:23px; height:23px; flex:none; display:grid; place-items:center; border-radius:5px; background:#eff5ee; color:#228365; font-family:Georgia,serif; font-size:15px; }
.faq-item p { margin:0 0 0 35px; font-size:13px; line-height:2; color:#68766f; }
.takeaways { background:#183d33; border-radius:12px; margin:36px 0 27px; padding:28px 31px 29px; color:#f3f7f3; scroll-margin-top:95px; }
.takeaways-head { display:flex; justify-content:space-between; align-items:center; font-size:12px; color:#c0ddca; font-weight:700; }
.takeaways-badge { font-family:Arial,sans-serif; letter-spacing:1.5px; font-size:9px; color:#8bab97; }
.takeaways h2 { font-size:20px; margin:13px 0 16px; color:white; }
.takeaways ol { padding-left:21px; margin:0; color:#d5e8d9; font-size:13px; line-height:2; }
.takeaways li { padding-left:6px; margin:5px 0; }
.takeaways li::marker { color:#e8c37b; font-weight:700; }
.takeaways-note { border-top:1px solid #3a5d4f; padding-top:15px; margin:16px 0 0; color:#b0d0bc; font-size:12px; line-height:1.9; }
.tags { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.tags span { font-size:11px; background:#f2f6f2; color:#678074; border-radius:5px; padding:5px 10px; }
.editorial-note { color:#98a29b; font-size:11px; line-height:1.9; }
.bottom-actions { display:flex; justify-content:space-between; gap:15px; margin-top:25px; padding-top:20px; border-top:1px solid var(--line); }
.text-action,.share-action { border:0; background:transparent; color:#28745b; font-size:12px; font-weight:700; padding:3px 0; }
.share-action:hover,.text-action:hover { color:#173d30; }
.side-sticky { position:sticky; top:102px; }
.toc { background:var(--paper); border:1px solid var(--line); border-radius:13px; padding:22px 20px 19px; }
.toc-title { display:flex; align-items:center; gap:8px; font-weight:750; font-size:14px; margin-bottom:14px; }
.toc-title-squares { color:#278268; font-size:19px; font-weight:400; }
.toc nav { border-left:1px solid #e2e9e2; padding:1px 0 1px 12px; }
.toc-link { display:block; padding:8px 10px; color:#81918a; line-height:1.55; font-size:12px; border-radius:5px; transition:background .2s,color .2s; }
.toc-link.active { background:#eef6f0; color:#157057; font-weight:750; }
.side-help { position:relative; overflow:hidden; background:#eaf2eb; border-radius:13px; padding:25px 22px 25px; margin-top:18px; }
.help-eyebrow { color:#9ab09e; font-family:Arial,sans-serif; letter-spacing:1.2px; font-size:9px; font-weight:700; }
.help-icon { color:#88b49c; font-size:26px; margin-top:12px; }
.side-help strong { display:block; margin-top:4px; color:#214c3a; font-size:15px; }
.side-help p { font-size:12px; line-height:1.95; color:#72897a; margin:8px 0 17px; }
.side-help a { font-size:12px; font-weight:750; color:#257c60; }
.side-help a span { margin-left:5px; }
.site-footer { background:#f0f4f0; border-top:1px solid #e3e9e2; }
.footer-inner { max-width:1180px; margin:auto; padding:31px 28px; display:flex; justify-content:space-between; gap:28px; align-items:center; }
.footer-left { display:flex; align-items:center; gap:11px; }
.brand-icon-small { width:34px; height:34px; font-size:20px; border-radius:9px; }
.footer-left strong { display:block; font-size:14px; }
.footer-left small { display:block; font-size:10px; color:#95a19a; margin-top:2px; }
.footer-right { display:flex; gap:30px; font-size:12px; color:#72827a; }
.footer-base { display:flex; justify-content:space-between; max-width:1124px; padding:15px 0 22px; margin:auto; border-top:1px solid #e2e8e2; color:#a3afa4; font-size:10px; }
.back-to-top { position:fixed; right:28px; bottom:28px; width:43px; height:43px; display:grid; place-items:center; color:#fff; background:#236d57; box-shadow:0 7px 17px rgba(20,83,57,.19); border:0; border-radius:12px; font-size:22px; opacity:0; transform:translateY(12px); pointer-events:none; transition:opacity .2s,transform .2s; z-index:10; }
.back-to-top.show { opacity:1; transform:translateY(0); pointer-events:auto; }
@media (max-width:1000px){ .nav {gap:18px;} .reader-grid {grid-template-columns:minmax(0,1fr) 230px; gap:18px;} .article {padding:34px 29px;} .hero {padding:43px 42px;} .hero h1 {font-size:35px;} }
@media (max-width:760px){
  .announcement { height:28px; font-size:9px; letter-spacing:1px; }
  .header-inner { height:63px; padding:0 17px; gap:10px; }
  .brand {min-width:0;}
  .brand-icon {width:35px; height:35px; font-size:20px; border-radius:9px;}
  .brand-name {font-size:16px; letter-spacing:0;}
  .brand-en {font-size:6px; letter-spacing:1.3px; margin-top:3px;}
  .nav {display:none;}
  .header-action {font-size:11px; padding:7px 10px;}
  .page-wrap {padding:0 13px 49px;}
  .breadcrumb {padding:18px 5px 16px; font-size:11px; gap:8px;}
  .hero {min-height:auto; padding:31px 26px 31px; border-radius:12px;}
  .hero-tag {margin-bottom:18px; font-size:10px;}
  .hero h1 {font-size:clamp(26px,7vw,33px); line-height:1.46; letter-spacing:-.35px; margin-bottom:15px;}
  .hero-intro {font-size:12px; line-height:1.9;}
  .hero-meta {margin-top:21px; font-size:10px; gap:6px;}
  .hero-mark {right:-3px; bottom:-45px; font-size:185px;}
  .reader-grid {display:block; padding-top:13px;}
  .article {padding:19px 19px 26px; border-radius:12px;}
  .quick-answer {padding:20px 20px 20px;}
  .answer-en {display:none;}
  .quick-answer h2 {font-size:17px;}
  .quick-answer p {font-size:13px;}
  .article-lead {padding:20px 0;}
  .article-section {padding:27px 0 25px;}
  .article-section h2,.faq h2 {font-size:21px;}
  .article-section p,.article-section ul,.article-section ol {font-size:13px;}
  .faq {padding:31px 0 27px;}
  .takeaways {padding:23px 22px 25px; margin-top:25px;}
  .sidebar {display:none;}
  .footer-inner {padding:27px 18px; flex-wrap:wrap; gap:20px;}
  .footer-right {gap:19px;}
  .footer-base {margin:0 18px; display:block; padding:13px 0 19px;}
  .footer-base span:last-child {display:none;}
  .back-to-top {right:16px; bottom:18px; width:40px; height:40px;}
}
@media (prefers-reduced-motion:reduce){ html {scroll-behavior:auto;} .back-to-top {transition:none;} }

/* 六套主题共用的文章配图；保留原图比例，不裁掉图片内容。 */
.article-image{display:block;width:100%;max-width:880px;min-width:0;margin:28px auto 32px}
.article-image img{display:block;width:100%;height:auto;max-width:100%;border-radius:4px}
.article-image figcaption{margin-top:10px;font-size:14px;line-height:1.75;color:var(--ink,#35483e);overflow-wrap:anywhere}
.story,.article,.docs-article,.report-article,.news-story{min-width:0;overflow-wrap:anywhere}
.news-opening .article-image{grid-column:1/-1}
.news-opening{display:flex;flex-direction:column}
@media(max-width:700px){.article-image{margin:22px auto 26px}.article-image figcaption{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}