@charset "UTF-8";
:root{--ink:#182038;--deep:#111526;--paper:#f6f5f1;--white:#fff;--muted:#697084;--line:#dcdfe4;--accent:#db5d56;--accent-dark:#9e3836;--blue:#dce4f0;--warm:#f3dfd2;--radius:19px;--shell:1192px;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:6rem}
body{margin:0;color:var(--ink);background:var(--paper);font-family:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
::selection{background:#f8c7c4;color:#111526}
.shell{width:min(var(--shell),calc(100% - 64px));margin-inline:auto}
.skip{position:absolute;top:-100px;left:12px;padding:12px 16px;background:#fff;z-index:200}
.skip:focus{top:12px}
.masthead{position:relative;z-index:20;background:var(--paper);border-bottom:1px solid rgba(25,35,55,.08)}
.topbar{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:23px;font-weight:800;letter-spacing:.035em;line-height:1.1}
.brand-mark{display:grid;place-items:center;width:45px;height:45px;background:var(--accent);border-radius:14px 14px 14px 4px;color:white;font-size:25px;transform:rotate(-4deg)}
.brand small{display:block;font-size:9px;font-weight:700;letter-spacing:.19em;margin-top:6px;color:var(--muted)}
.nav{display:flex;align-items:center;gap:6px}
.nav a{font-size:14px;font-weight:700;padding:12px 15px;border-radius:22px;transition:background .2s,color .2s}
.nav a:hover{background:#e9e9ed}
.nav a[aria-current=page]{background:var(--deep);color:white}
.menu-toggle{display:none}
.eyebrow{display:inline-block;color:var(--accent-dark);font-size:11px;font-weight:800;letter-spacing:.19em;line-height:1.6}
.eyebrow.light{color:#f0a6a2}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.28;letter-spacing:-.035em}
h1{font-weight:850;font-size:clamp(43px,5.5vw,78px)}
h2{font-size:clamp(30px,3.4vw,48px)}
h3{font-size:22px}
p{color:#586072}
.lead{font-size:19px;line-height:1.95;color:#40485d}
.home-intro{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:72px;padding-block:78px 100px}
.intro-copy .eyebrow{margin-bottom:23px}
.intro-copy h1{max-width:650px;margin-bottom:28px}
.intro-copy .lead{max-width:570px;margin-bottom:32px}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:12px 22px;border-radius:999px;font-size:14px;font-weight:750;transition:transform .2s,background .2s,box-shadow .2s}
.button:hover{transform:translateY(-3px)}
.button.primary{background:var(--accent);color:#fff;box-shadow:0 11px 29px rgba(199,71,67,.22)}
.button.primary:hover{background:var(--accent-dark)}
.button.ghost{border:1px solid #bfc3cc}
.button.ghost:hover{background:#e9ebef}
.cover-mosaic{min-height:480px;display:grid;grid-template-columns:1fr .38fr;grid-template-rows:1fr;gap:12px;position:relative}
.cover-large,.cover-small{position:relative;overflow:hidden;border-radius:150px 150px 24px 24px;background:#d9d3d5}
.cover-large img,.cover-small img{width:100%;height:100%;object-fit:cover}
.cover-large::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(10,10,18,.7))}
.cover-large span{position:absolute;left:30px;bottom:34px;color:#fff;z-index:1;font-size:28px;font-weight:800;line-height:1.35}
.cover-small{border-radius:90px 90px 24px 24px;margin-top:110px;background:#cab1b0}
.cover-small img{object-fit:cover}
.section{padding-block:83px 105px}
.section-divider{border-top:1px solid var(--line)}
.section-heading{max-width:675px;margin-bottom:41px}
.section-heading .eyebrow{margin-bottom:11px}
.section-heading h2{margin-bottom:15px}
.section-heading p{font-size:17px;max-width:560px}
.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.portal{display:block;background:var(--white);border:1px solid #e8e9eb;border-radius:24px;padding:13px 13px 27px;transition:transform .23s,box-shadow .23s;overflow:hidden}
.portal:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(26,31,46,.09)}
.portal-image{border-radius:16px;overflow:hidden;background:#e3e3e6;height:250px;margin-bottom:23px}
.portal-image img{height:100%;width:100%;object-fit:cover;transition:transform .5s}
.portal:hover .portal-image img{transform:scale(1.045)}
.portal>.eyebrow,.portal>h3,.portal>p,.portal>.link-mark{margin-inline:15px}
.portal h3{margin-top:9px;margin-bottom:13px;font-size:23px}
.portal p{min-height:75px;font-size:15px;margin-bottom:22px}
.link-mark{color:var(--accent-dark);font-weight:800;font-size:14px}
.dark-band{background:var(--deep);color:#fff;overflow:hidden}
.band-layout{display:grid;grid-template-columns:1fr .84fr;align-items:center;gap:120px;min-height:440px;padding-block:65px}
.band-layout h2{margin:20px 0 23px;max-width:490px}
.band-layout p{color:#c1c7d7;max-width:540px;margin-bottom:26px;font-size:17px}
.text-link{display:inline-flex;gap:20px;align-items:center;color:#f2aba6;font-weight:800;border-bottom:1px solid rgba(242,171,166,.4);padding-bottom:8px}
.text-link:hover{color:#fff}
.band-visual{height:310px;max-width:430px;border-radius:160px 160px 24px 24px;overflow:hidden;background:#34394b}
.band-visual img{width:100%;height:100%;object-fit:cover}
.home-reading{padding-block:100px 112px}
.quick-reads{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.quick-reads a{position:relative;border-top:2px solid var(--ink);padding:26px 20px 55px 0;transition:border-color .2s}
.quick-reads a:hover{border-color:var(--accent)}
.quick-reads .read-number{color:var(--accent-dark);font-size:11px;letter-spacing:.12em;font-weight:800}
.quick-reads h3{margin:22px 0 14px;max-width:300px}
.quick-reads p{font-size:14px;max-width:330px}
.quick-reads a>span:last-child{position:absolute;bottom:12px;right:18px;font-size:26px;color:var(--accent)}
.topic-hero{background:#e7e9ee;overflow:hidden}
.topic-layout{display:grid;grid-template-columns:1.12fr .78fr;align-items:center;gap:74px;padding-block:60px 80px;min-height:500px}
.breadcrumbs{display:flex;align-items:center;gap:13px;color:#6e7587;font-size:13px;margin-bottom:34px}
.breadcrumbs a:hover{color:var(--accent-dark);text-decoration:underline}
.topic-copy>.eyebrow{margin-bottom:15px}
.topic-copy h1{font-size:clamp(38px,4.6vw,66px);max-width:770px;margin-bottom:20px}
.topic-copy p{max-width:690px;margin-bottom:10px}
.topic-copy .lead{font-size:18px;color:#343d53}
.topic-visual{width:100%;height:335px;border-radius:190px 190px 22px 22px;overflow:hidden;background:#ced3da;box-shadow:28px 28px 0 rgba(186,191,205,.4)}
.topic-visual img{width:100%;height:100%;object-fit:cover}
.topic-content{padding-block:78px 100px}
.topic-section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:38px}
.topic-section-head h2{margin:0;max-width:620px}
.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.story-card{padding:34px 37px 36px;background:#fff;border:1px solid #e4e5e8;border-radius:19px;position:relative;min-width:0}
.story-card:nth-child(4n+2){background:#f1f1f6}
.story-card:nth-child(4n+3){background:#f1e9e3}
.story-card h3{font-size:24px;margin:14px 0 16px;max-width:530px}
.story-card p{font-size:15.5px;line-height:1.95;color:#545c6a}
.story-card ul{margin:18px 0 0;padding-left:19px;color:#404a5e;font-size:14px;line-height:1.85}
.story-card li+li{margin-top:6px}
.faq-section{margin-top:95px;padding-top:60px;border-top:1px solid var(--line);display:grid;grid-template-columns:.78fr 1.22fr;gap:75px;align-items:start}
.faq-section h2{font-size:clamp(28px,3vw,40px);margin-top:15px}
.faq-list{border-top:1px solid #c8ccd6}
.faq-list details{border-bottom:1px solid #c8ccd6;padding:19px 0}
.faq-list summary{list-style:none;cursor:pointer;font-weight:760;padding:4px 36px 4px 0;position:relative;font-size:16px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:9px;font-size:25px;top:0;color:var(--accent-dark);line-height:1}
.faq-list details[open] summary::after{content:"−"}
.faq-list details p{max-width:620px;margin:15px 0 2px;font-size:15px}
.next-section{background:#e8e8ec;padding-block:65px 80px}
.next-section h2{margin:10px 0 33px}
.next-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.next-links a{display:flex;flex-direction:column;gap:8px;background:#fff;padding:26px;border-radius:16px;min-height:160px;transition:transform .2s}
.next-links a:hover{transform:translateY(-4px)}
.next-links strong{font-size:22px}
.next-links span:nth-child(2){font-size:14px;color:var(--muted)}
.next-links span:last-child{align-self:flex-end;margin-top:auto;color:var(--accent-dark);font-size:23px}
.footer{background:#121728;color:#fff;padding-top:64px}
.footer-inner{display:flex;justify-content:space-between;align-items:start;gap:80px;padding-bottom:47px}
.footer-brand{font-size:25px;font-weight:850}
.footer p{color:#c1c6d0;margin:13px 0 0}
.footer .fine{max-width:530px;font-size:12px;color:#838fa5;margin-top:24px}
.footer nav{display:flex;flex-wrap:wrap;gap:13px 25px;max-width:500px}
.footer nav a{font-weight:650;font-size:14px;color:#d9dce4}
.footer nav a:hover{text-decoration:underline}
.legal{padding:18px 0 25px;border-top:1px solid rgba(255,255,255,.13);font-size:12px;color:#8d94a5}
@media(min-width:1500px){.home-intro{padding-block:99px 120px}.cover-mosaic{min-height:530px}.portal-image{height:285px}}
@media(max-width:1000px){.shell{width:min(var(--shell),calc(100% - 44px))}.topbar{gap:18px}.nav a{padding:10px}.home-intro{gap:34px}.cover-mosaic{min-height:390px}.portal-image{height:195px}.band-layout{gap:45px}.topic-layout{gap:35px}.story-card{padding:28px}.faq-section{gap:35px}}
@media(max-width:760px){.shell{width:calc(100% - 34px)}.topbar{min-height:73px}.brand{font-size:21px}.brand-mark{width:41px;height:41px}.menu-toggle{width:43px;height:43px;border:1px solid #d0d2d9;border-radius:11px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:transparent}.menu-toggle span{width:21px;height:2px;background:var(--ink);border-radius:3px}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);box-shadow:0 12px 18px #11152616;padding:14px 18px 21px;flex-direction:column;align-items:stretch;gap:3px}.nav.is-open{display:flex}.nav a{padding:11px 14px}.home-intro{grid-template-columns:1fr;padding-block:54px 65px;gap:46px}.intro-copy h1{font-size:clamp(40px,9vw,62px)}.intro-copy .lead{font-size:16.5px}.cover-mosaic{min-height:335px;max-width:500px;width:100%;margin-inline:auto}.section{padding-block:65px 75px}.portal-grid{grid-template-columns:1fr;max-width:560px;margin:auto}.portal-image{height:260px}.portal p{min-height:0}.band-layout{grid-template-columns:1fr;padding-block:65px;gap:42px}.band-visual{width:100%;height:290px}.quick-reads{grid-template-columns:1fr;gap:15px}.quick-reads a{padding-bottom:40px}.topic-layout{grid-template-columns:1fr;padding-block:43px 62px;gap:30px}.topic-copy h1{font-size:clamp(38px,8vw,58px)}.topic-visual{height:280px;max-width:560px;box-shadow:14px 14px 0 rgba(186,191,205,.4)}.topic-content{padding-block:60px}.article-grid{grid-template-columns:1fr}.faq-section{margin-top:65px;padding-top:47px;grid-template-columns:1fr;gap:20px}.next-links{grid-template-columns:1fr}.next-links a{min-height:130px}.footer-inner{flex-direction:column;gap:32px}}
@media(max-width:420px){.shell{width:calc(100% - 28px)}.brand{font-size:19px}.home-intro{padding-top:45px}.intro-copy h1{font-size:40px}.lead{line-height:1.8}.cta-row{align-items:stretch}.button{width:100%}.cover-mosaic{min-height:270px}.cover-large span{font-size:21px;left:18px;bottom:24px}.cover-small{margin-top:75px}.portal-image{height:205px}.topic-copy h1{font-size:37px}.topic-visual{height:220px}.story-card{padding:25px 22px}.story-card h3{font-size:21px}.section-heading h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}