@charset "UTF-8";
:root{--ink:#232429;--muted:#62636b;--line:#e6e6e9;--paper:#fff;--soft:#f5f6f7;--rose:#d63158;--teal:#147d79;--gold:#896200;--dark:#17181c;--header:76px;color-scheme:light}
*{box-sizing:border-box;letter-spacing:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 20px)}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.85 "Microsoft YaHei","PingFang SC",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body.dialog-open{overflow:hidden}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{line-height:1.5;overflow-wrap:anywhere}
ul,ol{padding-left:22px}
a{color:inherit;text-decoration:none;overflow-wrap:anywhere}
a:hover{color:var(--rose)}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
button,a,input,select,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
[hidden]{display:none!important}
img{display:block;max-width:100%;height:auto}
svg{display:block;width:20px;height:20px;flex:none}
.wrap{width:min(1220px,calc(100% - 56px));margin-inline:auto}
.skip-link{position:fixed;top:-80px;left:20px;z-index:200;background:white;padding:10px 20px}
.skip-link:focus{top:10px}
.site-header{height:var(--header);position:sticky;top:0;z-index:30;background:white;border-bottom:1px solid var(--line)}
.header-inner{height:100%;display:flex;align-items:center;gap:36px}
.brand{display:flex;gap:10px;align-items:center;flex:none;font-size:23px;font-weight:800;line-height:1.4}
.brand img{width:40px;height:40px;object-fit:contain}
.main-nav{display:flex;gap:26px;align-items:center;margin-left:auto;font-size:15px;font-weight:600}
.main-nav a{padding:21px 0;white-space:nowrap;border-bottom:3px solid transparent}
.main-nav a[aria-current="page"]{color:var(--rose);border-color:var(--rose)}
.header-tools{display:flex;align-items:center;gap:12px}
.icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:6px;background:transparent;flex:none}
.icon-button:hover{color:var(--rose);background:var(--soft)}
.nav-toggle{display:none}
.nav-toggle .close-icon{display:none}
.nav-toggle[aria-expanded="true"] .menu-icon{display:none}
.nav-toggle[aria-expanded="true"] .close-icon{display:block}
.topic-bar{border-bottom:1px solid var(--line);background:var(--soft)}
.topic-inner{display:flex;align-items:center;gap:22px;min-height:53px}
.topic-label{font-size:13px;color:var(--muted);flex:none}
.topic-links{display:flex;gap:24px;font-size:14px;flex-wrap:wrap;padding-block:12px}
.topic-links a[aria-current="page"]{color:var(--rose);font-weight:700}
.hero{position:relative;isolation:isolate;min-height:355px;color:white;background:var(--dark);overflow:hidden}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.hero::before{content:"";position:absolute;inset:0;background:rgba(15,16,20,.56);z-index:-1}
.hero-inner{padding-block:52px 56px}
.kicker{font-size:13px;font-weight:700;color:var(--teal);display:block;margin-bottom:12px}
.hero .kicker{color:#f7cf62}
.hero h1{font-size:48px;font-weight:800}
.hero-subtitle{font-size:25px;font-weight:600;margin-top:8px}
.hero p{max-width:580px;margin-top:15px;color:#f3f3f5;font-size:16px}
.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:24px;font-size:15px}
.button{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:42px;padding:9px 18px;border-radius:6px;background:var(--rose);color:white;font-size:15px;font-weight:600;border:1px solid var(--rose)}
.button:hover{background:#b72145;color:white}
.button.outline{border-color:var(--line);background:white;color:var(--ink)}
.button.outline:hover{color:var(--rose)}
.hero .quiet-link{color:white;border-bottom:1px solid #aaa;padding-block:2px}
.section{padding-block:48px}
.section.soft{background:var(--soft)}
.section.dark{background:var(--dark);color:white}
.section.dark p{color:#c1c3cb}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}
.section-head h2{font-size:28px}
.section-head p{color:var(--muted);margin-top:7px;max-width:720px}
.more-link{flex:none;color:var(--rose);font-size:14px;font-weight:600;border-bottom:1px solid #edccd4;padding-block:3px}
.poster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}
.poster-item{min-width:0}
.poster-media{position:relative;background:#eceef1;aspect-ratio:9/16;width:100%;max-height:350px;display:block;border:0;padding:0;overflow:hidden;border-radius:6px}
.poster-media img{width:100%;height:100%;object-fit:contain;background:#151619}
.poster-media .zoom{position:absolute;bottom:10px;right:10px;background:white;color:var(--ink);display:grid;place-items:center;width:32px;height:32px;border-radius:4px;opacity:0;transition:opacity .15s}
.poster-media:hover .zoom,.poster-media:focus-visible .zoom{opacity:1}
.poster-item h3{font-size:16px;margin-top:12px}
.poster-item p{font-size:14px;color:var(--muted);margin-top:4px}
.editor-note{font-size:14px;color:var(--muted);margin-top:20px}
.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.category-tile{border:1px solid var(--line);border-radius:6px;padding:21px;background:white;min-width:0;transition:border-color .15s}
.category-tile:hover{border-color:var(--rose)}
.category-number{font-size:12px;color:var(--muted);font-weight:600}
.category-tile h3{font-size:21px;margin-top:4px}
.category-tile p{font-size:14px;margin-top:8px;color:var(--muted)}
.tone-rose h3{color:var(--rose)}
.tone-teal h3{color:var(--teal)}
.tone-gold h3{color:var(--gold)}
.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 34px}
.article-item{display:grid;grid-template-columns:154px minmax(0,1fr);gap:19px;padding-bottom:25px;border-bottom:1px solid var(--line);min-width:0}
.article-image{aspect-ratio:3/2;overflow:hidden;border-radius:4px;align-self:start;background:#e8e9ec}
.article-image img{width:100%;height:100%;object-fit:cover}
.article-item .meta{font-size:12px;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.article-item h3{font-size:18px;font-weight:700}
.article-item p{font-size:14px;color:var(--muted);margin-top:8px;line-height:1.75}
.prose-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px}
.prose-layout h2{font-size:28px}
.prose-layout .side-label{color:var(--muted);font-size:14px;margin-top:12px}
.prose h2{font-size:24px;margin-top:32px}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:19px;margin-top:24px}
.prose p{margin-top:13px;color:#50515b;line-height:1.95}
.prose a{color:var(--teal);text-decoration:underline;text-underline-offset:4px}
.prose li{color:#50515b;margin-block:9px}
.breadcrumb{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted);padding-block:22px}
.breadcrumb svg{width:13px;height:13px}
.page-intro{padding-bottom:35px;border-bottom:1px solid var(--line)}
.page-intro h1{font-size:36px}
.page-intro p{max-width:920px;color:var(--muted);margin-top:15px}
.page-intro .published{font-size:13px;margin-top:16px}
.page-inner{padding-bottom:52px}
.read-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:65px;align-items:start;margin-top:36px}
.read-main{min-width:0}
.read-aside{border-left:1px solid var(--line);padding-left:25px;position:sticky;top:calc(var(--header) + 30px)}
.read-aside h2{font-size:18px;margin-bottom:16px}
.read-aside a{display:block;font-size:15px;padding-block:12px;border-bottom:1px solid var(--line)}
.read-aside p{font-size:14px;color:var(--muted);margin-top:22px}
.lead-figure{margin-bottom:29px}
.lead-figure img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--soft);border-radius:4px}
.lead-figure figcaption{font-size:12px;color:var(--muted);padding-top:6px}
.direction-list{display:flex;gap:13px;flex-wrap:wrap;margin:24px 0;font-size:14px;color:var(--teal)}
.direction-list span{padding:5px 0;border-bottom:2px solid #c9e0de}
.related{border-top:1px solid var(--line);margin-top:34px;padding-top:24px}
.related h2{font-size:20px}
.related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:16px}
.related-links a{font-size:16px;color:var(--teal)}
.related-links small{display:block;font-size:13px;color:var(--muted);margin-top:4px}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{display:flex;align-items:center;gap:20px;justify-content:space-between;list-style:none;padding:20px 0;cursor:pointer;font-size:17px;font-weight:600}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary span{min-width:0}
.faq-item summary svg{transition:transform .15s}
.faq-item[open] summary svg{transform:rotate(180deg)}
.faq-answer{color:var(--muted);padding:0 40px 22px 0;font-size:16px}
.faq-answer a{color:var(--teal);text-decoration:underline}
.faq-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:55px}
.faq-layout h2{font-size:28px}
.faq-layout>div>p{color:var(--muted);font-size:15px;margin-top:14px}
.filter-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}
.search-field{display:flex;align-items:center;gap:10px;border:1px solid #cfd0d5;border-radius:6px;padding:0 13px;min-height:46px;flex:1;max-width:460px;background:white}
.search-field svg{color:var(--muted)}
.search-field input{min-width:0;flex:1;outline:none;border:0;background:transparent;font-size:15px;padding:10px 0;width:100%}
.search-field:focus-within{outline:2px solid var(--teal);outline-offset:2px}
.search-clear{border:0;background:transparent;padding:4px;color:var(--muted);display:flex}
.filter-toolbar label{font-size:14px;color:var(--muted)}
.filter-toolbar select{height:46px;max-width:190px;border:1px solid #cfd0d5;border-radius:6px;background:white;padding:8px 34px 8px 12px;font-size:15px}
.result-count{font-size:14px;color:var(--muted);margin-left:auto}
.empty-state{text-align:center;padding:50px 20px;background:var(--soft)}
.empty-state svg{margin:0 auto 10px;width:30px;height:30px;color:var(--muted)}
.empty-state p{color:var(--muted);margin:12px 0 20px}
.empty-state h2{font-size:22px}
.entry-lines{margin-top:24px;border-top:1px solid var(--line)}
.entry-line{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}
.entry-line h3{font-size:16px;margin:0}
.entry-line p{margin:0}
.notice{border-left:3px solid var(--teal);padding-left:20px;margin-block:25px}
.notice p{margin-top:0}
.site-footer{background:var(--dark);color:#fafafa;padding:40px 0 24px}
.footer-top{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:40px}
.footer-brand{font-size:23px;font-weight:700}
.site-footer h2{font-size:15px;color:#fff;margin-bottom:12px}
.site-footer p{font-size:14px;color:#adb0b8;max-width:330px;margin-top:12px}
.footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 15px;font-size:14px;color:#c4c6ce}
.footer-bottom{display:flex;align-items:center;gap:22px;justify-content:space-between;border-top:1px solid #37383e;margin-top:28px;padding-top:18px;color:#aeb1b8;font-size:12px}
.footer-bottom p{margin:0;max-width:850px;font-size:12px}
.site-footer .icon-button{color:white;border-color:#45464b}
.site-footer .icon-button:hover{color:var(--rose);background:#303137}
.image-dialog{width:min(900px,calc(100% - 32px));max-height:calc(100dvh - 32px);border:0;border-radius:6px;padding:18px;background:#16171c;color:white;overflow:auto}
.image-dialog::backdrop{background:rgba(0,0,0,.8)}
.dialog-header{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:12px}
.dialog-header h2{font-size:18px}
.dialog-header .icon-button{color:white;border-color:#55565b}
.dialog-header .icon-button:hover{background:#33343a}
.dialog-controls{display:flex;gap:8px}
.dialog-image{width:100%;height:min(68dvh,700px);object-fit:contain}
.image-dialog figcaption{color:#c8c9d0;font-size:14px;text-align:center;margin-top:10px}
.error-main{padding-block:80px 110px;text-align:center}
.error-code{font:800 100px/1.2 Arial,sans-serif;color:var(--rose)}
.error-main h1{font-size:30px;margin-top:16px}
.error-main p{color:var(--muted);margin-top:15px}
.error-links{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:25px}
@media(min-width:1700px){.hero{min-height:375px}.hero-inner{padding-block:60px}.hero-photo{object-position:center 53%}}
@media(max-width:1060px){.header-inner{gap:20px}.main-nav{gap:18px}.read-layout{gap:35px;grid-template-columns:minmax(0,1fr) 240px}.article-item{grid-template-columns:120px minmax(0,1fr)}.prose-layout{gap:32px;grid-template-columns:220px 1fr}.topic-links{gap:18px}.category-tile{padding:16px}.poster-media{max-height:310px}}
@media(max-width:850px){:root{--header:66px}.wrap{width:calc(100% - 40px)}.brand{font-size:21px}.nav-toggle{display:inline-flex}.header-tools{margin-left:auto}.main-nav{display:none;position:absolute;left:0;right:0;top:var(--header);margin:0;padding:12px 20px;background:white;box-shadow:0 15px 20px rgba(0,0,0,.08);border-bottom:1px solid var(--line);gap:0;flex-wrap:wrap}.main-nav.is-open{display:flex}.main-nav a{width:33.33%;padding:12px 8px;white-space:normal;border:0}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.poster-grid{gap:15px}.poster-media{max-height:270px}.hero h1{font-size:40px}.hero-subtitle{font-size:23px}.read-layout{grid-template-columns:1fr;gap:35px}.read-aside{position:static;padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:24px}.read-aside a{display:inline-block;margin-right:25px}.read-aside p{margin-top:15px}.prose-layout,.faq-layout{grid-template-columns:1fr;gap:25px}.prose-layout h2{font-size:25px}.article-item{grid-template-columns:106px minmax(0,1fr);gap:14px}.article-item h3{font-size:17px}.page-intro h1{font-size:32px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}.footer-top p{max-width:650px}.result-count{width:100%;margin-left:0}.topic-label{display:none}.topic-links{gap:9px 23px}}
@media(max-width:580px){.wrap{width:calc(100% - 32px)}.section{padding-block:34px}.topic-links{font-size:13px;gap:7px 20px;padding-block:10px}.hero{min-height:335px}.hero-inner{padding-block:35px}.hero h1{font-size:34px}.hero-subtitle{font-size:20px;margin-top:9px}.hero p{font-size:15px;line-height:1.85;max-width:440px}.hero-actions{gap:20px;margin-top:22px}.hero-photo{object-position:55% center}.section-head{align-items:start;gap:16px}.section-head h2{font-size:23px}.section-head p{font-size:15px}.section-head .more-link{font-size:13px;white-space:nowrap;margin-top:8px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.poster-media{max-height:none}.poster-item h3{font-size:15px}.poster-item p{font-size:13px}.category-grid{gap:12px}.category-tile h3{font-size:20px}.category-tile p{font-size:13px}.article-grid{grid-template-columns:1fr;gap:24px}.article-item{grid-template-columns:105px minmax(0,1fr);gap:15px;padding-bottom:20px}.article-item h3{font-size:17px}.article-item p{font-size:14px}.article-item .meta{font-size:12px;gap:8px}.prose-layout h2,.faq-layout h2{font-size:24px}.prose h2{font-size:21px}.prose p{font-size:16px}.page-intro h1{font-size:28px}.page-intro p{font-size:16px}.page-intro{padding-bottom:25px}.read-layout{margin-top:25px}.breadcrumb{font-size:12px;padding-block:16px}.read-aside a{font-size:14px}.faq-item summary{font-size:16px;padding-block:18px;gap:15px}.faq-answer{padding-right:5px;font-size:15px}.related-links{grid-template-columns:1fr;gap:18px}.filter-toolbar{gap:12px}.search-field{min-width:100%;max-width:none}.filter-toolbar select{flex:1}.entry-line{grid-template-columns:1fr;gap:6px}.footer-top{gap:28px}.site-footer{padding-top:32px}.footer-bottom{gap:16px;align-items:flex-start}.image-dialog{padding:12px}.dialog-header{gap:10px}.dialog-header h2{font-size:15px}.dialog-header .icon-button{width:34px;height:34px}.dialog-controls{gap:5px}.dialog-image{height:62dvh}.error-code{font-size:85px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}