/* Original visual design remains intact until .a11y-on is set. */
.sr-only,.skip-link:not(:focus){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link:focus{position:fixed;left:16px;top:12px;z-index:1000;background:#fff;color:#17152a;padding:12px 18px;border:3px solid #2415a3;font:700 16px/1.5 sans-serif}
.a11y-launcher{position:fixed;left:18px;bottom:18px;z-index:15;display:flex;align-items:center;gap:7px;min-height:44px;min-width:44px;padding:8px 13px;border:1px solid #3421df;border-radius:24px;background:#f7f9fc;color:#2415a3;font:14px/1.4 sans-serif;box-shadow:0 2px 12px #2415a315;cursor:pointer}.a11y-launcher.is-enabled{background:#2415a3;color:#fff}.a11y-launcher svg,.a11y-badge svg{flex-shrink:0}
.footer-access{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.a11y-badge{display:inline-flex;align-items:center;gap:6px}.a11y-badge span{font-size:12px}.footer-access>a{padding:6px 0}.footer-access>a:last-child{font-size:12px}.image-description{font-size:1rem;line-height:1.85;color:inherit;padding:10px 0}html:not(.a11y-on) .project-gallery .image-description{display:none}.image-description summary{cursor:pointer;padding:8px 0;min-height:44px;box-sizing:border-box}.image-description p{margin:10px 0}.no-script-note{margin:30px 6%;font-size:16px;line-height:1.8}
/* Settings are always readable, including before enabling the mode. */
dialog.settings-dialog{border:1px solid #57546b;width:min(620px,calc(100% - 24px));max-height:90dvh;padding:24px;background:#fff;color:#211d30;overflow:auto;line-height:1.7;box-sizing:border-box}dialog.settings-dialog::backdrop{background:#18152c88}dialog.settings-dialog h2{font:600 24px/1.5 sans-serif;letter-spacing:0;margin:0}dialog.settings-dialog p{font:16px/1.8 sans-serif}dialog.settings-dialog button,dialog.settings-dialog select{font:16px/1.5 sans-serif;min-height:44px;padding:8px 12px;color:#211d30;background:#fff;border:1px solid #635e76;border-radius:4px}dialog.settings-dialog a{font:16px/1.7 sans-serif;color:#2415a3;text-decoration:underline;text-underline-offset:.2em;padding:8px 0}.settings-heading{position:sticky;top:-24px;z-index:3;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #d5d1dd;gap:12px}.settings-close{font-size:26px!important;width:44px;flex-shrink:0}.setting-row{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #d5d1dd;font:16px/1.7 sans-serif}.setting-row label{cursor:pointer;flex:1}.setting-row label span{display:block;font-size:14px;color:#57546b;line-height:1.7}.setting-row input[type=checkbox]{appearance:auto;width:24px;height:24px;margin:10px;accent-color:#2415a3;flex-shrink:0;cursor:pointer}.setting-row select{max-width:50%}.settings-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:22px}.settings-status{min-height:1.8em;color:#454052}dialog.settings-dialog :focus-visible,.a11y-launcher:focus-visible,.footer-access a:focus-visible{outline:3px solid #2415a3;outline-offset:4px}.settings-dialog :disabled{opacity:.65;cursor:default}.settings-dialog button:hover:not(:disabled){background:#f0eefb}
/* No-JS text routes have a self-contained readable layout. */
.text-page{background:#f7f9fc;color:#211d30;font:18px/1.9 sans-serif;padding:24px max(20px,calc((100% - 960px)/2));box-sizing:border-box}.text-page>nav,.text-page main>nav{display:flex;flex-wrap:wrap;gap:12px 24px;margin:0 0 28px;justify-content:flex-start}.text-page a{color:#2415a3;text-decoration:underline;text-underline-offset:.2em;overflow-wrap:anywhere;padding:8px 0}.text-page h1{font:500 clamp(28px,6vw,42px)/1.6 sans-serif;letter-spacing:0;margin:20px 0}.text-page h2{font:600 26px/1.6 sans-serif;margin:38px 0 14px;letter-spacing:0}.text-page h3{font:600 21px/1.6 sans-serif;margin:18px 0 10px}.text-page main{overflow:visible}.text-page p{line-height:1.9}.text-page section{margin-top:40px}.text-page li{margin:18px 0 30px}.text-page footer{width:100%;margin:40px 0 0;padding:24px 0;border-top:1px solid #635e76;font-size:16px;gap:24px}.text-page :focus-visible{outline:3px solid #2415a3;outline-offset:4px}.text-page ol,.text-page ul{padding-left:1.5em}.statement-date{color:#57546b}
/* Reading layout, applied only after the explicit mode switch. */
html.a11y-on{font-size:var(--a11y-size,125%);scroll-behavior:auto;scroll-padding-block:120px 90px;--paper:#fff;--ink:#2415a3;--muted:#454052;--line:#635e76;--olive:#2415a3;background:var(--paper)}
html.a11y-on body{background:var(--paper);color:#211d30;font-size:1rem;line-height:1.8;overflow-wrap:anywhere}
.a11y-on header.nav{position:relative;padding:20px 5%;min-height:100px;height:auto;flex-wrap:wrap;gap:12px 28px;background:var(--paper);margin:0;color:var(--ink)}.a11y-on .brand{font-size:2rem;letter-spacing:-.05em}.a11y-on header nav{margin-left:auto}.a11y-on header .nav-right{flex-wrap:wrap;gap:12px 24px}.a11y-on header a,.a11y-on header button{font-size:1rem;line-height:1.6;min-height:44px;display:inline-flex;align-items:center;padding:8px 4px;box-sizing:border-box}.a11y-on header .contact-link{display:inline-flex;white-space:normal}.a11y-on .hero{height:auto;min-height:70svh;padding:80px 6% 110px;background:var(--paper)}.a11y-on .hero-copy{max-width:100%;width:100%}.a11y-on .hero h1{font-size:clamp(1.5rem,4.4vw,3.6rem);line-height:1.8;letter-spacing:0;color:var(--ink);text-shadow:none}.a11y-on .hero h1 span{margin:0;white-space:normal}.a11y-on .hero-scroll{font-size:.875rem;letter-spacing:.1em;padding:10px;min-height:44px;bottom:24px;max-width:55%;box-sizing:border-box}.a11y-on .hero-scroll i{font-size:1.3rem}.a11y-on #hero-canvas{opacity:.35}.a11y-on .motion-toggle{font-size:.875rem;min-height:44px;bottom:24px;line-height:1.6;padding:8px;right:5%;color:var(--muted);background:var(--paper)}
.a11y-on .works{background:var(--paper);padding-top:35px}.a11y-on h2,.a11y-on .section-heading h2{font-size:1.5rem;line-height:1.6;letter-spacing:.05em}.a11y-on .section-heading{padding-bottom:16px}.a11y-on .filters{margin:0 0 25px;justify-content:flex-start;gap:10px 16px}.a11y-on .filters button{font-size:1rem;line-height:1.5;min-height:44px;min-width:44px;padding:8px 12px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink)}.a11y-on .filters button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.a11y-on .project-info h3,.a11y-on .four-projects .project-info h3{font-size:1.25rem;line-height:1.8;color:var(--ink)}.a11y-on .project-info p,.a11y-on .project-kicker{font-size:.875rem!important;color:var(--muted);line-height:1.9}.a11y-on .image-count{font-size:.875rem;background:#fff;color:#211d30;padding:7px 10px}.a11y-on .four-projects .portfolio-cover{background:var(--paper)}.a11y-on .project{scroll-margin:30px;line-height:1.8}.a11y-on .about-copy,.a11y-on .about-copy p{font-size:1rem;line-height:1.9}.a11y-on .about h2{font-size:1.5rem}.a11y-on footer{font-size:.875rem;line-height:1.8;flex-wrap:wrap;gap:18px;padding-bottom:90px;color:var(--ink)}.a11y-on footer a,.a11y-on footer .a11y-badge span{font-size:.875rem;min-height:44px;display:inline-flex;align-items:center;padding:8px 0;line-height:1.6}.a11y-on .footer-access{gap:18px}.a11y-on a{color:var(--ink)}.a11y-on a:focus-visible,.a11y-on button:focus-visible,.a11y-on input:focus-visible,.a11y-on select:focus-visible,.a11y-on summary:focus-visible{outline:3px solid #17152a!important;outline-offset:4px!important;box-shadow:0 0 0 7px #fff!important}.a11y-on [tabindex="-1"]:focus{outline:2px solid var(--ink);outline-offset:4px}
.a11y-on dialog#project-dialog{background:var(--paper);color:#211d30;padding:24px;width:min(1050px,calc(100% - 24px));max-height:90dvh;scroll-padding:72px 16px;box-sizing:border-box}.a11y-on dialog#project-dialog p{font-size:1rem;line-height:1.9}.a11y-on dialog#project-dialog h2{font-size:1.5rem;padding-right:0;letter-spacing:0}.a11y-on dialog#project-dialog .eyebrow{font-size:.875rem;color:var(--muted)}.a11y-on dialog#project-dialog .close{width:44px;height:44px;font-size:1.5rem;line-height:1;background:var(--paper);color:var(--ink);margin-top:0;margin-bottom:12px;top:0}.a11y-on .project-gallery{gap:28px}.a11y-on .project-gallery figcaption{font-size:.875rem;line-height:1.8;flex-wrap:wrap;gap:6px}.a11y-on .original-hint{font-size:.875rem;color:var(--muted);opacity:1}.a11y-on .original-hint:after{content:'（新窗口）'}.a11y-on .project-gallery a{min-height:44px}.a11y-on .project-gallery details{font-size:1rem;color:#211d30}.a11y-on .project-gallery details p{font-size:1rem}.a11y-on .wechat-panel{background:#fff;color:#211d30;width:280px;padding:18px;max-width:calc(100vw - 32px);box-sizing:border-box;border:1px solid #635e76}.a11y-on .wechat-panel p{font-size:.875rem;color:#454052;line-height:1.8}.a11y-on .wechat-panel strong{font-size:1rem}.a11y-on .wechat-panel a{font-size:.875rem;display:block;min-height:44px;text-decoration:underline}.a11y-on .wechat-panel img{image-rendering:pixelated;max-width:100%}
.a11y-on .a11y-launcher{font-size:.8rem;max-width:calc(100vw - 36px)}.a11y-on .settings-dialog h2{font-size:1.5rem}.a11y-on .settings-dialog p,.a11y-on .settings-dialog button,.a11y-on .settings-dialog a,.a11y-on .settings-dialog select,.a11y-on .setting-row{font-size:1rem}.a11y-on .setting-row label span{font-size:.875rem}.a11y-on .settings-dialog .settings-close{font-size:1.3rem!important}.a11y-on .settings-dialog{padding:20px;scroll-padding:85px}.a11y-on .settings-heading{top:-20px}.a11y-on .text-page{font-size:1rem}.a11y-on .text-page h1{font-size:2rem}.a11y-on .text-page h2{font-size:1.5rem}.a11y-on .text-page h3{font-size:1.2rem}
html.a11y-contrast{--paper:#fff;--ink:#001e96;--muted:#000;--line:#444}.a11y-contrast body,.a11y-contrast .about-copy,.a11y-contrast .project-gallery details,.a11y-contrast .project-info p{color:#000!important}.a11y-contrast #hero-canvas{visibility:hidden}.a11y-contrast .project-gallery img{filter:none}.a11y-contrast a{text-decoration:underline;text-underline-offset:.2em}.a11y-underline a:not(.brand):not(.project-gallery a){text-decoration:underline;text-underline-offset:.2em}.a11y-no-motion *,html.a11y-no-motion *:before,html.a11y-no-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.a11y-no-motion #hero-canvas{visibility:hidden}
@media(max-width:760px){.footer-access{gap:10px 20px}footer{flex-wrap:wrap;gap:14px}dialog.settings-dialog{padding:20px}.settings-heading{top:-20px}.setting-row{gap:12px}.setting-row select{max-width:48%}.a11y-on header.nav{padding:16px 6%;gap:8px 20px}.a11y-on header .nav-right{width:100%;justify-content:flex-end}.a11y-on .hero{padding:55px 6% 100px;min-height:65svh}.a11y-on .curated-grid.four-projects{grid-template-columns:1fr;gap:38px}.a11y-on .about{grid-template-columns:1fr;gap:20px}.a11y-on .project-gallery{grid-template-columns:1fr}.a11y-on .project-gallery figure:first-child{grid-column:auto}.a11y-on .wechat-panel{right:0}.a11y-launcher{left:12px;bottom:12px}.text-page{padding:20px}.text-page>nav{margin-left:0}.a11y-on .filters{gap:10px}.a11y-on .settings-actions{flex-direction:column;align-items:stretch}.a11y-on .setting-row{align-items:flex-start}.a11y-on .setting-row select{max-width:52%}}
@media(max-width:420px){.a11y-on .setting-row{flex-wrap:wrap}.a11y-on .setting-row select{max-width:100%;width:100%}.a11y-on .setting-row label{min-width:55%}.a11y-on .settings-heading{align-items:flex-start}}
@media(forced-colors:active){.a11y-launcher,.filters button,.settings-dialog button,.wechat-panel{border:1px solid ButtonText!important}.a11y-on #hero-canvas{display:none}.a11y-on :focus-visible{outline:3px solid Highlight!important;box-shadow:none!important}.a11y-badge svg{stroke:LinkText}}