:root{color-scheme:light;--paper:#f6f4ed;--ink:#20211e;--blue:#293ba1;--line:#babbb1;--muted:#565950;--serif:"Baskerville","Iowan Old Style","Times New Roman","Songti TC",serif;--sans:"Helvetica Neue",Arial,"PingFang TC",sans-serif;--mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace}
*{box-sizing:border-box}body{margin:0 auto;max-width:1750px;padding:0 clamp(20px,4.7vw,90px);background:var(--paper);color:var(--ink);font:16px/1.5 var(--sans);min-height:100svh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #b86315;outline-offset:4px}main:focus{outline:none}main{flex:1}header,footer,.meta,.crumb,.lang,.small{font-family:var(--mono);font-size:12px}.meta,.small{text-transform:uppercase;letter-spacing:.07em}
header,footer,.section-head,.entry,.row,.detail-grid{display:flex;align-items:center;justify-content:space-between}header{min-height:80px;border-bottom:1px solid var(--ink)}.wordmark{display:flex;align-items:center;gap:12px;font:700 27px/.9 var(--sans);letter-spacing:-.07em}.wordmark i{display:block;width:30px;height:24px;background:repeating-linear-gradient(90deg,var(--blue) 0 3px,transparent 3px 5px);transform:skewY(-14deg)}#langs{display:flex;align-items:center;gap:5px}.lang{padding:6px;line-height:1.2;color:var(--muted)}.lang[aria-current=true]{background:var(--ink);color:var(--paper)}footer{min-height:68px;color:var(--muted);font-size:11px;border-top:1px solid var(--line);gap:20px;margin-top:54px}.foot-sep{margin:0 8px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:center;padding:clamp(34px,4vw,74px) 0}.hero-text{padding:2vw 0}.kicker,.crumb{color:var(--blue)}.kicker{display:flex;align-items:center;gap:10px}.kicker:before{content:"";width:20px;height:2px;background:var(--blue)}h1,h2,h3,p,figure{margin:0}h1,.entry strong,.card h3,.row strong,h2{font:400 clamp(42px,5.5vw,90px)/1 var(--serif);letter-spacing:-.05em}.hero h1{font-size:clamp(44px,6.5vw,106px);line-height:.98;margin:25px 0 21px}.hero h1 em{font-weight:400;color:var(--blue)}.hero-text p,.lead{font-size:clamp(16px,1.3vw,21px);line-height:1.52;max-width:39ch;color:#45483f}.plate{position:relative;background:#2c3ca0;overflow:hidden}.plate img{display:block;width:100%;height:auto}.plate figcaption{position:absolute;inset:auto 15px 10px;color:#fff;font:10px var(--mono);letter-spacing:.06em}.entries{border-top:1px solid var(--ink)}.entry{gap:24px;border-bottom:1px solid var(--line);padding:22px 5px 21px 0}.entry strong{font-size:clamp(36px,4.2vw,70px);flex:1}.entry .desc{width:34%;color:var(--muted);font-size:15px}.arrow{font:normal 27px/1 var(--sans);color:var(--blue);padding-right:8px;transition:transform .18s}.entry:hover .arrow,.row:hover .arrow{transform:translateX(5px)}.entry:hover strong,.row:hover strong,.crumb a:hover,.card:hover h3{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em}.crumb{margin:23px 0 0;display:flex;gap:9px;flex-wrap:wrap}.crumb span{color:var(--muted)}.page-title{margin:40px 0 14px}.section-head{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:14px 0;margin-top:42px;gap:15px}h2{font-size:clamp(26px,2.7vw,42px)}.section-head a,.source{color:var(--blue);font-size:14px;text-decoration:underline;text-underline-offset:3px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;padding:22px 0 8px}.card img{width:100%;aspect-ratio:2.5;object-fit:cover;display:block;margin-bottom:14px}.card .meta,.row .meta{color:var(--muted)}.card h3{font-size:clamp(28px,3.3vw,48px);margin:8px 0}.card p,.detail-text p{color:#45483f;max-width:56ch}.row{padding:18px 0;gap:20px;border-bottom:1px solid var(--line)}.row .meta{flex:0 0 66px}.row strong{font-size:clamp(24px,3vw,44px);flex:1}.detail-grid{align-items:flex-start;gap:5vw;margin-top:29px}.detail-text{flex:1}.detail-text p,.lead{margin-top:13px}.detail-grid figure{width:40%}.source{display:inline-block;margin-top:16px}.about{max-width:770px}.about p{margin-top:20px}.backlink{display:inline-block;margin:20px 0;color:var(--blue);text-decoration:underline}.section-head .small{color:var(--muted)}html[lang=zh-Hant] h1:not(.brand-title),html[lang=zh-Hant] .entry strong,html[lang=zh-Hant] h2,html[lang=zh-Hant] h3{letter-spacing:0;line-height:1.22}
@media(max-width:700px){header{min-height:65px}.hero{grid-template-columns:1fr;gap:22px;padding:26px 0}.hero h1{font-size:clamp(46px,10.8vw,75px);margin:15px 0}.hero-text{padding:0}.hero-text p{max-width:44ch}.hero .plate img{height:clamp(170px,52vw,285px);object-fit:contain}.entry{display:grid;grid-template-columns:1fr auto;gap:4px;padding:15px 0}.entry .desc{grid-column:1;grid-row:2;width:100%;font-size:13px}.entry .arrow{grid-column:2;grid-row:1/3}.cards{gap:20px}.card img{aspect-ratio:1.6}.detail-grid{display:block}.detail-grid figure{width:100%;max-width:460px;margin-top:22px}.row{gap:10px}.row .meta{flex-basis:42px}footer{margin-top:30px}.section-head{margin-top:28px}.page-title{margin:28px 0 10px}}
@media(max-width:430px){.cards{grid-template-columns:1fr}.card img{aspect-ratio:2.8}.hero h1{font-size:12.4vw}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}