/* Scoped disease-area theme, approved 2026-10-14. */
:root { --da-ink:#263a3c; --da-muted:#536b6e; --da-teal:#0f8087; --da-line:#dce7e7; --da-bg:#f4f8f8; --da-white:#fff; --da-light:#edf6f5; }
html { margin:0; background:var(--da-bg); min-width:0; }
.da-html-mobile { font-size:calc(min(100vw,600px) / 7.5); }
.da-page { margin:0; padding:0; width:100%; min-width:0; max-width:none; background:var(--da-bg); font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif; color:var(--da-ink); }
.da-page-desktop { padding-top:86px; }
.da-page-desktop .common-header { left:0; right:0; width:100%; max-width:none; min-width:0; margin:0; box-sizing:border-box; background:#fff; }
.da-page-desktop .common-footer { width:100%; min-width:0; margin:0; box-sizing:border-box; padding:28px max(24px,calc((100% - 1200px) / 2)); }
.da-page-desktop .common-footer .common-outlinkbox,.da-page-desktop .common-footer .group-info { width:100%; max-width:1200px; min-width:0; margin:0 auto; box-sizing:border-box; }
.da-page-mobile { padding-bottom:calc(65px + env(safe-area-inset-bottom)); }
.da-page-mobile .common-header-m { position:relative; margin:0; box-sizing:border-box; background:#fff; }
.da-page-mobile .footer { width:100%; padding:22px 16px; margin:0; box-sizing:border-box; background:#fff; color:var(--da-muted); text-align:center; font-size:12px; line-height:1.8; }
.da-page-mobile .footer p { margin:5px 0; }
.da-page-mobile .footer a { color:var(--da-muted); }
.da-page-mobile .common-fixed-tab { height:calc(54px + env(safe-area-inset-bottom)); padding-bottom:env(safe-area-inset-bottom); z-index:70; }
.da-page-mobile .common-fixed-tab a { display:flex; justify-content:center; align-items:center; font-size:15px; height:54px; }
.da-main { max-width:1200px; width:calc(100% - 48px); margin:0 auto; padding:24px 0 48px; font-size:16px; color:var(--da-ink); }
.da-main *,.da-main *::before,.da-main *::after { box-sizing:border-box; }
.da-main [hidden] { display:none!important; }
.da-main h1,.da-main h2,.da-main h3,.da-main p,.da-main ul,.da-main ol { margin:0; padding:0; }
.da-main ul,.da-main ol { list-style:none; }
.da-main a { color:inherit; text-decoration:none; }
.da-main a:hover { color:var(--da-teal); }
.da-main a:focus-visible,.da-main input:focus-visible,.da-main button:focus-visible,.da-main summary:focus-visible { outline:2px solid var(--da-teal); outline-offset:3px; border-radius:3px; }
.da-main button,.da-main input { font:inherit; }
.da-breadcrumb { font-size:14px; color:var(--da-muted); margin:0 0 22px; }
.da-breadcrumb ol { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.da-breadcrumb li { display:flex; gap:8px; align-items:center; }
.da-breadcrumb li:not(:last-child)::after { content:"›"; color:#7a9193; }
.da-breadcrumb a { padding:6px 0; }
.da-breadcrumb [aria-current] { color:var(--da-ink); }
.da-directory-hero { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:7px 0 30px; }
.da-eyebrow { font-size:13px; font-weight:500; letter-spacing:.5px; color:var(--da-teal); margin-bottom:12px!important; }
.da-directory-hero h1 { font-size:34px; line-height:1.5; font-weight:600; letter-spacing:.5px; }
.da-intro { font-size:15px; color:var(--da-muted); line-height:1.9; margin-top:12px!important; }
.da-directory-total { font-size:14px; color:var(--da-teal); border:1px solid var(--da-line); background:#fff; padding:11px 16px; border-radius:6px; white-space:nowrap; }
.da-directory-panel { padding:28px 30px 30px; background:#fff; border:1px solid var(--da-line); border-radius:12px; }
.da-search { display:flex; gap:20px; align-items:center; }
.da-search label { font-size:15px; font-weight:500; white-space:nowrap; }
.da-search-control { display:flex; align-items:center; flex:1; min-width:0; gap:12px; padding-left:15px; border:1px solid #bdcfce; border-radius:6px; background:#fff; }
.da-search-control svg { color:var(--da-muted); flex:0 0 20px; }
.da-search-control input { flex:1; min-width:0; width:100%; padding:12px 0; border:0; background:transparent; font-size:15px; color:var(--da-ink); outline:none; }
.da-search-control:focus-within { box-shadow:0 0 0 2px #0f808715; border-color:var(--da-teal); }
.da-search-control button { border:0; background:var(--da-teal); color:#fff; padding:13px 25px; align-self:stretch; border-radius:0 4px 4px 0; font-size:14px; cursor:pointer; }
.da-directory-meta { display:flex; align-items:center; justify-content:space-between; margin:29px 0 18px; }
.da-directory-meta h2 { font-size:18px; font-weight:600; }
.da-directory-meta span { font-size:13px; color:var(--da-muted); }
.da-disease-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.da-disease-card { padding:20px 18px 17px; border:1px solid var(--da-line); border-radius:8px; background:#fff; transition:border-color .15s; }
.da-disease-card:hover { border-color:var(--da-teal); }
.da-disease-card-top { display:flex; align-items:center; gap:10px; min-width:0; }
.da-disease-card-top img { width:32px; height:32px; object-fit:contain; }
.da-disease-card-top strong { font-size:17px; font-weight:500; line-height:1.55; overflow-wrap:anywhere; }
.da-disease-card-top>span { margin-left:auto; color:var(--da-teal); font-size:20px; }
.da-card-count { display:block; color:var(--da-muted); font-size:12px; line-height:1.6; margin:13px 0 0 42px; }
.da-search-empty { padding:36px 0; text-align:center; color:var(--da-muted); font-size:15px; }
.da-disease-hero { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; padding:26px 30px; background:#fff; border:1px solid var(--da-line); border-radius:12px; }
.da-disease-hero h1 { font-size:32px; line-height:1.4; font-weight:600; display:flex; align-items:baseline; gap:18px; flex-wrap:wrap; }
.da-disease-hero h1>span { font-size:17px; font-weight:400; color:var(--da-muted); border-left:1px solid var(--da-line); padding-left:18px; }
.da-switch { position:relative; flex:0 0 auto; font-size:13px; }
.da-switch summary { cursor:pointer; padding:11px 15px; border:1px solid var(--da-line); border-radius:5px; min-height:44px; }
.da-switch nav { position:absolute; z-index:30; top:51px; right:0; width:350px; max-height:390px; overflow:auto; display:grid; grid-template-columns:repeat(3,1fr); gap:4px; padding:13px; background:#fff; border:1px solid var(--da-line); border-radius:8px; box-shadow:0 6px 20px #263a3c0d; }
.da-switch nav a { min-height:44px; display:flex; align-items:center; justify-content:center; font-size:13px; padding:7px; text-align:center; }
.da-switch nav [aria-current] { color:var(--da-teal); background:var(--da-light); border-radius:4px; }
.da-types { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; margin:18px 0 26px; padding:6px; background:#fff; border:1px solid var(--da-line); border-radius:9px; }
.da-type { display:flex; align-items:center; justify-content:center; gap:10px; min-height:52px; font-size:15px; border-radius:5px; }
.da-type.is-active { background:var(--da-light); color:var(--da-teal); font-weight:600; }
.da-type-count { color:var(--da-muted); font-size:12px; font-weight:400; }
.da-type.is-active .da-type-count { color:var(--da-teal); }
.da-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:28px; align-items:start; }
.da-layout:not(:has(>.da-sidebar)) { grid-template-columns:minmax(0,1fr); }
.da-list-panel { padding:26px 30px 20px; border:1px solid var(--da-line); border-radius:12px; background:#fff; min-width:0; }
.da-list-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:5px; }
.da-list-heading h2 { font-size:20px; font-weight:600; line-height:1.5; }
.da-list-heading>span { font-size:12px; color:var(--da-muted); white-space:nowrap; }
.da-resource-list { margin-top:7px!important; }
.da-resource { padding:21px 0; border-bottom:1px solid var(--da-line); }
.da-resource-title { display:flex; justify-content:space-between; gap:15px; font-size:18px; line-height:1.65; font-weight:500; }
.da-resource-title>span { color:var(--da-muted); flex:0 0 auto; }
.da-resource-summary { font-size:14px; color:var(--da-muted); line-height:1.9; margin-top:10px!important; }
.da-resource-meta { display:flex; gap:15px; font-size:12px; color:var(--da-muted); margin-top:11px; }
.da-resource-meta>span { color:var(--da-teal); }
.da-wiki-types { display:flex; flex-wrap:wrap; gap:3px 7px; margin:18px 0 6px; padding:12px 0; border-top:1px solid var(--da-line); border-bottom:1px solid var(--da-line); }
.da-wiki-types a { padding:7px 9px; min-height:34px; font-size:13px; }
.da-wiki-types [aria-current] { color:var(--da-teal); font-weight:600; border-bottom:2px solid var(--da-teal); }
.da-sidebar { display:grid; gap:18px; min-width:0; }
.da-side-section { background:#fff; border:1px solid var(--da-line); border-radius:10px; padding:22px 22px 8px; min-width:0; }
.da-section-title { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:4px; }
.da-section-title h2 { font-size:18px; font-weight:600; line-height:1.5; }
.da-section-title>a { font-size:12px; color:var(--da-muted); }
.da-side-questions li:not(:last-child),.da-side-resources li:not(:last-child) { border-bottom:1px solid var(--da-line); }
.da-side-questions li>a { display:flex; align-items:baseline; gap:9px; padding:14px 0; font-size:14px; line-height:1.85; }
.da-side-questions li>a>span:last-child { margin-left:auto; flex:0 0 auto; color:var(--da-muted); }
.da-q-mark { flex:0 0 17px; font-size:12px; color:var(--da-teal); }
.da-side-resources li { padding:14px 0; }
.da-side-resources a { display:block; font-size:14px; line-height:1.85; }
.da-side-resources time { display:block; color:var(--da-muted); font-size:12px; margin-top:8px; }
.da-drug { display:flex; align-items:center; gap:15px; min-width:0; }
.da-drug-picture { flex:0 0 100px; width:100px; height:88px; background:#f8faf9; border-radius:6px; padding:5px; }
.da-drug-picture img { width:100%; height:100%; object-fit:contain; }
.da-drug-info { min-width:0; }
.da-drug-info strong { display:block; font-size:17px; line-height:1.7; font-weight:500; overflow-wrap:anywhere; }
.da-drug-info>span { display:block; font-size:13px; color:var(--da-muted); margin-top:4px; line-height:1.8; overflow-wrap:anywhere; }
.da-drug-info .da-link-note { color:var(--da-teal); margin-top:9px; font-size:12px; }
.da-drug--compact { padding:16px 0; gap:12px; }
.da-drug--compact+.da-drug--compact { border-top:1px solid var(--da-line); }
.da-drug--compact .da-drug-picture { flex-basis:82px; width:82px; height:76px; }
.da-drug--compact .da-drug-info strong { font-size:14px; }
.da-drug--compact .da-drug-info>span { font-size:12px; }
.da-drug-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:22px; }
.da-drug-grid>.da-drug { padding:17px 14px; border:1px solid var(--da-line); border-radius:8px; }
.da-empty { padding:50px 16px 45px; text-align:center; }
.da-empty h3 { font-size:18px; font-weight:500; }
.da-empty p { color:var(--da-muted); font-size:14px; line-height:1.9; margin:12px 0 19px; }
.da-empty>a { color:var(--da-teal); display:inline-block; padding:10px 15px; border:1px solid var(--da-line); border-radius:5px; font-size:14px; }
.da-pagination { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; padding:25px 0 10px; }
.da-pagination a { display:grid; place-items:center; border:1px solid var(--da-line); border-radius:4px; min-width:40px; min-height:40px; padding:5px 12px; font-size:13px; }
.da-pagination [aria-current] { color:var(--da-teal); background:var(--da-light); border-color:var(--da-teal); }
.da-trial-links { display:flex; flex-wrap:wrap; gap:12px 20px; padding:19px 0 12px; font-size:13px; border-top:1px solid var(--da-line); margin-top:15px; }
.da-trial-links a { color:var(--da-teal); }
.da-trial-links span { color:var(--da-muted); }
.da-original { margin-top:15px; font-size:12px; text-align:right; }
.da-original>a { color:var(--da-muted); }
.da-document { background:#fff; border:1px solid var(--da-line); border-radius:12px; overflow:hidden; min-width:0; }
.da-article-heading { padding:31px 35px 25px; border-bottom:1px solid var(--da-line); }
.da-article-heading h1 { font-size:29px; font-weight:600; line-height:1.5; overflow-wrap:anywhere; }
.da-article-meta { display:flex; gap:8px 18px; flex-wrap:wrap; font-size:13px; color:var(--da-muted); margin-top:17px; line-height:1.8; }
.da-article-meta>a { margin-left:auto; color:var(--da-teal); }
.da-reading { padding:29px 35px 22px; }
.da-summary { border-left:2px solid var(--da-line); padding-left:16px; margin-bottom:25px; }
.da-summary h2 { font-size:14px; font-weight:600; line-height:1.6; margin-bottom:8px; }
.da-summary p { font-size:14px; color:var(--da-muted); line-height:1.9; }
.da-prose { font-size:16px; line-height:1.9; max-width:760px; overflow-wrap:anywhere; }
.da-prose p { font-size:16px!important; line-height:1.9!important; margin:0 0 16px!important; }
.da-prose div { font-size:16px; line-height:1.9; }
.da-prose h2 { font-size:21px; line-height:1.6; margin:24px 0 13px; }
.da-prose h3 { font-size:18px; line-height:1.6; margin:20px 0 10px; }
.da-prose ul,.da-prose ol { list-style:revert; padding-left:1.5em; margin:16px 0; }
.da-prose img { display:block; max-width:100%!important; height:auto!important; margin:16px auto; }
.da-prose table { display:block; width:100%!important; max-width:100%; overflow-x:auto; border-collapse:collapse; border:1px solid var(--da-line); margin:20px 0; font-size:15px; }
.da-prose table th,.da-prose table td { height:auto!important; min-height:0!important; padding:12px 14px!important; line-height:1.8!important; vertical-align:top!important; border:1px solid var(--da-line)!important; background:#fff!important; font-size:15px!important; color:var(--da-ink)!important; }
.da-prose table th { font-weight:600!important; text-align:left!important; }
.da-prose a { color:var(--da-teal); text-decoration:underline; text-underline-offset:3px; }
.da-health-note { font-size:12px; color:var(--da-muted); line-height:1.8; border-top:1px solid var(--da-line); padding-top:18px!important; margin-top:26px!important; }
.da-document-footer { display:flex; gap:15px; justify-content:space-between; flex-wrap:wrap; padding:18px 35px; border-top:1px solid var(--da-line); font-size:13px; color:var(--da-muted); }
.da-document-footer>a { color:var(--da-teal); }
@media(max-width:1100px) and (min-width:901px) {
 .da-layout { grid-template-columns:minmax(0,1fr) 280px; gap:22px; }
 .da-drug-grid { grid-template-columns:1fr; }
 .da-list-panel { padding-left:25px; padding-right:25px; }
}
@media(max-width:900px) {
 .da-main { width:calc(100% - 32px); padding:17px 0 32px; }
 .da-layout { grid-template-columns:minmax(0,1fr); gap:20px; }
 .da-disease-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .da-sidebar { grid-template-columns:minmax(0,1fr); }
 .da-types { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:600px) {
 .da-main { width:calc(100% - 24px); padding-top:12px; }
 .da-breadcrumb { font-size:12px; margin:0 4px 17px; }
 .da-directory-hero { padding:4px 4px 24px; display:block; }
 .da-directory-hero h1 { font-size:27px; }
 .da-directory-total { display:inline-block; font-size:12px; padding:7px 11px; margin-top:16px; }
 .da-intro { font-size:14px; }
 .da-directory-panel { padding:20px 16px; border-radius:10px; }
 .da-search { display:block; }
 .da-search label { display:block; font-size:14px; margin-bottom:10px; }
 .da-search-control { gap:9px; padding-left:10px; }
 .da-search-control input { font-size:14px; }
 .da-search-control button { padding:12px 14px; font-size:13px; }
 .da-directory-meta { margin-top:24px; }
 .da-directory-meta h2 { font-size:17px; }
 .da-disease-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .da-disease-card { padding:16px 10px 13px; }
 .da-disease-card-top { gap:7px; flex-wrap:wrap; }
 .da-disease-card-top img { width:26px; height:26px; }
 .da-disease-card-top strong { font-size:15px; flex:1; }
 .da-disease-card-top>span { display:none; }
 .da-card-count { font-size:11px; margin:10px 0 0; }
 .da-disease-hero { padding:22px 20px; gap:8px; }
 .da-disease-hero h1 { font-size:27px; gap:8px; }
 .da-disease-hero h1>span { display:block; flex-basis:100%; font-size:15px; padding:0; border:0; margin-top:1px; }
 .da-disease-hero .da-intro { margin-top:10px!important; }
 .da-switch { font-size:12px; }
 .da-switch summary { padding:10px; white-space:nowrap; }
 .da-switch nav { width:min(310px,calc(100vw - 48px)); }
 .da-types { margin:16px 0 20px; gap:4px; padding:5px; }
 .da-type { font-size:13px; gap:7px; min-height:47px; }
 .da-type-count { font-size:11px; }
 .da-list-panel { padding:22px 20px 18px; }
 .da-list-heading h2 { font-size:18px; }
 .da-wiki-types { gap:4px; padding:10px 0; }
 .da-wiki-types a { font-size:12px; padding:7px 8px; }
 .da-resource { padding:20px 0; }
 .da-resource-title { font-size:17px; line-height:1.7; }
 .da-resource-summary { font-size:14px; }
 .da-side-section { padding:21px 20px 8px; }
 .da-section-title h2 { font-size:17px; }
 .da-side-questions li>a,.da-side-resources a { font-size:15px; }
 .da-drug-grid { grid-template-columns:1fr; gap:13px; }
 .da-drug-grid>.da-drug { padding:15px 12px; }
 .da-drug-picture { flex-basis:86px; width:86px; height:78px; }
 .da-drug-info strong { font-size:16px; }
 .da-pagination { gap:6px; }
 .da-pagination a { font-size:12px; padding:5px 9px; }
 .da-article-heading { padding:24px 20px 21px; }
 .da-article-heading h1 { font-size:23px; }
 .da-article-meta { font-size:12px; gap:7px 14px; }
 .da-article-meta>a { margin-left:0; }
 .da-reading { padding:23px 20px; }
 .da-summary { padding-left:13px; }
 .da-prose table { font-size:14px; }
 .da-prose table th,.da-prose table td { font-size:14px!important; padding:10px 12px!important; }
 .da-document-footer { padding:17px 20px; font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { .da-main * { transition:none; scroll-behavior:auto; } }

.da-layout--single { grid-template-columns:minmax(0,1fr); }

/* Restore the existing shared medicine/news header; disease content is untouched. */
@media(max-width:1800px) {
 .da-page-desktop .common-header .phone-400 { display:none; }
}
@media(max-width:1500px) {
 .da-page-desktop .common-header .common-navbox { width:min(1200px,calc(100% - 48px)); max-width:100%; margin-inline:auto; }
 .da-page-desktop .common-header .common-navbox .common-nav { min-width:0; flex:1; display:flex; justify-content:space-between; }
 .da-page-desktop .common-navitem { margin-inline:0; padding-inline:12px; }
 .da-page-desktop .common-header .ykx-logo-href { flex-shrink:0; }
}
@media(max-width:1280px) {
 .da-page-desktop .common-header { padding-inline:24px; }
 .da-page-desktop .common-header .common-navbox { width:100%; max-width:none; margin:0; }
 .da-page-desktop .common-header .common-navbox .common-nav .common-navitem { font-size:16px; padding-inline:7px; margin-inline:0; }
}