:root{--paper:#F6F5F1;--white:#fff;--soft:#ECEFEB;--mint:#E5EFEB;--warm:#F2E9E2;--ink:#203744;--deep:#152B37;--steel:#49616C;--teal:#2E6A62;--terra:#A95539;--head:#20313A;--text:#394950;--muted:#5C6C73;--line:#D5DEDC;--footer:#172E39}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font:16px/1.8 system-ui,-apple-system,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif}a{color:var(--teal);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:#204b45;text-decoration-thickness:2px}a:focus-visible,button:focus-visible{outline:3px solid var(--terra);outline-offset:3px}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto;object-fit:contain}figure{margin:0;min-width:0}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{color:var(--head);line-height:1.4;margin:0 0 .65em}h1{font-size:34px;line-height:1.3}h2{font-size:24px}h3{font-size:19px;line-height:1.5}p{margin:0 0 1.15em} .wrap{width:100%;max-width:1160px;padding-inline:32px;margin-inline:auto;min-width:0}.skip-link{position:absolute;left:12px;top:-100px;padding:8px 14px;background:white;z-index:40}.skip-link:focus{top:8px}.site-header{background:#fff;border-bottom:1px solid var(--line)}.brand-band{background:var(--ink);color:#fff}.brand-layout{min-height:61px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;min-width:0}.brand:hover{color:white}.brand-logo{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:5px;padding:3px;max-width:170px}.brand-logo img{max-height:33px;width:auto;max-width:158px}.brand-word{display:flex;flex-direction:column;line-height:1.25;min-width:0}.brand-word b{font-size:19px;letter-spacing:.4px}.brand-word em{font-size:12px;font-style:normal;letter-spacing:1.4px;font-weight:500;padding-left:6px}.brand-word small{font-size:11px;color:#f0f3f2;margin-top:3px}.header-actions{display:flex;gap:13px;align-items:center}.header-actions a,.menu-toggle{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:5px 13px;border-radius:8px;color:#fff;text-decoration:none;font-size:14px;font-weight:600}.header-actions a:hover{background:#3b5967}.menu-toggle{border:1px solid #aec2c7;background:transparent}.menu-toggle:hover{background:#365160}.mobile-toggle{display:none}.top-nav{background:#fff}.nav-inner{display:flex;align-items:center;gap:36px;min-height:48px}.top-nav a{display:inline-flex;align-items:center;height:48px;border-bottom:2px solid transparent;text-decoration:none;color:var(--head);font-size:15px;padding:2px 0 0}.top-nav a.active,.top-nav a[aria-current]{border-color:var(--teal);font-weight:750;color:var(--teal)}.top-nav a:hover{color:var(--teal)}.directory{padding-block:24px 18px;background:#fff}.directory[hidden]{display:none!important}.directory-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.directory h2{font-size:15px;margin-bottom:8px;color:var(--ink)}.directory section>a{display:block;padding:4px 0;text-decoration:none;color:var(--text);font-size:14px}.directory section>a:hover{color:var(--teal)}.directory small{display:block;color:var(--muted);font-size:12px;line-height:1.3}.directory-utility{display:flex;flex-wrap:wrap;gap:10px 23px;border-top:1px solid var(--line);padding-top:12px;margin-top:15px;font-size:13px}.directory-close{min-height:44px;border:1px solid var(--line);background:white;border-radius:8px;padding:6px 18px;margin-top:12px;color:var(--ink)}.mobile-directory{display:none}.noscript-nav{display:flex;flex-wrap:wrap;gap:12px 20px;padding-block:15px}.noscript-nav a{color:var(--ink);font-size:14px}.home-section{margin-top:66px}.eyebrow{font-size:13px;color:var(--teal);font-weight:750;letter-spacing:1.2px;margin-bottom:12px}.hero{padding-top:38px;padding-bottom:25px;align-items:center}.home-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:32px}.hero-copy{min-width:0}.hero h1{max-width:650px}.hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.87}.hero-image{display:flex;align-items:center;justify-content:center;min-width:0}.hero-image img{max-height:270px;width:auto;border:1px solid var(--line);border-radius:11px;background:white}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:8px 22px;border:1px solid var(--teal);border-radius:8px;font-weight:700;text-decoration:none}.btn-dark{background:var(--teal);color:white}.btn-dark:hover{color:white;background:var(--ink)}.btn-plain{background:#fff}.section-header{max-width:770px;margin-bottom:26px}.section-header>p:last-child{color:var(--muted)}.digest-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,.8fr);gap:34px;align-items:start}.steps>div{position:relative;padding-left:50px;padding-bottom:17px;border-left:1px solid var(--line);margin-left:14px}.steps b{position:absolute;left:-15px;top:0;background:var(--paper);color:var(--terra);font-size:14px;min-width:34px;text-align:center}.steps h3{margin-bottom:7px}.steps p{margin-bottom:6px}.steps a,.film-main>a,.film-side a,.inline-feature a,.city-columns a{font-weight:700}.side-illustration img{max-height:250px;max-width:100%;border:1px solid var(--line);border-radius:10px}.tag-links{display:flex;gap:12px 20px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:22px}.tag-links a{font-size:14px;font-weight:700}.film-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:29px}.film-main{min-width:0}.wide-visual img{max-height:240px;border-radius:11px;border:1px solid var(--line);background:#fff}.film-main h3{margin-top:19px}.film-side{display:flex;flex-direction:column;gap:24px}.film-side>div{padding-bottom:20px;border-bottom:1px solid var(--line)}.mini-visual img{max-height:110px;margin-bottom:12px;border-radius:8px}.inline-feature{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.inline-feature>div{min-width:0}.tiny-visual img{max-height:95px;max-width:170px;border-radius:8px}.narrow-prose{max-width:760px}.comic-visual img{max-height:260px;border:1px solid var(--line);border-radius:10px;margin:24px 0}.text-strip{display:flex;flex-wrap:wrap;gap:12px 28px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.text-strip a{font-weight:700}.city-visual img{max-height:250px;max-width:100%;border-radius:10px;border:1px solid var(--line)}.city-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;margin-top:24px}.creation-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:52px}.creation-copy{max-width:700px}.small-inline-image img{max-height:170px;max-width:270px;margin:17px 0 22px;border:1px solid var(--line);border-radius:8px}.process-list{border-left:2px solid var(--teal);padding-left:22px}.process-list ol{padding-left:22px}.process-list li{padding:7px 0}.process-list b{margin-right:12px;color:var(--head)}.process-list span{font-size:14px}.shelf-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,.7fr);gap:42px}.shelf-items>div{display:grid;grid-template-columns:125px minmax(0,1fr);gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.shelf-items b{color:var(--head)}.shelf-items p{margin:0}.shelf-items>p{margin-top:19px}.shelf-image img{max-height:240px;border:1px solid var(--line);border-radius:9px}.essay-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,.8fr);gap:42px}.essay-text{max-width:735px}.essay-image img{max-height:205px;border-radius:10px;border:1px solid var(--line)}.status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.status-grid>div{background:var(--soft);border:1px solid var(--line);padding:16px;border-radius:10px}.status-grid b{font-size:15px;color:var(--head)}.status-grid p{font-size:14px;margin:9px 0 0}.status-tail{display:flex;align-items:center;gap:18px;margin-top:20px}.service-section{margin-bottom:62px}.service-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:40px}.app-visual img{max-width:210px;max-height:380px;width:auto;border-radius:10px;border:1px solid var(--line)}.service-layout h3{margin-top:16px;font-size:18px}.service-links{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:18px}.legal-strip{border-top:1px solid var(--line);margin-top:35px;padding-top:17px;display:flex;flex-wrap:wrap;gap:13px 26px;font-size:14px}.page-shell{padding-top:23px;padding-bottom:80px}.breadcrumbs{color:var(--muted);font-size:13px;margin-bottom:32px}.breadcrumbs a{color:var(--steel)}.breadcrumbs span{margin-inline:7px}.page-intro{max-width:900px;margin-bottom:30px}.page-intro>p:last-child{max-width:810px;font-size:16px;line-height:1.88}.article-layout{display:grid;grid-template-columns:minmax(0,740px) minmax(0,230px);gap:42px;align-items:start}.prose{min-width:0}.prose-section{margin-bottom:36px}.prose-section h2{padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:18px}.prose-section p{line-height:1.9;margin-bottom:14px}.page-icon img{max-width:55px;max-height:55px;margin-bottom:20px}.article-visual{margin:22px 0 36px}.article-visual img{max-height:260px;max-width:430px;width:auto;border:1px solid var(--line);border-radius:10px;background:#fff}.article-aside{padding:21px;border:1px solid var(--line);border-radius:11px;background:#fff}.article-aside h2{font-size:18px}.article-aside p{font-size:14px;color:var(--muted)}.article-aside a{display:block;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px;text-decoration:none}.article-aside .back-link{margin-top:18px;font-weight:700;border:0}.next-read{margin-top:46px;border-top:1px solid var(--line);padding-top:24px}.reading-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.reading-links>div{padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:#fff;min-width:0}.reading-links a{font-weight:700}.reading-links p{font-size:14px;margin:6px 0 0;color:var(--muted)}.method-list{background:var(--mint);padding:19px 24px;margin-bottom:32px;border-radius:10px}.method-list ol{margin:8px 0 0;padding-left:24px}.micro-note{background:var(--warm);padding:12px 18px;border-left:3px solid var(--terra);border-radius:3px}.faq-list{max-width:870px}.faq-item{padding:22px 0;border-bottom:1px solid var(--line)}.faq-item h2{font-size:20px;display:flex;gap:16px;align-items:flex-start}.faq-item h2 span{font-size:14px;color:var(--terra);font-weight:750;padding-top:5px}.faq-item p{padding-left:41px;max-width:800px}.site-footer{background:var(--footer);color:#F5F8F7;padding:44px 0 22px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr;gap:26px}.footer-grid section{min-width:0}.footer-grid h2{font-size:16px;color:#fff;margin:0 0 15px}.footer-grid p{font-size:14px;color:#F5F8F7}.footer-grid a{display:block;color:#F5F8F7;font-size:14px;text-decoration:none;padding:3px 0}.footer-grid a:hover{color:#fff;text-decoration:underline}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid #617783;margin-top:27px;padding-top:18px;font-size:13px;color:#F5F8F7}.mobile-bottom{display:none}
@media(max-width:1050px){.wrap{padding-inline:24px}.article-layout{grid-template-columns:minmax(0,1fr) 220px;gap:24px}.nav-inner{gap:28px}.film-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}
@media(max-width:850px){.article-layout{grid-template-columns:minmax(0,1fr)}.article-aside{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}.article-aside h2{width:100%}.article-aside p{width:100%}.article-aside a{border:0}.creation-layout{gap:25px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){body{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}.wrap{padding-inline:16px}.site-header .brand-layout{min-height:60px}.brand-logo img{max-height:28px;max-width:118px}.brand-word b{font-size:17px}.brand-word em,.brand-word small{display:none}.brand{gap:7px}.header-actions{gap:0}.header-actions .featured,.desktop-toggle,.top-nav{display:none}.mobile-toggle{display:inline-flex}.desktop-directory{display:none!important}.mobile-directory:not([hidden]){display:block}.mobile-directory{padding-block:16px}.mobile-directory section{padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:13px}.mobile-directory h2{font-size:15px;margin-bottom:7px}.mobile-directory-links{display:grid;grid-template-columns:minmax(0,1fr);gap:2px}.mobile-directory-links a{display:block;padding:8px 0;color:var(--text);text-decoration:none;font-size:15px}.mobile-bottom{position:fixed;z-index:20;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;border-top:1px solid var(--line)}.mobile-bottom a{min-width:0;min-height:56px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--ink);font-size:13px}.mobile-bottom a[aria-current]{font-weight:800;color:var(--teal);border-top:2px solid var(--teal)}.home-section{margin-top:40px}.hero{padding-top:28px;padding-bottom:5px}.home-grid,.digest-layout,.film-layout,.city-columns,.creation-layout,.shelf-layout,.essay-layout,.service-layout{grid-template-columns:minmax(0,1fr);gap:22px}.home-grid>*,.digest-layout>*,.film-layout>*,.city-columns>*,.creation-layout>*,.shelf-layout>*,.essay-layout>*,.service-layout>*,.status-grid>*,.reading-links>*{grid-column:auto;grid-row:auto;grid-area:auto;min-width:0;width:auto;max-width:100%;order:initial}.hero h1{font-size:27px;line-height:1.35}.hero-image{justify-content:flex-start}.hero-image img{max-height:200px}.section-header{margin-bottom:17px}.section-header h2,h2{font-size:22px}.film-side{gap:10px}.film-side>div{padding-bottom:12px}.wide-visual img,.comic-visual img,.city-visual img,.side-illustration img,.article-visual img{max-height:195px;max-width:100%}.comic-visual img{max-height:190px}.tiny-visual img{max-height:95px;max-width:110px}.city-columns{gap:12px}.process-list{padding-left:18px}.shelf-items>div{grid-template-columns:115px minmax(0,1fr);gap:12px}.shelf-image img{max-height:190px}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.status-grid>div{padding:12px}.status-tail{align-items:flex-start}.essay-image img{max-height:180px}.service-layout{gap:18px}.app-visual img{max-width:175px;max-height:300px}.page-shell{padding-top:18px;padding-bottom:55px}.breadcrumbs{margin-bottom:19px}.page-intro{margin-bottom:24px}.page-intro h1{font-size:27px}.prose-section{margin-bottom:30px}.prose-section h2{font-size:21px}.reading-links{grid-template-columns:minmax(0,1fr)}.faq-item h2{font-size:18px}.faq-item p{padding-left:0}.site-footer{padding:35px 0 20px}.footer-grid{gap:18px}.service-section{margin-bottom:40px}}
@media(max-width:390px){.status-grid,.footer-grid{grid-template-columns:minmax(0,1fr)}.brand-logo{max-width:105px}.brand-logo img{max-width:100px}.brand-word b{font-size:16px}.header-actions .menu-toggle{padding-inline:9px}.shelf-items>div{grid-template-columns:minmax(0,1fr);gap:3px}.wrap{padding-inline:16px}}
@media(max-width:340px){.wrap{padding-inline:14px}.brand-logo img{max-width:75px}.brand-word b{font-size:15px}.hero-actions .btn{padding-inline:13px}.section-header h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}