:root{--ink:#17202e;--muted:#647083;--dark:#101827;--navy:#1b2840;--warm:#d9a77b;--accent:#f1b67c;--paper:#f8f7f3;--panel:#fff;--line:#e6e6e3;--cool:#ecf0f3;--radius:18px;--container:1200px;--shadow:0 28px 65px rgba(20,27,40,.07)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #c06c37;outline-offset:4px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.28;letter-spacing:-.035em}h1{font-size:clamp(2.5rem,5vw,4.8rem);font-weight:770}h2{font-size:clamp(1.7rem,3vw,2.6rem);font-weight:720}h3{font-size:1.24rem;font-weight:700}p{line-height:1.95}em{font-style:normal;color:var(--warm)}.site-shell{max-width:1600px;margin:auto}.site-header{max-width:var(--container);margin:0 auto;min-height:110px;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand-lockup{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-icon{width:49px;height:49px;display:grid;place-items:center;border-radius:14px;background:var(--dark);color:var(--accent);font-size:22px;font-weight:800}.brand-lockup strong{display:block;font-size:23px;letter-spacing:.06em;line-height:1.3}.brand-lockup small{display:block;font-size:11px;letter-spacing:.19em;color:var(--muted)}.site-nav{display:flex;gap:5px;align-items:center}.site-nav a{padding:10px 16px;border-radius:40px;color:#455061;font-size:14px;font-weight:650;transition:background .2s,color .2s}.site-nav a:hover,.site-nav a[aria-current="page"]{color:var(--dark);background:#eae9e5}.menu-toggle{display:none}.skip-link{position:absolute;z-index:30;top:-120px;left:20px;padding:10px 15px;background:#fff;border:2px solid var(--dark)}.skip-link:focus{top:10px}#main{outline:none}.hero{max-width:var(--container);margin:8px auto 0;display:grid;grid-template-columns:1.13fr .87fr;min-height:620px;background:var(--dark);color:#fff;border-radius:20px;overflow:hidden}.hero__main{padding:clamp(40px,6.5vw,94px) clamp(28px,5vw,70px);display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:650;letter-spacing:.2em;color:var(--accent);text-transform:uppercase}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.hero h1{max-width:670px;letter-spacing:-.055em;margin:25px 0 26px}.hero h1 em{display:block}.hero p{max-width:555px;color:#c5cedb;font-size:16px;margin-bottom:32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:50px;padding:12px 22px;border:1px solid transparent;border-radius:7px;font-weight:700;font-size:14px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button--primary{background:var(--accent);color:#152034}.button--primary:hover{background:#ffd3a7}.button--ghost{border-color:#647083;color:#fff}.button--ghost:hover{background:#293954}.hero__visual{position:relative;min-height:500px;background:linear-gradient(140deg,#243955,#111622)}.hero__visual img{width:100%;height:100%;object-fit:cover;opacity:.85}.hero__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10182744,transparent 70%)}.visual-stamp{position:absolute;right:35px;bottom:35px;z-index:1;padding:15px;border:1px solid #ffffff91;color:#fff;font-size:13px;font-weight:800;letter-spacing:.2em;line-height:1.3}.section{max-width:var(--container);margin:100px auto;padding:0 28px;scroll-margin-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-heading h2{margin:0;max-width:740px}.section-heading>p,.section-heading>div>p:not(.overline){max-width:440px;color:var(--muted);margin:12px 0 0;font-size:14px}.overline{color:#946342;font-weight:800;letter-spacing:.19em;font-size:11px;margin:0 0 15px;text-transform:uppercase}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.work-card{background:#fff;border:1px solid #e6e6e3;border-radius:12px;min-height:280px;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.work-card:hover{transform:translateY(-5px);border-color:#d4c4b3;box-shadow:var(--shadow)}.work-card__link{height:100%;padding:30px 29px 25px;display:flex;flex-direction:column}.work-card__eyebrow{font-size:12px;color:#946342;letter-spacing:.12em;font-weight:700}.work-card h3{margin:16px 0 13px;font-size:24px}.work-card p{margin:0 0 25px;font-size:14px;color:var(--muted);line-height:1.85}.work-card__foot{margin-top:auto;border-top:1px solid var(--line);padding-top:14px;display:flex;align-items:center;justify-content:space-between;color:#526078;font-size:13px;font-weight:700}.arrow{font-size:18px;color:#ac754c}.split-feature{max-width:calc(var(--container) - 56px);margin:115px auto;background:#e9e9e5;display:grid;grid-template-columns:46% 54%;min-height:560px;border-radius:16px;overflow:hidden}.split-feature__image{background:#263043}.split-feature__image img{width:100%;height:100%;object-fit:cover}.split-feature__copy{padding:65px clamp(30px,6vw,83px)}.split-feature__copy h2{max-width:400px;margin-bottom:24px}.split-feature__copy>p{color:#69727c;font-size:15px;max-width:520px}.category-list{margin-top:27px;border-top:1px solid #d4d6d4}.category-list a{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #d4d6d4;padding:17px 0;transition:padding .2s}.category-list a:hover{padding-left:7px}.category-list strong{font-size:16px;white-space:nowrap}.category-list span{font-size:12px;color:#737a81;text-align:right}.category-list b{margin-left:10px;color:#91613d}.text-link{font-size:14px;font-weight:750;color:#875a3c;white-space:nowrap}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.note-band{max-width:calc(var(--container) - 56px);margin:100px auto 110px;background:var(--navy);border-radius:14px;padding:40px 55px;display:flex;align-items:center;gap:28px;color:#fff}.note-band__mark{font-size:100px;line-height:1;color:#d3a780;font-family:Georgia,serif;align-self:flex-start}.note-band h2{font-size:clamp(1.3rem,2vw,1.8rem);margin:0 0 10px}.note-band p{color:#c2cad5;font-size:14px;margin:0;max-width:680px}.button--light{white-space:nowrap;margin-left:auto;background:#f4e4d5;color:#273246}.site-footer{max-width:var(--container);margin:0 auto;padding:42px 28px 22px;border-top:1px solid #dededb}.footer-main{display:flex;justify-content:space-between;gap:40px}.footer-brand{font-size:24px;font-weight:800;letter-spacing:.05em}.footer-main p{font-size:13px;color:var(--muted);max-width:390px;margin-top:10px}.footer-links{display:flex;gap:23px;align-items:start;flex-wrap:wrap;font-size:13px;font-weight:650}.footer-links a:hover{color:#ad6b41}.footer-bottom{border-top:1px solid #dededb;padding-top:22px;margin-top:32px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#7a8490}.inner-top{max-width:var(--container);margin:0 auto;padding:30px 28px 70px;border-radius:12px;background:linear-gradient(130deg,#e8e9e6,#f4f2ee)}.inner-top--series{background:linear-gradient(125deg,#e9e7e1,#f3ede5)}.inner-top--themes{background:linear-gradient(125deg,#e2e8eb,#f2f5f5)}.inner-top--guide{background:linear-gradient(125deg,#e9e6df,#f5eee5)}.crumbs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#7c8793;font-size:12px;margin-bottom:58px}.crumbs a:hover{color:#935e3c}.page-intro{max-width:800px;margin-left:clamp(0px,8vw,120px)}.page-intro h1{font-size:clamp(2.2rem,4vw,4.1rem);margin-bottom:27px}.page-intro>p{font-size:16px;color:#586675;max-width:710px}.section--tight{margin:75px auto}.editorial-callout{max-width:calc(var(--container) - 56px);margin:75px auto 100px;padding:42px 50px;display:grid;grid-template-columns:1fr 1.1fr;gap:40px;background:#ede3d8;border-radius:13px}.editorial-callout h2{margin:0}.editorial-callout>p{margin:0;color:#5a5e67}.insight-strip{max-width:calc(var(--container) - 56px);margin:70px auto 100px;background:#172339;color:#fff;display:grid;grid-template-columns:repeat(3,1fr);border-radius:12px}.insight-strip>div{padding:32px;border-right:1px solid #354056}.insight-strip>div:last-child{border-right:none}.insight-strip strong{display:block;color:#e7b184;font-size:24px}.insight-strip span{display:block;color:#c3cedd;font-size:13px;margin-top:4px}.jump-nav{margin:45px 0 0 clamp(0px,8vw,120px);display:flex;flex-wrap:wrap;gap:10px}.jump-nav a{padding:9px 15px;border:1px solid #adb5b9;border-radius:30px;font-weight:700;font-size:12px}.jump-nav a:hover{background:#fff}.themed-section{padding-top:5px;border-top:1px solid #deded9}.themed-section__head{display:grid;grid-template-columns:65px 1fr;gap:20px;margin:35px 0}.section-number{font-size:35px;color:#c19169;font-weight:800}.themed-section__head h2{margin-bottom:12px}.themed-section__head p{color:#687482;max-width:700px;margin:0}.themed-section .cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.themed-section .work-card__link{padding:25px 20px}.themed-section .work-card h3{font-size:21px}.guide-layout{max-width:var(--container);margin:80px auto 120px;padding:0 28px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:85px}.guide-chapter{padding:15px 0 38px;margin-bottom:32px;border-bottom:1px solid #dededb}.chapter-index{font-size:12px;color:#9a683e;letter-spacing:.16em;font-weight:800}.guide-chapter h2{font-size:clamp(1.45rem,2.6vw,2rem);margin:17px 0 23px}.guide-chapter p{font-size:16px;color:#526071;max-width:730px}.guide-aside{padding-top:20px}.aside-image{height:300px;border-radius:14px;overflow:hidden;background:#243148}.aside-image img{height:100%;width:100%;object-fit:cover}.aside-box{background:#fff;padding:30px;margin-top:18px;border:1px solid var(--line);border-radius:12px}.aside-box h2{font-size:21px;margin:0 0 16px}.aside-box a{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:15px 0;font-size:13px;font-weight:700}.aside-box a:hover{color:#946342}.detail-top{max-width:var(--container);margin:auto;padding:30px 28px 0}.detail-header{background:#182439;color:#fff;padding:clamp(30px,5vw,75px);border-radius:15px;display:grid;grid-template-columns:1.5fr .7fr;gap:30px;min-height:400px;align-items:center}.detail-header h1{font-size:clamp(2.6rem,5vw,5rem);margin:20px 0}.detail-lead{color:#d7dee6;font-size:17px;max-width:720px}.detail-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.detail-tags span{border:1px solid #526177;border-radius:25px;padding:5px 13px;color:#c8d2e2;font-size:12px}.detail-art{border:1px solid #41516d;min-height:255px;display:flex;justify-content:center;align-items:center;flex-direction:column;background:radial-gradient(circle at 70% 30%,#394c6b,#172134 69%);transform:rotate(2deg)}.detail-art span{letter-spacing:.2em;font-size:13px;color:#ddae7f}.detail-art strong{font-size:clamp(2.5rem,5vw,4.5rem);color:#fff}.detail-art small{font-size:11px;letter-spacing:.25em;color:#aab9cb}.detail-layout{max-width:var(--container);margin:85px auto 90px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:90px;padding:0 28px}.detail-prose h2{font-size:30px;margin-bottom:27px}.detail-prose>p{font-size:17px;color:#4a5665;line-height:2.2;margin-bottom:27px}.factbox{background:#edf0ef;padding:33px;border-radius:12px;margin-top:55px}.factbox h2{font-size:23px}.factbox dl{margin:0}.factbox dl>div{display:grid;grid-template-columns:110px 1fr;border-bottom:1px solid #d5dbdb;padding:13px 0;gap:15px}.factbox dl>div:last-child{border-bottom:0}.factbox dt{font-size:13px;color:#727e87}.factbox dd{font-size:14px;font-weight:650;margin:0}.quick-take{background:#f0e5d7;border-radius:12px;padding:28px}.quick-take h2{font-size:23px}.quick-take ul{list-style:none;margin:0;padding:0}.quick-take li{padding:15px 0 15px 23px;position:relative;border-top:1px solid #decfbd;font-weight:680;font-size:14px}.quick-take li::before{content:"•";position:absolute;left:2px;color:#ac7646}.side-action{margin-top:25px;background:#fff;border:1px solid var(--line);padding:26px;border-radius:12px}.side-action p{font-size:14px;color:#5d6672}.side-action a{font-weight:800;color:#946342;font-size:14px}.detail-related{margin-top:30px}.not-found{min-height:60vh;max-width:720px;margin:30px auto 100px;padding:60px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.not-found>span{font-size:90px;color:#c59a72;font-weight:800;line-height:1}.not-found h1{font-size:clamp(2rem,4vw,3.5rem);margin:30px 0}.not-found p{color:var(--muted)}.not-found .button--ghost{border-color:#606d7f;color:#25334a}
@media(max-width:1100px){.hero{margin-left:20px;margin-right:20px}.split-feature,.note-band,.editorial-callout,.insight-strip{margin-left:20px;margin-right:20px;max-width:none}.hero__main{padding:55px 40px}.hero h1{font-size:clamp(2.6rem,4.5vw,4.2rem)}.themed-section .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-layout,.detail-layout{gap:40px}}
@media(max-width:820px){.site-header{min-height:85px;padding:15px 22px;position:relative}.menu-toggle{display:flex;align-items:center;gap:8px;border:1px solid #d1d2d2;border-radius:8px;background:transparent;padding:9px 12px;font-weight:750;font-size:13px}.menu-toggle__lines{width:18px;height:12px;border-top:2px solid;border-bottom:2px solid;position:relative}.menu-toggle__lines::after{content:"";position:absolute;top:4px;left:0;right:0;border-top:2px solid}.site-nav{display:none;position:absolute;z-index:10;top:calc(100% - 5px);left:20px;right:20px;flex-direction:column;align-items:stretch;padding:10px;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:var(--shadow)}.site-nav.is-open{display:flex}.site-nav a{padding:14px}.hero{grid-template-columns:1fr;min-height:auto}.hero__main{padding:55px 40px}.hero__visual{min-height:340px;max-height:380px}.hero__visual img{object-position:center 40%}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.split-feature{grid-template-columns:1fr}.split-feature__image{height:300px}.split-feature__copy{padding:40px}.note-band{flex-wrap:wrap}.note-band .button{margin-left:0}.guide-layout,.detail-layout{grid-template-columns:1fr}.guide-aside{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:16px}.aside-box{margin:0}.detail-header{grid-template-columns:1fr}.detail-art{display:none}.insight-strip{grid-template-columns:1fr}.insight-strip>div{border-right:0;border-bottom:1px solid #354056}.insight-strip>div:last-child{border-bottom:0}}
@media(max-width:600px){body{font-size:15px}.brand-icon{height:42px;width:42px;font-size:20px}.brand-lockup strong{font-size:19px}.brand-lockup small{font-size:10px}.site-header{padding:12px 16px}.hero{margin:0 12px;border-radius:12px}.hero__main{padding:45px 25px}.hero h1{font-size:clamp(2.25rem,10vw,3.3rem);margin:22px 0}.hero p{font-size:14px}.hero__visual{min-height:235px;max-height:280px}.visual-stamp{right:18px;bottom:18px}.section{margin:65px auto;padding:0 18px}.section-heading{align-items:start;flex-direction:column;gap:15px}.section-heading h2{font-size:27px}.cards,.themed-section .cards{grid-template-columns:1fr}.work-card{min-height:220px}.work-card__link{padding:25px}.split-feature,.note-band,.editorial-callout,.insight-strip{margin:65px 12px}.split-feature__image{height:230px}.split-feature__copy{padding:30px 23px}.category-list a{align-items:start;flex-direction:column;gap:3px}.category-list span{text-align:left}.note-band{padding:29px 24px;gap:15px}.note-band__mark{font-size:55px}.note-band h2{font-size:22px}.inner-top{margin:0 12px;padding:25px 22px 45px}.crumbs{margin-bottom:36px}.page-intro{margin:0}.page-intro h1{font-size:clamp(2rem,9vw,3rem)}.page-intro>p{font-size:14px}.jump-nav{margin:30px 0 0}.editorial-callout{grid-template-columns:1fr;padding:28px;gap:15px}.themed-section__head{grid-template-columns:40px 1fr;gap:12px}.section-number{font-size:23px}.themed-section__head h2{font-size:23px}.themed-section__head p{font-size:14px}.guide-layout,.detail-layout{margin:50px auto;padding:0 18px}.guide-aside{grid-template-columns:1fr}.aside-image{height:230px}.guide-chapter p,.detail-prose>p{font-size:15px}.detail-top{padding:20px 12px}.detail-header{padding:35px 23px;min-height:300px}.detail-header h1{font-size:40px}.detail-lead{font-size:15px}.factbox{padding:20px}.footer-main,.footer-bottom{flex-direction:column}.footer-links{gap:14px 24px}.site-footer{padding:35px 20px}.button{font-size:13px}.not-found{padding:35px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}