@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600&display=swap');
:root{color-scheme:light;--bg:#f3f0e8;--ink:#152331;--gold:#d5bd91;--muted:#586674;--subtle:#77818b;--line:#d8d5cc;--tint:#eae7de;--card:#f8f5ee;--accent:#856a3e;--serif:'Libre Caslon Display','Noto Serif SC',Georgia,serif;--sans:'DM Sans','Noto Sans SC',sans-serif;--cover:#d9d5c9;--shadow:#15233112}
:root[data-theme=dark]{color-scheme:dark;--bg:#152331;--ink:#f3f0e8;--muted:#a8b3be;--subtle:#98a5b3;--line:#34414c;--tint:#192936;--card:#1c2c39;--accent:#d5bd91;--cover:#304252;--shadow:#0002}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:400;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--gold);color:#152331}button,a,input{-webkit-tap-highlight-color:transparent}.wrap{width:min(1200px,calc(100% - 112px));margin-inline:auto}.header{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}.header-inner{height:85px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{font:36px var(--serif);letter-spacing:-1.8px;white-space:nowrap}.logo span{color:var(--accent)}nav{display:flex;gap:30px}.header nav a{font-size:11px;letter-spacing:.3px;padding:10px 0;border-bottom:1px solid transparent}.header nav a:hover,.header nav a[aria-current=location]{color:var(--accent);border-color:var(--gold)}.header-tools{display:flex;gap:16px;align-items:center}.icon-button{background:none;border:1px solid var(--line);border-radius:50px;padding:9px 13px;font-size:15px;white-space:nowrap}.theme-label{font-size:9px;margin-left:5px}.menu-toggle{display:none}.eyebrow,.mono,.section-label,.hero-kicker,.hero-baseline,.section-footnote,.interest-label{font-family:var(--sans);font-size:9px;letter-spacing:1.5px;line-height:1.9}.eyebrow,.section-label{color:var(--accent)}.hero{padding-top:36px}.hero-kicker{display:flex;align-items:center;justify-content:space-between;color:var(--subtle);font-size:8px}.hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:50px;align-items:center;padding:48px 0 55px}.hero-english{font:26px var(--serif);color:var(--accent);margin:0 0 24px}.hero h1{font-family:'Noto Serif SC',Georgia,serif;font-size:clamp(38px,4vw,59px);font-weight:500;letter-spacing:-2px;line-height:1.5;margin:0 0 25px;white-space:pre-line}.hero-subtitle{font-size:12px;line-height:2;color:var(--muted);margin:0 0 34px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid var(--line);padding:14px 19px;font-size:10px;letter-spacing:.3px;background:transparent;border-radius:2px;transition:background .2s,transform .2s,color .2s}.button:hover{background:var(--tint);transform:translateY(-2px)}.button.solid{background:var(--ink);border-color:var(--ink);color:var(--bg)}.button.solid:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}.text-button{border-color:transparent}.instrument{position:relative;border:1px solid var(--line);background:var(--tint);padding:19px 20px;color:var(--muted);max-width:450px}.instrument svg{width:100%;display:block;opacity:.9}.instrument-top,.instrument-bottom{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px}.instrument-bottom{padding-top:4px}.hero-baseline{display:flex;justify-content:space-between;padding:22px 0;border-top:1px solid var(--line);font-size:8px;color:var(--subtle)}.hero-baseline span:nth-child(2){letter-spacing:2px}.section{padding:95px 0;border-top:1px solid var(--line)}.section-label{display:block;margin-bottom:30px;font-size:9px}.about-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:95px}h2{font-family:var(--serif);font-size:clamp(34px,3.4vw,49px);font-weight:400;line-height:1.12;letter-spacing:-.6px;margin:0}h2 em,h3 em{font-weight:400;color:var(--muted)}.about-symbol{font:58px var(--serif);color:var(--gold);margin:26px 0 19px}.quiet{color:var(--subtle);font-size:8px;letter-spacing:1px;line-height:2}.prose p{font-family:'Noto Serif SC',Georgia,serif;font-size:13px;line-height:2.3;margin:0 0 23px;color:var(--muted)}.prose p:first-child{font-family:var(--sans);color:var(--ink);font-size:17px;line-height:2}.keywords{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.keywords span{font-size:9px;padding:7px 10px;border:1px solid var(--line);color:var(--muted)}.section-tinted{background:var(--tint)}.section-intro{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:45px}.section-intro>p{font-family:'Noto Serif SC',Georgia,serif;font-size:12px;line-height:2.1;color:var(--muted);max-width:340px;white-space:pre-line;margin:0}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.research-card{display:flex;flex-direction:column;padding:29px 25px 22px;border:1px solid var(--line);background:var(--bg);min-height:357px;transition:transform .2s,border-color .2s}.research-card:hover{transform:translateY(-4px);border-color:var(--accent)}.research-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.research-heading .number{font:italic 32px var(--serif);color:var(--accent)}.research-glyph{width:40px;height:40px;color:var(--subtle)}.research-card h3{font:28px/1.15 var(--serif);margin:0 0 11px;letter-spacing:-.3px;max-width:210px}.research-card .chinese{font-size:12px;color:var(--accent);margin-bottom:16px}.research-card p{font-size:11px;line-height:2.1;color:var(--muted);margin:0 0 24px}.research-card .card-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:auto;font-size:9px;color:var(--muted)}.card-link b{font-size:17px;font-weight:400}.section-footnote{margin:22px 0 0;font-size:9px;color:var(--subtle);letter-spacing:.4px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.filters button{font-size:10px;background:transparent;border:1px solid var(--line);padding:10px 15px;border-radius:2px;color:var(--muted)}.filters button[aria-pressed=true]{color:var(--bg);background:var(--ink);border-color:var(--ink)}.filters button:hover{border-color:var(--accent)}.note-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.note-card{padding:28px 27px 27px 0;border-bottom:1px solid var(--line);position:relative}.note-card:nth-child(2n){padding-left:30px;border-left:1px solid var(--line)}.note-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:8px;letter-spacing:1px;color:var(--accent);margin-bottom:24px}.draft-label{display:inline-block;color:var(--muted);border:1px solid var(--line);font-size:8px;padding:4px 8px;letter-spacing:.4px;line-height:1.6}.note-card h3{font-family:'Noto Serif SC',Georgia,serif;font-size:20px;font-weight:400;line-height:1.9;margin:0 0 18px;min-height:76px}.note-card>a:hover h3{color:var(--accent)}.note-bottom{display:flex;justify-content:space-between;align-items:center;color:var(--subtle);font-size:9px}.note-bottom span:last-child{font-size:19px}.empty-state{padding:40px;border:1px dashed var(--line);grid-column:1/-1;font-size:13px;color:var(--muted);line-height:2}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px 24px}.book{min-width:0}.book-cover{height:220px;background:var(--cover);position:relative;padding:30px 25px 22px;border:1px solid var(--line);box-shadow:inset 5px 0 7px #0001;display:flex;flex-direction:column;justify-content:space-between;color:var(--ink);overflow:hidden}.book-cover:before{content:'';position:absolute;inset:12px;border:1px solid currentColor;opacity:.15;pointer-events:none}.book-cover:after{content:'✳';position:absolute;font:135px Georgia;right:-12px;bottom:-18px;opacity:.08}.book:nth-child(4n+2) .book-cover{background:#2d424f;color:#eee8da}.book:nth-child(4n+3) .book-cover{background:#b6ab92;color:#23313c}.book:nth-child(4n) .book-cover{background:#535d5d;color:#f3f0e8}.book-category{font-size:7px;letter-spacing:1.4px;opacity:.75}.book-cover h3{font-family:'Noto Serif SC',Georgia,serif;font-size:20px;font-weight:400;line-height:1.7;margin:13px 0 auto;padding-top:12px;position:relative;z-index:1}.book-cover .cover-author{font-size:9px;line-height:1.8;position:relative;z-index:1}.book>p{font-size:10px;line-height:1.8;color:var(--muted);margin:13px 0 8px;min-height:18px}.book button,.book .book-note-link{border:0;padding:0;background:transparent;font-size:9px;color:var(--muted)}.book button:disabled{opacity:.8}.book .book-note-link:hover{text-decoration:underline}.elsewhere-intro>p{max-width:500px;font-family:var(--sans);font-size:12px;line-height:2}.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.interest{padding:28px 26px;background:var(--card);border:1px solid var(--line);position:relative;overflow:hidden}.interest-label{font-size:8px;color:var(--accent);margin-bottom:24px}.interest h3{font:32px/1.1 var(--serif);font-weight:400;margin:0 0 20px;position:relative;z-index:1}.interest p{font-size:11px;line-height:2.15;color:var(--muted);margin:0 0 10px;position:relative;z-index:1}.music{grid-column:span 2}.music-score{position:relative;display:flex;align-items:center;height:67px;margin:20px 0 24px;color:var(--accent)}.music-score>span{font-size:53px;line-height:1;position:absolute;left:7px;top:0}.music-score>div{width:100%}.music-score i{display:block;height:1px;background:var(--line);margin:9px 0}.music-score b{position:absolute;left:23%;font:40px Georgia;font-weight:400;letter-spacing:18px}.gaming{grid-column:3;grid-row:span 2;background:var(--ink);color:var(--bg);display:flex;align-items:start;flex-direction:column}.gaming .interest-label{color:var(--gold)}.gaming h3{font-size:37px;margin-top:20px}.gaming h3 em{color:var(--gold)}.gaming p,.gaming .quiet{color:var(--bg);opacity:.76}.gaming .button.solid{background:var(--gold);border-color:var(--gold);color:#152331;margin-top:auto;font-size:10px;gap:8px;padding:13px 15px}.gaming .button:hover{background:#e6d8bb}.interest-reserve{display:block;margin-top:20px;font-size:8px;letter-spacing:0}.game-orbit{width:130px;height:130px;border:1px solid currentColor;opacity:.2;position:absolute;right:-35px;top:0;border-radius:50%;display:grid;place-items:center}.game-orbit:after{content:'';position:absolute;inset:12px;border:1px solid currentColor;border-radius:50%}.game-orbit span{font:65px var(--serif)}.court{position:absolute;right:10px;top:24px;font-size:130px;font-family:Georgia;opacity:.06}.sports{min-height:276px}.photography{grid-column:2;grid-row:span 2}.photo-wall{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:20px}.photo-slot{aspect-ratio:1/.9;border:1px solid var(--line);background:var(--tint);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--subtle);font-size:8px;letter-spacing:1px}.photo-slot:nth-child(2){margin-top:19px}.photo-slot span:first-child{font-size:22px;font-weight:400;opacity:.45}.photo-wall figure{margin:0}.photo-wall img{width:100%;aspect-ratio:1/1.2;object-fit:cover;display:block}.photo-wall figcaption{font-size:9px;color:var(--muted);line-height:1.9;margin-top:7px}.stories{grid-column:1;min-height:255px}.quote-mark{position:absolute;right:20px;top:35px;font:130px Georgia;color:var(--gold);opacity:.3}.stories .draft-label{margin-top:13px}.small-experiment{display:flex;justify-content:space-between;gap:15px;margin-top:25px;font-size:9px;color:var(--subtle);line-height:2}.small-experiment span{letter-spacing:1px}.small-experiment a{text-decoration:underline;text-underline-offset:4px}.footer{padding:65px 0 32px;border-top:1px solid var(--line);background:var(--tint)}.footer .section-label{margin-bottom:25px}.footer-quote{font:34px/1.3 var(--serif);max-width:740px;margin:0 0 16px}.footer-chinese{font-family:'Noto Serif SC',Georgia,serif;font-size:11px;color:var(--muted);line-height:2;margin-bottom:50px}.footer-baseline{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:25px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.footer-baseline .logo{font-size:30px;color:var(--ink)}#footer-links{display:flex;gap:22px}.owner-edit{margin-top:27px;background:none;border:0;font-size:9px;color:var(--muted);padding:0}.owner-edit:hover{color:var(--accent)}.skip{position:fixed;left:15px;top:-100px;z-index:100;background:var(--ink);color:var(--bg);padding:10px}.skip:focus{top:10px}dialog{width:min(620px,calc(100% - 30px));max-height:90vh;border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--ink);padding:30px}dialog::backdrop{background:#152331bb;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;gap:15px;align-items:start}.dialog-head h2{font-size:28px;margin-top:10px}dialog>p{font-size:11px;line-height:2;color:var(--muted);margin-block:22px}form label{display:block;font-size:12px;margin-block:18px}form input,form textarea{display:block;margin-top:9px;padding:11px 12px;background:var(--card);color:var(--ink);width:100%;border:1px solid var(--line);border-radius:2px;font-size:12px;line-height:1.8;resize:vertical}.editor-actions{display:flex;gap:8px;flex-wrap:wrap}.editor-actions .button{font-size:10px}#editor-message{font-size:11px;line-height:2;color:var(--accent)}#toast{position:fixed;bottom:25px;left:50%;max-width:90%;padding:13px 20px;background:var(--ink);color:var(--bg);transform:translate(-50%,20px);opacity:0;transition:.2s;pointer-events:none;z-index:100;font-size:11px;text-align:center;line-height:1.8}#toast.visible{opacity:1;transform:translate(-50%,0)}.reveal{transition:opacity .65s ease,transform .65s ease}.reveal.pending{opacity:0;transform:translateY(16px)}[hidden]{display:none!important}
.back-link{font-size:11px;color:var(--muted)}.article-shell{max-width:1050px;padding-block:75px}.article-heading{max-width:840px;border-bottom:1px solid var(--line);padding-bottom:40px}.article-heading h1{font-family:'Noto Serif SC',Georgia,serif;font-size:clamp(28px,3.2vw,43px);font-weight:400;line-height:1.75;margin:25px 0 20px;overflow-wrap:anywhere}.article-heading>p{font-size:13px;line-height:2.2;color:var(--muted)}.article-meta{display:flex;gap:20px;align-items:center;font-size:10px;color:var(--subtle)}.article-layout{display:grid;grid-template-columns:210px 1fr;gap:55px;padding-block:45px 55px}.toc-panel{font-size:11px;color:var(--muted);line-height:2.2}.toc-panel nav{display:flex;flex-direction:column;gap:9px;margin-top:20px}.toc-panel nav .nested{padding-left:15px}.article-prose{min-width:0;font-size:14px;line-height:2.2;font-family:'Noto Serif SC',Georgia,serif}.article-prose h2,.article-prose h3{font-family:var(--sans);font-size:22px;line-height:1.7;margin:35px 0 15px}.article-prose p{overflow-wrap:anywhere}.article-prose a{text-decoration:underline;text-underline-offset:4px;color:var(--accent)}.article-prose code{font-family:monospace;background:var(--tint);padding:3px 6px}.article-prose pre{overflow-x:auto;padding:18px;background:var(--tint);line-height:1.8}.article-prose blockquote{border-left:2px solid var(--gold);padding-left:22px;margin-left:0;color:var(--muted)}.draft-notice{border:1px solid var(--line);padding:30px;background:var(--tint)}.draft-notice h2{font-family:'Noto Serif SC',Georgia,serif;font-size:23px;margin:22px 0}.draft-notice p{font-family:var(--sans);font-size:12px;line-height:2.2;color:var(--muted)}.article-footer{border-top:1px solid var(--line);padding-block:25px;font-size:9px;color:var(--muted)}
@media(min-width:1500px){.hero-grid{padding-block:65px}.hero h1{font-size:59px}.hero-english{font-size:30px}}
@media(max-width:1100px){.wrap{width:calc(100% - 70px)}.header nav{gap:22px}.hero-grid{gap:28px}.hero h1{font-size:44px}.hero-english{font-size:24px}.about-layout{gap:50px}.research-grid{gap:15px}.research-card{padding:25px 20px}.research-card h3{font-size:25px}.book-cover{padding:24px 20px}.book-cover h3{font-size:18px}.interest{padding:25px 21px}.gaming h3{font-size:32px}.interest h3{font-size:30px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header-inner{height:72px;gap:14px}.logo{font-size:31px}.menu-toggle{display:block;padding:9px 12px;border-radius:2px;font-size:13px}.header-tools{gap:9px}.icon-button{padding:8px 11px}.theme-label{font-size:8px}.header nav{display:none;position:absolute;top:71px;left:0;right:0;background:var(--bg);padding:18px 25px 25px;border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:12px}.header nav.open{display:grid}.header nav a{padding:10px;font-size:12px}.hero{padding-top:25px}.hero-kicker .coordinate{display:none}.hero-kicker{font-size:7px}.hero-grid{grid-template-columns:1fr;padding:35px 0;gap:36px}.hero-english{font-size:25px;margin-bottom:20px}.hero h1{font-size:clamp(34px,7.8vw,50px);line-height:1.6;letter-spacing:-1.5px}.hero-subtitle{font-size:11px;margin-bottom:27px}.hero-actions{gap:9px}.button{font-size:9px;gap:12px;padding:13px 15px}.instrument{max-width:100%;padding:15px 18px}.instrument svg{max-height:310px}.hero-baseline{font-size:7px;gap:15px;padding:19px 0;align-items:center}.hero-baseline>span:nth-child(2){display:none}.section{padding:60px 0}.section-label{margin-bottom:24px;font-size:8px}.about-layout{grid-template-columns:1fr;gap:30px}.about-layout h2 br{display:none}.about-symbol,.about-layout>div>.quiet{display:none}h2{font-size:38px}.prose p:first-child{font-size:15px}.prose p{font-size:12px;line-height:2.2}.keywords{margin-top:22px;gap:7px}.keywords span{font-size:8px;padding:6px 8px}.section-intro{display:block;margin-bottom:30px}.section-intro>p{margin-top:23px;font-size:11px;max-width:100%}.research-grid{grid-template-columns:1fr;gap:17px}.research-card{min-height:0;padding:24px}.research-heading{margin-bottom:22px}.research-card h3{font-size:29px;max-width:100%}.research-card p{font-size:12px}.filters{gap:8px;margin-bottom:24px}.filters button{font-size:9px;padding:9px 12px}.note-grid{grid-template-columns:1fr}.note-card,.note-card:nth-child(2n){padding:25px 0;border-left:0}.note-card h3{font-size:19px;min-height:0;line-height:1.9}.note-meta{font-size:8px;margin-bottom:18px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 17px}.book-cover{height:218px;padding:25px 18px 20px}.book-cover h3{font-size:17px}.book-cover .cover-author{font-size:8px}.bento{grid-template-columns:1fr 1fr;gap:15px}.interest{padding:24px 20px}.interest h3{font-size:28px}.music{grid-column:span 2}.gaming{grid-column:span 2;grid-row:auto;min-height:345px}.gaming h3{font-size:37px;margin-top:7px}.gaming p{max-width:500px}.gaming .button{margin-top:18px}.sports{grid-column:1;min-height:0}.photography{grid-column:2;grid-row:span 2}.stories{grid-column:1;min-height:0}.interest p{font-size:10px}.photo-wall{grid-template-columns:1fr}.photo-slot:nth-child(2){margin:0}.interest-label{font-size:7px;letter-spacing:1px}.interest-reserve{margin-top:14px}.quote-mark{font-size:90px;right:10px}.small-experiment{font-size:8px;flex-wrap:wrap;gap:5px;margin-top:22px}.footer{padding:45px 0 25px}.footer-quote{font-size:30px}.footer-chinese{font-size:10px;margin-bottom:34px}.footer-baseline{flex-wrap:wrap;gap:20px;font-size:8px}.footer-baseline>.logo{font-size:27px}.footer-baseline #footer-links{gap:17px}.owner-edit{font-size:8px}.article-shell{padding-block:45px}.article-layout{grid-template-columns:1fr;gap:20px;padding-block:30px}.toc-panel{border-bottom:1px solid var(--line);padding-bottom:20px}.toc-panel nav{margin-top:12px}.article-heading{padding-bottom:30px}.article-heading h1{font-size:28px}.draft-notice{padding:23px}.draft-notice h2{font-size:21px}.article-prose{font-size:13px}.back-link{font-size:9px}dialog{padding:23px}.dialog-head h2{font-size:25px}}
@media(max-width:420px){.hero-actions{flex-wrap:nowrap}.hero-actions .button{font-size:9px;padding:12px 13px;gap:8px}.bento{grid-template-columns:1fr}.music,.gaming,.sports,.photography,.stories{grid-column:1;grid-row:auto}.photo-wall{grid-template-columns:1fr 1fr}.interest p{font-size:11px}.interest h3{font-size:31px}.book-cover{height:222px;padding:23px 16px}.book-cover h3{font-size:16px}.book-category{font-size:6px;letter-spacing:.8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal.pending{opacity:1;transform:none}}