:root{--ink:#0a0c10;--paper:#ece9e1;--moon:#a8adb4;--gold:#a78b5f;--navy:#182333;--hairline:hsla(215,7%,68%,.14);--hairline-gold:rgba(167,139,95,.22)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--paper);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;background:radial-gradient(1200px 820px at 72% -8%,#1b2740 0,rgba(27,39,64,0) 58%),radial-gradient(1050px 720px at 12% 112%,#16202f 0,rgba(22,32,47,0) 55%),#0b0e16;min-height:100vh;overflow-x:hidden}::selection{background:var(--gold);color:var(--ink)}a{color:var(--gold);text-decoration:none;transition:color .5s ease}a:hover{color:var(--paper)}.starfield{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5;background-image:radial-gradient(1px 1px at 24px 42px,hsla(44,22%,90%,.7),transparent),radial-gradient(1px 1px at 130px 90px,hsla(44,22%,90%,.5),transparent),radial-gradient(1px 1px at 200px 170px,hsla(215,7%,68%,.6),transparent),radial-gradient(1.4px 1.4px at 90px 210px,hsla(44,22%,90%,.55),transparent),radial-gradient(1px 1px at 260px 40px,hsla(44,22%,90%,.4),transparent);background-size:300px 300px}.page{position:relative;z-index:1}.serif{font-family:Cormorant Garamond,serif}.mono,.mono-label{font-family:IBM Plex Mono,monospace}.mono-label{font-size:12px;letter-spacing:.3em;color:var(--gold)}.mono-meta{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.18em;color:var(--moon)}.gold-rule{height:1px;width:64px;background:var(--gold);opacity:.6}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.rise{opacity:0;animation:riseIn 1.1s cubic-bezier(.22,1,.36,1) forwards}.rise-1{animation-delay:.1s}.rise-2{animation-delay:.3s}.rise-3{animation-delay:.5s}.reveal{opacity:0;transform:translateY(14px);transition:opacity 1.1s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:translateY(0)}.btn{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);background:transparent;border:1px solid rgba(167,139,95,.45);border-radius:2px;padding:12px 26px;cursor:pointer;transition:color .6s ease,border-color .6s ease,background .6s ease}.btn:hover{color:var(--paper);border-color:var(--gold)}.btn:disabled{opacity:.4;cursor:default}.btn-quiet{border-color:var(--hairline);color:var(--moon)}.btn-quiet:hover{color:var(--paper);border-color:hsla(215,7%,68%,.4)}.field{width:100%;background:rgba(24,35,51,.35);border:1px solid var(--hairline);border-radius:2px;color:var(--paper);font-family:Inter,sans-serif;font-weight:300;font-size:15px;padding:13px 16px;outline:none;transition:border-color .6s ease}.field:focus{border-color:rgba(167,139,95,.6)}.field::placeholder{color:hsla(215,7%,68%,.45)}textarea.field{resize:vertical;line-height:1.8}.index-row{display:grid;grid-template-columns:92px 1fr auto;grid-gap:24px;gap:24px;padding:26px 0;border-bottom:1px solid var(--hairline);align-items:baseline;cursor:pointer;transition:border-color .6s ease}.index-row:hover{border-color:rgba(167,139,95,.5)}.index-row:hover .index-title{color:var(--gold)}.index-title{transition:color .6s ease}.prose{font-family:Inter,sans-serif;font-weight:300;font-size:17px;line-height:2.05;color:var(--paper);letter-spacing:.01em}.prose p{margin:0 0 1.6em}.prose h2{font-weight:400;font-size:30px;line-height:1.3;color:var(--paper);margin:2.2em 0 .9em}.prose blockquote,.prose h2{font-family:Cormorant Garamond,serif}.prose blockquote{border-left:1px solid var(--gold);padding-left:26px;font-style:italic;font-weight:300;font-size:22px;line-height:1.7;color:var(--moon);margin:2em 0}.prose hr{border:none;height:1px;width:64px;margin:3em auto;background:var(--gold);opacity:.5}.prose img{max-width:100%;border-radius:2px;display:block;margin:0 auto}.prose figure{margin:2.4em 0}.prose figcaption{font-family:IBM Plex Mono,monospace;font-size:11px;line-height:1.8;letter-spacing:.06em;color:var(--moon);margin-top:14px}.prose audio{width:100%;margin:2em 0;filter:sepia(.3) saturate(.6)}.prose a{border-bottom:1px solid rgba(167,139,95,.4)}.prose em{font-style:italic}.prose strong{font-weight:500;color:var(--paper)}.editor-body{min-height:46vh;outline:none}.editor-body:empty:before{content:"从这里开始写……";color:hsla(215,7%,68%,.4);font-style:normal}.toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);position:-webkit-sticky;position:sticky;top:0;z-index:5;background:rgba(11,14,22,.92);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tool{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.1em;color:var(--moon);border:1px solid var(--hairline);border-radius:2px;background:transparent;padding:7px 12px;cursor:pointer;transition:color .4s ease,border-color .4s ease}.tool:hover{color:var(--gold);border-color:rgba(167,139,95,.5)}.nav{justify-content:space-between;padding:26px 8vw;border-bottom:1px solid var(--hairline-gold)}.nav,.nav-links{display:flex;align-items:center}.nav-links{gap:28px;flex-wrap:wrap}.nav-link{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.2em;color:var(--moon);text-transform:uppercase}.nav-link.active,.nav-link:hover{color:var(--gold)}.container{max-width:880px;margin:0 auto;padding:0 8vw}.container-narrow{max-width:680px;margin:0 auto;padding:0 8vw}@media (max-width:640px){.index-row{grid-template-columns:64px 1fr}.index-row .row-meta{grid-column:2}.nav{padding:20px 6vw}}