/* 17c | editorial design system */
:root{--brand:#D9364F;--brand-dark:#B72C43;--muted-blue:#54718C;--ink:#20252D;--paper:#FAFAF8;--panel:#F0F2F4;--body:#252B33;--muted:#66717D;--line:#E4E7E9;--white:#fff;--radius:7px;--width:1200px;--ease:cubic-bezier(.2,.7,.2,1);font-family:system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-synthesis:none}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--body);background:var(--paper);font-size:15px;line-height:1.75}a{color:inherit;text-decoration:none}a:hover{color:var(--brand)}button{font:inherit}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.35;color:var(--ink);letter-spacing:-.035em}h1{font-weight:850}h2{font-weight:800}h3{font-weight:750}p{overflow-wrap:break-word}a,button{transition:color .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease)}:focus-visible{outline:3px solid #54718C;outline-offset:4px}.wrap{width:min(var(--width),calc(100% - 56px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:16px;background:var(--ink);color:white;padding:9px 16px;z-index:100}.skip-link:focus{top:15px;color:white}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:20}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0;color:var(--ink);font-weight:950;font-size:30px;letter-spacing:-.07em;line-height:1}.brand:hover{color:var(--ink)}.brand img{width:38px;height:38px;object-fit:contain}.brand-letter{color:var(--brand)}.brand small{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.02em;margin-left:14px;border-left:1px solid var(--line);padding-left:14px;line-height:1.4}.primary-nav{display:flex;align-items:center;gap:30px}.primary-nav a{font-weight:680;font-size:14px;color:#444E59;white-space:nowrap;padding:26px 0;border-bottom:3px solid transparent;line-height:1.35}.primary-nav a:hover,.primary-nav a[aria-current=page]{border-color:var(--brand);color:var(--brand)}.nav-toggle{display:none}
.masthead{padding:54px 60px 43px;margin-top:27px;background:var(--ink);color:white;display:grid;grid-template-columns:1.5fr .75fr;gap:24px;min-height:350px;overflow:hidden;position:relative;border-radius:var(--radius)}.masthead::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 83% 20%,rgba(217,54,79,.24),transparent 32%);pointer-events:none}.masthead-copy{position:relative;z-index:1;align-self:center}.eyebrow{font-size:12px;color:#F5BBC4;font-weight:730;letter-spacing:.09em}.eyebrow i{display:inline-block;background:var(--brand);width:7px;height:7px;border-radius:100%;vertical-align:middle;margin-right:8px}.masthead h1{font-size:clamp(28px,3.1vw,44px);color:white;margin:20px 0 15px;max-width:760px;letter-spacing:-.05em}.masthead h1 span{display:block;color:#DDE3E8;font-size:.58em;letter-spacing:-.025em;margin-top:10px;font-weight:570}.masthead p{font-size:15px;line-height:1.95;color:#B9C3CD;max-width:630px;margin-bottom:24px}.masthead-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.primary-button{background:var(--brand);border:1px solid var(--brand);color:#fff;padding:11px 21px;display:inline-flex;align-items:center;gap:12px;border-radius:3px;font-size:13px;font-weight:750;min-height:42px}.primary-button:hover{color:white;background:var(--brand-dark);border-color:var(--brand-dark)}.text-button{font-size:13px;font-weight:680;color:#E6ECEF}.text-button:hover{color:white}.masthead-mark{align-self:center;justify-self:center;position:relative;z-index:1;display:flex;align-items:end;gap:20px}.mark-lg{font-size:clamp(85px,12vw,155px);font-weight:950;line-height:1;letter-spacing:-.13em;color:white;white-space:nowrap}.mark-lg span{color:var(--brand)}.mark-line{width:2px;height:82px;background:#6D7683}.mark-caption{font-size:10px;letter-spacing:.24em;color:#9FAAB9;line-height:1.8;font-weight:800}
.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:35px;padding-block:40px 80px;align-items:start}.home-primary{min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:0 0 21px;padding-bottom:13px;border-bottom:2px solid var(--ink)}.section-heading h2{font-size:26px;margin:4px 0 0}.section-heading>a{color:var(--muted-blue);font-weight:720;font-size:12px;white-space:nowrap;margin-bottom:3px}.section-heading>a:hover{color:var(--brand)}.section-kicker{display:block;color:var(--brand);font-size:10px;letter-spacing:.12em;font-weight:900;line-height:1.6;text-transform:uppercase}
.story-card{display:grid;grid-template-columns:205px minmax(0,1fr);gap:21px;padding:20px 0;border-bottom:1px solid var(--line)}.story-card--feature{display:grid;grid-template-columns:1.03fr 1fr;gap:23px;padding:0 0 24px}.story-visual{display:block;overflow:hidden;background:var(--panel);border-radius:4px;align-self:stretch;min-height:132px}.story-image{width:100%;height:100%;aspect-ratio:1.55;object-fit:cover;transition:transform .4s var(--ease)}.story-visual:hover .story-image,.visual-image:hover img{transform:scale(1.035)}.story-card--feature .story-image{aspect-ratio:1.18}.story-copy{align-self:center;min-width:0}.story-meta{display:flex;gap:7px;color:var(--muted);font-size:11px;font-weight:700;margin-bottom:9px}.story-meta span:first-child{color:var(--brand)}.story-title{font-size:18px;margin:0 0 11px;line-height:1.48}.story-card--feature .story-title{font-size:24px;line-height:1.42}.story-summary{font-size:13px;color:var(--muted);line-height:1.95;margin:0 0 12px}.inline-link{font-size:12px;font-weight:760;color:var(--muted-blue)}.compact-news{margin-bottom:45px}.compact-item{display:grid;grid-template-columns:75px 1fr 100px;gap:12px;align-items:baseline;border-bottom:1px solid var(--line);padding:16px 0}.compact-item h3{font-size:14px;margin:0;font-weight:720;line-height:1.65}.tiny-category{font-size:10px;font-weight:850;color:var(--brand);white-space:nowrap}.tiny-date{font-size:11px;color:var(--muted);text-align:right;white-space:nowrap}
.video-section{margin-top:28px}.visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.visual-image{display:block;position:relative;background:var(--panel);overflow:hidden;border-radius:3px}.visual-image img{width:100%;aspect-ratio:16/10;transition:transform .4s var(--ease)}.corner-label{position:absolute;bottom:10px;left:10px;padding:3px 10px;background:rgba(32,37,45,.85);color:white;font-size:10px;font-weight:800}.visual-card h3{font-size:17px;line-height:1.52;margin:11px 0 7px}.visual-card p{font-size:12px;color:var(--muted);line-height:1.85;margin-bottom:0}.section-note{font-size:11px;color:var(--muted);margin:17px 0 0}.dialogue-section{margin-top:49px}.dialogue-item{display:flex;gap:19px;border-bottom:1px solid var(--line);padding:15px 0 23px}.dialogue-bullet{width:42px;height:42px;display:grid;place-items:center;background:#F9E7EA;color:var(--brand);border-radius:5px;flex-shrink:0;font-size:18px}.dialogue-item h3{font-size:17px;margin:4px 0 7px}.dialogue-item p{font-size:12px;color:var(--muted);margin:0}
.home-aside{display:grid;gap:22px}.aside-card{background:white;border:1px solid var(--line);padding:24px 23px;border-radius:4px}.aside-card h2{font-size:19px;margin:5px 0 15px}.aside-card p{font-size:12px;line-height:1.9;color:#4D5967}.domain-card p strong{overflow-wrap:anywhere;color:var(--ink)}.domain-current{background:var(--panel);border-left:3px solid var(--brand);padding:11px 12px;margin:19px 0}.domain-current small{display:block;color:var(--muted);font-size:10px}.domain-current strong{display:block;font-size:13px;overflow-wrap:anywhere;color:var(--ink)}.aside-card .aside-fine{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;margin-bottom:0}.quick-links a{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:13px 0;border-bottom:1px solid var(--line)}.quick-links a:last-child{border:0;padding-bottom:2px}.quick-links a strong{font-size:13px}.quick-links a span{grid-column:1;font-size:11px;line-height:1.75;color:var(--muted)}.quick-links a em{grid-column:2;grid-row:1 / span 2;align-self:center;color:var(--brand);font-style:normal}.aside-dark{background:var(--ink);color:white;padding:24px 23px;border-top:4px solid var(--brand);border-radius:3px}.aside-dark>span{color:#FF8999;font-weight:850;font-size:10px;letter-spacing:.15em}.aside-dark p{font-size:17px;line-height:1.65;font-weight:730;margin:15px 0 22px}.aside-dark a{font-size:12px;color:#F5BDC6;font-weight:700}
.inner-main{padding-block:24px 80px;min-height:70vh}.breadcrumbs{display:flex;gap:11px;align-items:center;color:var(--muted);font-size:12px;margin-bottom:32px;flex-wrap:wrap}.breadcrumbs a{color:var(--muted-blue)}.category-hero{padding:34px 40px 37px;border-top:4px solid var(--brand);background:var(--panel);margin-bottom:39px}.category-hero h1{font-size:38px;margin:9px 0}.category-hero p{font-size:15px;max-width:660px;line-height:1.95;color:#566475;margin:0}.category-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:42px}.category-list .story-card:first-of-type{padding-top:0}.number-count{font-size:12px;color:var(--muted)}.category-aside{border-left:1px solid var(--line);padding-left:25px}.category-aside h2{font-size:18px;border-bottom:2px solid var(--ink);padding-bottom:12px}.category-aside a{display:block;border-bottom:1px solid var(--line);padding:12px 0}.category-aside a b{display:block;font-size:14px}.category-aside a span{display:block;font-size:12px;color:var(--muted);margin-top:5px;line-height:1.8}
.reading-grid{display:grid;grid-template-columns:minmax(0,780px) minmax(210px,1fr);gap:56px}.longread{min-width:0}.article-head{margin-bottom:25px}.article-tag{background:var(--brand);color:white;font-size:11px;font-weight:850;padding:4px 9px;display:inline-block;margin-bottom:18px}.article-head h1{font-size:clamp(27px,3vw,40px);line-height:1.39;margin:0 0 20px;max-width:790px}.article-deck{font-size:17px;line-height:1.95;color:#506070;margin-bottom:20px}.article-byline{display:flex;gap:10px;color:var(--muted);font-size:12px;border-top:1px solid var(--line);padding-top:15px}.article-cover{margin:0 0 29px}.article-cover img{width:100%;aspect-ratio:16/8.8;background:var(--panel)}.article-cover figcaption{font-size:11px;color:var(--muted);margin-top:7px}.article-body{font-size:16px;line-height:2.07;letter-spacing:.01em}.article-body .lede{font-size:17px;font-weight:550;line-height:2;color:var(--ink);margin-bottom:30px}.article-body h2{font-size:24px;margin:38px 0 18px;padding-left:14px;border-left:4px solid var(--brand)}.article-body h3{font-size:19px;margin:27px 0 13px}.article-body p{margin:0 0 20px}.article-body ul{margin:15px 0 26px;padding-left:27px}.article-body li{padding-left:3px;margin-bottom:10px}.article-body li::marker{color:var(--brand)}.article-body blockquote{margin:29px 0;background:var(--panel);border-left:4px solid var(--muted-blue);padding:21px 24px;font-size:17px;font-weight:630;line-height:1.85;color:#405165}.article-end{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#fff;border:1px solid var(--line);padding:20px 24px;margin-top:42px}.article-end strong{font-size:13px}.article-end p{font-size:11px;color:var(--muted);margin:3px 0 0}.article-end>a{font-weight:800;font-size:12px;white-space:nowrap;color:var(--brand)}.sticky-reading{position:sticky;top:24px;border-top:3px solid var(--ink);padding-top:17px}.sticky-reading h2{font-size:20px;margin:5px 0 16px}.related-item{display:block;border-bottom:1px solid var(--line);padding:15px 0}.related-item small{display:block;color:var(--brand);font-size:10px;font-weight:800;margin-bottom:5px}.related-item strong{font-size:14px;line-height:1.6;display:block}.home-return{display:inline-block;margin-top:25px;font-size:12px;color:var(--muted-blue);font-weight:800}
.error-page{text-align:center;padding-block:95px 130px}.error-num{font-weight:950;font-size:130px;color:#F1D9DE;line-height:1}.error-page h1{font-size:29px;margin:18px 0 13px}.error-page p{font-size:14px;color:var(--muted);margin-bottom:25px}.error-topics{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:31px}.error-topics a{color:var(--muted-blue);font-size:13px;font-weight:700}
.site-footer{border-top:1px solid var(--line);background:#fff}.footer-main{display:flex;justify-content:space-between;gap:38px;padding-block:43px 32px}.footer-brand{font-size:36px;letter-spacing:-.07em;font-weight:950;color:var(--ink);line-height:1}.footer-brand span{color:var(--brand)}.footer-main p{font-size:12px;color:var(--muted);margin:10px 0 0}.footer-links{display:flex;align-items:start;gap:20px;flex-wrap:wrap}.footer-links a{font-size:12px;font-weight:650;color:#46515E}.footer-bottom{border-top:1px solid var(--line);display:flex;gap:23px;align-items:center;padding-block:18px;color:var(--muted);font-size:11px}.footer-bottom .back-top{margin-left:auto;color:var(--muted-blue)}
@media(max-width:1080px){.masthead{padding-inline:40px}.home-layout{grid-template-columns:minmax(0,1fr) 268px;gap:25px}.primary-nav{gap:18px}.brand small{display:none}.story-card--feature{grid-template-columns:1fr}.story-card--feature .story-image{aspect-ratio:16/7}.category-layout{gap:25px;grid-template-columns:minmax(0,1fr) 245px}.reading-grid{gap:35px;grid-template-columns:minmax(0,1fr) 225px}}
@media(max-width:760px){.wrap{width:min(var(--width),calc(100% - 32px))}.header-inner{min-height:67px}.brand{font-size:27px}.brand img{width:32px;height:32px}.nav-toggle{display:flex;width:43px;height:42px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);background:white;border-radius:4px;cursor:pointer}.nav-toggle span{width:19px;height:2px;background:var(--ink);display:block}.primary-nav{display:none;position:absolute;left:0;right:0;top:100%;background:white;border-bottom:1px solid var(--line);padding:10px 16px 19px;box-shadow:0 12px 15px rgba(24,30,40,.08);gap:0;flex-direction:column;align-items:stretch}.primary-nav.is-open{display:flex}.primary-nav a{padding:13px 7px;border-bottom:1px solid var(--line)}.primary-nav a[aria-current=page]{border-bottom-color:var(--brand)}.masthead{margin-top:16px;padding:30px 25px 32px;display:block;min-height:0}.masthead-mark{position:absolute;right:22px;top:17px;opacity:.18}.mark-lg{font-size:110px}.mark-line,.mark-caption{display:none}.masthead h1{font-size:31px;position:relative}.masthead h1 span{font-size:.56em}.masthead p{font-size:13px;max-width:560px}.home-layout{grid-template-columns:1fr;padding-top:30px;padding-bottom:55px}.home-aside{grid-template-columns:1fr 1fr;gap:14px}.home-aside .domain-card{grid-column:1 / -1}.aside-card{padding:21px}.aside-dark{padding:22px}.category-hero{padding:25px}.category-hero h1{font-size:30px}.category-layout{grid-template-columns:1fr}.category-aside{border:0;border-top:1px solid var(--line);padding:25px 0 0}.reading-grid{grid-template-columns:1fr}.reading-aside{border-top:1px solid var(--line);padding-top:23px}.sticky-reading{position:static}.footer-main{display:block}.footer-links{margin-top:25px}.footer-bottom{flex-wrap:wrap;gap:12px}}
@media(max-width:520px){.masthead{padding:26px 20px 28px}.masthead h1{font-size:27px}.masthead p{line-height:1.85}.section-heading h2{font-size:22px}.section-heading>a{max-width:120px;text-align:right;white-space:normal;line-height:1.5}.story-card--feature{gap:15px}.story-card--feature .story-title{font-size:21px}.story-card{grid-template-columns:118px 1fr;gap:13px;padding:18px 0}.story-card .story-title{font-size:15px;line-height:1.5}.story-card--feature{display:block}.story-card--feature .story-visual{margin-bottom:15px}.story-card:not(.story-card--feature) .story-summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.7;font-size:11px}.story-card:not(.story-card--feature) .inline-link{display:none}.story-card:not(.story-card--feature) .story-visual{min-height:110px}.story-card:not(.story-card--feature) img{height:100%;aspect-ratio:1.08}.compact-item{grid-template-columns:1fr auto;gap:4px 8px}.compact-item .tiny-category{grid-column:1 / -1}.compact-item h3{font-size:13px}.compact-item .tiny-date{font-size:10px;align-self:end}.visual-grid{gap:15px}.visual-card h3{font-size:15px}.visual-card p{font-size:11px}.home-aside{grid-template-columns:1fr}.home-aside .domain-card{grid-column:auto}.article-head h1{font-size:26px}.article-deck{font-size:15px}.article-body{font-size:15px;line-height:2}.article-body .lede{font-size:16px}.article-body h2{font-size:21px}.article-body h3{font-size:17px}.article-end{display:block}.article-end>a{display:inline-block;margin-top:12px}.error-num{font-size:94px}.footer-links{gap:12px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}