/* D2: strong typography and open editorial grids. D6: feature/facts composition. */
:root{--paper:#f8f5ee;--ink:#14212d;--blue:#102536;--gold:#e8b446;--gray:#59636b;--line:#d6d8d5;--soft:#eceeea;--gap:clamp(20px,4.2vw,68px);--header:78px;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 22px)}body{margin:0;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.85}h1,h2,h3,p,figure,dl,dd{margin:0}h1,h2,h3{line-height:1.25}p{overflow-wrap:anywhere}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto;max-width:100%}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:#e8b44655}:focus-visible{outline:3px solid #966800;outline-offset:6px}.wrap{width:min(1300px,calc(100% - var(--gap)*2));margin-inline:auto}.eyebrow{font-size:.8rem;letter-spacing:.14em;font-weight:600}.serif{font-family:"Songti SC","STSong","SimSun",serif}.muted{color:var(--gray)}
.site-header{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{min-height:var(--header);display:flex;justify-content:space-between;align-items:center;gap:30px}.brand-word{font-size:1.2rem;font-weight:700;white-space:nowrap}.brand-word span{display:inline-block;width:8px;height:18px;background:var(--gold);margin-right:10px;vertical-align:-2px}.nav{display:flex;align-items:center;gap:clamp(18px,2.5vw,36px)}.nav a{font-size:.88rem;min-height:44px;display:flex;align-items:center;border-bottom:2px solid transparent}.nav a:hover,.nav a[aria-current]{border-color:#9a7735}.menu{display:none;min-height:44px;min-width:76px;background:transparent;border:1px solid var(--ink);padding:8px 12px}
.hero-head{text-align:center;padding:52px 0 40px}.hero-head .eyebrow{color:#7d6a42}.hero-head h1{font-size:clamp(78px,12.4vw,174px);line-height:1.08;letter-spacing:.055em;font-weight:670;margin:20px 0 16px;padding-left:.055em}.hero-head .tagline{font-size:clamp(24px,3.1vw,42px);font-weight:400;letter-spacing:.08em}.hero-intro{font-size:1rem;max-width:650px;margin:20px auto 0;color:var(--gray)}.service-entry{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:26px}.service-entry a{min-height:48px;display:inline-flex;align-items:center;gap:28px;padding:10px 23px;font-size:.93rem;border:1px solid var(--ink);transition:background .18s,color .18s}.service-entry .primary{background:var(--ink);color:white}.service-entry .primary:hover{background:#2c475e}.service-entry .secondary:hover{background:var(--gold)}.service-entry span{font-size:1.1rem}
.hero-stage{background:var(--blue);padding:24px 0}.hero-picture{display:block;width:min(940px,100%);margin:auto}.image-link{display:block;min-width:44px;min-height:44px}.image-window{overflow:hidden;display:block;background:#dce0df;line-height:0}.image-window img{object-fit:contain;transition:transform .28s,filter .28s}.image-link:hover .image-window img{transform:scale(1.018);filter:brightness(1.04)}.image-link:active .image-window img{filter:brightness(.9)}.hero-stage .image-link:focus-visible{outline-color:#ffe08b}.brand-strip{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center;padding:32px 0;border-bottom:1px solid var(--line)}.brand-strip h2{font-size:1.65rem;max-width:650px;line-height:1.6;font-weight:500}.brand-strip p{font-size:.9rem;color:var(--gray);border-left:1px solid var(--line);padding-left:36px}
.section{padding:88px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:36px}.section-heading h2{font-size:clamp(30px,3vw,44px);font-weight:600;letter-spacing:-.025em}.section-heading .eyebrow{margin-bottom:16px;color:#756241}.section-heading>p{max-width:410px;color:var(--gray);font-size:.93rem}.feature{display:grid;grid-template-columns:200px 1fr 220px;gap:46px;border-top:1px solid var(--ink);padding:38px 0;align-items:start}.feature h3{font-size:2.2rem;font-weight:550;margin:10px 0 20px}.feature .summary{font-size:1.06rem;line-height:1.95}.feature .reason{margin-top:25px;border-left:3px solid var(--gold);padding-left:20px;color:#556473;font-size:.93rem}.feature-facts{border-top:3px solid var(--gold);padding-top:15px}.feature-facts>div{border-bottom:1px solid var(--line);padding:14px 0}.feature-facts dt{color:var(--gray);font-size:.8rem}.feature-facts dd{font-size:.95rem;margin-top:4px}.supporting{display:grid;grid-template-columns:1fr 1fr;gap:45px;border-top:1px solid var(--line);padding-top:35px}.supporting article{display:grid;grid-template-columns:94px 1fr;gap:25px}.supporting h3{font-size:1.3rem;margin:2px 0 10px}.supporting p{font-size:.95rem;color:var(--gray)}.supporting .facts{font-size:.8rem;margin-top:12px}
.topic-intro{background:var(--blue);color:var(--paper);padding:64px 0}.topic-intro h2{font-size:clamp(32px,4vw,56px);font-weight:500;line-height:1.5}.topic-lead{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.topic-lead p{color:#bbc9d1;font-size:1rem;max-width:540px}.topic-navigation{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:42px}.topic-navigation a{min-height:56px;border-top:1px solid #6e7d87;padding:17px 0;display:flex;justify-content:space-between;gap:18px;font-size:1.05rem}.topic-navigation a:hover{color:#ffe0a2;border-color:var(--gold)}.topic-intro :focus-visible{outline-color:var(--gold)}
.paired-chapter{padding:75px 0;border-bottom:1px solid var(--line)}.chapter-title{display:grid;grid-template-columns:110px 1fr 1fr;gap:35px;margin-bottom:46px;align-items:start}.chapter-title .serial{font-size:3.5rem;color:#8f7848;font-weight:300;line-height:1.2}.chapter-title h2{font-size:2.35rem;font-weight:500}.chapter-title p{color:var(--gray);font-size:1rem}.paired-genres{display:grid;grid-template-columns:1fr 1fr;gap:64px}.genre-column{min-width:0}.genre-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--ink);padding-bottom:18px;margin-bottom:12px}.genre-heading h3{font-size:1.45rem;font-weight:600}.genre-heading span{font-size:.82rem;color:var(--gray)}.genre-description{font-size:.9rem;color:var(--gray);margin-bottom:24px}.work-entry{display:grid;grid-template-columns:98px minmax(0,1fr);gap:24px;padding:27px 0;border-bottom:1px solid var(--line);align-items:start}.work-entry h4{font-size:1.2rem;font-weight:650;line-height:1.5;margin:0 0 10px}.work-entry p{font-size:1rem;line-height:1.9;color:#4f5c66}.work-entry .metadata{font-size:.8rem;line-height:1.8;color:#56636d;margin:12px 0 0}.chapter-tail{margin-top:25px;font-size:.88rem;color:var(--gray)}.chapter-two{background:#efeee7}.chapter-three .genre-heading{border-color:#9a7735}
.update-area{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;align-items:start}.update-area h2{font-size:2.5rem;font-weight:550;margin:18px 0}.update-area>div>p{font-size:.95rem;color:var(--gray)}.update-item{display:grid;grid-template-columns:100px 1fr;gap:28px;padding:28px 0;border-top:1px solid var(--ink)}.update-item time{font-size:.86rem;line-height:1.8;color:#72613f;font-variant-numeric:tabular-nums}.update-item h3{font-size:1.4rem;margin-bottom:12px}.update-item p{font-size:1rem;color:var(--gray)}
.services{background:#e8ecec;padding:70px 0}.service-title{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.service-title h2{font-size:2.5rem;font-weight:550}.service-title p{max-width:480px;font-size:1rem;color:var(--gray)}.service-table{border-top:1px solid var(--ink)}.service-line{display:grid;grid-template-columns:160px 1fr 1fr;gap:36px;padding:28px 0;border-bottom:1px solid #c6cecf}.service-line h3{font-size:1.2rem}.service-line p{font-size:1rem;color:#4d5c66}.service-line .note{font-size:.9rem;color:#56636d}.questions{display:grid;grid-template-columns:1fr 1fr;gap:26px 70px;margin-top:45px}.questions h3{font-size:1rem;margin-bottom:10px}.questions p{font-size:.94rem;color:#5d6a74}
.about{padding:64px 0}.about-grid{display:grid;grid-template-columns:.6fr 1.2fr 1fr;gap:55px}.about h2{font-size:2rem}.about h3{font-size:1rem;margin-bottom:15px}.about p{font-size:.94rem;color:var(--gray)}.footer{border-top:1px solid var(--line);padding:24px 0}.footer-inner{display:flex;justify-content:space-between;gap:25px;color:#56636d;font-size:.8rem}
@media(max-width:1100px){.feature{grid-template-columns:160px 1fr;gap:32px}.feature-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.paired-genres{gap:36px}.work-entry{grid-template-columns:82px minmax(0,1fr);gap:18px}.nav{gap:18px}.chapter-title{grid-template-columns:80px 1fr 1fr;gap:25px}.about-grid{gap:30px}.hero-picture{width:min(850px,100%)}}
@media(max-width:820px){:root{--header:70px;--gap:24px}.header-inner{flex-wrap:wrap;gap:0}.nav{width:100%;padding:10px 0 18px;flex-wrap:wrap;gap:7px 22px}.js .menu{display:block}.js .nav:not(.open){display:none}.hero-head{padding:35px 0 30px}.hero-head h1{font-size:17vw;letter-spacing:0}.hero-head .tagline{font-size:1.8rem}.hero-intro{font-size:.95rem}.hero-stage{padding:14px}.brand-strip{grid-template-columns:1fr;gap:15px;padding:28px 0}.brand-strip h2{font-size:1.35rem}.brand-strip p{border-left:0;padding-left:0}.section{padding:55px 0}.section-heading{display:block}.section-heading>p{margin-top:20px}.feature{grid-template-columns:120px 1fr;gap:25px}.feature h3{font-size:1.75rem}.feature .summary{font-size:1rem}.feature .reason{font-size:.9rem}.feature-facts{gap:15px}.supporting{grid-template-columns:1fr;gap:30px}.topic-lead{grid-template-columns:1fr;gap:25px}.topic-navigation{gap:20px}.topic-navigation a{font-size:.9rem}.paired-chapter{padding:50px 0}.chapter-title{grid-template-columns:50px 1fr;gap:20px;margin-bottom:35px}.chapter-title .serial{font-size:2.5rem}.chapter-title h2{font-size:1.8rem}.chapter-title p{grid-column:2}.paired-genres{grid-template-columns:1fr;gap:45px}.work-entry{grid-template-columns:100px minmax(0,1fr);gap:25px}.update-area{grid-template-columns:1fr;gap:25px}.services{padding:50px 0}.service-title{display:block}.service-title p{margin-top:22px}.service-line{grid-template-columns:120px 1fr;gap:20px}.service-line .note{grid-column:2}.questions{grid-template-columns:1fr;gap:28px}.about-grid{grid-template-columns:1fr 1fr;gap:30px}.about-grid>h2{grid-column:1/-1}.footer-inner{flex-direction:column;gap:6px}}
@media(max-width:420px){:root{--gap:19px}.hero-head h1{font-size:18.8vw}.hero-head .tagline{font-size:1.45rem}.service-entry{gap:12px}.service-entry a{padding:10px 16px;gap:18px;font-size:.88rem}.feature{grid-template-columns:95px 1fr;gap:20px}.feature .reason{grid-column:1/-1}.feature h3{font-size:1.45rem}.feature-facts{grid-template-columns:1fr;gap:0}.supporting article{grid-template-columns:80px 1fr;gap:20px}.topic-navigation{grid-template-columns:1fr;gap:0}.work-entry{grid-template-columns:82px minmax(0,1fr);gap:20px}.work-entry h4{font-size:1.1rem}.work-entry p{font-size:.95rem}.service-line{grid-template-columns:1fr;gap:12px}.service-line .note{grid-column:auto}.about-grid{grid-template-columns:1fr}.update-item{grid-template-columns:1fr;gap:14px}.chapter-title{grid-template-columns:40px 1fr;gap:15px}}
html:not(.js) .site-header{position:static}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.image-link:hover img{transform:none}}