:root { color:#17211c; background:#f3f5f3; font-family:"Noto Sans SC","Microsoft YaHei",sans-serif; font-synthesis:none; letter-spacing:0; --green:#176b4d; --green-dark:#0f5139; --blue:#28618b; --ink:#17211c; --muted:#66716a; --line:#d6ddd8; --cloud:#f3f5f3; --amber:#9a5b12; }
* { box-sizing:border-box; }
html { min-width:320px; scroll-behavior:smooth; }
body { min-width:320px; margin:0; background:var(--cloud); }
a { color:inherit; text-decoration:none; }
a:focus-visible { outline:3px solid #8bc8aa; outline-offset:3px; }
.content-nav { position:sticky; top:0; z-index:10; min-height:68px; display:flex; align-items:center; justify-content:space-between; gap:30px; border-bottom:1px solid rgba(15,81,57,.16); padding:0 clamp(20px,5vw,82px); background:rgba(247,249,247,.97); }
.content-brand { display:flex; align-items:center; gap:10px; }
.content-brand img { width:38px; height:38px; object-fit:contain; }
.content-brand strong,.content-brand small { display:block; }
.content-brand small { margin-top:2px; color:var(--muted); font-size:10px; }
.content-nav nav { display:flex; align-items:center; gap:25px; color:#3e4942; font-size:13px; font-weight:700; }
.content-login { min-height:38px; display:inline-flex; align-items:center; border-radius:5px; padding:0 16px; background:var(--green); color:white; }
main { background:white; }
.breadcrumb { display:flex; gap:8px; padding:28px clamp(20px,8vw,150px) 0; color:var(--muted); font-size:12px; }
.breadcrumb a { color:var(--green-dark); }
article { padding:0 clamp(20px,8vw,150px); }
.article-hero { max-width:960px; padding:70px 0 64px; }
.article-hero > small,.workflow-section > small,.content-faq > small,.related-section > small { color:var(--green); font-size:12px; font-weight:800; }
.article-hero h1 { max-width:12em; margin:15px 0 24px; font-size:clamp(42px,6vw,76px); line-height:1.08; letter-spacing:0; }
.article-hero > p { max-width:52em; margin:0; color:var(--muted); font-size:18px; line-height:1.9; }
.article-hero > div { display:flex; flex-wrap:wrap; gap:20px; margin-top:26px; color:#7b847e; font-size:12px; }
.direct-answer { display:grid; grid-template-columns:130px 1fr; gap:40px; border-top:1px solid #aeb8b1; border-bottom:1px solid #aeb8b1; padding:34px 0; }
.direct-answer > span { color:var(--amber); font-weight:800; }
.direct-answer h2 { margin:0 0 12px; font-size:clamp(24px,3vw,34px); letter-spacing:0; }
.direct-answer p { max-width:65em; margin:0; color:#47534b; line-height:1.9; }
.article-body { max-width:920px; margin:0 auto; padding:72px 0 32px; }
.article-section { padding:0 0 58px; }
.article-section h2 { margin:0 0 20px; font-size:clamp(28px,3.5vw,42px); line-height:1.25; letter-spacing:0; }
.article-section p { margin:0 0 18px; color:#47534b; font-size:17px; line-height:2; }
.article-section ul { margin:26px 0 0; border-top:1px solid var(--line); padding:0; list-style:none; }
.article-section li { position:relative; border-bottom:1px solid var(--line); padding:16px 16px 16px 30px; color:#344139; line-height:1.7; }
.article-section li::before { position:absolute; left:4px; color:var(--green); content:"✓"; font-weight:800; }
.workflow-section { margin:36px calc(clamp(20px,8vw,150px) * -1) 0; padding:82px clamp(20px,8vw,150px); background:#10271d; color:white; }
.workflow-section h2,.content-faq h2,.related-section h2 { margin:14px 0 40px; font-size:clamp(34px,4.5vw,56px); letter-spacing:0; }
.workflow-section ol { max-width:960px; margin:0; padding:0; list-style:none; }
.workflow-section li { display:grid; grid-template-columns:70px 1fr; border-top:1px solid #405b4c; padding:23px 0; }
.workflow-section li:last-child { border-bottom:1px solid #405b4c; }
.workflow-section b { color:#7fb799; font-family:Consolas,monospace; }
.workflow-section span { color:#d2ddd7; }
.content-faq { padding:82px 0; }
.content-faq dl { max-width:960px; margin:0; }
.content-faq dl > div { display:grid; grid-template-columns:minmax(240px,.7fr) 1.3fr; gap:50px; border-top:1px solid var(--line); padding:24px 0; }
.content-faq dl > div:last-child { border-bottom:1px solid var(--line); }
.content-faq dt { font-weight:800; }
.content-faq dd { margin:0; color:var(--muted); line-height:1.8; }
.related-section { padding:82px clamp(20px,8vw,150px); background:#eef2ef; }
.related-section > div { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #aeb8b1; border-left:1px solid #aeb8b1; }
.related-section a { min-height:145px; display:flex; flex-direction:column; justify-content:space-between; border-right:1px solid #aeb8b1; border-bottom:1px solid #aeb8b1; padding:22px; }
.related-section a:hover { background:white; }
.related-section span { color:var(--green); font-size:12px; }
.related-section strong { max-width:15em; font-size:19px; line-height:1.45; }
.content-cta { display:flex; align-items:center; justify-content:space-between; gap:40px; padding:72px clamp(20px,8vw,150px); background:#e3ebe6; }
.content-cta small { color:var(--green); font-weight:800; }
.content-cta h2 { margin:10px 0; font-size:clamp(30px,4vw,48px); letter-spacing:0; }
.content-cta p { margin:0; color:var(--muted); }
.content-cta > a { min-height:48px; display:inline-flex; align-items:center; flex:0 0 auto; border-radius:5px; padding:0 20px; background:var(--green); color:white; font-weight:800; }
footer { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:34px clamp(20px,5vw,82px); background:#0b1812; color:white; }
footer > div { display:flex; align-items:center; gap:11px; }
footer img { width:38px; height:38px; object-fit:contain; }
footer strong,footer small { display:block; }
footer small { margin-top:4px; color:#9eb0a6; }
footer nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:18px; color:#b8c6be; font-size:11px; }
@media (max-width:760px) { .content-nav { min-height:60px; padding:0 14px; }.content-brand small,.content-nav nav > a:not(.content-login) { display:none; }.breadcrumb { padding-top:20px; }.article-hero { padding:54px 0 46px; }.article-hero h1 { font-size:43px; }.article-hero > p { font-size:16px; }.direct-answer { grid-template-columns:1fr; gap:10px; }.article-body { padding-top:55px; }.article-section p { font-size:16px; }.workflow-section { padding-top:64px; padding-bottom:64px; }.workflow-section li { grid-template-columns:48px 1fr; gap:8px; }.content-faq dl > div { grid-template-columns:1fr; gap:10px; }.related-section > div { grid-template-columns:1fr; }.content-cta { align-items:flex-start; flex-direction:column; }.content-cta > a { width:100%; justify-content:center; } footer { align-items:flex-start; flex-direction:column; } footer nav { justify-content:flex-start; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }