@layer reset{*,:before,:after{box-sizing:border-box}html{color-scheme:light}body{margin:0}img,video{max-width:100%;height:auto;display:block}input,button{font:inherit}}@layer base{:root{--ink:oklch(22% .025 62);--muted:oklch(48% .025 62);--paper:oklch(97% .012 83);--paper-deep:oklch(92% .02 82);--line:oklch(78% .025 78);--red:oklch(48% .17 30);--red-dark:oklch(36% .13 28);--serif:"Noto Serif CJK SC", "Source Han Serif SC", "Songti SC", Georgia, serif;--sans:"Noto Sans CJK SC", "Source Han Sans SC", "Microsoft YaHei", sans-serif;--content:min(100% - 2rem, 76rem)}html{background:var(--paper);scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.7;overflow-x:hidden}a{color:inherit;text-underline-offset:.18em}a:hover{color:var(--red)}:focus-visible{outline:3px solid var(--red);outline-offset:4px}.container{width:var(--content);margin-inline:auto}.skip-link{background:var(--ink);color:var(--paper);z-index:20;padding:.65rem 1rem;position:absolute;top:-5rem;left:1rem}.skip-link:focus{top:1rem}}@layer components{.site-header{border-top:.4rem solid var(--red);border-bottom:1px solid var(--line)}.masthead{grid-template-columns:1fr auto 1fr;align-items:end;gap:1rem;padding-block:clamp(1.5rem,4vw,3.5rem) 1.25rem;display:grid}.eyebrow{color:var(--red-dark);letter-spacing:.15em;text-transform:uppercase;font-size:.74rem;font-weight:700}.brand{font-family:var(--serif);letter-spacing:-.06em;font-size:clamp(2rem,7vw,4.8rem);font-weight:900;line-height:.9;text-decoration:none}.brand span{color:var(--red)}.masthead-time{color:var(--muted);justify-self:end;font-size:.78rem}.nav{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:clamp(.25rem,2vw,1.5rem);font-size:.86rem;font-weight:700;display:flex}.nav a{white-space:nowrap;align-items:center;min-height:44px;padding-inline:.55rem;text-decoration:none;display:inline-flex}main{min-height:60vh}.hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.45fr) minmax(16rem,.55fr);gap:clamp(2rem,6vw,6rem);padding-block:clamp(3rem,8vw,7rem);display:grid}.hero h1{font:900 clamp(2.4rem, 7vw, 6.8rem)/.97 var(--serif);letter-spacing:-.055em;overflow-wrap:anywhere;max-width:12ch;margin:.35rem 0 1rem}.hero p{color:var(--muted);max-width:32rem;font-size:clamp(1rem,2vw,1.22rem)}.hero-aside{border-top:3px solid var(--ink);align-self:end;padding-top:1rem}.section-head{border-bottom:3px solid var(--ink);justify-content:space-between;align-items:baseline;gap:1rem;padding-block:2rem .8rem;display:flex}.section-head h2{font:800 clamp(1.6rem, 3vw, 2.5rem)/1 var(--serif);margin:0}.article-list{margin:0;padding:0;list-style:none}.article-card{border-bottom:1px solid var(--line);grid-template-columns:7rem minmax(0,1fr) auto;gap:clamp(1rem,3vw,2.5rem);padding-block:clamp(1.4rem,3vw,2.2rem);display:grid}.article-card time{color:var(--muted);font:600 .78rem/1.5 var(--sans)}.article-card h3{font:800 clamp(1.25rem, 2.6vw, 2rem)/1.25 var(--serif);margin:0 0 .45rem}.article-card h3 a{text-decoration:none}.article-card p{color:var(--muted);max-width:60ch;margin:0}.article-card .arrow{color:var(--red);align-self:center;font-size:1.4rem}.taxonomy-strip{flex-wrap:wrap;gap:.6rem;padding-block:1.5rem 3rem;display:flex}.taxonomy-strip a{border:1px solid var(--line);padding:.35rem .75rem;font-size:.82rem;text-decoration:none}.pagination{justify-content:space-between;gap:1rem;padding-block:2rem 4rem;display:flex}.pagination a{font-weight:700}.article-shell{width:min(100% - 2rem,72rem);margin-inline:auto;padding-block:clamp(3rem,9vw,8rem)}.article-header{border-bottom:1px solid var(--line);grid-template-columns:11rem minmax(0,1fr);gap:clamp(1.5rem,5vw,5rem);padding-bottom:clamp(2rem,6vw,5rem);display:grid}.article-meta{color:var(--muted);font-size:.82rem}.article-header>*,.article-card>*{min-width:0}.article-header h1{font:900 clamp(2.15rem, 7vw, 5.9rem)/1.08 var(--serif);letter-spacing:-.045em;overflow-wrap:anywhere;margin:0}.dek{color:var(--muted);font-family:var(--serif);max-width:50rem;font-size:clamp(1.05rem,2vw,1.35rem)}.article-content{width:min(100%,46rem);font:400 clamp(1.04rem, 1.7vw, 1.2rem)/1.95 var(--serif);overflow-wrap:anywhere;margin:clamp(2rem,7vw,5rem) auto 0}.article-content h2,.article-content h3{margin-top:2.2em;line-height:1.3}.article-content a{color:var(--red-dark)}.article-content blockquote{border-left:4px solid var(--red);margin:2em 0;padding:.8rem 0 .8rem 1.5rem;font-size:1.15em}.article-content pre{background:var(--ink);color:var(--paper);padding:1rem;font:.88rem/1.6 ui-monospace,monospace;overflow:auto}.article-content table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.article-content th,.article-content td{border:1px solid var(--line);padding:.5rem}.article-content figure{margin:2.5rem 0}.article-content img{max-width:100%;height:auto}.article-content iframe,.article-content embed,.article-content object{max-width:100%}.article-content figcaption{color:var(--muted);font:.78rem/1.5 var(--sans);margin-top:.5rem}.site-footer{background:var(--ink);color:var(--paper-deep);margin-top:4rem;padding-block:3rem}.footer-grid{grid-template-columns:1fr auto;align-items:end;gap:2rem;display:grid}.footer-brand{font:800 2rem/1 var(--serif)}.error-page{padding-block:8rem}.error-page strong{color:var(--red);font:900 clamp(5rem, 18vw, 13rem)/.8 var(--serif);display:block}@media (width<=680px){:root{--content:min(100% - 1.25rem, 76rem)}.masthead{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem}.masthead .eyebrow{display:none}.brand{font-size:clamp(2rem,12vw,2.5rem)}.masthead-time{white-space:nowrap;font-size:.72rem}.nav{overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:thin;justify-content:flex-start;overflow-x:auto}.nav a{scroll-snap-align:start;flex:none}.hero{grid-template-columns:1fr}.hero h1{font-size:clamp(2.25rem,13vw,3.6rem)}.article-card{grid-template-columns:1fr auto}.article-card time{grid-column:1/-1}.article-header{grid-template-columns:1fr}.article-shell{width:min(100% - 1.25rem,72rem)}.article-content{font-size:1.05rem;line-height:1.85}.article-content blockquote{padding-left:1rem}.article-content table{font-size:.9rem}.pagination{align-items:center;font-size:.9rem}.pagination a,.taxonomy-strip a{align-items:center;min-height:44px;display:inline-flex}.footer-grid{grid-template-columns:1fr}}@media (width<=380px){.masthead-time{display:none}.masthead{grid-template-columns:1fr}.section-head{align-items:flex-start}}}