:root{--topic-ink:#0b2f3c;--topic-muted:#587078;--topic-paper:#f5f5ef;--topic-line:rgba(10,64,72,.16);--topic-accent:#087f84;--topic-accent-rgb:8,127,132}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.topic-page{margin:0;background:var(--topic-paper);color:var(--topic-ink);font-family:"Source Han Sans SC","Microsoft YaHei","PingFang SC",sans-serif;line-height:1.7}
html[data-static-locale="en"] body.topic-page{font-family:"Aptos","Segoe UI",sans-serif}
html[data-static-locale="en"] .topic-hero h1{font-family:"Bahnschrift","DIN Alternate",sans-serif;font-size:clamp(44px,5.3vw,82px);line-height:1.02;letter-spacing:-.045em}
html[data-static-locale="en"] .topic-question,html[data-static-locale="en"] .topic-section-head h2,html[data-static-locale="en"] .topic-resource-panel h3{font-family:"Georgia","Times New Roman",serif;letter-spacing:-.025em}
html[data-static-locale="en"] .site-head nav{gap:13px}
html[data-static-locale="en"] .site-head nav a{font-size:12px}
.topic-page a{color:inherit;text-decoration:none}
.topic-page img{display:block;max-width:100%}
.topic-wrap{width:min(1280px,calc(100% - 56px));margin:0 auto}
.topic-hero{position:relative;isolation:isolate;min-height:680px;overflow:hidden;border-bottom:1px solid var(--topic-line);background:linear-gradient(112deg,#f7f2e8 0%,#f2f5ef 47%,#e7f1ef 100%)}
.topic-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.68),transparent 60%),repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),rgba(13,79,85,.045) calc(12.5% - 1px),rgba(13,79,85,.045) 12.5%);pointer-events:none}
.topic-field{position:absolute;inset:0 0 0 44%;z-index:-1;width:56%;height:100%;opacity:.88}
.topic-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(480px,1.05fr);gap:70px;align-items:center;min-height:680px;padding:86px 0 72px}
.topic-hero-copy{position:relative;z-index:2}
.topic-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 26px;font-family:"Bahnschrift","DIN Alternate",sans-serif;font-size:13px;font-weight:700;letter-spacing:.2em;color:var(--topic-accent)}
.topic-eyebrow::before{content:"";width:36px;height:2px;background:var(--topic-accent)}
.topic-hero h1{max-width:100%;margin:0;font-family:"Source Han Serif SC","Noto Serif CJK SC","Songti SC",serif;font-size:clamp(38px,4.5vw,68px);font-weight:800;line-height:1.06;letter-spacing:-.045em;overflow-wrap:anywhere;text-wrap:balance}
.topic-summary{max-width:720px;margin:30px 0 0;font-size:17px;line-height:1.8;color:#34525b}
.topic-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.topic-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:0 24px;border-radius:999px;background:var(--topic-ink);color:#fff!important;font-weight:800;transition:transform .25s,background .25s}
.topic-button::after{content:"↗";font-size:18px}
.topic-button:hover,.topic-button:focus-visible{transform:translateY(-3px);background:var(--topic-accent)}
.topic-button.is-ghost{border:1px solid var(--topic-line);background:rgba(255,255,255,.58);color:var(--topic-ink)!important;backdrop-filter:blur(8px)}
.topic-button.is-ghost:hover,.topic-button.is-ghost:focus-visible{background:#fff}
.topic-hero-panel{align-self:end;margin-bottom:30px;padding:28px;border:1px solid rgba(var(--topic-accent-rgb),.3);border-radius:34px;background:rgba(247,250,245,.68);box-shadow:0 30px 80px rgba(7,50,57,.12);backdrop-filter:blur(16px)}
.topic-number{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;font-family:"Bahnschrift","DIN Alternate",sans-serif;color:var(--topic-accent)}
.topic-number strong{font-size:76px;line-height:.8;letter-spacing:-.06em}
.topic-number span{font-size:12px;letter-spacing:.2em}
.topic-question{margin:0 0 24px;font-family:"Source Han Serif SC","Songti SC",serif;font-size:25px;font-weight:800;line-height:1.55}
.topic-signals{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--topic-line)}
.topic-signals li{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--topic-line);font-size:14px;font-weight:700}
.topic-signal-index{font-family:"Bahnschrift",sans-serif;color:var(--topic-accent)}
.topic-switch{position:sticky;top:72px;z-index:25;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--topic-line);background:rgba(247,248,243,.91);backdrop-filter:blur(18px)}
.topic-switch::-webkit-scrollbar{display:none}
.topic-switch .topic-wrap{display:flex;min-width:max-content}
.topic-switch a{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;min-height:72px;padding:0 22px;border-right:1px solid var(--topic-line);color:var(--topic-muted);font-size:13px;font-weight:800;transition:background .2s,color .2s}
.topic-switch a span{font-family:"Bahnschrift",sans-serif;color:var(--topic-accent)}
.topic-switch a:hover,.topic-switch a[aria-current="page"]{background:#fff;color:var(--topic-ink)}
.topic-section{position:relative;padding:104px 0;border-bottom:1px solid var(--topic-line)}
.topic-section-head{display:grid;grid-template-columns:180px minmax(0,1fr);gap:40px;align-items:start;margin-bottom:48px}
.topic-section-head small{padding-top:8px;font-family:"Bahnschrift",sans-serif;font-weight:700;letter-spacing:.18em;color:var(--topic-accent)}
.topic-section-head h2{max-width:820px;margin:0;font-family:"Source Han Serif SC","Songti SC",serif;font-size:clamp(30px,3.2vw,48px);line-height:1.14;letter-spacing:-.035em;overflow-wrap:anywhere}
.topic-section-head p{max-width:780px;margin:16px 0 0;color:var(--topic-muted);font-size:16px}
.topic-card-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.topic-card{position:relative;display:flex;flex-direction:column;grid-column:span 3;min-height:430px;overflow:hidden;border:1px solid var(--topic-line);border-radius:28px;background:rgba(255,255,255,.7);transition:transform .35s,border-color .35s,box-shadow .35s}
.topic-card:hover,.topic-card:focus-visible,.topic-card.is-active{z-index:2;transform:translateY(-10px) scale(1.018);border-color:rgba(var(--topic-accent-rgb),.58);box-shadow:0 26px 60px rgba(7,55,61,.15)}
.topic-card figure{display:grid;place-items:center;min-height:230px;margin:0;padding:28px;background:radial-gradient(circle at 50% 50%,rgba(var(--topic-accent-rgb),.11),transparent 66%)}
.topic-card figure img{width:100%;height:190px;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(9,48,55,.15))}
.topic-card figcaption{position:absolute;top:16px;left:18px;max-width:calc(100% - 36px);padding:6px 10px;border:1px solid rgba(var(--topic-accent-rgb),.18);border-radius:999px;background:rgba(255,255,255,.75);color:var(--topic-muted);font-size:11px;line-height:1.2;backdrop-filter:blur(8px)}
.topic-card-copy{display:flex;flex:1;flex-direction:column;padding:24px}
.topic-card-copy small{font-family:"Bahnschrift",sans-serif;font-weight:700;letter-spacing:.12em;color:var(--topic-accent)}
.topic-card-copy h3{margin:10px 0 10px;font-size:18px;line-height:1.42;overflow-wrap:anywhere}
.topic-card-copy p{margin:0;color:var(--topic-muted);font-size:14px}
.topic-card-copy b{margin-top:auto;padding-top:20px;color:var(--topic-accent);font-size:13px}
.topic-service-rail{display:grid;gap:0;border-top:1px solid var(--topic-line)}
.topic-service{display:grid;grid-template-columns:80px minmax(220px,.75fr) minmax(0,1fr) 36px;gap:26px;align-items:center;padding:28px 16px;border-bottom:1px solid var(--topic-line);transition:padding .25s,background .25s}
.topic-service:hover,.topic-service:focus-visible,.topic-service.is-active{padding-left:28px;background:rgba(255,255,255,.62)}
.topic-service .index{font-family:"Bahnschrift",sans-serif;font-size:14px;color:var(--topic-accent)}
.topic-service h3{margin:0;font-size:19px;line-height:1.4;overflow-wrap:anywhere}
.topic-service p{margin:0;color:var(--topic-muted);font-size:14px}
.topic-service .arrow{font-size:22px;color:var(--topic-accent)}
.topic-evidence{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:34px}
.topic-article-list{display:grid;gap:14px}
.topic-article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:24px;border:1px solid var(--topic-line);border-radius:20px;background:rgba(255,255,255,.56);transition:transform .25s,background .25s}
.topic-article:hover,.topic-article:focus-visible{transform:translateX(8px);background:#fff}
.topic-article time{font-family:"Bahnschrift",sans-serif;font-size:12px;color:var(--topic-accent)}
.topic-article h3{margin:0;font-size:17px;line-height:1.45}
.topic-article span{color:var(--topic-muted);font-size:13px}
.topic-resource-panel{display:flex;flex-direction:column;padding:34px;border-radius:28px;background:var(--topic-ink);color:#eaf4f1}
.topic-resource-panel small{font-family:"Bahnschrift",sans-serif;letter-spacing:.16em;color:#80d9cd}
.topic-resource-panel h3{margin:16px 0 12px;font-family:"Source Han Serif SC","Songti SC",serif;font-size:30px;line-height:1.25}
.topic-resource-panel p{margin:0 0 28px;color:#b8cfcc}
.topic-resource-links{display:grid;margin-top:auto;border-top:1px solid rgba(255,255,255,.16)}
.topic-resource-links a{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.16);font-weight:700}
.topic-resource-links a::after{content:"↗";color:#80d9cd}
.topic-directory{padding:86px 0;border-top:1px solid rgba(7,67,74,.13);background:linear-gradient(135deg,#f3f2ea,#eaf2ef)}
.topic-directory .topic-directory-head{display:grid;grid-template-columns:190px 1fr;gap:30px;margin-bottom:34px}
.topic-directory small{font-family:"Bahnschrift",sans-serif;letter-spacing:.16em;color:#078f83}
.topic-directory h2{margin:0;font-family:"Source Han Serif SC","Songti SC",serif;font-size:clamp(28px,3.2vw,44px);line-height:1.15}
.topic-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.topic-directory-card{display:grid;grid-template-columns:auto 1fr;gap:16px;min-height:130px;padding:24px;border:1px solid rgba(7,67,74,.15);border-radius:22px;background:rgba(255,255,255,.68);transition:transform .25s,background .25s}
.topic-directory-card:hover{transform:translateY(-6px);background:#fff}
.topic-directory-card b{font-family:"Bahnschrift",sans-serif;color:#078f83}
.topic-directory-card h3{margin:0 0 8px;font-size:17px;line-height:1.35}
.topic-directory-card p{grid-column:2;margin:0;color:#5c7278;font-size:12px}
.topic-reveal{opacity:0;transform:translateY(24px);transition:opacity .65s,transform .65s}
.topic-reveal.is-visible{opacity:1;transform:none}
@media(max-width:1080px){.topic-hero-grid{grid-template-columns:1fr;gap:30px}.topic-field{inset:24% 0 0 20%;width:80%;height:76%;opacity:.45}.topic-hero-panel{max-width:650px}.topic-card{grid-column:span 6}.topic-directory-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topic-wrap{width:min(100% - 32px,1280px)}.topic-hero{min-height:0}.topic-hero-grid{min-height:0;padding:64px 0 46px}.topic-hero h1{font-size:36px;line-height:1.1}.topic-summary{font-size:15px}.topic-hero-panel{padding:22px;border-radius:24px}.topic-number strong{font-size:58px}.topic-question{font-size:19px}.topic-switch{top:64px}.topic-switch a{min-height:58px;padding:0 15px}.topic-section{padding:72px 0}.topic-section-head{grid-template-columns:1fr;gap:8px;margin-bottom:32px}.topic-section-head h2{font-size:30px}.topic-card{grid-column:span 12;min-height:0}.topic-card figure{min-height:210px}.topic-service{grid-template-columns:44px minmax(0,1fr) 24px;gap:12px}.topic-service p{grid-column:2/4}.topic-evidence{grid-template-columns:1fr}.topic-article{grid-template-columns:1fr}.topic-article span{display:none}.topic-directory{padding:64px 0}.topic-directory .topic-directory-head{grid-template-columns:1fr;gap:8px}.topic-directory-grid{grid-template-columns:1fr}.topic-directory-card{min-height:0}}
@media(max-width:760px){html[data-static-locale="en"] .topic-hero h1{font-size:40px;line-height:1.06}html[data-static-locale="en"] .site-head nav a{font-size:15px}html[data-static-locale="en"] .site-head .logo{flex:0 0 124px!important;width:124px!important;max-width:124px!important}html[data-static-locale="en"] .site-head .logo img{width:124px!important;max-width:124px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.topic-card,.topic-service,.topic-article,.topic-directory-card,.topic-reveal{transition:none}.topic-reveal{opacity:1;transform:none}}