:root{--navy:#1F2A44;--blue:#3A4F7A;--ink:#111827;--bg:#F7F8FA;--soft:#EEF1F5;--text:#1F2937;--muted:#6B7280;--accent:#F59E0B;--white:#fff;--radius:22px;--shadow:0 18px 50px rgba(17,24,39,.09);--shell:min(1180px,calc(100% - 40px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:8px;z-index:99;background:var(--ink);color:#fff;padding:10px 14px;border-radius:8px}.skip-link:focus{left:8px}.site-header{position:sticky;top:0;z-index:40;background:rgba(247,248,250,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(31,42,68,.08)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--navy)}.brand img{width:44px;height:44px;object-fit:cover;border-radius:13px}.site-nav{display:flex;align-items:center;gap:8px}.site-nav a{padding:10px 14px;border-radius:999px;color:#475569;font-weight:650}.site-nav a:hover,.site-nav a.is-active{background:#fff;color:var(--navy);box-shadow:0 6px 20px rgba(31,42,68,.08)}.menu-toggle{display:none;border:0;background:var(--navy);color:#fff;padding:9px 13px;border-radius:10px}.hero-section{padding:48px 0 24px;background:linear-gradient(180deg,#eef1f5 0,#f7f8fa 100%)}.hero-layout{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}.hero-copy h1,.subhero h1,.detail-hero h1{font-size:clamp(2.5rem,5vw,5.25rem);line-height:1.04;margin:12px 0 20px;color:var(--ink);letter-spacing:-.04em}.hero-copy h1{max-width:8ch}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:800;color:var(--blue)}.lead{font-size:1.12rem;color:#475569;max-width:66ch}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:12px;font-weight:750}.button.primary{background:var(--navy);color:#fff}.button.secondary{background:#fff;color:var(--navy);border:1px solid #d7dde7}.button.light{background:#fff;color:var(--ink)}.button.full{width:100%;margin-top:16px}.hero-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:34px 0 0}.hero-facts div{background:#fff;border:1px solid #e5e9ef;border-radius:16px;padding:14px 16px}.hero-facts dt,.detail-facts dt{font-size:.78rem;color:var(--muted)}.hero-facts dd,.detail-facts dd{margin:4px 0 0;font-weight:750;color:var(--ink)}.hero-visual{position:relative}.hero-visual img{aspect-ratio:4/3;width:100%;object-fit:cover;border-radius:30px;box-shadow:var(--shadow)}.hero-caption{position:absolute;left:22px;right:22px;bottom:22px;background:rgba(17,24,39,.86);color:#fff;border-radius:16px;padding:14px 16px;backdrop-filter:blur(10px)}.hero-caption span{display:block;font-size:.78rem;color:#d1d5db}.hero-caption strong{font-size:1.02rem}.section{padding:58px 0}.section-heading{margin-bottom:24px}.split-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.section-heading h2,.quality-band h2,.panel h2,.prose h2,.editorial-list h2{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.2;color:var(--ink);margin:8px 0}.section-heading p{margin:8px 0 0;color:var(--muted)}.text-link{font-weight:750;color:var(--blue);text-decoration:underline;text-underline-offset:4px}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.media-card{background:#fff;border:1px solid #e5e9ef;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(17,24,39,.045)}.media-cover{position:relative;display:block;background:#dfe5ed}.media-cover img{width:100%;aspect-ratio:16/10;object-fit:cover}.media-state{position:absolute;top:12px;right:12px;background:rgba(17,24,39,.84);color:#fff;padding:5px 9px;border-radius:999px;font-size:.76rem;font-weight:750}.media-body{padding:18px}.media-kicker{font-size:.78rem;font-weight:750;color:var(--blue)}.media-body h3{margin:5px 0 8px;font-size:1.15rem;color:var(--ink)}.media-body h3 a:hover{text-decoration:underline}.media-body p{margin:0 0 14px;color:#5b6472;font-size:.94rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tag-row{display:flex;gap:7px;flex-wrap:wrap}.tag-row span{background:var(--soft);color:#556070;padding:4px 8px;border-radius:999px;font-size:.74rem}.tag-row.large span{padding:7px 11px}.tag-row .accent{background:#fff3d6;color:#9a5d00}.quality-band{background:var(--navy);color:#fff;padding:48px 0}.quality-band.compact{padding:38px 0}.quality-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.quality-band h2{color:#fff}.quality-band p{color:#d8deea}.quality-band .eyebrow{color:#cbd5e1}.quality-actions{display:grid;gap:12px}.quality-actions a{display:block;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);padding:18px;border-radius:16px}.quality-actions strong,.quality-actions span{display:block}.quality-actions span{color:#cfd6e2;font-size:.9rem;margin-top:4px}.two-column-showcase{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:#fff;border:1px solid #e5e9ef;border-radius:22px;padding:24px}.dark-panel{background:var(--ink);color:#fff}.dark-panel h2{color:#fff}.compact-list{display:grid}.compact-list a{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid #e8ebf0}.compact-list strong,.compact-list small{display:block}.compact-list small{color:var(--muted);margin-top:3px}.compact-list em{font-style:normal;font-size:.78rem;color:var(--blue);white-space:nowrap}.spot-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.spot-row img{width:72px;height:54px;object-fit:cover;border-radius:10px}.spot-row strong,.spot-row small{display:block}.spot-row small{color:#c5cbd5}.type-ribbon{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.type-ribbon a{background:#fff;border-radius:18px;padding:22px;border:1px solid #e5e9ef}.type-ribbon span{font-size:.78rem;font-weight:800;color:var(--blue)}.type-ribbon strong{display:block;font-size:1.2rem;margin:5px 0}.type-ribbon small{color:var(--muted)}.site-footer{background:#e9edf2;margin-top:30px;padding:38px 0 20px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.footer-grid p{max-width:62ch;color:#5c6674}.footer-grid nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.footer-grid nav a{font-weight:700;color:var(--navy)}.footer-note{border-top:1px solid #d5dbe4;margin-top:25px;padding-top:18px;color:var(--muted);font-size:.85rem}.subhero{padding:38px 0 12px}.breadcrumbs{display:flex;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:.85rem;margin-bottom:24px}.breadcrumbs a{color:var(--blue)}.subhero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;background:var(--soft);padding:34px;border-radius:26px}.subhero h1{font-size:clamp(2.2rem,4vw,4.5rem);max-width:12ch}.subhero-grid img{aspect-ratio:16/10;width:100%;object-fit:cover;border-radius:20px}.filter-strip{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filter-strip button{border:1px solid #dce1e8;background:#fff;color:#4b5563;border-radius:999px;padding:8px 13px;cursor:pointer}.filter-strip button.is-active{background:var(--navy);color:#fff;border-color:var(--navy)}.note-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.note-grid article{padding:26px;border-radius:20px;background:#fff;border:1px solid #e5e9ef}.note-grid h2{margin-top:0}.inline-links{display:flex;gap:10px;flex-wrap:wrap}.inline-links a{font-weight:750;color:var(--blue);background:var(--soft);padding:7px 10px;border-radius:9px}.editorial-list{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:14px}.editorial-list>div{background:#fff;border:1px solid #e5e9ef;border-radius:16px;padding:18px}.editorial-list>div strong{color:var(--ink)}.editorial-list>div p{color:var(--muted);margin-bottom:0}.detail-hero{padding:38px 0 12px}.detail-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:38px;align-items:center;background:#fff;border:1px solid #e5e9ef;padding:24px;border-radius:26px}.detail-layout>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px}.detail-hero h1{font-size:clamp(2.3rem,4vw,4.2rem)}.detail-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.detail-facts div{background:var(--soft);padding:12px 14px;border-radius:12px}.prose{max-width:900px}.prose p{font-size:1.05rem;color:#465160}.compact-grid{grid-template-columns:repeat(4,1fr)}.search-hero{display:grid;grid-template-columns:1fr .9fr;gap:36px;align-items:end}.search-hero h1{max-width:none}.search-form{background:#fff;border:1px solid #e5e9ef;border-radius:18px;padding:18px}.search-form label{display:block;font-weight:750;margin-bottom:8px}.search-form>div{display:flex;gap:8px}.search-form input{flex:1;min-width:0;border:1px solid #ccd3dd;border-radius:10px;padding:11px 12px}.search-form button{border:0;background:var(--navy);color:#fff;border-radius:10px;padding:0 16px;font-weight:750}.empty-state,.not-found{background:#fff;border:1px solid #e5e9ef;border-radius:22px;padding:34px;text-align:center}.empty-state .inline-links,.not-found .hero-actions{justify-content:center}
@media (max-width:980px){.site-nav{display:none;position:absolute;top:70px;left:20px;right:20px;background:#fff;border-radius:16px;padding:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.site-nav.is-open{display:flex}.site-nav a{border-radius:10px}.menu-toggle{display:block}.hero-layout,.quality-layout,.subhero-grid,.detail-layout,.search-hero{grid-template-columns:1fr}.media-grid,.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-grid{grid-template-columns:repeat(2,1fr)}.editorial-list{grid-template-columns:1fr 1fr}.editorial-list>h2{grid-column:1/-1}.hero-copy h1{max-width:11ch}.hero-visual img{aspect-ratio:16/9}}
@media (max-width:700px){:root{--shell:min(100% - 28px,1180px)}.header-inner{min-height:68px}.brand span{font-size:.94rem}.hero-section{padding-top:28px}.hero-layout{gap:26px}.hero-copy h1,.subhero h1,.detail-hero h1{font-size:2.4rem}.hero-facts,.two-column-showcase,.type-ribbon,.note-grid,.footer-grid,.editorial-list,.detail-facts{grid-template-columns:1fr}.media-grid,.featured-grid,.compact-grid{grid-template-columns:1fr}.split-heading{align-items:flex-start;flex-direction:column}.section{padding:42px 0}.subhero-grid{padding:22px}.quality-band{padding:38px 0}.search-form>div{flex-direction:column}.search-form button{min-height:44px}.footer-grid nav{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}