:root{--paper:#efe9dd;--paper2:#e6dfd0;--ink:#17150f;--muted:#6a6354;--rule:#17150f;--red:#c0392b;--serif:"Songti SC", "Noto Serif SC", "STSong", Georgia, "Times New Roman", serif;--sans:"Helvetica Neue", Helvetica, Arial, "PingFang SC", "Microsoft YaHei", sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#121110;--paper2:#1a1917;--ink:#ece6da;--muted:#918a7c;--rule:#ece6da;--red:#e0604f}}:root[data-theme=dark]{--paper:#121110;--paper2:#1a1917;--ink:#ece6da;--muted:#918a7c;--rule:#ece6da;--red:#e0604f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;padding-top:61px;font-size:15.5px;line-height:1.75;transition:background .4s,color .4s}.paper{max-width:1080px;margin:0 auto;padding:0 26px 80px}a{color:inherit}.floatnav{z-index:50;background:color-mix(in srgb, var(--paper) 88%, transparent);backdrop-filter:blur(12px)saturate(1.2);border-bottom:1px solid var(--rule);position:fixed;top:0;left:0;right:0}.fn-in{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;max-width:1080px;height:58px;margin:0 auto;padding:0 26px;display:grid}.fn-brand{font-family:var(--serif);letter-spacing:1px;justify-self:start;font-size:18px;font-weight:700;text-decoration:none}.fn-brand span{color:var(--red)}.fn-links{border:1px solid var(--rule);background:color-mix(in srgb, var(--paper2) 72%, transparent);border-radius:999px;justify-self:center;gap:2px;padding:4px;display:flex}.fn-links a{letter-spacing:1px;color:var(--muted);border-radius:999px;padding:6px 16px;font-size:12.5px;text-decoration:none;transition:background .25s,color .25s}.fn-links a:hover{color:var(--ink)}.fn-links a.active{background:var(--ink);color:var(--paper)}.fn-tools{justify-self:end;align-items:center;gap:6px;display:flex}.tool{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;padding:7px 12px;font-size:13px;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.tool:hover{background:var(--paper2);color:var(--ink);border-color:var(--rule)}.tool .ti{font-size:14px}.fn-progress{height:3px}.fn-progress i{background:var(--red);width:0;height:100%;display:block}.mast{padding:34px 0 12px}.mast .row{letter-spacing:2px;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:baseline;font-size:12px;display:flex}.mast h1{font-family:var(--serif);letter-spacing:-3px;margin:10px 0 0;font-size:clamp(54px,14vw,150px);font-weight:700;line-height:.9}.mast h1 .ch{opacity:0;animation:.9s cubic-bezier(.2,.9,.25,1.05) forwards dropLetter;display:inline-block;transform:translateY(-90%)}.rule-thick{background:var(--rule);transform-origin:0;height:5px;margin:14px 0 4px;animation:1.1s cubic-bezier(.76,0,.24,1) .25s both growX}.rule-thin{background:var(--rule);height:1px}.cover{border-bottom:1px solid var(--rule);grid-template-columns:1.35fr .9fr;display:grid}.cover .photo{border-right:1px solid var(--rule);aspect-ratio:1;position:relative;overflow:hidden}.cover .photo .imgwrap{clip-path:inset(0 0 100%);animation:.8s cubic-bezier(.76,0,.24,1) 80ms both wipeDown;position:absolute;inset:0}.cover .photo img{object-fit:cover;filter:saturate(1.08)contrast(1.05);width:100%;height:100%;animation:1.4s cubic-bezier(.2,.8,.2,1) 80ms both settle;transform:scale(1.1)}.cover .photo:hover img{filter:saturate(1.25)contrast(1.12)}.cover .photo .cap{letter-spacing:1px;text-transform:uppercase;color:var(--red);background:var(--paper);opacity:0;padding:3px 9px;font-size:11px;animation:.6s .7s both fadeIn;position:absolute;bottom:12px;left:14px}.cover .lede{flex-direction:column;justify-content:center;padding:34px 30px;display:flex}.lede .kicker{letter-spacing:2px;text-transform:uppercase;color:var(--red);opacity:0;margin:0 0 16px;font-size:12px;animation:.5s cubic-bezier(.2,.9,.25,1) .2s both dropText}.lede h2{font-family:var(--serif);letter-spacing:-1px;margin:0 0 18px;font-size:clamp(28px,4.4vw,44px);line-height:1.06}.lede h2 .ln{opacity:0;animation:.55s cubic-bezier(.2,.9,.25,1.05) both dropText;display:block}.lede h2 .ln:first-child{animation-delay:.3s}.lede h2 .ln:nth-child(2){animation-delay:.4s}.lede p{color:var(--muted);opacity:0;margin:0;font-size:14.5px;animation:.55s cubic-bezier(.2,.9,.25,1) .52s both dropText}@keyframes wipeDown{to{clip-path:inset(0 0 0%)}}@keyframes settle{to{transform:scale(1)}}@keyframes dropLetter{to{opacity:1;transform:none}}@keyframes dropText{0%{opacity:0;transform:translateY(-34px)}to{opacity:1;transform:none}}@keyframes fadeIn{to{opacity:1}}@keyframes growX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.body{grid-template-columns:200px 1fr;display:grid}.side{border-right:1px solid var(--rule);padding:34px 22px 34px 0}.side h3{letter-spacing:2px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--rule);margin:0 0 10px;padding-bottom:6px;font-size:11px}.side .box{color:var(--muted);margin-bottom:26px;font-size:13.5px;line-height:1.65}.side .box b{font-family:var(--serif);color:var(--ink);font-size:15px}.content{padding:34px 0 34px 34px}.article p{max-width:62ch;margin:0 0 18px}.article p.drop:first-letter{font-family:var(--serif);float:left;color:var(--red);padding:6px 10px 0 0;font-size:58px;font-weight:700;line-height:.8}.pull{border-top:4px solid var(--ink);border-bottom:1px solid var(--ink);font-family:var(--serif);letter-spacing:-.5px;margin:34px 0 10px;padding:18px 0;font-size:clamp(22px,3.4vw,32px);line-height:1.25}.pull span{color:var(--red)}.works{margin-top:40px}.works .head{border-bottom:5px solid var(--rule);justify-content:space-between;align-items:baseline;padding-bottom:8px;display:flex}.works .head h3{font-family:var(--serif);margin:0;font-size:26px}.works .head span{letter-spacing:2px;color:var(--muted);text-transform:uppercase;font-size:12px}.w{border-bottom:1px solid var(--rule);grid-template-columns:78px 1fr auto;align-items:baseline;gap:18px;padding:20px 0;transition:background .3s,padding-left .3s;display:grid}.w:hover{background:var(--paper2);padding-left:10px}.w .no{font-family:var(--serif);color:var(--red);font-size:40px;font-weight:700;line-height:1}.w h4{font-family:var(--serif);margin:0 0 4px;font-size:21px}.w p{color:var(--muted);max-width:54ch;margin:0;font-size:14px}.w .tag{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:11px}.w .go{color:var(--red);text-underline-offset:2px;white-space:nowrap;font-size:13px;text-decoration:underline}.life{margin-top:18px}.h{border-bottom:1px solid var(--rule);grid-template-columns:90px 1fr;align-items:baseline;gap:16px;padding:14px 0;display:grid}.h b{font-family:var(--serif);font-size:17px}.h span{color:var(--muted);font-size:14.5px}.facts{grid-template-columns:90px 1fr;gap:8px 16px;margin:18px 0 0;display:grid}.facts dt{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);padding-top:4px;font-size:11px}.facts dd{margin:0;font-size:14.5px}.colophon{border-top:5px solid var(--rule);color:var(--muted);grid-template-columns:1fr auto;gap:20px 40px;margin-top:54px;padding-top:18px;font-size:12.5px;display:grid}.col-note{max-width:54ch;color:var(--ink);margin:0 0 12px}.col-meta{flex-wrap:wrap;gap:18px;margin:0 0 10px;display:flex}.col-meta b{color:var(--ink)}.col-beian{letter-spacing:.5px;flex-wrap:wrap;gap:12px;margin:0;display:inline-flex}.col-right{text-align:right;flex-direction:column;align-items:flex-end;gap:8px;display:flex}.col-links,.col-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:flex}.colophon a{color:var(--muted);text-decoration:none}.colophon a:hover{color:var(--red)}.reveal{opacity:0;filter:blur(5px);transition:opacity .42s,transform .45s cubic-bezier(.2,.8,.2,1),filter .45s;transform:translateY(18px)}.reveal.in{opacity:1;filter:blur();transform:none}@media (width<=780px){.cover{grid-template-columns:1fr}.cover .photo{border-right:none;border-bottom:1px solid var(--rule)}.body{grid-template-columns:1fr}.side{border-right:none;border-bottom:1px solid var(--rule);padding-right:0}.content{padding-left:0}.w{grid-template-columns:54px 1fr}.w .tag{grid-column:2}.fn-links{display:none}.colophon{grid-template-columns:1fr}.col-right{text-align:left;align-items:flex-start}.col-links,.col-tools{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-delay:0s!important}.mast h1 .ch,.lede .kicker,.lede h2 .ln,.lede p,.cover .photo .cap{opacity:1!important;transform:none!important}.cover .photo .imgwrap{clip-path:none!important}.reveal{opacity:1!important;filter:none!important;transform:none!important}}