/* 黑色主基调与双语排版。 */
:root{--paper:#0a0a0a;--ink:#eeeee7;--muted:#a0a497;--line:rgba(230,234,220,.17);--accent:#0f52ba}
body{background:var(--paper);color:var(--ink)}
[data-i18n],.hero-description{white-space:pre-line}
.hero{background:#000}
.skip-link{background:#eeeee7;color:#141610}
.heading-aside,.about-copy{color:#b4b8aa}
.about-copy .about-lead{color:var(--ink)}
.feature-picture,.gallery-image-button{background:#171717}
.feature-category,.gallery-caption>span,.gallery-count,.micro-label{color:#a3a898}
.button-light,.button-dark{background:#eeeee7;color:#161812}
.button-light:hover,.button-dark:hover{background:#cdd2c3;color:#080a06}
.button-arrow-icon{display:block;flex:none}
.hero-bottom>a{position:absolute;left:50%;transform:translateX(-50%)}
.hero-bottom .intro-replay{margin-left:auto}
.open-image,.gallery-image-button::after{background:#e3e8d8;color:#131710}
.filter:hover{background:#262626}
.filter.active{background:#e4e9d9;color:#151a10}
.gallery[data-compact="true"]{columns:2}
.filter>.filter-label{font:inherit;opacity:1}
.filter>.filter-total{font:9px Arial,sans-serif;opacity:.6}
.gallery-end>[data-i18n]{width:auto;height:auto;background:none;text-align:center}
.text-link>[data-i18n]{font-size:inherit}
.back-top>[data-i18n]{font-size:inherit}
.hero-bottom>a>[data-i18n]{font-size:inherit}
.intro-replay>[data-i18n],.intro-skip>[data-i18n]{font-size:inherit}
.close-menu>[data-i18n],.lightbox-close>[data-i18n]{font-size:12px;line-height:1.5}
.menu-links>a>[data-i18n]{font:inherit;color:inherit;letter-spacing:inherit}
.menu-header .brand-wordmark{filter:none}
.menu-dialog{background:#101010;color:var(--ink)}
.menu-links>a>span:first-child{color:#939b86}
.site-footer{background:#101010;color:var(--ink);border-top:1px solid var(--line)}
.footer-brand{display:inline-flex;align-items:center}
.footer-brand img{width:110px;height:auto;max-width:none}
.footer-bottom{font-size:10px;color:#a8ae9c}
.about-meta{color:#a5ad95}
.lightbox{background:#080808;color:var(--ink)}
.lightbox-prev:hover,.lightbox-next:hover{background:#1d2317}
.header-actions{display:flex;align-items:center;gap:25px}
.language-switch{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.06em;color:#a7af9a}
.language-switch>button{padding:8px 1px;color:#9fa58f;font:inherit;min-width:20px;position:relative}
.language-switch>button[aria-pressed="true"]{color:#f0f2e8}
.language-switch>button[aria-pressed="true"]::after{content:"";position:absolute;bottom:2px;left:2px;right:2px;height:1px;background:currentColor}
.language-switch>span{opacity:.4;font-size:9px}
html[lang="en"] .hero h1{font-family:Arial,sans-serif;font-size:clamp(43px,4.8vw,78px);line-height:1.08;letter-spacing:-.055em;font-weight:500}
html[lang="en"] .hero-content{max-width:46%}
html[lang="en"] .hero-description{letter-spacing:0;line-height:1.8;font-size:13px}
html[lang="en"] .hero-eyebrow{font-size:10px;letter-spacing:.05em}
html[lang="en"] .hero-side-note{letter-spacing:.025em}
html[lang="en"] .hero-index{font:11px Arial,sans-serif;letter-spacing:.03em}
html[lang="en"] .vertical-note{writing-mode:horizontal-tb;max-width:100px;font:10px/1.65 Arial,sans-serif;letter-spacing:.04em;text-align:right}
html[lang="en"] .signature-name{font-size:0;height:26vw;min-height:180px;max-height:410px;padding:0;background:url('assets/jin-qihuan.svg') center/92% auto no-repeat}
html[lang="en"] .section-heading h2{font-family:Arial,sans-serif;font-weight:500;letter-spacing:-.055em;line-height:1.06;font-size:clamp(36px,4.5vw,74px)}
html[lang="en"] .section-heading .eyebrow{letter-spacing:.09em}
html[lang="en"] .about-meta{line-height:1.8;font-size:10px}
html[lang="en"] .footer-title{font-family:Arial,sans-serif;font-size:clamp(34px,5.8vw,94px);letter-spacing:-.055em;line-height:1.06}
html[lang="en"] .menu-links>a{font-family:Arial,sans-serif;letter-spacing:-.05em}
html[lang="en"] .menu-links>a>[data-i18n]{white-space:normal}
@media(max-width:1000px){
  .header-actions{gap:20px}
  html[lang="en"] .hero-content{max-width:48%}
  html[lang="en"] .hero h1{font-size:45px}
  html[lang="en"] .hero-description{font-size:11px}
  html[lang="en"] .hero-index{font-size:10px}
}
@media(max-width:620px){
  .header-actions{gap:15px}
  .language-switch{gap:6px;font-size:10px}
  .language-switch>button{min-width:17px}
  .gallery-toolbar{flex-wrap:wrap;gap:8px}
  .filters{width:100%;justify-content:space-between;flex-wrap:nowrap}
  .filter{padding:8px 10px;gap:5px}
  .filter>.filter-total{font-size:8px}
  .gallery-count{margin-left:auto;font-size:9px}
  .gallery[data-compact="true"]{columns:1}
  .footer-brand img{width:96px;height:auto}
  .footer-bottom{font-size:9px}
  html[lang="en"] .hero-content{max-width:none;right:22px}
  html[lang="en"] .hero h1{font-size:37px;line-height:1.08}
  html[lang="en"] .hero-description{font-size:11px;line-height:1.75}
  html[lang="en"] .hero-eyebrow{font-size:9px}
  html[lang="en"] .hero-side-note{font-size:8px}
  html[lang="en"] .signature-top{gap:20px}
  html[lang="en"] .signature-top>span:last-child{text-align:right;max-width:150px;line-height:1.5}
  html[lang="en"] .signature-bottom{gap:15px;line-height:1.7}
  html[lang="en"] .signature-bottom>span:first-child{max-width:200px}
  html[lang="en"] .signature-name{height:39vw;min-height:150px}
  html[lang="en"] .section-heading h2{font-size:39px}
  html[lang="en"] .about-meta{flex-direction:column;gap:5px}
  html[lang="en"] .footer-title{font-size:35px;line-height:1.1}
  html[lang="en"] .menu-links>a{font-size:34px;gap:18px;line-height:1.8}
}
@media(max-width:370px){
  .brand-wordmark{width:157px;margin:-7px -10px}
  .header-actions{gap:9px}
  .language-switch{gap:4px;font-size:9px}
  .filter{padding-inline:7px;font-size:10px}
  html[lang="en"] .hero h1{font-size:32px}
  html[lang="en"] .footer-title{font-size:29px}
  html[lang="en"] .menu-links>a{font-size:29px}
}