@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=WDXL+Lubrifont+SC&display=swap";@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap";:root{--ink: #000;--paper: #fff;--muted: #888;--subtle: rgba(0, 0, 0, .18);--hairline: rgba(0, 0, 0, .08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Mono,monospace;line-height:1.6}.page-container{min-height:100vh;background-color:var(--paper);color:var(--ink);padding:1rem;position:relative}@media(min-width:768px){.page-container{padding:2rem}}.content-wrapper{max-width:1152px;margin:0 auto}.parallax-container{position:relative}.title-section-parallax,.cards-section-parallax{will-change:transform,top;width:100%}.fade-text-block{margin-top:1.5rem;display:flex;flex-direction:column;gap:.6rem;max-width:70ch;margin-left:auto;margin-right:auto;max-height:400px;overflow:hidden;transition:max-height .55s cubic-bezier(.4,0,.2,1),margin-top .55s cubic-bezier(.4,0,.2,1)}.fade-text-block--collapsed{max-height:0;margin-top:0}.fade-scroll-hint{font-style:italic;font-size:.75rem;letter-spacing:.06em;opacity:1;will-change:opacity;transition:opacity .08s linear;margin-bottom:.4rem}.scroll-line-indicator{width:1px;height:28px;background:var(--ink);transform-origin:top center;animation:scrollLineGrow 1.8s ease-in-out infinite}@keyframes scrollLineGrow{0%{opacity:0;transform:scaleY(0)}40%{opacity:.3;transform:scaleY(1)}80%{opacity:.15;transform:scaleY(1)}to{opacity:0;transform:scaleY(.3)}}.fade-para{font-style:italic;font-size:.82rem;line-height:1.75;opacity:1;will-change:opacity;transition:opacity .08s linear}@media(max-width:768px){.fade-text-block{max-width:30ch}.fade-scroll-hint{font-size:.7rem}.fade-para{font-size:.75rem}}.content-wrapper-narrow{max-width:768px;margin:0 auto}.title-main{font-family:Space Grotesk,sans-serif;font-optical-sizing:auto;font-style:normal;font-size:2rem;font-weight:700;margin-top:-1.5rem;margin-bottom:.2rem;text-align:center}.title-sub{font-size:.85rem;padding-bottom:1.25rem;text-align:center}@media(min-width:769px){.hidden{display:none}}@media(max-width:769px){.reverse-hidden{display:none}}.footer{font-size:.85rem;opacity:60%;padding-top:3rem;padding-bottom:2rem;text-align:center;position:relative;z-index:5}.footer p+p{margin-top:.35rem}.mainpage-footer{transform:translate(.65rem)}.mainpage-footer-strip{transition:background .3s ease,color .3s ease,padding .3s ease}.mainpage-footer-strip .art-strip-arrow{transition:transform .3s ease,opacity .3s ease}@media(min-width:768px){.title-main{font-size:3.75rem}}.title-page{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.title-section{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;border-bottom:2px solid black;padding-bottom:.5rem}.title-card{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.title-article{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.grid-2col{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.grid-2col{grid-template-columns:repeat(2,1fr);gap:3rem}}.grid-1col{display:grid;gap:2rem}.space-y-large>*+*{margin-top:3rem}.space-y-medium>*+*{margin-top:2rem}.space-y-small>*+*{margin-top:1rem}.mb-small{margin-bottom:.5rem}.mb-medium{margin-bottom:1rem}.mb-large{margin-bottom:2rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.space-x-small>*+*{margin-left:.5rem}.gap-small{gap:.75rem}@media(min-width:768px){.md-flex-row{flex-direction:row}.md-justify-between{justify-content:space-between}.md-items-start{align-items:flex-start}}.text-gray{color:#666}.text-small{font-size:.875rem}.text-medium{font-size:1rem}.text-large{font-size:1.25rem}.text-xl{font-size:1.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.italic{font-style:italic}.opacity-70{opacity:.7}.leading-relaxed{line-height:1.6}.art-strip{display:flex;align-items:baseline;gap:1rem;width:100%;margin-top:3rem;padding:1rem 0;border-top:1px solid #000;border-bottom:1px solid #000;text-decoration:none;color:inherit;font-family:Space Mono,monospace;transition:background .2s ease,color .2s ease,padding .2s ease}.art-strip:hover{background:var(--ink);color:var(--paper);padding-left:1rem;padding-right:1rem}.art-strip-label{font-size:.82rem;font-weight:700;letter-spacing:.04em;flex-shrink:0}.art-strip-desc{font-size:.72rem;letter-spacing:.04em;opacity:.45;flex:1}.art-strip-arrow{font-size:.82rem;opacity:.5;flex-shrink:0;transition:transform .2s ease,opacity .2s ease}.art-strip:hover .art-strip-arrow{transform:translate(4px);opacity:1}.art-strip:hover .art-strip-desc{opacity:.7}@keyframes rail-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.82)}}.rail-pulse{animation:rail-pulse 1.3s ease-in-out infinite}.regents-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#faf9f7;padding:0 0 56px;position:relative;overflow:hidden}.regents-page:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.6}.regents-back-btn{position:fixed;top:1.5rem;left:1.75rem;z-index:10;background:none;border:none;cursor:pointer;font-family:Space Mono,monospace;font-size:.7rem;letter-spacing:.15em;color:#000;opacity:.2;padding:.3rem 0;transition:opacity .25s ease;text-transform:uppercase;text-decoration:none;display:flex;align-items:center;gap:.45rem}.regents-back-btn:hover{opacity:.85}.regents-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%}.regents-title{font-family:Cormorant Garamond,Georgia,serif;font-weight:300;font-size:clamp(1.4rem,3vw,2rem);letter-spacing:.22em;color:#1a1a1a;text-align:center;margin:0 0 2.5rem;text-transform:uppercase;opacity:.85}.regents-empty{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:1rem;opacity:.3;text-align:center;margin-top:2rem;letter-spacing:.06em}.regents-row{display:flex;align-items:center;gap:2rem}.regent-canvas-box{width:420px;height:420px;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;position:relative}.regent-canvas-box:active{cursor:grabbing}@media(max-width:600px){.regent-canvas-box{width:72vw;height:72vw}.regents-row{gap:.5rem}}.regent-arrow{background:none;border:none;font-size:1.8rem;line-height:1;color:#1a1a1a;cursor:pointer;opacity:.08;padding:.5rem .75rem;transition:opacity .3s ease,transform .2s ease;font-family:Cormorant Garamond,serif;flex-shrink:0;letter-spacing:-.05em}.regent-arrow:hover{opacity:.7;transform:scale(1.15)}.regent-placard{margin-top:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem}.regent-label{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-weight:400;font-size:1.15rem;letter-spacing:.06em;color:#1a1a1a;opacity:.75;margin:0}.regent-label--interactive{cursor:pointer;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-color:#1a1a1a59;text-underline-offset:5px;transition:opacity .2s ease,text-decoration-color .2s ease}.regent-label--interactive:hover{opacity:.95;text-decoration-color:#1a1a1ab3}.regent-label--locked{text-decoration-style:solid;text-decoration-color:#1a1a1a8c;opacity:1}.regent-rule{width:28px;height:1px;background:#1a1a1a;opacity:.18}.regent-index{font-family:Space Mono,monospace;font-size:.6rem;letter-spacing:.2em;opacity:.22;text-align:center;margin:0}.regent-hint{font-family:Space Mono,monospace;font-size:.55rem;letter-spacing:.14em;opacity:.18;text-align:center;margin:0;user-select:none}.regent-canvas-box{position:relative}.regent-bio-mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:2.25rem 2rem;background:#faf9f7f5;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.4,0,.2,1);transform:translateY(6px);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.regent-bio-mask--visible{opacity:1;transform:translateY(0)}.regent-bio-text{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-weight:300;font-size:clamp(.88rem,1.8vw,1.05rem);line-height:1.85;text-align:center;color:#1a1a1a;margin:0;max-width:34ch;opacity:.82}.regents-music-bar{position:fixed;bottom:0;left:0;right:0;height:48px;z-index:50;display:flex;align-items:center;gap:1rem;padding:0 1.75rem;background:#faf9f7e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(0,0,0,.07);transition:opacity .3s ease}.regents-music-viz{display:flex;align-items:center;gap:3px;height:18px;flex-shrink:0}.regents-music-viz span{display:block;width:3px;background:#1a1a1a;border-radius:1.5px;transform-origin:bottom center}.regents-music-viz.playing span:nth-child(1){animation:bar-bounce 1.1s ease-in-out infinite;animation-delay:0s;height:10px}.regents-music-viz.playing span:nth-child(2){animation:bar-bounce 1.1s ease-in-out infinite;animation-delay:.18s;height:16px}.regents-music-viz.playing span:nth-child(3){animation:bar-bounce 1.1s ease-in-out infinite;animation-delay:.06s;height:8px}.regents-music-viz.playing span:nth-child(4){animation:bar-bounce 1.1s ease-in-out infinite;animation-delay:.24s;height:14px}.regents-music-viz.playing span:nth-child(5){animation:bar-bounce 1.1s ease-in-out infinite;animation-delay:.12s;height:6px}.regents-music-viz.muted span{height:3px;opacity:.25}@keyframes bar-bounce{0%,to{transform:scaleY(1);opacity:.6}50%{transform:scaleY(.3);opacity:.35}}.regents-music-label{font-family:Cormorant Garamond,serif;font-style:italic;font-size:.82rem;letter-spacing:.08em;color:#1a1a1a;opacity:.45;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.regents-mute-btn{background:none;border:none;cursor:pointer;padding:.3rem .4rem;display:flex;align-items:center;justify-content:center;color:#1a1a1a;opacity:.3;transition:opacity .2s ease;flex-shrink:0;line-height:1}.regents-mute-btn:hover{opacity:.8}.regents-mute-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.navigation-bar{position:fixed;top:0;left:0;right:0;background:#ffffff80;backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:1000;transition:background .3s ease,opacity .3s ease,box-shadow .3s ease;opacity:.85;box-shadow:0 2px 4px #0000000d}.navigation-bar:hover{background:#fffffff2;opacity:1;box-shadow:0 8px 24px #00000026}.nav-back{flex-shrink:0}.nav-back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid black;background:#fff;color:#000;text-decoration:none;cursor:pointer;transition:all .3s ease;font-size:.875rem}.nav-back-button:hover{background-color:#000;color:#fff}.nav-links{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-end;align-items:center}.nav-link{padding:.5rem 1rem;border:1px solid black;background:#fff;color:#000;text-decoration:none;cursor:pointer;transition:all .3s ease;font-size:.875rem;white-space:nowrap}.nav-link:hover{background-color:#000;color:#fff}.nav-now-button{padding:.5rem 1rem;border:1px solid black;background:#fff;color:#000;cursor:pointer;transition:all .3s ease;font-size:.875rem;white-space:nowrap;font-family:inherit;border-radius:0;overflow:visible;position:relative;--mouse-x: 50vw;--mouse-y: 50vh;--offset-x: 50vw;--offset-y: 50vh}.nav-now-button:before{content:"";position:fixed;top:0;left:0;width:0;height:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 70%,rgba(0,0,0,.4) 100%);border-radius:50%;transform:translate(var(--offset-x),var(--offset-y));transition:all 1.5s cubic-bezier(.23,1,.32,1);z-index:-1;pointer-events:none}.nav-now-button:hover:before,.nav-now-button.animating:before{width:300vmax;height:300vmax;transform:translate(calc(var(--offset-x) - 150vmax),calc(var(--offset-y) - 150vmax))}.nav-now-button.animating:before{transition:all 2s cubic-bezier(.23,1,.32,1)}.nav-now-button:hover:after{font-family:WDXL Lubrifont SC,sans-serif;font-weight:400;font-size:3rem;font-style:normal;letter-spacing:.5em;content:"近况";position:fixed;top:50vh;left:50vw;transform:translate(-50%,-50%);font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);z-index:1000;opacity:0;animation:fadeInText 1.5s ease-in-out .5s forwards;pointer-events:none}.nav-now-button.animating:after{font-family:WDXL Lubrifont SC,sans-serif;font-weight:400;font-size:3rem;font-style:normal;letter-spacing:.5em;content:"近况";position:fixed;top:50vh;left:50vw;transform:translate(-50%,-50%);font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);z-index:1000;opacity:0;animation:fadeInText 2s ease-in-out .5s forwards;pointer-events:none}.nav-now-button:hover,.nav-now-button.animating{color:transparent;border-color:transparent;z-index:999}@media(max-width:768px){.home-preview-rail{gap:1.85rem;padding-top:1.2rem}.home-preview-header{flex-direction:column;align-items:flex-start}.home-preview-link-pill{width:100%;justify-content:center}.home-preview-panel,.home-quote-stage{padding:.9rem}.home-preview-entry-body{padding:.8rem}.home-preview-section-showcase,.home-preview-section-now{max-width:100%;width:100%}.home-preview-showcase{grid-template-columns:1fr;gap:1rem}.home-preview-column-stack>:nth-child(2){display:none}.home-preview-column,.home-preview-showcase-projects .home-preview-column-stack,.home-preview-showcase-projects .home-preview-column-feature,.home-preview-showcase-thoughts .home-preview-column-feature,.home-preview-showcase-thoughts .home-preview-column-stack{transform:none}.home-preview-column{gap:1rem}.home-preview-entry-card--feature .home-preview-entry-title,.home-preview-entry-card--support .home-preview-entry-title{font-size:1rem}.home-preview-entry-card--feature .home-preview-entry-copy,.home-preview-entry-card--support .home-preview-entry-copy{-webkit-line-clamp:2;font-size:.84rem}.home-return-stage{min-height:110vh}.home-return-stage-sticky{top:12vh}.home-return-text-stack{width:min(100%,calc(100vw - 2.5rem));margin-top:2rem;gap:1rem}.navigation-bar{background:#fff;opacity:1;padding:.75rem 1rem;flex-direction:column;gap:.75rem;align-items:stretch;box-shadow:0 4px 12px #0000001a}.nav-back{width:100%}.nav-back-button{width:100%;justify-content:center}.nav-links{width:100%;justify-content:center;gap:.5rem}.nav-link,.nav-now-button{font-size:.75rem;padding:.4rem .75rem}}@media(min-width:768px){.home-preview-showcase{gap:1.5rem}}@media(min-width:900px){.home-preview-showcase{gap:1.8rem}.home-preview-showcase-projects .home-preview-column-stack{transform:translateY(2.25rem)}.home-preview-showcase-thoughts .home-preview-column-feature{transform:translateY(1.2rem)}}.page-container{padding-top:80px}.page-container.bookshelf-page{padding-top:0}@media(max-width:768px){.page-container{padding-top:140px}.page-container.bookshelf-page{padding-top:0}}.btn-back{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:1px solid black;background:#fff;color:#000;cursor:pointer;transition:all .3s ease;margin-bottom:2rem}.btn-back:hover{background-color:#000;color:#fff}.card{cursor:pointer;border:2px solid black;padding:1.5rem;transition:all .3s ease;text-decoration:none;color:inherit;display:block}.card:hover{background-color:#000;color:#fff}.card-image{aspect-ratio:16/9;margin-bottom:1rem;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.card:hover .card-image img{filter:invert(1)}.card-description{font-size:.875rem;opacity:.7}.home-preview-rail{height:100%}.home-preview-viewport{height:100%;overflow:hidden;position:relative}.home-preview-track{display:flex;flex-direction:column;will-change:transform}.home-preview-slide{justify-content:center}.home-preview-section{display:flex;flex-direction:column;gap:1rem}.home-preview-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.home-preview-eyebrow{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;opacity:.55;margin-bottom:.45rem}.home-preview-title{margin-bottom:.3rem;font-size:1.35rem;padding-bottom:.35rem;border-bottom-width:1px}.home-preview-description{max-width:30rem;font-size:.9rem;line-height:1.55}.home-preview-link-pill{display:inline-flex;align-items:center;gap:.5rem;border:1px solid black;padding:.45rem .75rem;text-decoration:none;color:#000;white-space:nowrap;transition:background-color .25s ease,color .25s ease,transform .25s ease;font-size:.82rem}.home-preview-link-pill:hover{background-color:#000;color:#fff;transform:translate(2px)}.home-preview-split{display:grid;grid-template-columns:1fr;gap:1.5rem}.home-preview-panel{border:2px solid black;padding:1.1rem;text-decoration:none;color:inherit;display:block;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;background:#fff}.home-preview-panel:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014;background-color:#fafafa}.home-preview-panel-topline{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.home-preview-panel-topline .date-badge,.home-preview-entry-meta .date-badge{margin-top:0}.home-preview-panel-kicker{font-size:.76rem;letter-spacing:.06em;color:#666}.home-preview-panel-title{margin-bottom:.75rem;font-size:1.15rem}.home-preview-tag-row{margin-top:1.25rem}.home-preview-focus-list{margin-top:1.25rem;display:flex;flex-direction:column;gap:.75rem}.home-preview-focus-list p{padding-top:.75rem;border-top:1px solid #ddd;font-size:.9rem}.home-preview-resume-item{padding-top:1rem;border-top:1px solid #ddd}.home-preview-resume-item:first-child{padding-top:0;border-top:none}.home-preview-entry-grid{display:grid;gap:1rem}.home-preview-entry-grid-projects,.home-preview-entry-grid-thoughts{grid-template-columns:1fr;max-width:420px}.home-preview-entry-card{border:2px solid black;background:#fff;color:inherit;text-decoration:none;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.home-preview-entry-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.home-preview-entry-image{aspect-ratio:16 / 8.2;overflow:hidden;border-bottom:1px solid #ddd;background:#f5f5f5}.home-preview-entry-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.home-preview-entry-card:hover .home-preview-entry-image img{transform:scale(1.04)}.home-preview-entry-body{padding:1rem}.home-preview-entry-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.65rem}.home-preview-entry-title{margin-bottom:.4rem;font-size:1.08rem;line-height:1.3}.home-preview-entry-copy{margin-bottom:.65rem;font-size:.9rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.home-preview-article-tags{margin:0 0 .75rem}.home-preview-entry-card-compact .tag{font-size:.72rem;padding:.2rem .5rem}.home-preview-entry-card-compact .read-time,.home-preview-entry-card-compact .home-preview-panel-kicker{font-size:.78rem}.home-preview-now-shell{max-width:680px;width:100%;margin:0 auto}.home-preview-section-showcase{max-width:1040px;margin:0 auto;width:100%}.home-preview-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.1rem;align-items:start}.home-preview-column{display:flex;flex-direction:column;gap:1rem}.home-preview-showcase-projects .home-preview-column-stack{transform:translateY(1.8rem)}.home-preview-showcase-projects .home-preview-column-feature{transform:translateY(-.45rem)}.home-preview-showcase-thoughts .home-preview-column-feature{transform:translateY(1rem)}.home-preview-showcase-thoughts .home-preview-column-stack{transform:translateY(-.85rem)}.home-preview-entry-card--feature .home-preview-entry-image{aspect-ratio:16 / 9.6}.home-preview-entry-card--feature .home-preview-entry-body{padding:1.1rem}.home-preview-entry-card--feature .home-preview-entry-title{font-size:1.35rem;margin-bottom:.55rem}.home-preview-entry-card--feature .home-preview-entry-copy{font-size:.95rem;-webkit-line-clamp:3}.home-preview-entry-card--support .home-preview-entry-image{aspect-ratio:16 / 6.1}.home-preview-entry-card--support .home-preview-entry-body{padding:.8rem}.home-preview-entry-card--support .home-preview-entry-title{font-size:.98rem}.home-preview-entry-card--support .home-preview-entry-copy{font-size:.84rem;line-height:1.45;-webkit-line-clamp:2}.home-preview-section-offset-left{margin-right:auto}.home-preview-section-offset-right{margin-left:auto}.home-preview-section-now{width:min(700px,100%);margin:0 auto}.home-quote-stage{border:2px solid black;padding:1.5rem;text-decoration:none;color:inherit;display:grid;grid-template-columns:1fr;gap:1.5rem;background:#fff;transition:box-shadow .3s ease,transform .3s ease}.home-quote-stage:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000014}.home-quote-side{display:flex;align-items:flex-end}.home-quote-center{text-align:center}.home-quote-kicker{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;opacity:.55;margin-bottom:1.5rem}.home-quote-feature p{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.25;font-style:italic}.home-quote-feature cite{display:block;margin-top:1rem;font-size:.92rem;opacity:.7;letter-spacing:.05em}.home-quote-mini{width:100%;border-top:1px solid black;padding-top:1rem}.home-quote-mini p{font-size:.96rem;line-height:1.7;font-style:italic}.home-quote-mini cite{display:block;margin-top:.75rem;font-size:.78rem;opacity:.7}.home-now-book-stack{display:flex;flex-direction:column;gap:.65rem;margin:1.25rem 0}.home-now-book{background:var(--book-color);border:1px solid var(--book-spine-color);color:#fffffff5;padding:.8rem 1rem;box-shadow:inset 0 1px #ffffff1f,3px 3px 10px #0000001f}.home-now-book span{font-family:Georgia,Times New Roman,serif;letter-spacing:.02em}.home-art-preview-list{display:flex;flex-direction:column;gap:.75rem;margin:1.25rem 0}.home-art-preview-item{display:grid;grid-template-columns:auto auto 1fr auto;gap:.75rem;align-items:center;padding-top:.85rem;border-top:1px solid #ddd}.home-art-preview-item:first-child{padding-top:0;border-top:none}.home-art-preview-num{font-size:.78rem;opacity:.6}.home-art-preview-zh{font-family:WDXL Lubrifont SC,sans-serif;font-size:1.6rem;line-height:1}.home-art-preview-label{letter-spacing:.04em}.home-return-stage{min-height:135vh;position:relative}.home-return-stage-sticky{position:sticky;top:18vh}.home-return-text-stack{width:min(700px,calc(100vw - 5rem));margin:2.75rem auto 0;display:flex;flex-direction:column;gap:1.5rem}.home-return-text-block{border-left:1px solid rgba(0,0,0,.16);padding-left:1.35rem}.home-return-text-label{display:block;font-family:Space Mono,monospace;font-size:.72rem;letter-spacing:.08em;color:#0000006b;margin-bottom:.55rem}.home-return-text-body{font-size:.92rem;line-height:1.9;color:#000000e6}.home-preview-section-return .card{background:#fff}.home-preview-section-return .mainpage-footer{transform:none}.project-card{border:2px solid black;padding:1.5rem;transition:all .3s ease}.project-card:hover{background-color:#f8f8f8}.tag{background-color:#000;color:#fff;padding:.25rem .75rem;font-size:.875rem;display:inline-block}.tag-white{border:2px solid black;padding:.5rem 1rem;transition:all .3s ease;cursor:pointer}.tag-white:hover{background-color:#000;color:#fff}.date-badge{font-size:.875rem;background-color:#000;color:#fff;padding:.25rem .75rem;margin-top:.5rem}@media(min-width:768px){.date-badge{margin-top:0}}.article{border-bottom:1px solid #ddd;padding-bottom:2rem}.article-header{display:flex;flex-direction:column;margin-bottom:1rem}@media(min-width:768px){.article-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.quote-block{border-left:4px solid black;padding-left:2rem}.quote-text{font-family:Space Grotesk,sans-serif;font-optical-sizing:auto;font-style:italic;font-size:1.5rem;font-weight:500;margin-bottom:1rem;line-height:1.625}@media(min-width:768px){.quote-text{font-size:1.875rem}}.quote-author{font-size:1.125rem;font-weight:200}.experience-item{margin-bottom:2rem}.experience-header{display:flex;flex-direction:column;margin-bottom:.5rem}@media(min-width:768px){.experience-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.experience-role{font-size:1.25rem;font-weight:600}.experience-period{font-size:.875rem;background-color:#000;color:#fff;padding:.25rem .75rem;margin-top:.5rem}@media(min-width:768px){.experience-period{margin-top:0}}.skills-grid{display:flex;flex-wrap:wrap;gap:.75rem}.project-image-container{position:relative;margin-bottom:1.5rem;border:1px solid #ddd;background:#f4f4f4;display:flex;align-items:center;justify-content:center}.project-image{width:100%;height:auto;display:block;object-fit:contain}.image-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;cursor:pointer;padding:.5rem .6rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease,transform .2s ease;z-index:2;filter:drop-shadow(0 1px 3px rgba(0,0,0,.55))}.image-nav-btn.prev{left:.25rem;transform:translateY(-50%)}.image-nav-btn.next{right:.25rem;transform:translateY(-50%)}.project-image-container:hover .image-nav-btn{opacity:.85}.image-nav-btn.prev:hover{opacity:1;transform:translateY(-50%) translate(-2px)}.image-nav-btn.next:hover{opacity:1;transform:translateY(-50%) translate(2px)}.image-counter{position:absolute;bottom:.5rem;right:.6rem;font-size:.7rem;font-family:Space Mono,monospace;color:#fff;background:#00000073;padding:.15rem .45rem;letter-spacing:.06em;pointer-events:none}.project-links{display:flex;gap:1rem;margin-top:1rem}.project-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid black;color:#000;text-decoration:none;transition:all .3s ease;font-size:.875rem}.project-link:hover{background-color:#000;color:#fff}.thought-card{border:2px solid black;padding:0;cursor:pointer;transition:all .3s ease;overflow:hidden}.thought-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.thought-image-container{width:100%;height:300px;overflow:hidden}.thought-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.thought-card:hover .thought-image{transform:scale(1.05)}.thought-content{padding:1.5rem}.article-meta{display:flex;align-items:center;gap:1rem;margin-top:.5rem}@media(min-width:768px){.article-meta{margin-top:0}}.read-time{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#666}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.article-tag{display:flex;align-items:center;gap:.25rem;font-size:.75rem;background-color:#f5f5f5;color:#666;padding:.25rem .5rem}.read-more-btn{margin-top:1rem;color:#000;font-weight:500;background:none;border:none;cursor:pointer;transition:color .3s ease}.read-more-btn:hover{color:#666}.article-modal-overlay{position:fixed;inset:0;background-color:#000c;z-index:1000;overflow-y:auto;padding:2rem}.article-modal{max-width:800px;margin:0 auto;background:#fff;position:relative;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.article-modal-header{position:sticky;top:0;background:#fff;padding:1rem;border-bottom:1px solid #eee;display:flex;justify-content:flex-end;z-index:1001}.close-button{background:none;border:none;cursor:pointer;padding:.5rem;transition:background-color .3s ease}.close-button:hover{background-color:#e2e2e2}.article-modal-content{overflow-y:auto;padding:0 2rem 2rem}.article-featured-image{width:100%;height:300px;overflow:hidden;margin-bottom:2rem}.article-featured-image img{width:100%;height:100%;object-fit:cover}.article-modal-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;color:#666}.article-date{font-size:.875rem}.article-read-time{display:flex;align-items:center;gap:.25rem;font-size:.875rem}.article-modal-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.article-modal-tag{background-color:#000;color:#fff;padding:.25rem .75rem;font-size:.875rem}.article-body{line-height:1.8;color:#333;font-size:1.05rem}.article-h1{font-size:2.25rem;font-weight:700;margin:2.5rem 0 1.25rem;line-height:1.3;color:#1a1a1a}.article-h1:first-child{margin-top:0}.article-h2{font-size:1.75rem;font-weight:600;margin:2rem 0 1rem;line-height:1.4;color:#1a1a1a}.article-h3{font-size:1.35rem;font-weight:600;margin:1.75rem 0 .75rem;line-height:1.4;color:#2a2a2a}.article-paragraph{margin-bottom:1.25rem;line-height:1.8;color:#333}.article-list-item{margin:.5rem 0;line-height:1.75;color:#333}@media(max-width:768px){.article-modal-overlay{padding:1rem}.article-modal-content{padding:0 1.5rem 2rem}.article-body{font-size:1rem}.article-h1{font-size:1.875rem;margin:2rem 0 1rem}.article-h2{font-size:1.5rem;margin:1.75rem 0 .875rem}.article-h3{font-size:1.25rem;margin:1.5rem 0 .625rem}.article-paragraph{margin-bottom:1rem}}.quote-modal-overlay{position:fixed;inset:0;background-color:#000c;z-index:1000;overflow-y:auto;padding:2rem;display:flex;align-items:center;justify-content:center}.quote-modal{max-width:700px;width:100%;margin:auto;background:#fff;border:2px solid black;position:relative;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.quote-modal-header{position:sticky;top:0;background:#fff;padding:1rem;border-bottom:1px solid #eee;z-index:1001;display:flex;justify-content:flex-end}.quote-modal-content{overflow-y:auto;padding:2rem}.quote-modal-quote{margin:0 0 2rem;padding:2rem;border-left:4px solid black;background:#f9f9f9}.quote-modal-text{font-size:1.25rem;font-style:italic;line-height:1.8;margin:0 0 1rem;color:#222}.quote-modal-author{display:block;font-style:normal;font-weight:600;color:#000;margin-top:1rem}.quote-modal-section{margin-bottom:2rem}.quote-modal-section-title{font-size:1.125rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid black}.quote-modal-description{line-height:1.8;color:#333;font-size:1rem}.quote-modal-articles{display:flex;flex-direction:column;gap:1rem}.quote-modal-article-link{text-decoration:none;color:inherit;transition:transform .2s ease;display:block}.quote-modal-article-link:hover{transform:translate(4px)}.quote-modal-article{display:flex;gap:1rem;padding:1rem;border:1px solid #ddd;background:#fff;transition:all .3s ease}.quote-modal-article:hover{border-color:#000;box-shadow:0 2px 8px #0000001a}.quote-modal-article-image{width:120px;height:80px;object-fit:cover;flex-shrink:0;border:1px solid #eee}.quote-modal-article-info{flex:1;display:flex;flex-direction:column}.quote-modal-article-title{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:#000}.quote-modal-article-excerpt{font-size:.875rem;color:#666;margin:0 0 .5rem;line-height:1.5;flex:1}.quote-modal-article-readtime{font-size:.75rem;color:#999}@media(max-width:768px){.quote-modal-overlay{padding:1rem;align-items:flex-start}.quote-modal{margin-top:1rem}.quote-modal-content,.quote-modal-quote{padding:1.5rem}.quote-modal-text{font-size:1.125rem}.quote-modal-article{flex-direction:column}.quote-modal-article-image{width:100%;height:150px}}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:2rem;font-size:1.125rem;color:#666}.btn-now{position:fixed;top:1rem;right:1rem;z-index:100;padding:.5rem 1rem;border:1px solid black;background:#fff;color:#000;cursor:pointer;transition:all 1.5s cubic-bezier(.23,1,.32,1);font-size:.875rem;font-family:inherit;border-radius:0;overflow:visible;transform-origin:center;display:flex;align-items:center;justify-content:center;min-width:60px;min-height:40px;--mouse-x: 50vw;--mouse-y: 50vh;--offset-x: 50vw;--offset-y: 50vh}.btn-now:before{content:"";position:fixed;top:0;left:0;width:0;height:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 70%,rgba(0,0,0,.4) 100%);border-radius:50%;transform:translate(var(--offset-x),var(--offset-y));transition:all 1.5s cubic-bezier(.23,1,.32,1);z-index:-1;pointer-events:none}.btn-now:hover:before,.btn-now.animating:before{width:300vmax;height:300vmax;transform:translate(calc(var(--offset-x) - 150vmax),calc(var(--offset-y) - 150vmax))}.btn-now.animating:before{transition:all 2s cubic-bezier(.23,1,.32,1)}.btn-now:hover:after{font-family:WDXL Lubrifont SC,sans-serif;font-weight:400;font-size:3rem;font-style:normal;letter-spacing:.5em;content:"近况";position:fixed;top:50vh;left:50vw;transform:translate(-50%,-50%);font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);z-index:1000;opacity:0;animation:fadeInText 1.5s ease-in-out .5s forwards;pointer-events:none}.btn-now.animating:after{font-family:WDXL Lubrifont SC,sans-serif;font-weight:400;font-size:3rem;font-style:normal;letter-spacing:.5em;content:"近况";position:fixed;top:50vh;left:50vw;transform:translate(-50%,-50%);font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);z-index:1000;opacity:0;animation:fadeInText 2s ease-in-out .5s forwards;pointer-events:none}.btn-now:hover,.btn-now.animating{color:transparent;border-color:transparent;z-index:999}@keyframes fadeInText{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(min-width:768px){.btn-now{top:2rem;right:2rem}}.markdown-content ul,.markdown-content ol{margin:1.5rem 0;padding-left:2rem;list-style-position:outside}.article-ul{list-style-type:disc}.article-ol{list-style-type:decimal}.markdown-content li{margin:.75rem 0;padding-left:.5rem;line-height:1.75}.markdown-content li:before{display:none}.markdown-content a{color:#999;text-decoration:underline;transition:color .2s ease}.markdown-content a:visited{color:#333}.markdown-content a:hover{color:#666}.markdown-content sup a,.markdown-content .footnote-backref,.markdown-content .footnote-ref a,.markdown-content .footnotes a,.markdown-content a[href^="#fn"],.markdown-content a[href^="#fnref"],.markdown-content a.data-footnote-backref{color:#58b!important;text-decoration:none!important}.markdown-content sup a:visited,.markdown-content .footnote-backref:visited,.markdown-content .footnote-ref a:visited,.markdown-content .footnotes a:visited,.markdown-content a[href^="#fn"]:visited,.markdown-content a[href^="#fnref"]:visited,.markdown-content sup a:hover,.markdown-content .footnote-backref:hover,.markdown-content .footnote-ref a:hover,.markdown-content .footnotes a:hover,.markdown-content a[href^="#fn"]:hover,.markdown-content a[href^="#fnref"]:hover{color:#58b!important}.markdown-content blockquote{border-left:4px solid #333;padding-left:1.5rem;margin:1.75rem 0;font-style:italic;color:#555;background:#f9f9f9;padding:1rem 1.5rem}.markdown-content blockquote p{margin-bottom:.75rem}.markdown-content blockquote p:last-child{margin-bottom:0}.markdown-content code{background:#f4f4f4;padding:.2rem .5rem;border-radius:3px;font-family:Courier New,monospace;font-size:.92em;color:#d63384}.markdown-content pre{background:#f4f4f4;padding:1.25rem;overflow-x:auto;border-radius:6px;margin:1.75rem 0;border:1px solid #e0e0e0}.markdown-content pre code{background:none;padding:0;color:#333}.markdown-content strong{font-weight:700;color:#1a1a1a}.markdown-content em{font-style:italic}.markdown-content hr{border:none;border-top:2px solid #e0e0e0;margin:2.5rem 0}.markdown-content table{width:100%;border-collapse:collapse;margin:1.75rem 0}.markdown-content th,.markdown-content td{border:1px solid #ddd;padding:.75rem 1rem;text-align:left}.markdown-content th{background:#f4f4f4;font-weight:600;color:#1a1a1a}.thought-card-link{text-decoration:none;color:inherit;display:block}.thought-card-link .read-more-btn{display:inline-block}.thoughts-page-layout{display:flex;min-height:100vh;position:relative}.thoughts-page-content{flex:1;margin-left:0;transition:margin-left .3s ease;display:flex;justify-content:center}.article-page-layout{display:flex;min-height:100vh;position:relative}.article-page-content{flex:1;margin-left:0;transition:margin-left .3s ease;display:flex;justify-content:center}.article-page-wrapper{max-width:800px;width:100%;padding:2rem 1.5rem}.article-page-image{width:100%;max-height:400px;overflow:hidden;margin:2rem 0}.article-page-image img{width:100%;height:100%;object-fit:cover}.article-page-header{margin-bottom:2rem}.article-page-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem;color:#1a1a1a}.article-page-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;color:#666}.article-page-tags{display:flex;flex-wrap:wrap;gap:.5rem}.article-page-tag{display:flex;align-items:center;gap:.25rem;background-color:#000;color:#fff;padding:.25rem .75rem;font-size:.875rem}.article-page-footer{margin-top:3rem;padding-top:2rem;border-top:2px solid #e0e0e0}.thoughts-sidebar{position:fixed;top:0;left:0;width:250px;height:100vh;background:#fff;overflow-y:auto;padding:2rem 1rem;z-index:100;scrollbar-width:none;-ms-overflow-style:none;opacity:.3;display:flex;align-items:center;transition:opacity .3s ease}.thoughts-sidebar::-webkit-scrollbar{display:none}.thoughts-sidebar:hover{opacity:1}.sidebar-content{padding:.5rem;width:100%}.sidebar-year{margin-bottom:1.5rem}.sidebar-year-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:#2a2a2a;border-bottom:2px solid black;padding-bottom:.4rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:color .2s ease}.sidebar-year-title:hover{color:#000}.sidebar-year-title.clickable{user-select:none}.sidebar-month{margin-bottom:1rem;margin-left:.5rem}.sidebar-month-title{font-size:.95rem;font-weight:500;margin-bottom:.5rem;color:#444;display:flex;align-items:center;gap:.4rem;cursor:pointer;transition:color .2s ease}.sidebar-month-title:hover{color:#000}.sidebar-month-title.clickable{user-select:none}.sidebar-articles{list-style:none;padding-left:1rem;margin:0}.sidebar-articles li{margin-bottom:.5rem}.sidebar-article-link{color:#333;text-decoration:none;font-size:.9rem;line-height:1.4;display:block;transition:color .2s ease;border-left:2px solid transparent;padding:.25rem 0 .25rem .5rem}.sidebar-article-link:hover{color:#000;border-left-color:#000}.sidebar-article-link.active{color:#000;font-weight:600;border-left-color:#000}.sidebar-mobile-toggle{display:none;position:fixed;bottom:2rem;right:2rem;z-index:200;width:56px;height:56px;border-radius:50%;background:#000;color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px #0000004d;align-items:center;justify-content:center;transition:transform .3s ease}.sidebar-mobile-toggle:active{transform:scale(.95)}.sidebar-overlay{display:none}@media(max-width:1024px){.article-page-content,.thoughts-page-content{margin-left:0}.thoughts-sidebar{transform:translate(-100%);background:#fffffffa;opacity:.9;backdrop-filter:blur(10px);transition:background 1s ease,opacity 1s ease,transform .3s ease}.thoughts-sidebar:hover{background:#ffffff80;opacity:1}.thoughts-sidebar.open{transform:translate(0)}.sidebar-mobile-toggle{display:flex}.sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:99}}@media(min-width:1025px){.article-page-content,.thoughts-page-content{margin-left:0}}@media(max-width:768px){.article-page-title{font-size:2rem}.article-page-wrapper{padding:1.5rem 1rem}}.share-container{margin:2rem 0;padding:1.5rem;border:2px solid black;background:#f9f9f9}.share-header{display:flex;align-items:center;gap:.5rem;font-weight:600;margin-bottom:1rem;font-size:1.1rem}.share-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.share-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid black;background:#fff;color:#000;text-decoration:none;cursor:pointer;transition:all .3s ease;font-size:.875rem;font-family:inherit}.share-btn:hover{background:#000;color:#fff}.share-btn-copy{min-width:100px}.share-icon{font-size:1rem;font-weight:600}@media(max-width:640px){.share-container{padding:1rem}.share-buttons{gap:.5rem}.share-btn{padding:.4rem .75rem;font-size:.8rem}}.dither-band{--dither-cell: 8px;animation:dither-tick 1.6s steps(2) infinite}@keyframes dither-tick{to{background-position-x:var(--dither-cell)}}@media(prefers-reduced-motion:reduce){.dither-band{animation:none}}