:root{--ink:#171715;--paper:#f8f7f3;--panel:#fff;--soft:#f0ede4;--line:#dcd9d1;--muted:#696761;--accent:#c85f46;--dark:#151515}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{min-height:100vh;color:var(--ink);background:var(--paper);margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}h1,h2,h3,h4,.site-logo,.footer-logo{font-family:Georgia,Songti SC,STSong,serif}.site-shell,.header-inner,.footer-inner,.footer-bottom{width:min(1160px,100% - 3rem);margin-inline:auto}.site-header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8f7f3eb;border-bottom:1px solid #0000;position:sticky;top:0}.header-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:2.6rem;min-height:72px;display:grid}.site-logo{font-size:1.45rem;font-weight:700}.desktop-navigation{align-items:center;gap:2rem;font-size:.85rem;display:flex}.desktop-navigation a,.header-action{transition:opacity .18s}.desktop-navigation a:hover,.header-action:hover{opacity:.55}.header-action,.button-primary{color:#fff;background:var(--dark)}.header-action{border-radius:999px;padding:.72rem 1.25rem;font-size:.82rem}.mobile-navigation{display:none}.eyebrow{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.7rem}.eyebrow span{color:var(--accent)}.home-hero{grid-template-columns:minmax(0,1.05fr) minmax(400px,.85fr);align-items:center;gap:5rem;min-height:610px;padding-block:5rem;display:grid}.hero-copy h1{letter-spacing:-.045em;max-width:660px;margin:1.35rem 0 1.5rem;font-size:clamp(3.2rem,5.4vw,5rem);font-weight:500;line-height:1.12}.hero-description{max-width:650px;color:var(--muted);margin:0;font-size:1.02rem;line-height:1.95}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.button{border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:.65rem 1.25rem;font-size:.84rem;transition:transform .18s,background .18s;display:inline-flex}.button:hover{background:#fff;transform:translateY(-2px)}.button-primary{border-color:var(--dark)}.button-primary:hover{color:#fff;background:#303030}.site-index{border:1px solid var(--line);background:#ffffffc7;border-radius:18px;padding:1.5rem 1rem 1rem;box-shadow:0 22px 50px #1e1b1414}.index-heading{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 .65rem 1.1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;display:flex}.index-dot{color:var(--accent)}.index-list a{border-top:1px solid var(--line);border-radius:14px 14px 0 0;grid-template-columns:1fr auto;align-items:center;gap:1rem;min-height:76px;padding:1rem;transition:background .18s,padding .18s;display:grid}.index-list a:hover{background:#faf9f5;padding-inline:1.2rem .8rem}.index-list a>span:first-child{flex-direction:column;gap:.42rem;min-width:0;display:flex}.index-list strong{font-family:Georgia,Songti SC,serif;font-size:1.02rem;font-weight:600}.index-list small,.index-list a>span:last-child{color:var(--muted);font-size:.73rem}.index-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.index-status{color:var(--muted);background:var(--soft);letter-spacing:.1em;text-align:center;border-radius:12px;margin-top:.4rem;padding:.7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.64rem}.home-section{padding-block:6.5rem;scroll-margin-top:70px}.home-section-heading,.section-heading{justify-content:space-between;align-items:end;gap:3rem;margin-bottom:2.5rem;display:flex}.home-section-heading h2,.section-heading h2{letter-spacing:-.025em;margin:.8rem 0 0;font-size:clamp(2rem,3.5vw,3rem);font-weight:500}.home-section-heading>p,.home-section-heading>a,.section-description{max-width:500px;color:var(--muted);margin:0;font-size:.84rem;line-height:1.8}.home-section-heading>a{color:var(--ink);white-space:nowrap}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.board-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;flex-direction:column;min-height:275px;padding:2rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.board-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px #1e1b1412}.board-title{align-items:baseline;gap:.8rem;display:flex}.board-title h3{margin:0;font-size:1.35rem;font-weight:600}.board-title span{color:var(--muted);font-size:.76rem}.board-card>p{max-width:520px;color:var(--muted);margin:1.4rem 0 1.5rem;line-height:1.75}.board-topics{flex-wrap:wrap;gap:.5rem;display:flex}.board-topics span,.topic-list span,.tags span{color:var(--muted);border:1px solid var(--line);background:#fbfaf7;border-radius:999px;padding:.42rem .75rem;font-size:.74rem}.board-link{margin-top:auto;padding-top:1.6rem;font-size:.8rem}.recent-section{border-top:1px solid var(--line)}.recent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.recent-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;transition:transform .2s;overflow:hidden}.recent-card:hover{transform:translateY(-3px)}.recent-card-cover{aspect-ratio:16/9;color:#23334c;background:radial-gradient(circle at 76% 36%,#46568b3d 0 4rem,#0000 4.1rem),linear-gradient(135deg,#e7e4f5,#efe5d8 60%,#dfe9ef);flex-direction:column;justify-content:space-between;padding:1.4rem;display:flex;position:relative}.recent-card-cover span{letter-spacing:.14em;font-size:.62rem}.recent-card-cover strong{font-family:Georgia,Songti SC,serif;font-size:2rem;font-weight:500;line-height:1.05}.recent-card-cover i{font-size:2rem;font-style:normal;position:absolute;bottom:1.2rem;right:1.4rem}.recent-card-body{padding:1.4rem}.recent-meta{color:var(--muted);text-transform:uppercase;justify-content:space-between;gap:1rem;font-size:.68rem;display:flex}.recent-card h3{margin:1rem 0 .75rem;font-size:1.25rem;line-height:1.45}.recent-card-body>p{color:var(--muted);margin:0;font-size:.84rem;line-height:1.75}.family-section{background:var(--soft);border-top:1px solid var(--line);padding-block:6.5rem;scroll-margin-top:70px}.journal-list{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}.journal-row{border-top:1px solid var(--line);grid-template-columns:130px 1fr auto;align-items:center;gap:2rem;min-height:140px;padding:1.5rem 2rem;transition:background .18s;display:grid}.journal-row:first-child{border-top:0}.journal-row:hover{background:#fbfaf7}.journal-date{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.journal-copy{flex-direction:column;gap:.42rem;display:flex}.journal-copy small{color:var(--muted);font-size:.7rem}.journal-copy strong{font-family:Georgia,Songti SC,serif;font-size:1.35rem}.journal-copy>span{color:var(--muted);font-size:.84rem;line-height:1.6}.journal-arrow{font-size:1.2rem}.site-footer{color:#ddd;background:var(--dark);padding:4.5rem 0 2rem}.footer-inner{grid-template-columns:1.5fr 1fr 1fr;gap:5rem;padding-bottom:4rem;display:grid}.footer-logo{color:#fff;margin-bottom:1.2rem;font-size:1.45rem;font-weight:700;display:inline-block}.footer-intro p{color:#999;max-width:340px;margin:0;font-size:.82rem;line-height:1.8}.footer-links{flex-direction:column;gap:.85rem;display:flex}.footer-links h2{color:#777;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .4rem;font-family:inherit;font-size:.65rem;font-weight:500}.footer-links a{color:#aaa;font-size:.8rem}.footer-links a:hover{color:#fff}.footer-bottom{color:#777;border-top:1px solid #333;padding-top:1.7rem;font-size:.72rem}.knowledge-shell,.category-shell,.essay-shell,.story-shell{padding-block:5rem 7rem}.page-nav{color:var(--muted);gap:.65rem;margin-bottom:4rem;font-size:.75rem;display:flex}.page-nav a:hover,.back-link:hover{color:var(--accent)}.page-nav span:last-child{color:var(--ink)}.knowledge-hero{max-width:920px;margin-bottom:5rem}.knowledge-hero h1,.category-hero h1,.essay-header h1,.story-header h1{letter-spacing:-.035em;margin:1rem 0 1.3rem;font-weight:500;line-height:1.14}.knowledge-hero h1{font-size:clamp(3.2rem,7vw,6.5rem)}.knowledge-intro,.category-hero>p:not(.eyebrow),.essay-header>p:not(.eyebrow){max-width:700px;color:var(--muted);margin:0;font-size:1rem;line-height:1.9}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-bottom:6rem;display:grid}.full-span{grid-column:1/-1;margin-bottom:0}.section-heading>.section-description{text-align:right}.category-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;flex-direction:column;min-height:310px;padding:2rem;transition:transform .18s;display:flex;position:relative;overflow:hidden}.category-card:hover{transform:translateY(-3px)}.category-number{color:#efede7;font-family:Georgia,serif;font-size:6rem;line-height:1;position:absolute;top:.8rem;right:1.3rem}.category-label,.entry-meta{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.66rem}.category-card h3{margin:2rem 0 1rem;font-size:1.65rem;position:relative}.category-card>p:not(.category-label){max-width:440px;color:var(--muted);margin:0;line-height:1.75;position:relative}.topic-list{flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:2rem;display:flex}.category-link-hint{margin-top:1.5rem;font-size:.78rem}.article-list>.section-heading{margin-bottom:1.5rem}.knowledge-row{border-top:1px solid var(--line);grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:2rem;padding:2rem 0;display:grid}.knowledge-row:last-child{border-bottom:1px solid var(--line)}.knowledge-row-meta{color:var(--muted);flex-direction:column;gap:.45rem;font-size:.72rem;display:flex}.knowledge-row h3{margin:.4rem 0 .5rem;font-size:1.4rem;font-weight:500}.knowledge-row div>p:last-child{max-width:690px;color:var(--muted);margin:0;font-size:.85rem;line-height:1.75}.knowledge-row>a{white-space:nowrap;font-size:.78rem}.category-hero{border-bottom:1px solid var(--line);padding:1rem 0 4rem}.category-hero h1{font-size:clamp(3.5rem,7vw,6rem)}.category-page-topics{margin-top:2rem}.category-shell .article-list{margin-top:4.5rem}.empty-category{text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:4.5rem 2rem}.empty-category>span{color:var(--accent)}.empty-category h3{margin:1rem 0 .7rem;font-size:1.5rem}.empty-category p{color:var(--muted);margin:0 0 1.4rem;line-height:1.7}.empty-category a{font-size:.8rem}.essay-shell,.story-shell{width:min(800px,100% - 3rem)}.essay-header,.story-header{border-bottom:1px solid var(--line);padding-bottom:2.5rem}.essay-header h1,.story-header h1{font-size:clamp(2.7rem,5.5vw,4.7rem)}.essay-meta{color:var(--muted);gap:1.5rem;margin-top:1.5rem;font-size:.72rem;display:flex}.essay-body,.story-body{padding:3.5rem 0;font-family:Georgia,Songti SC,serif;font-size:1.08rem;line-height:2.05}.essay-body section{margin-bottom:3.5rem}.essay-body h2{margin:0 0 1.2rem;font-size:1.65rem;font-weight:600}.essay-body p,.story-body p{margin:0 0 1.25rem}.notion-article h2{margin:3.5rem 0 1.2rem;font-size:1.65rem;font-weight:600}.notion-article h2:first-child{margin-top:0}.notion-article h3{margin:2.3rem 0 1rem;font-size:1.25rem;font-weight:600}.notion-article ul,.notion-article ol{margin:0 0 1.5rem;padding-left:1.4rem}.notion-article li{margin-bottom:.5rem;padding-left:.25rem}.notion-article blockquote{color:var(--muted);border-left:3px solid var(--accent);margin:2rem 0;padding:.2rem 0 .2rem 1.4rem}.notion-article blockquote p{margin:0}.notion-figure{margin:2.6rem 0 3rem}.notion-figure img{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:100%;height:auto;display:block}.notion-figure figcaption{color:var(--muted);text-align:center;margin-top:.75rem;font-family:system-ui,sans-serif;font-size:.72rem;line-height:1.65}.notion-article a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 55%, transparent);text-underline-offset:.2em}.notion-article hr{border:0;border-top:1px solid var(--line);margin:3rem 0}.notion-article pre{color:#e8e6df;background:#272a2f;border-radius:10px;margin:1.75rem 0;padding:1.1rem 1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;line-height:1.65;overflow-x:auto}.notion-article pre code{font:inherit}.notion-table-wrap{border:1px solid var(--line);border-radius:10px;margin:1.8rem 0 2.2rem;overflow-x:auto}.notion-article table{border-collapse:collapse;width:100%;min-width:560px;font-family:system-ui,sans-serif;font-size:.8rem;line-height:1.6}.notion-article th,.notion-article td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:.8rem .9rem}.notion-article th{background:#f7f5f0;font-weight:600}.notion-article tr:last-child td{border-bottom:0}.essay-footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:2rem;padding-top:2rem;font-size:.8rem;display:flex}.essay-footer p{margin:0}.back-link{color:var(--muted);margin-bottom:3rem;font-size:.8rem;display:inline-block}.diary-cover{aspect-ratio:16/7;color:#fff;background:radial-gradient(circle at 75% 25%,#e7aa483d 0 .25rem,#0000 .32rem),linear-gradient(140deg,#445364,#26313d);border-radius:18px;flex-direction:column;justify-content:space-between;margin:2rem 0 0;padding:1.8rem;display:flex}.diary-cover span{color:#e8ad51;font-size:1.4rem}.diary-cover p{margin:0;font-family:Georgia,Songti SC,serif;font-size:1.1rem;line-height:1.7}.tags{flex-wrap:wrap;gap:.55rem;margin-top:1rem;display:flex}@media (max-width:960px){.desktop-navigation{gap:1rem}.home-hero{grid-template-columns:1fr;gap:3.5rem;padding-block:5rem 6rem}.hero-copy{max-width:760px}.site-index{max-width:720px}.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.site-shell,.header-inner,.footer-inner,.footer-bottom{width:min(100% - 2rem,620px)}.site-header{position:relative}.header-inner{justify-content:space-between;min-height:68px;display:flex}.desktop-navigation,.header-action{display:none}.mobile-navigation{display:block;position:relative}.mobile-navigation summary{cursor:pointer;place-items:center;width:42px;height:42px;font-size:1.25rem;list-style:none;display:grid}.mobile-navigation summary::-webkit-details-marker{display:none}.mobile-navigation[open] summary{background:#ece9e1;border-radius:50%}.mobile-navigation nav{z-index:60;border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;width:min(320px,100vw - 2rem);padding:.7rem;display:flex;position:absolute;top:50px;right:0;box-shadow:0 20px 50px #1e1b1424}.mobile-navigation nav a{border-bottom:1px solid var(--line);justify-content:space-between;padding:.9rem;font-size:.85rem;display:flex}.mobile-navigation nav a:last-child{border-bottom:0}.home-hero{min-height:0}.hero-copy h1{font-size:clamp(2.7rem,11vw,4.2rem)}.home-section,.family-section{padding-block:4.5rem}.home-section-heading,.section-heading{display:block}.home-section-heading>p,.home-section-heading>a,.section-heading>.section-description{text-align:left;margin-top:1rem;display:inline-block}.board-grid,.category-grid{grid-template-columns:1fr}.full-span{grid-column:auto}.journal-row{grid-template-columns:1fr auto;gap:1rem}.journal-date{grid-column:1/-1}.footer-inner{grid-template-columns:1fr 1fr;gap:3rem}.footer-intro{grid-column:1/-1}.knowledge-row{grid-template-columns:1fr;gap:1rem}.knowledge-row-meta{flex-direction:row}}@media (max-width:520px){.site-shell,.header-inner,.footer-inner,.footer-bottom,.essay-shell,.story-shell{width:calc(100% - 2rem)}.home-hero{padding-block:3.5rem 4.5rem}.hero-copy h1{margin-top:1rem;font-size:2.75rem}.hero-description{font-size:.92rem}.hero-actions{flex-direction:column;align-items:flex-start}.button{width:auto}.site-index{border-radius:16px;padding:1rem .65rem .65rem}.index-list a{min-height:74px}.board-card{min-height:290px;padding:1.5rem}.board-title{display:block}.board-title span{margin-top:.35rem;display:block}.recent-grid{grid-template-columns:1fr}.journal-row{padding:1.35rem}.footer-inner{grid-template-columns:1fr;gap:2.5rem}.footer-intro{grid-column:auto}.knowledge-shell,.category-shell,.essay-shell,.story-shell{padding-block:3.5rem 5rem}.knowledge-hero h1{font-size:3.25rem}.category-card{min-height:340px;padding:1.5rem}.category-number{font-size:5rem}.essay-header h1,.story-header h1{font-size:2.6rem}.essay-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.essay-footer{display:block}.essay-footer a{margin-top:1rem;display:inline-block}.diary-cover{aspect-ratio:16/10}}
