:root { --ink:#102a37; --muted:#526a74; --line:#d9e5e9; --paper:#ffffff; --ground:#f4f8f8; --green:#156b58; --green-deep:#0d4d40; --mint:#e4f3ed; --amber:#b86a18; --max:1120px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--ground); font-family:"Microsoft YaHei","Noto Sans SC",system-ui,sans-serif; font-size:16px; line-height:1.72; }
a { color:inherit; text-decoration:none; }
.shell { width:min(calc(100% - 32px),var(--max)); margin:auto; }
.site-header { background:rgba(255,255,255,.94); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:5; backdrop-filter:blur(12px); }
.nav { min-height:96px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { display:flex; align-items:center; gap:28px; font-weight:800; letter-spacing:.02em; }.brand-logo-stack { display:grid; justify-items:center; gap:7px; }.brand-logo { display:block; width:auto; height:50px; object-fit:contain; }.brand-slogan { color:var(--green-deep); font-size:.8rem; font-weight:750; letter-spacing:.1em; line-height:1; white-space:nowrap; }.brand-title { padding-left:28px; border-left:1px solid var(--line); color:var(--green-deep); font-size:clamp(1.5rem,3vw,2.25rem); line-height:1; white-space:nowrap; }
.nav-links { display:flex; gap:22px; color:var(--muted); font-size:.94rem; }
.nav-links a:hover { color:var(--green); }
.hero { background:linear-gradient(120deg,#103e3d 0%,#156b58 56%,#4d977e 100%); color:#fff; padding:76px 0 64px; }
.eyebrow { margin:0 0 16px; font-size:.84rem; font-weight:700; letter-spacing:.1em; color:#bfe7d8; }
h1,h2,h3 { margin:0; line-height:1.28; letter-spacing:-.02em; }
h1 { max-width:760px; font-size:clamp(2.05rem,5vw,4.25rem); }
.hero p { max-width:700px; margin:22px 0 0; color:#e0f4ed; font-size:1.08rem; }
.hero-note { margin-top:28px; display:inline-flex; padding:8px 12px; border:1px solid rgba(255,255,255,.28); border-radius:999px; color:#d7f0e7; font-size:.85rem; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }.button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 17px; border-radius:10px; font-weight:800; text-decoration:none !important; }.button-light { color:var(--green-deep); background:#fff; }.button-outline { color:#fff; border:1px solid rgba(255,255,255,.65); }.button-primary { color:#fff !important; background:var(--green); }
.section { padding:68px 0; }
.section-title { max-width:710px; font-size:clamp(1.75rem,3vw,2.6rem); }
.section-intro { max-width:720px; color:var(--muted); margin:14px 0 30px; }
.topic-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:22px; }
.topic-card,.article-card,.notice { background:var(--paper); border:1px solid var(--line); border-radius:20px; }
.topic-card { padding:30px; background:linear-gradient(145deg,#eff9f5,#fff); }
.topic-card p,.article-card p { color:var(--muted); }
.topic-card ul { padding-left:1.25em; color:var(--muted); }
.notice { padding:26px; border-left:4px solid var(--amber); }
.notice p { margin:8px 0 0; color:var(--muted); }
.article-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:18px; }
.article-card { display:flex; flex-direction:column; min-height:0; padding:24px; transition:transform .18s ease,box-shadow .18s ease; }
.article-card:hover { transform:translateY(-3px); box-shadow:0 12px 28px rgba(16,42,55,.09); }
.tag { color:var(--green); font-size:.8rem; font-weight:800; letter-spacing:.06em; }
.article-card h3 { margin-top:12px; font-size:1.25rem; }
.article-card .read { margin-top:18px; color:var(--green); font-weight:800; }
.article-more { display:flex; justify-content:center; margin-top:30px; }
.button-secondary { border:1px solid var(--green); color:var(--green-deep); background:transparent; cursor:pointer; font:inherit; }
.button-secondary:hover { color:#fff; background:var(--green); }
.article-search { display:flex; flex-wrap:wrap; align-items:center; gap:10px; max-width:780px; margin:0 0 12px; padding:14px; border:1px solid var(--line); border-radius:16px; background:#fff; box-shadow:0 8px 22px rgba(16,42,55,.04); }.article-search label { flex:0 0 100%; color:var(--green-deep); font-size:.85rem; font-weight:800; letter-spacing:.04em; }.article-search input { flex:1 1 260px; min-width:0; min-height:46px; padding:10px 14px; border:1px solid var(--line); border-radius:9px; color:var(--ink); background:#fbfdfc; font:inherit; }.article-search input:focus { outline:2px solid rgba(21,107,88,.2); border-color:var(--green); background:#fff; }.article-search .button { flex:0 0 auto; min-height:46px; border-radius:9px; border:0; cursor:pointer; font:inherit; }.article-search .button-secondary { border:1px solid var(--green); }.article-search-summary { min-height:1.72em; margin:0 0 22px; color:var(--muted); font-size:.9rem; }.article-pagination { display:flex; flex-wrap:wrap; justify-content:center; gap:7px; margin-top:30px; padding-top:26px; border-top:1px solid var(--line); }.page-button { min-width:42px; min-height:42px; padding:8px 12px; border:1px solid var(--line); border-radius:9px; color:var(--green-deep); background:#fff; cursor:pointer; font:inherit; font-weight:800; transition:.18s ease; }.page-button:hover:not(:disabled),.page-button.current { border-color:var(--green); color:#fff; background:var(--green); }.page-button:disabled { opacity:.38; cursor:not-allowed; }.article-empty { grid-column:1/-1; margin:0; padding:28px; border:1px dashed var(--line); border-radius:14px; color:var(--muted); background:#fff; }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; counter-reset:step; }
.step { padding:22px; background:var(--paper); border-top:3px solid var(--green); }
.step::before { counter-increment:step; content:"0" counter(step); color:var(--green); font-size:.82rem; font-weight:800; letter-spacing:.08em; }
.step h3 { margin-top:8px; font-size:1.08rem; }.step p { margin:8px 0 0;color:var(--muted); }
.site-footer { background:#0e2930; color:#c9d9db; padding:32px 0; font-size:.88rem; }.site-footer p { margin:4px 0; }
.article-shell { width:min(calc(100% - 32px),820px); margin:0 auto; padding:42px 0 72px; }.article-shell article { margin-top:20px; padding:clamp(24px,5vw,54px); background:var(--paper); border:1px solid var(--line); border-radius:20px; }.back-link { display:inline-flex; color:var(--green); font-weight:800; }.article-shell .eyebrow { color:var(--green); }.article-shell h1 { max-width:none; font-size:clamp(2rem,4vw,3.35rem); color:var(--green-deep); }.lead { margin:18px 0 0; color:var(--muted); font-size:1.1rem; }.review-meta { margin:16px 0 0 !important; color:var(--green-deep); font-size:.92rem; font-weight:700; }.article-shell h2 { margin-top:36px; font-size:1.45rem; }.article-shell p { margin:14px 0; }.article-shell a { color:var(--green); text-decoration:underline; text-underline-offset:3px; }.draft-notice { margin:0 0 22px !important; padding:10px 13px; border-radius:10px; color:#81500c; background:#fff4df; font-size:.92rem; }.source-list ul { padding-left:1.25em; }.medical-note { margin-top:32px; padding:16px 18px; border-left:4px solid var(--amber); background:#fff8ed; color:#526a74; font-size:.94rem; }
.content-governance { margin:18px 0 0; color:var(--muted); font-size:.9rem; text-align:center; }
.article-cta { margin-top:32px; padding:22px; border:1px solid var(--line); border-radius:16px; background:#f4faf7; }.article-cta h2 { margin-top:0 !important; font-size:1.2rem; }.article-cta .button { margin-top:6px; }
.article-hero { padding:54px 0 42px; background:#e8f5f0; border-bottom:1px solid var(--line); }.article-hero h1 { max-width:880px; font-size:clamp(2rem,4vw,3.5rem); color:var(--green-deep); }.article-meta { color:var(--muted); margin-top:14px; font-size:.9rem; }
.article-layout { display:grid; grid-template-columns:minmax(0,760px) 260px; gap:46px; padding:52px 0 68px; }.prose { background:#fff; padding:clamp(22px,4vw,48px); border-radius:20px; border:1px solid var(--line); }.prose h2 { margin-top:36px; font-size:1.55rem; }.prose p { margin:14px 0; }.prose li { margin:8px 0; }.prose a { color:var(--green); text-decoration:underline; text-underline-offset:3px; }.aside { align-self:start; position:sticky; top:92px; padding:22px; background:#fff; border:1px solid var(--line); border-radius:16px; }.aside h3 { font-size:1rem; }.aside p { margin:9px 0 0; font-size:.92rem; color:var(--muted); }.back { display:inline-flex; margin-bottom:24px; color:var(--green); font-weight:800; }
.assistant-panel { margin-top:28px; padding:22px; border:1px solid var(--line); border-radius:16px; background:#f8fcfa; }.consent { display:block; color:var(--muted); font-size:.92rem; }.consent input { margin-right:8px; }.quick-topics { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0; }.quick-topics button { padding:8px 11px; border:1px solid var(--line); border-radius:999px; background:#fff; color:var(--green-deep); cursor:pointer; font:inherit; font-size:.9rem; }.visitor-chat { max-height:320px; overflow:auto; padding:12px; background:#fff; border:1px solid var(--line); border-radius:12px; }.assistant-message,.user-message { width:fit-content; max-width:88%; margin:8px 0 !important; padding:9px 12px; border-radius:12px; font-size:.94rem; }.assistant-message { background:var(--mint); }.user-message { margin-left:auto !important; background:#e7eef0; }.chat-form,.handoff-form { display:grid; gap:10px; margin-top:16px; }.chat-form textarea,.handoff-form input,.handoff-form textarea,.handoff-form select { width:100%; padding:10px; border:1px solid var(--line); border-radius:9px; color:var(--ink); background:#fff; font:inherit; }.chat-form textarea,.handoff-form textarea { min-height:82px; resize:vertical; }.handoff-form { grid-template-columns:1fr 1fr; }.handoff-form label { display:grid; gap:5px; color:var(--muted); font-size:.92rem; }.handoff-form label:nth-of-type(5),.handoff-form label:nth-of-type(6),.handoff-form button,.handoff-form .form-result { grid-column:1/-1; }.form-result { margin:0; color:var(--green-deep); font-weight:700; }.support-line { margin-top:28px !important; }
@media (max-width:1000px) { .article-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:760px) { .nav { min-height:76px; }.brand { gap:12px; }.brand-logo { height:36px; }.brand-slogan { font-size:.58rem; letter-spacing:.06em; }.brand-title { padding-left:12px; font-size:1.25rem; }.nav-links { gap:14px; font-size:.84rem; }.hero { padding:52px 0 46px; }.section { padding:48px 0; }.topic-grid,.article-grid,.steps,.article-layout,.handoff-form { grid-template-columns:1fr; }.article-layout { gap:18px; padding-top:28px; }.aside { position:static; }.article-card { min-height:0; }.hero-actions .button { width:100%; }.article-search { display:grid; grid-template-columns:1fr 1fr; }.article-search label,.article-search input { grid-column:1/-1; }.article-search .button { width:100%; min-width:0; } }

[hidden]{display:none!important}.article-navigation{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:.94rem}.nav{flex-wrap:wrap}.nav-links{flex-wrap:wrap;gap:12px 18px}.article-pagination a{display:inline-flex;align-items:center;justify-content:center}.generated-updates{scroll-margin-top:130px}@media(max-width:760px){.nav-links{width:100%;padding-bottom:12px}.nav{padding-top:12px}.article-navigation{font-size:.86rem}}

#handoff-form{scroll-margin-top:130px}.handoff-form .handoff-intro,.handoff-form .handoff-consent{grid-column:1/-1}.handoff-form .handoff-consent input{width:auto;padding:0;vertical-align:middle}.handoff-intro h2{margin-top:0}

#topics,#latest,#articles{scroll-margin-top:160px}.reading-topics{background:#edf5f1}.reading-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.reading-topic-grid .topic-card{display:block}.reading-topic-grid a:hover{border-color:var(--green-deep)}.reading-topic-grid a:focus-visible{outline:3px solid var(--green-deep);outline-offset:4px}@media(max-width:760px){.reading-topic-grid{grid-template-columns:1fr}}