:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#202020;--soft-ink:#666;--paper:#f5f5f5;--line:#ddd;--heading-font:"Songti SC", "STSong", "Noto Serif CJK SC", "SimSun", serif}*{box-sizing:border-box}html{min-width:320px;scroll-padding-top:28px}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}:is(a:focus-visible,summary:focus-visible){outline:2px solid var(--ink);outline-offset:6px;border-radius:2px}a:hover{color:#000}.container{width:min(100% - 96px,1180px);margin-inline:auto}.skip-link{z-index:2;background:#fff;padding:10px 16px;position:absolute;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:88px;display:flex}.brand{align-items:center;gap:12px;display:inline-flex}.brand-mark{color:#fff;background:#202020;border-radius:9px;place-items:center;width:36px;height:36px;font:400 25px/1 Georgia,serif;display:grid}.brand-name{letter-spacing:.04em;font:500 20px/1 Arial,sans-serif}.brand-dot{color:#777}.site-nav{color:#555;align-items:center;gap:32px;font-size:14px;display:flex}.site-nav a{padding-block:12px}.site-nav a:hover{text-underline-offset:7px;text-decoration:underline}.welcome-content{grid-template-columns:1.1fr 1fr;align-items:center;gap:56px;min-height:540px;padding-block:66px 78px;display:grid}.eyebrow{color:#666;letter-spacing:.2em;align-items:center;gap:14px;margin:0 0 25px;font:400 12px/1.5 Arial,sans-serif;display:flex}.eyebrow-line{background:#888;width:30px;height:1px}h1,h2,h3,p{margin-top:0}h1{font-family:var(--heading-font);letter-spacing:.02em;margin-bottom:0;font-size:clamp(2.8rem,5.1vw,4.6rem);font-weight:400;line-height:1.4}.intro{max-width:32em;color:var(--soft-ink);margin:23px 0;font-size:16px;line-height:1.9}.text-link{border-bottom:1px solid #999;align-items:center;gap:28px;padding-block:10px;font-size:14px;display:inline-flex}.text-link span{font-size:18px}.welcome-art{aspect-ratio:1;justify-self:center;width:min(100%,390px);position:relative}.art-orbit{border:1px solid #ccc;border-radius:50%;position:absolute}.art-orbit-outer{inset:2%}.art-orbit-inner{opacity:.8;border-style:dashed;inset:9%}.art-disc{background:radial-gradient(circle at 70% 25%,#555,#282828 56%,#111);border-radius:50%;position:absolute;inset:16%;overflow:hidden;box-shadow:16px 24px 40px #00000014}.art-sun{aspect-ratio:1;background:linear-gradient(135deg,#fff,#e0e0e0 62%,#b8b8b8);border-radius:50%;width:55%;position:absolute;top:20%;left:20%}.art-horizon{border-radius:50% 50% 0 0;width:130%;height:40%;position:absolute;left:-15%;transform:rotate(-12deg)}.art-horizon-one{background:#aaa;top:59%}.art-horizon-two{background:#606060;top:70%;left:-5%;transform:rotate(13deg)}.art-horizon-three{background:#333;top:81%;transform:rotate(-7deg)}.art-greeting{text-align:center;color:#fff;text-shadow:0 2px 9px #0006;width:100%;font:italic 400 clamp(1.3rem,2.5vw,2rem)/1.5 Georgia,serif;position:absolute;top:49%;left:0}.art-caption{text-align:center;color:#666;letter-spacing:.16em;width:100%;font-size:12px;position:absolute;bottom:-24px;left:0}.content-section{border-top:1px solid var(--line);padding-block:62px 72px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.section-label{color:#666;letter-spacing:.2em;margin-bottom:10px;font:400 12px/1.5 Arial,sans-serif}h2{font-family:var(--heading-font);letter-spacing:.04em;margin-bottom:0;font-size:34px;font-weight:400;line-height:1.5}.section-description{color:var(--soft-ink);margin:0 0 7px;font-size:14px}.notes-meta{color:var(--soft-ink);justify-content:space-between;align-items:center;gap:20px;margin-block:30px 20px;font-size:14px;display:flex}.category-group{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.meta-label{font-size:13px}.category-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.category-list li{border:1px solid var(--line);color:#444;border-radius:3px;padding:2px 12px}.notes-count{white-space:nowrap}.notes-empty{border:1px solid var(--line);background:#fff6;align-items:center;gap:28px;min-height:160px;padding:36px 42px;display:flex}.empty-symbol{color:#777;font-family:var(--heading-font);flex:none;font-size:30px;line-height:1;display:block}.notes-empty h3{margin-bottom:5px;font-size:18px;font-weight:400}.notes-empty p{color:var(--soft-ink);margin-bottom:0;font-size:14px}.note-entry{border-bottom:1px solid var(--line)}.note-entry:first-child{border-top:1px solid var(--line)}.note-entry summary{cursor:pointer;padding:26px 100px 26px 0;list-style:none;display:block;position:relative}.note-entry summary::-webkit-details-marker{display:none}.note-meta{color:var(--soft-ink);font-size:13px;display:block}.note-title{font-family:var(--heading-font);overflow-wrap:anywhere;margin-block:8px;font-size:25px;line-height:1.5;display:block}.note-summary{color:var(--soft-ink);overflow-wrap:anywhere;font-size:14px;display:block}.note-read{font-size:13px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.note-read span{margin-left:8px;display:inline-block}.note-entry[open] .note-read span{transform:rotate(45deg)}.note-body{overflow-wrap:anywhere;max-width:740px;padding:0 0 28px;line-height:2}.note-body p{white-space:pre-wrap;margin-bottom:18px}.note-body p:last-child{margin-bottom:0}.about-section{grid-template-columns:1fr 1.7fr;gap:64px;display:grid}.about-copy{max-width:660px;color:var(--soft-ink);padding-top:25px}.about-copy p{margin-bottom:14px}.about-copy .about-intro{color:var(--ink);font-family:var(--heading-font);margin-bottom:20px;font-size:25px}.about-signature{color:var(--ink);margin-top:30px;font:italic 400 28px/1.5 Georgia,serif;display:block}.site-footer{border-top:1px solid var(--line);min-height:88px;color:var(--soft-ink);justify-content:space-between;align-items:center;gap:20px;font-size:13px;display:flex}.site-footer a{padding-block:12px}@media (max-width:900px){.container{width:min(100% - 48px,740px)}.welcome-content{gap:30px;min-height:0;padding-block:64px 78px}h1{font-size:clamp(2.6rem,5.7vw,3.6rem)}.intro{font-size:16px}.content-section{padding-block:48px 56px}.about-section{gap:32px}}@media (max-width:600px){.container{width:calc(100% - 40px)}.site-header{gap:12px;min-height:82px}.brand{gap:7px}.brand-mark{border-radius:7px;width:30px;height:30px;font-size:22px}.brand-name{font-size:16px}.site-nav{gap:14px;font-size:13px}.welcome-content{grid-template-columns:1fr;gap:34px;padding-block:48px 64px}.welcome-art{width:min(100%,250px);margin-bottom:18px}h1{font-size:clamp(2.7rem,10vw,3.4rem)}.eyebrow{letter-spacing:.14em;margin-bottom:22px;font-size:12px}.intro{font-size:16px}.art-greeting{font-size:22px}.section-heading{display:block}h2{font-size:29px}.section-description{margin-top:12px}.notes-meta{flex-direction:column;align-items:flex-start;gap:10px}.notes-empty{gap:16px;min-height:0;padding:28px 20px}.about-section{grid-template-columns:1fr;gap:20px}.about-copy{padding-top:0;font-size:16px}.note-entry summary{padding-right:0}.note-read{margin-top:12px;display:block;position:static;transform:none}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}