:root{--ink: #10233f;--ink-soft: #43516a;--paper: #ffffff;--canvas: #f3f6f9;--line: #ccd5df;--accent: #ee4d2d;--accent-dark: #b72f18;--blue: #1d5f9e;--serif: Charter, "Iowan Old Style", Georgia, "Songti SC", "Noto Serif CJK SC", serif;--sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font:inherit}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[data-language-content]{transition:opacity .2s ease}html[data-language-mode=en] [data-language-content=zh],html[data-language-mode=zh] [data-language-content=en]{opacity:.08}html[data-language-mode=en] [data-language-content=zh]:is(:hover,:focus-within),html[data-language-mode=zh] [data-language-content=en]:is(:hover,:focus-within){opacity:.78}.site-header{align-items:center;backdrop-filter:blur(14px);background:color-mix(in srgb,var(--paper) 92%,transparent);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:18px max(24px,calc((100vw - 1220px)/2));position:sticky;top:0;z-index:20}.wordmark{align-items:center;display:inline-flex;gap:12px}.wordmark-mark{align-items:center;background:var(--accent);color:#fff;display:inline-flex;font-family:var(--serif);font-size:19px;height:38px;justify-content:center;width:38px}.wordmark strong,.wordmark small{display:block;line-height:1.08}.wordmark strong{font-family:var(--serif);font-size:18px}.wordmark small{color:var(--ink-soft);font-size:12px;letter-spacing:.2em;margin-top:3px}.header-actions{align-items:center;display:flex;gap:24px}.site-nav{display:flex;gap:24px;font-size:14px}.site-nav a{align-items:baseline;border-bottom:1px solid transparent;display:inline-flex;gap:5px;padding:4px 0;white-space:nowrap}.site-nav a:hover,.site-nav a:focus-visible{border-color:var(--accent);color:var(--accent-dark)}.language-mode{align-items:center;background:#e4eaf0;display:inline-flex;padding:3px}.language-mode button{background:transparent;border:0;color:var(--ink-soft);cursor:pointer;font-size:12px;padding:6px 9px}.language-mode button:hover,.language-mode button:focus-visible{color:var(--ink)}.language-mode button.is-active{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px #10233f1a}.hero{margin:0 auto;max-width:1220px;padding:78px 24px 86px}.hero-kicker,.eyebrow,.pane-label{color:var(--accent-dark);font-size:12px;font-weight:750;letter-spacing:.15em;text-transform:uppercase}.hero-kicker{display:flex;gap:9px;margin-bottom:32px}.hero-kicker [data-language-content=en]:after{content:"·";margin-left:9px}.hero-grid{display:grid;grid-template-columns:1fr 66px 1fr}.hero-copy{max-width:500px}.hero-copy-en{padding-right:24px}.hero-copy-zh{padding-left:24px}.hero-copy h1,.hero-copy h2{font-family:var(--serif);font-size:clamp(2.65rem,5vw,5.7rem);font-weight:500;letter-spacing:-.055em;line-height:.98;margin:16px 0 26px}.hero-copy-zh h2{letter-spacing:-.035em;line-height:1.12}.hero-copy>p:last-child{color:var(--ink-soft);font-family:var(--serif);font-size:19px;line-height:1.75;max-width:44ch}.hero-rule{align-items:center;display:flex;justify-content:center;position:relative}.hero-rule:before{background:var(--accent);content:"";height:100%;left:50%;position:absolute;top:0;width:1px}.hero-rule span{background:var(--canvas);color:var(--accent);font-family:var(--serif);padding:16px 0;position:relative}.featured-link{align-items:center;background:var(--ink);color:#fff;display:flex;justify-content:space-between;margin-top:58px;padding:24px 28px;transition:transform .2s ease,background .2s ease}.featured-link:hover{background:#18375f;transform:translateY(-2px)}.featured-link small,.featured-link strong{display:block}.featured-link small{color:#b8d4ee;display:flex;font-size:11px;gap:7px;letter-spacing:.13em;margin-bottom:5px;text-transform:uppercase}.featured-link strong{font-family:var(--serif);font-size:clamp(20px,3vw,28px);font-weight:500}.featured-link strong>span{display:block}.featured-link strong>span+span{font-size:.84em;margin-top:2px}.featured-action{align-items:center;display:flex;gap:6px;white-space:nowrap}.archive{background:var(--paper);border-bottom:1px solid var(--line);border-top:1px solid var(--line);padding:82px max(24px,calc((100vw - 1220px)/2))}.section-heading{align-items:end;display:flex;justify-content:space-between;margin-bottom:36px}.section-heading h2{font-family:var(--serif);font-size:clamp(2.2rem,4vw,4rem);font-weight:500;letter-spacing:-.045em;margin:3px 0 0}.section-heading h2>span{display:block}.section-heading h2>span+span{font-size:.72em;margin-top:.08em}.section-heading>p{color:var(--ink-soft);margin:0 0 10px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.filter-button{align-items:center;background:transparent;border:1px solid var(--line);border-radius:99px;color:var(--ink-soft);cursor:pointer;display:inline-flex;font-size:14px;gap:5px;padding:7px 15px}.filter-button:hover,.filter-button:focus-visible,.filter-button.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.article-list{border-top:1px solid var(--ink)}.article-row{align-items:start;border-bottom:1px solid var(--line);display:grid;gap:26px;grid-template-columns:48px 1fr 190px;padding:31px 0}.article-row[hidden]{display:none}.article-number{color:var(--accent-dark);font-family:var(--serif);font-size:14px;padding-top:5px}.article-meta{align-items:center;color:var(--ink-soft);display:flex;flex-wrap:wrap;font-size:12px;gap:8px 15px;letter-spacing:.08em;text-transform:uppercase}.bilingual-inline{display:inline-flex;gap:5px}.sample-label{border:1px solid #edaa9d;color:var(--accent-dark);padding:1px 6px}.article-main h3{font-family:var(--serif);font-size:clamp(25px,3vw,36px);font-weight:500;letter-spacing:-.03em;line-height:1.12;margin:9px 0}.article-main h3 [data-language-content]{display:block}.article-main h3 [data-language-content]+[data-language-content]{font-size:.8em;margin-top:5px}.article-main h3 a:hover{color:var(--blue)}.article-main>p{color:var(--ink-soft);margin:0;max-width:68ch}.article-main>p+p{margin-top:5px}.tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px}.tags+.tags{margin-top:7px}.tags span{color:var(--blue);font-size:13px}.article-side{align-items:flex-end;display:flex;flex-direction:column;gap:13px}.article-side time{color:var(--ink-soft);font-size:13px}.language-pills{display:flex;gap:5px}.language-pills span{align-items:center;background:#eaf0f6;display:inline-flex;font-size:11px;height:25px;justify-content:center;min-width:27px;padding:0 7px}.round-link{align-items:center;border:1px solid var(--ink);border-radius:50%;display:inline-flex;font-size:18px;height:38px;justify-content:center;margin-top:4px;width:38px}.round-link:hover{background:var(--accent);border-color:var(--accent);color:#fff}.empty-state{border-top:1px solid var(--line);color:var(--ink-soft);padding:32px 0}.empty-state p{margin:0}.empty-state p+p{margin-top:4px}.site-footer{background:var(--ink);color:#fff;display:flex;justify-content:space-between;padding:46px max(24px,calc((100vw - 1220px)/2))}.site-footer strong{font-family:var(--serif);font-size:21px}.site-footer p{color:#b8c6d9;margin:5px 0 0}.reading-page{margin:0 auto;max-width:1320px;min-height:80vh;padding:54px 24px 100px}.back-link{color:var(--ink-soft);font-size:14px}.back-link:hover{color:var(--accent-dark)}.article-header{border-bottom:1px solid var(--ink);margin:38px 0 24px;padding-bottom:48px}.article-header-meta{color:var(--accent-dark);display:flex;flex-wrap:wrap;font-size:12px;gap:20px;letter-spacing:.1em;text-transform:uppercase}.article-header h1{font-family:var(--serif);font-size:clamp(2.8rem,6vw,6.8rem);font-weight:500;letter-spacing:-.06em;line-height:.98;margin:18px 0 24px;max-width:14ch}.article-header h1>span{display:block}.article-header h1>span+span{font-size:.72em;letter-spacing:-.045em;line-height:1.12;margin-top:.18em}.article-header>p{color:var(--ink-soft);font-family:var(--serif);font-size:20px;margin:0;max-width:62ch}.article-header>p+p{margin-top:8px}.language-mismatch{align-items:center;background:#eaf0f6;color:var(--ink-soft);display:none;font-size:14px;justify-content:space-between;margin:16px 0 28px;padding:14px 16px}.language-mismatch button{background:var(--ink);border:0;color:#fff;cursor:pointer;padding:7px 11px}html[data-language-mode=en] .reading-page[data-available-languages=zh] .language-mismatch-en,html[data-language-mode=zh] .reading-page[data-available-languages=en] .language-mismatch-zh{display:flex}html[data-language-mode=en] .reading-page[data-available-languages=zh] [data-language-content=zh],html[data-language-mode=zh] .reading-page[data-available-languages=en] [data-language-content=en]{opacity:1}.article-panes{display:grid;gap:0;grid-template-columns:repeat(2,minmax(0,1fr))}.article-panes.is-single{grid-template-columns:minmax(0,760px);justify-content:center}.prose-pane{background:var(--paper);min-width:0;padding:clamp(27px,4vw,58px)}.prose-pane+.prose-pane{border-left:1px solid var(--line)}.pane-label{border-bottom:1px solid var(--line);margin:0 0 38px;padding-bottom:12px}.prose-pane :is(h2,h3){font-family:var(--serif);font-weight:500;letter-spacing:-.025em;line-height:1.2;margin:2.1em 0 .7em}.prose-pane h2{font-size:30px}.prose-pane p,.prose-pane li{font-family:var(--serif);font-size:18px;line-height:1.85}.zh-panel p,.zh-panel li{line-height:2}.prose-pane blockquote{border-left:3px solid var(--accent);color:var(--blue);margin:2em 0;padding:1px 0 1px 24px}.prose-pane blockquote p{font-size:21px;font-style:italic}.article-end{align-items:center;border-top:1px solid var(--ink);display:flex;justify-content:flex-end;margin-top:42px;padding-top:20px}.article-end a{color:var(--blue)}.commonplace-page{background:#08172d;color:#f6f0e5;min-height:100vh;overflow:hidden}.commonplace-intro{margin:0 auto;max-width:1220px;padding:72px 24px 42px;position:relative;z-index:3}.commonplace-intro .eyebrow{color:#f29b7f;display:flex;gap:9px;margin:0 0 26px}.commonplace-intro .eyebrow [data-language-content=en]:after{content:"·";margin-left:9px}.commonplace-title{align-items:start;column-gap:clamp(32px,7vw,110px);display:grid;grid-template-areas:"title-en title-zh" "copy-en copy-zh";grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.commonplace-title h1,.commonplace-title h2{color:#fffaf1;font-family:var(--serif);font-size:clamp(3.1rem,7vw,7.4rem);font-weight:500;letter-spacing:-.06em;line-height:.88;margin:0}.commonplace-title h1{grid-area:title-en}.commonplace-title h2{font-size:clamp(2.8rem,5.5vw,6rem);grid-area:title-zh;letter-spacing:-.035em;margin-top:clamp(8px,.85vw,14px)}.commonplace-title p{color:#a9b8ca;font-family:var(--serif);font-size:17px;line-height:1.75;margin:25px 0 0;max-width:52ch}.commonplace-title p[data-language-content=en]{grid-area:copy-en}.commonplace-title p[data-language-content=zh]{grid-area:copy-zh}.galaxy-shell{margin:0 auto;max-width:1500px;padding:0 18px 46px}.galaxy-field{background:radial-gradient(ellipse at center,#19375c,#0d2340 28%,#08172d 67%,#050f20);border:1px solid #ffffff20;height:clamp(720px,76vw,960px);min-height:720px;overflow:hidden;position:relative}.galaxy-field:before{background:conic-gradient(from 20deg at 50% 50%,transparent 0 17%,#6ea4d20d 22%,transparent 29% 54%,#ee4d2d0a 61%,transparent 68%);border-radius:50%;content:"";inset:8% 4%;position:absolute;transform:rotate(-10deg)}.galaxy-stars{inset:0;pointer-events:none;position:absolute}.galaxy-stars-far{background-image:radial-gradient(circle,#ffffff70 0 1px,transparent 1.4px),radial-gradient(circle,#83b5e260 0 1px,transparent 1.3px);background-position:18px 31px,74px 88px;background-size:113px 127px,167px 151px;opacity:.48}.galaxy-stars-near{background-image:radial-gradient(circle,#f8d8a4 0 1.3px,transparent 1.8px);background-position:41px 67px;background-size:251px 229px;opacity:.65}.quote-orbit{animation:quote-orbit var(--orbit-duration) linear var(--orbit-delay) infinite;height:var(--orbit-size);left:50%;pointer-events:none;position:absolute;top:50%;transform-origin:center;width:var(--orbit-size);z-index:3}.quote-orbit[hidden]{display:none}.quote-orbit:before{border:1px solid #a8c4df0c;border-radius:50%;content:"";inset:0;position:absolute}.quote-anchor{left:50%;position:absolute;top:0;transform:translate(-50%,-50%)}.quote-upright{animation:quote-counter var(--orbit-duration) linear var(--orbit-delay) infinite}.galaxy-quote{background:#0a1b32d9;border:1px solid #acc8e133;box-shadow:0 14px 34px #02091666;color:#e7edf5;cursor:default;margin:0;max-width:250px;min-width:176px;padding:17px 19px 14px;pointer-events:auto;position:relative;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,opacity .35s ease,transform .35s ease;width:clamp(176px,19vw,250px)}.galaxy-quote:before{background:#f29b7f;border-radius:50%;box-shadow:0 0 12px #f29b7f;content:"";height:4px;left:10px;position:absolute;top:10px;width:4px}.galaxy-quote blockquote{margin:0}.galaxy-quote blockquote p{font-family:var(--serif);font-size:17px;line-height:1.55;margin:0}.galaxy-quote blockquote[lang=zh-Hans] p{line-height:1.75}.galaxy-quote figcaption{align-items:baseline;color:#8fa4bc;display:flex;flex-wrap:wrap;font-size:10px;gap:3px 8px;letter-spacing:.04em;margin-top:12px}.galaxy-quote figcaption strong{color:#c4d1df;font-weight:650}.galaxy-quote cite{font-style:normal}.quote-sample{border:1px solid #f29b7f80;color:#f2ad96;display:inline-flex;font-size:8px;gap:3px;letter-spacing:.1em;padding:1px 4px;text-transform:uppercase}.quote-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.quote-tags span{color:#5f91c1;font-size:9px}.quote-id{display:none}.quote-scale-0{transform:scale(.88)}.quote-scale-1{transform:scale(.98)}.quote-scale-2{transform:scale(1.06)}.galaxy-quote.is-featured{border-color:#f29b7f66}.galaxy-quote:hover,.galaxy-quote:focus-visible{background:#102b4cfa;border-color:#f29b7f;box-shadow:0 0 0 1px #f29b7f33,0 22px 60px #020916b3,0 0 46px #ee4d2d22;outline:none;transform:scale(1.09);z-index:8}.galaxy-field:has(.galaxy-quote:is(:hover,:focus-visible)) .galaxy-quote:not(:hover):not(:focus-visible){opacity:.16}.galaxy-field:has(.galaxy-quote:is(:hover,:focus-visible)) :is(.quote-orbit,.quote-upright){animation-play-state:paused}.commonplace-archive-section{margin:0 auto;max-width:1220px;padding:0 24px 42px}.archive-toggle{align-items:center;background:transparent;border:0;border-bottom:1px solid #ffffff2b;border-top:1px solid #ffffff2b;color:#f6f0e5;cursor:pointer;display:flex;justify-content:space-between;padding:19px 2px;text-align:left;width:100%}.archive-toggle:hover,.archive-toggle:focus-visible{border-color:#f29b7f;color:#f6c0ad;outline:none}.archive-toggle-label{display:flex;font-family:var(--serif);font-size:20px;gap:8px}.archive-toggle-meta{align-items:center;color:#91a6be;display:inline-flex;font-size:12px;gap:17px}.archive-toggle-icon{color:#f29b7f;display:inline-block;font-size:17px;transition:transform .25s ease}.archive-toggle[aria-expanded=true] .archive-toggle-icon{transform:rotate(180deg)}.commonplace-archive{padding:62px 0 32px}.commonplace-archive[hidden]{display:none}.archive-list-heading{margin-bottom:34px}.archive-list-heading h2{font-family:var(--serif);font-size:clamp(2.4rem,5vw,4.8rem);font-weight:500;letter-spacing:-.045em;line-height:1;margin:0}.archive-list-heading h2 span{display:block}.archive-list-heading h2 span+span{font-size:.66em;margin-top:7px}.quote-archive-list{border-top:1px solid #ffffff38;list-style:none;margin:0;padding:0}.quote-archive-row{align-items:start;border-bottom:1px solid #ffffff1f;display:grid;gap:24px;grid-template-columns:42px minmax(0,1fr) minmax(150px,210px);padding:25px 0}.quote-archive-row[hidden]{display:none}.quote-archive-number{color:#f29b7f;font-family:var(--serif);font-size:12px;padding-top:7px}.quote-archive-copy blockquote{margin:0}.quote-archive-copy blockquote p{color:#edf2f7;font-family:var(--serif);font-size:clamp(19px,2.2vw,27px);line-height:1.45;margin:0;max-width:32ch}.quote-archive-copy blockquote[lang=zh-Hans] p{line-height:1.65}.quote-archive-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:11px}.quote-archive-tags span{color:#6796c1;font-size:10px}.quote-archive-source{align-items:flex-start;color:#8fa4bc;display:flex;flex-direction:column;font-size:11px;gap:3px;padding-top:6px}.quote-archive-source strong{color:#d4dfeb;font-weight:650}.quote-archive-source cite{font-style:normal}.quote-archive-source time{color:#607993;margin-top:7px}@keyframes quote-orbit{0%{transform:translate(-50%,-50%) rotate(var(--phase))}to{transform:translate(-50%,-50%) rotate(calc(var(--phase) + 360deg))}}@keyframes quote-counter{0%{transform:rotate(var(--counter-phase))}to{transform:rotate(calc(var(--counter-phase) - 360deg))}}@media(max-width:780px){.site-header{align-items:flex-start;flex-wrap:wrap;gap:12px;padding:14px 18px}.header-actions{align-items:stretch;flex-direction:column;gap:8px;width:100%}.site-nav{gap:18px;max-width:100%;overflow-x:auto;padding:3px 0}.site-nav a{white-space:nowrap}.language-mode{align-self:flex-start}.hero{padding:50px 20px 62px}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:none;padding:0}.hero-copy h1,.hero-copy h2{font-size:clamp(2.65rem,13vw,4.6rem)}.hero-rule{height:52px;justify-content:flex-start}.hero-rule:before{height:1px;left:0;top:50%;width:100%}.hero-rule span{padding:0 13px}.featured-link{align-items:flex-start;gap:20px;margin-top:40px}.archive{padding:60px 20px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.article-row{gap:15px;grid-template-columns:34px 1fr}.article-side{align-items:flex-start;flex-direction:row;grid-column:2}.round-link{margin-left:auto}.site-footer{flex-direction:column;gap:24px}.reading-page{padding:36px 16px 72px}.article-header{padding-bottom:34px}.article-header h1{font-size:clamp(2.6rem,13vw,4.5rem)}.article-panes{grid-template-columns:1fr}.prose-pane+.prose-pane{border-left:0;border-top:8px solid var(--canvas)}.prose-pane{padding:28px 22px}.commonplace-intro{padding:50px 20px 32px}.commonplace-title{grid-template-areas:"title-en" "copy-en" "title-zh" "copy-zh";grid-template-columns:1fr}.commonplace-title h1{font-size:clamp(3.2rem,15vw,5.4rem)}.commonplace-title h2{font-size:clamp(2.7rem,13vw,4.7rem);margin-top:34px}.galaxy-shell{padding:0 0 34px}.galaxy-field{border-left:0;border-right:0;height:920px;min-height:920px}.galaxy-quote{min-width:145px;padding:13px 14px 11px;width:min(43vw,190px)}.galaxy-quote blockquote p{font-size:14px}.galaxy-quote figcaption{font-size:8px}.quote-scale-0,.quote-scale-1,.quote-scale-2{transform:scale(.88)}.galaxy-quote:hover,.galaxy-quote:focus-visible{transform:scale(.98)}.commonplace-archive-section{padding:0 20px 34px}.archive-toggle-label{align-items:flex-start;flex-direction:column;font-size:18px;gap:1px}.quote-archive-row{gap:12px;grid-template-columns:28px minmax(0,1fr);padding:22px 0}.quote-archive-source{grid-column:2}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.quote-orbit,.quote-upright{animation-play-state:paused!important}}