/* 优先系统字体，避免访问外部字体服务，保证离线浏览与首屏性能。 */
:root{--ink:#102b38;--ink-2:#183f4a;--mid:#50616a;--ivory:#f3f5f3;--paper:#fff;--bronze:#b4925d;--bronze-soft:#d2be91;--line:#dce3e2;--mute:#77878b;--container:1300px;--serif:'Noto Serif SC','Songti SC','STSong',serif;--sans:'Noto Sans SC',-apple-system,'PingFang SC',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f4f6f4;color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.8;padding-bottom:160px}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b89257;outline-offset:3px}button:disabled{cursor:default;opacity:.5}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.skip-link{position:fixed;left:12px;top:-70px;z-index:1000;padding:8px 18px;background:white}.skip-link:focus{top:12px}
.header{height:92px;padding:0 max(32px,calc((100vw - var(--container))/2));background:#f6f8f7;display:flex;align-items:center;gap:45px;justify-content:space-between;position:relative;z-index:10;border-bottom:1px solid #e1e6e2}.brand{display:flex;align-items:center;gap:14px;min-width:250px}.brand-seal{height:47px;width:47px;display:grid;place-items:center;background:var(--ink);color:#dfca97;font-family:var(--serif);font-weight:700;font-size:29px;border:1px solid var(--bronze)}.brand-text{display:grid;line-height:1.2;gap:5px}.brand-text strong{font-family:var(--serif);letter-spacing:3px;font-size:21px}.brand-text span{font-size:9px;letter-spacing:2px;color:var(--mute)}.top-nav{display:flex;gap:44px;align-items:center;color:#485b61;font-size:13px;letter-spacing:1px}.top-nav a{transition:color .2s}.top-nav a:hover{color:var(--bronze)}.nav-listen{border:1px solid #b4c5c6;padding:10px 18px;background:transparent;display:flex;align-items:center;gap:8px;color:var(--ink);font-size:13px}.nav-listen:hover{background:#e5edeb}.dot{width:5px;height:5px;background:var(--bronze);border-radius:50%}
.hero{background:var(--ink);color:white;position:relative;overflow:hidden}.hero-noise{position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(#aec2c5 .6px,transparent .6px);background-size:8px 8px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-inner{max-width:var(--container);margin:auto;display:grid;grid-template-columns:1fr 49%;min-height:650px;position:relative}.hero-copy{padding:115px 35px 72px 0;position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:12px;color:#ceba8c;font-size:10px;letter-spacing:3px;font-weight:600}.eyebrow-rule{display:inline-block;width:32px;height:1px;background:#c5aa75}.hero h1{font-family:var(--serif);font-size:clamp(56px,5.4vw,82px);font-weight:500;letter-spacing:.13em;line-height:1.43;margin:32px 0 30px;white-space:nowrap}.hero h1 span{display:block;color:#d8c6a1;margin-left:55px}.hero-prose{max-width:440px;font-size:16px;letter-spacing:.05em;line-height:2.35;color:#d0dcdb}.hero-actions{display:flex;gap:12px;margin:44px 0}.btn{min-height:50px;padding:10px 22px;display:inline-flex;gap:12px;align-items:center;justify-content:center;font-size:13px;letter-spacing:.04em;border:1px solid #9faeb0;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#d3b77a;color:#142e38;border-color:#d3b77a;font-weight:600}.btn-primary:hover{background:#e1cb9b}.btn-outline{border-color:#65818a;color:#eaf1ef}.btn-outline:hover{background:#254956}.triangle{display:inline-block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid currentColor}.hero-note{font-size:11px;color:#99b1b6;letter-spacing:.03em}.hero-note-symbol{color:#d3b77a;margin-right:8px}.hero-art{position:relative;margin:45px 0 0 0;min-height:600px;overflow:hidden;background:#36515a}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0;filter:grayscale(.15) contrast(.95)}.image-tint{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,32,40,.10),rgba(8,32,41,.02) 50%,rgba(10,35,46,.8))}.hero-art-label{position:absolute;bottom:46px;left:38px;display:flex;flex-direction:column;gap:4px}.hero-art-label span{letter-spacing:3px;font-size:10px;color:#d1c093}.hero-art-label strong{font-family:var(--serif);font-weight:400;font-size:19px;letter-spacing:2px}.hero-index{position:absolute;top:25px;right:30px;letter-spacing:3px;font-size:10px}.hero-bottom{max-width:var(--container);margin:auto;display:grid;grid-template-columns:1fr 1.2fr 1fr auto;border-top:1px solid #4c6570;min-height:118px;align-items:center}.hero-bottom>div:not(:last-child){display:flex;flex-direction:column;gap:3px;padding:0 22px;border-right:1px solid #405d65}.hero-bottom>div:first-child{padding-left:0}.hero-bottom strong{font:500 25px var(--serif);color:#e5d6b5;letter-spacing:2px}.hero-bottom span{font-size:11px;color:#9bb2b6}.hero-mark{font:500 17px/1.9 var(--serif);letter-spacing:4px;color:#c3d0cc;text-align:right;padding-left:28px}
.section-shell{max-width:var(--container);margin:auto}.statement{padding:120px 0 132px}.section-kicker{color:#8a774c;letter-spacing:2.5px;font-size:11px;font-weight:600}.statement-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:110px;margin-top:36px}.statement h2,.section-heading-row h2{font-family:var(--serif);font-weight:500}.statement h2{font-size:clamp(30px,3.6vw,50px);line-height:1.9;letter-spacing:.05em;margin:0}.statement-layout p{font-size:15px;line-height:2.35;color:#4b6065;margin:0 0 16px}.quiet-rule{display:block;width:95px;height:1px;background:var(--bronze);margin-top:40px}
.exhibition{padding-bottom:145px}.section-topline{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #bdccce;padding-top:25px}.section-index{font-size:11px;color:#8f9c9c;letter-spacing:1px}.section-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:20px 0 44px}.section-heading-row h2{font-size:35px;letter-spacing:.04em;line-height:1.5;margin:0 0 8px}.section-heading-row p{color:#718183;font-size:13px;letter-spacing:.02em;margin:0}.chapters-stat{font-size:11px;letter-spacing:1px;color:#718183;white-space:nowrap;padding-bottom:8px}
.explore-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:28px;align-items:start}.chapter-sidebar{background:#e9efed;border:1px solid #d3dedd;position:sticky;top:24px;max-height:calc(100vh - 190px);min-height:500px;display:flex;flex-direction:column}.sidebar-head{display:flex;justify-content:space-between;align-items:center;padding:26px 26px 19px;font-weight:600;letter-spacing:1px}.sidebar-head span:last-child{font-size:9px;letter-spacing:2px;color:#859a9a}.sidebar-tabs{display:flex;margin:0 20px 14px;padding:3px;background:#dce6e3}.tab{border:0;flex:1;background:transparent;color:#658084;padding:7px 3px;font-size:12px}.tab.active{background:white;color:var(--ink);box-shadow:0 1px 3px #51696722}.chapter-list{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;flex:1}.chapter-btn{width:100%;border:0;border-top:1px solid #d8e2e0;background:transparent;padding:15px 22px 15px 26px;display:flex;align-items:center;gap:12px;text-align:left;color:#496069;transition:background .2s;min-height:58px}.chapter-btn:hover{background:#dbe6e2}.chapter-btn.active{background:var(--ink);color:#fafaf6}.chapter-btn .n{font-family:Georgia,serif;font-size:13px;color:#8fa8a6;min-width:27px}.chapter-btn.active .n{color:#d8bd84}.chapter-btn .c-title{font-family:var(--serif);font-size:12px;letter-spacing:.01em;line-height:1.65}.chapter-btn .c-kind{margin-left:auto;color:#84979a;font-size:10px;white-space:nowrap}.chapter-btn.active .c-kind{color:#adbfbd}.sidebar-foot{padding:16px 24px;background:#e3ebea;font-size:10px;color:#829798;border-top:1px solid #d2dcd9;line-height:1.65}
.reader{min-height:740px;background:#fff;border:1px solid #e2e9e7;padding:50px clamp(30px,4.9vw,80px) 34px;box-shadow:0 22px 55px #20374309}.reader-head{display:flex;justify-content:space-between;align-items:center}.reader-head>div{display:flex;align-items:center;gap:18px}.reader-kind{font-size:11px;letter-spacing:2px;color:#9a8657}.reader-order{font-family:Georgia,serif;color:#b2bdbc;font-size:24px}.read-chapter{border:1px solid #cdd8d6;background:transparent;padding:8px 13px;display:flex;gap:9px;align-items:center;font-size:12px;color:#254956}.read-chapter:hover{background:#edf3f1}.reader h3{font-family:var(--serif);font-size:clamp(26px,3vw,41px);font-weight:600;letter-spacing:.03em;line-height:1.56;margin:34px 0 14px}.reader-summary{color:#7c8d8e;font-size:13px;line-height:2;max-width:620px;margin:0 0 22px}.reading-options{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:10px;letter-spacing:.03em;color:#809194}.follow-label{white-space:nowrap;cursor:pointer}.follow-label input{accent-color:#325463;vertical-align:middle}.ornament{display:flex;align-items:center;gap:18px;color:#c6ad7b;margin:36px 0}.ornament:after,.ornament:before{content:"";height:1px;background:#e6ece9;flex:1}.ornament span{font-size:13px}.reader-body{font-family:var(--serif);font-size:16px;line-height:2.55;color:#35464d;letter-spacing:.017em}.reader-body p{margin:0 0 24px;text-align:justify}.reader-body h4{font-size:21px;margin:36px 0 16px;font-weight:600;color:#244451}.sentence{border-radius:2px;transition:background .2s,color .2s}.sentence.active{background:#f5e7c6;box-shadow:0 0 0 3px #f5e7c6;color:#183943}.reader-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e8edeb;margin-top:46px;padding-top:25px;color:#9aa8a8;font-size:11px}.reader-foot button{border:0;background:transparent;color:#1c4452;font-weight:600;font-size:12px}.reader-foot button:hover{text-decoration:underline}
.interlude{background:#142f3d;min-height:310px;display:flex;align-items:center;justify-content:center;gap:120px;color:white;position:relative;overflow:hidden}.interlude:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 45% 45%,#2d4e5960,transparent 55%)}.interlude-shape{font-family:var(--serif);font-size:230px;line-height:1;color:#47626c33;transform:rotate(-8deg)}.interlude-copy{position:relative;padding:55px 0}.interlude-copy>span{font-size:10px;letter-spacing:4px;color:#d2ba86}.interlude blockquote{font:500 36px/1.65 var(--serif);letter-spacing:5px;margin:15px 0}.interlude p{font-size:11px;color:#93a9ad;letter-spacing:1px}
.collection{padding-top:135px;padding-bottom:140px}.text-action{background:none;border:0;border-bottom:1px solid #8aa09e;padding:4px 0;font-size:12px;color:#304c52;white-space:nowrap}.text-action:hover{border-color:var(--bronze);color:#8a7246}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.gallery-card{min-width:0;background:#e2e8e5;border:1px solid #d7e1dd;overflow:hidden}.gallery-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#ced8d5;transition:transform .4s}.gallery-card:hover img{transform:scale(1.025)}.gallery-card figcaption{padding:14px 14px 18px;font-size:12px;font-family:var(--serif);line-height:1.6;min-height:70px}.gallery-card figcaption span{display:block;font:10px var(--sans);color:#779092;margin-top:4px}.gallery-note{font-size:11px;color:#859596;margin:21px 0 0;line-height:1.8}
.references{padding-bottom:160px}.source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.source-card{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:95px;background:#fff;border:1px solid #dfe7e4;padding:18px 24px;transition:background .2s}.source-card:hover{background:#e8f0ec}.source-card span{display:block;color:#899c9b;font-size:10px;letter-spacing:.05em;margin-bottom:7px}.source-card strong{display:block;color:#24444c;font-size:13px;line-height:1.5;font-weight:500}.source-arrow{font-size:18px;color:#ae9568}.source-card.no-link{background:#e9efed;cursor:default}.editorial-notice{border-left:2px solid #c1a471;padding:8px 30px;margin-top:35px;color:#657779;font-size:12px;line-height:2}.editorial-notice strong{color:#30444b;font-weight:600}.editorial-notice p{margin:3px 0}
.footer{background:#e4ebe9;border-top:1px solid #cfd9d6}.footer-inner{max-width:var(--container);min-height:170px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font:600 23px var(--serif);letter-spacing:4px}.footer-brand span{font:11px var(--sans);letter-spacing:2px;display:block;margin-top:5px;color:#718889}.footer p{font-size:12px;color:#778a8b;line-height:1.8}.footer a{font-size:12px;border-bottom:1px solid}
.player{position:fixed;z-index:30;bottom:0;left:0;right:0;background:rgba(247,250,248,.97);border-top:1px solid #d5e0db;box-shadow:0 -12px 48px #0b263013;backdrop-filter:blur(16px);padding:13px max(20px,calc((100vw - var(--container))/2)) calc(14px + env(safe-area-inset-bottom))}.player-top,.player-bottom{display:flex;align-items:center;gap:26px}.player-top{justify-content:space-between;margin-bottom:8px}.player-current{display:flex;align-items:center;gap:12px;min-width:0}.player-current>div{min-width:0}.player-current span:not(.playing-signal){font-size:10px;color:#829699;letter-spacing:.5px}.player-current strong{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:500px;color:#21444e}.playing-signal{width:32px;height:32px;display:flex;align-items:center;justify-content:center;gap:3px;border:1px solid #dbe3e0;border-radius:50%}.playing-signal i{width:2px;height:8px;background:#b7a172;animation:pulse 1.1s ease infinite;animation-play-state:paused}.playing-signal i:nth-child(2){height:14px;animation-delay:.2s}.playing-signal i:nth-child(3){animation-delay:.4s}.player.is-playing .playing-signal i{animation-play-state:running}.player-meta{display:flex;gap:15px;color:#809493;font-size:10px;white-space:nowrap}.player-meta span:first-child{color:#2e5058;font-weight:700;font-size:12px}.transport{display:flex;align-items:center;gap:11px}.transport button{border:0;background:none;color:#32515a;min-width:35px;min-height:36px;font-size:23px}.transport .main-play{background:var(--ink);color:#f4f5f0;border-radius:50%;width:40px;height:40px;font-size:14px}.transport button:hover{opacity:.75}.progress-wrap{flex:1;min-width:60px}.progress-wrap input{width:100%;height:20px;accent-color:#567681;cursor:pointer;display:block}.player-extras{display:flex;align-items:center;gap:16px}.player-extras label{font-size:11px;color:#74898c;white-space:nowrap}.player-extras select{border:1px solid #d1ddd9;background:white;padding:7px 4px;color:#284951;border-radius:3px;font-size:11px}.player-extras button{border:1px solid #8ba4a5;background:#eff5f1;color:#254955;padding:8px 10px;white-space:nowrap;font-size:11px}.player-alert{font-size:11px;color:#926b2a;line-height:1.4;margin:0;min-height:0}.player-alert:not(:empty){margin-top:5px}
@keyframes pulse{0%,100%{height:5px}50%{height:15px}}
@media(max-width:1450px){.section-shell,.hero-inner,.hero-bottom,.footer-inner{margin-left:55px;margin-right:55px}.header{padding-left:55px;padding-right:55px}.hero h1{font-size:68px}}
@media(max-width:1020px){.top-nav{gap:18px}.hero-inner{grid-template-columns:1fr 43%;min-height:600px}.hero h1{font-size:53px}.hero h1 span{margin-left:25px}.hero-copy{padding-top:95px}.hero-art{min-height:530px}.statement-layout{gap:45px}.explore-grid{grid-template-columns:260px minmax(0,1fr)}.chapter-sidebar{max-height:650px}.reader{padding:38px 35px}.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:740px){html{scroll-padding-top:30px}body{padding-bottom:190px}.header{height:73px;padding:0 17px;gap:8px}.brand{min-width:0;gap:9px}.brand-seal{width:37px;height:37px;font-size:24px}.brand-text strong{font-size:17px;letter-spacing:2px}.brand-text span{font-size:8px;letter-spacing:1px}.top-nav{display:none}.nav-listen{font-size:11px;padding:9px 10px;white-space:nowrap}.hero-inner,.hero-bottom,.section-shell,.footer-inner{margin-left:20px;margin-right:20px}.hero-inner{display:flex;flex-direction:column-reverse;min-height:0}.hero-art{height:340px;min-height:0;margin:20px 0 0}.hero-art-label{bottom:20px;left:22px}.hero-art-label strong{font-size:15px}.hero-copy{padding:45px 0 28px}.eyebrow{font-size:9px;letter-spacing:1.6px}.hero h1{font-size:clamp(44px,9vw,60px);margin:25px 0 20px}.hero h1 span{margin-left:28px}.hero-prose{font-size:14px;line-height:2.2}.hero-actions{margin:28px 0;flex-wrap:wrap}.btn{padding:9px 13px;min-height:44px;font-size:12px}.hero-note{font-size:10px;line-height:1.7}.hero-bottom{grid-template-columns:repeat(3,1fr);min-height:100px}.hero-bottom>div:not(:last-child){padding:0 7px}.hero-bottom>div:first-child{padding-left:0}.hero-bottom strong{font-size:18px}.hero-bottom span{font-size:9px;line-height:1.5}.hero-mark{display:none}.statement{padding-top:75px;padding-bottom:90px}.statement-layout{display:block;margin-top:18px}.statement h2{font-size:30px;margin-bottom:25px}.statement-layout p{font-size:14px}.quiet-rule{margin-top:25px}.section-topline{padding-top:17px}.section-kicker{font-size:9px;letter-spacing:1.3px}.section-index{font-size:9px}.section-heading-row{align-items:flex-start;margin:18px 0 25px;flex-wrap:wrap}.section-heading-row h2{font-size:26px}.section-heading-row p{font-size:12px}.exhibition{padding-bottom:90px}.explore-grid{display:block}.chapter-sidebar{position:relative;top:auto;min-height:0;max-height:325px;margin-bottom:16px}.sidebar-head{padding:13px 18px 10px}.sidebar-tabs{margin:0 15px 9px}.chapter-btn{padding:11px 15px;min-height:46px}.sidebar-foot{display:none}.reader{padding:28px 22px;min-height:550px}.reader h3{font-size:26px;margin-top:22px}.reader-body{font-size:15px;line-height:2.25}.reader-body h4{font-size:18px}.reader-body p{margin-bottom:18px}.interlude{gap:18px;min-height:250px}.interlude-shape{font-size:110px}.interlude blockquote{font-size:26px;letter-spacing:2px}.interlude-copy{padding:30px 10px}.interlude-copy>span{font-size:8px;letter-spacing:2px}.interlude p{font-size:9px}.collection{padding-top:80px;padding-bottom:80px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-card figcaption{padding:10px;font-size:10px;min-height:58px}.references{padding-bottom:90px}.source-grid{grid-template-columns:1fr;gap:8px}.source-card{min-height:76px;padding:12px 17px}.footer-inner{padding:27px 0;min-height:150px}.footer p{font-size:10px}.footer a{font-size:10px}.player{padding:9px 13px calc(9px + env(safe-area-inset-bottom))}.player-top{margin-bottom:5px}.player-current strong{font-size:11px;max-width:170px}.player-meta{gap:7px;font-size:9px}.player-bottom{gap:8px;flex-wrap:wrap}.transport{gap:0}.transport button{min-width:30px;min-height:35px;font-size:20px}.transport .main-play{width:35px;height:35px}.progress-wrap{flex:1}.player-extras{width:100%;justify-content:flex-end;gap:10px}.player-extras select,.player-extras button{padding:4px 7px}.player-alert{font-size:10px}}
@media(max-width:380px){.hero h1{font-size:41px}.brand-text span{display:none}.reader-head{gap:5px}.read-chapter{font-size:10px;padding:6px}.player-current strong{max-width:115px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}