:root{--paper: #f6f2e9;--paper-deep: #efe9db;--ink: #37322b;--ink-soft: #7c7364;--ink-faint: #a89e8c;--mist: #7e97a9;--mist-deep: #5d7990;--mist-pale: #d8e2e8;--sun: #e3aa6b;--sun-pale: #f3d7b0;--max: 1120px;--hang: clamp(1rem, 2.2vw, 2rem);--radius-pane: 20px;--radius-window: 30px;--hairline: 1px solid rgba(55, 50, 43, .14);--f-serif: "Noto Serif SC", "Songti SC", "SimSun", serif;--f-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--f-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-sans);font-size:1.0625rem;line-height:1.85;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--sun-pale);color:var(--ink)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px dashed var(--mist-deep);outline-offset:3px;border-radius:4px}.mono{font-family:var(--f-mono)}.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--hang)}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:var(--hairline)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.85rem;padding-bottom:.85rem}.brand{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--f-serif);font-weight:900;font-size:1.18rem;letter-spacing:.02em}.brand__sun{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f6d9a8,var(--sun) 62%,#d08a45);box-shadow:0 0 0 4px color-mix(in srgb,var(--sun) 22%,transparent);flex:none}.nav{display:flex;gap:clamp(1rem,3vw,2.2rem);font-family:var(--f-mono);font-size:.82rem;letter-spacing:.04em}.nav__item{display:inline-flex;flex-direction:column;align-items:center;gap:3px}.nav__item span{color:var(--ink-soft);transition:color .2s ease}.nav__item:hover span{color:var(--ink)}.nav__item .nav__dot{width:4px;height:4px;border-radius:50%;background:var(--sun);opacity:0;transform:translateY(2px);transition:opacity .2s ease,transform .2s ease}.nav__item.active .nav__dot{opacity:1;transform:translateY(0)}.nav__item.active span{color:var(--ink)}.header-clock{font-family:var(--f-mono);font-size:.78rem;color:var(--ink-faint);white-space:nowrap}.header-clock b{color:var(--mist-deep);font-weight:500}.hero-wrap{padding-top:clamp(1.4rem,4vw,2.6rem)}.window{position:relative;overflow:hidden;border-radius:var(--radius-window);--sky-top: #b7cdd9;--sky-mid: #cfe0e6;--sky-low: #fbdfb7;background:linear-gradient(160deg,var(--sky-top) 0%,var(--sky-mid) 42%,var(--sky-low) 100%);padding:clamp(2.2rem,6vw,4.5rem);min-height:clamp(420px,62vh,620px);display:flex;flex-direction:column;justify-content:flex-end;box-shadow:inset 0 0 0 1px #ffffff59,inset 0 0 120px #ffffff2e,0 30px 60px -30px #5a697873}.window:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:var(--radius-window);background:linear-gradient(rgba(255,255,255,.32) 6px,transparent 6px) no-repeat 0 0 / 100% 38%,linear-gradient(-90deg,rgba(255,255,255,.28) 7px,transparent 7px) no-repeat 100% 0 / 22% 100%;mix-blend-mode:soft-light}.window__sun{position:absolute;top:17%;right:14%;width:clamp(64px,11vw,120px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 36% 34%,#fff0d4,var(--sun) 58%,#dd9a52);animation:sun-breathe 7s ease-in-out infinite}.window__sun:after{content:"";position:absolute;top:-26%;right:-26%;bottom:-26%;left:-26%;border-radius:50%;background:radial-gradient(circle,rgba(243,215,176,.55) 0%,transparent 62%);z-index:-1}@keyframes sun-breathe{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.06)}}.window__cloud{position:absolute;border-radius:999px;background:#ffffff80;filter:blur(1px);left:-4%;width:clamp(220px,34vw,400px);height:30px;animation:cloud-drift 34s ease-in-out infinite alternate}.window__cloud--far{top:22%;opacity:.45}.window__cloud--near{top:33%;opacity:.6;animation-duration:48s;filter:blur(2px)}.window__cloud:before{content:"";position:absolute;top:4px;right:12%;bottom:4px;left:12%;border-radius:999px;background:inherit}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(var(--drift, 8%))}}.window__copy{position:relative;z-index:2;max-width:34ch}.window__eyebrow{font-family:var(--f-mono);font-size:.8rem;letter-spacing:.14em;color:var(--mist-deep);margin-bottom:.9rem}.window__title{font-family:var(--f-serif);font-weight:900;font-size:clamp(2.15rem,6.4vw,4.4rem);line-height:1.18;margin:0 0 1rem;color:var(--ink);text-wrap:balance}.window__lede{margin:0;color:var(--ink-soft);font-size:clamp(1rem,2vw,1.15rem);max-width:46ch}.window__meta{position:absolute;bottom:1.1rem;right:1.6rem;font-family:var(--f-mono);font-size:.78rem;color:#37322b8c}.shutter{opacity:0;transform:translateY(10px);filter:brightness(.92)}.shutter.is-open{opacity:1;transform:none;filter:none;transition:opacity .9s ease,transform .9s ease,filter 1.4s ease}.section{padding-block:clamp(3rem,8vw,5.5rem)}.horizon{display:flex;align-items:center;gap:1rem;color:var(--ink-faint);font-family:var(--f-mono);font-size:.78rem;letter-spacing:.12em;margin-bottom:clamp(1.6rem,4vw,2.4rem)}.horizon:before{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(55,50,43,.2),var(--sun) 58%,transparent)}.pane-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}@media (max-width: 760px){.pane-grid{grid-template-columns:1fr}}.pane{position:relative;display:flex;flex-direction:column;gap:.7rem;background:var(--paper);border:var(--hairline);border-radius:var(--radius-pane);padding:clamp(1.2rem,2.6vw,1.8rem);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.pane:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--mist) 55%,transparent);box-shadow:0 18px 40px -26px #5d799280}.pane__date{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.08em;color:var(--ink-faint)}.pane__title{font-family:var(--f-serif);font-weight:700;font-size:clamp(1.12rem,2.4vw,1.42rem);line-height:1.3;margin:0}.pane__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.pane__excerpt{margin:0;color:var(--ink-soft);font-size:.98rem;line-height:1.8}.pane__meta{margin-top:auto;padding-top:.6rem;display:flex;align-items:center;gap:1rem;font-family:var(--f-mono);font-size:.76rem;color:var(--ink-faint)}.pane__more{margin-left:auto;color:var(--mist-deep);display:inline-flex;align-items:center;gap:.35rem;transition:gap .2s ease}.pane:hover .pane__more{gap:.6rem}.work-card{overflow:hidden;padding:0}.work-card__canvas{position:relative;height:clamp(200px,26vw,260px);display:flex;align-items:flex-end}.work-card__canvas svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.work-card__index{position:absolute;top:.8rem;left:1rem;font-family:var(--f-mono);font-size:.74rem;color:#ffffffbf;mix-blend-mode:plus-lighter}.work-card__body{padding:1.3rem 1.5rem 1.5rem}.work-tag{display:inline-block;font-family:var(--f-mono);font-size:.7rem;letter-spacing:.1em;padding:.18em .7em;border-radius:999px;border:1px solid color-mix(in srgb,var(--mist) 42%,transparent);color:var(--mist-deep);margin-bottom:.7rem}.about-story{display:grid;grid-template-columns:clamp(200px,30%,320px) 1fr;gap:clamp(2rem,6vw,4rem);align-items:start}@media (max-width: 760px){.about-story{grid-template-columns:1fr}}.portrait{position:relative;border-radius:var(--radius-window);background:linear-gradient(165deg,var(--mist-pale),var(--sun-pale));aspect-ratio:4 / 4.6;overflow:hidden;border:var(--hairline)}.portrait svg{width:100%;height:100%}.about-copy h1{font-family:var(--f-serif);font-weight:900;font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.25;margin:0 0 1.2rem}.about-copy p{margin:0 0 1rem;color:var(--ink-soft)}.about-copy p strong{color:var(--ink);font-weight:600}.about-sign{margin-top:2rem;font-family:var(--f-serif);color:var(--ink);display:inline-flex;align-items:center;gap:.5rem;font-size:1rem}.post-head{padding-top:clamp(2rem,5vw,3.4rem)}.post-head__kicker{font-family:var(--f-mono);font-size:.8rem;letter-spacing:.12em;color:var(--mist-deep);margin-bottom:1rem;display:flex;gap:1rem;align-items:center}.post-head h1{font-family:var(--f-serif);font-weight:900;font-size:clamp(1.9rem,5.2vw,3.2rem);line-height:1.2;margin:0 0 1.1rem;max-width:20ch}.post-head .post-head__lede{font-size:1.08rem;color:var(--ink-soft);max-width:46ch;margin:0 0 1.2rem}.post-rule{border:none;height:1px;background:linear-gradient(90deg,var(--mist),transparent);margin:clamp(2rem,5vw,3rem) 0}.prose{max-width:640px;font-size:1.05rem}.prose p{margin:0 0 1.4rem}.prose h2{font-family:var(--f-serif);font-weight:700;font-size:1.5rem;margin:2.2rem 0 .9rem;display:flex;align-items:baseline;gap:.7rem}.prose h2:before{content:attr(data-folio);font-family:var(--f-mono);font-size:.72rem;color:var(--ink-faint);letter-spacing:.1em}.prose blockquote{margin:1.8rem 0;padding:.2rem 0 .2rem 1.4rem;border-left:3px solid var(--sun);color:var(--ink-soft);font-family:var(--f-serif);font-size:1.08rem}.prose blockquote p{margin:0}.prose ul{padding-left:1.2rem}.prose li{margin-bottom:.5rem;color:var(--ink-soft)}.prose code{font-family:var(--f-mono);font-size:.88em;background:var(--paper-deep);padding:.15em .45em;border-radius:6px}.prose a{color:var(--mist-deep);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--mist) 50%,transparent);text-underline-offset:4px}.post-foot{display:flex;flex-wrap:wrap;gap:.6rem;padding:1.4rem 0 clamp(3rem,6vw,4.5rem);border-top:var(--hairline)}.post-foot a{font-family:var(--f-mono);font-size:.78rem;color:var(--ink-soft);border:1px solid rgba(55,50,43,.16);border-radius:999px;padding:.35em 1em;transition:color .2s,border-color .2s}.post-foot a:hover{color:var(--mist-deep);border-color:var(--mist)}.site-footer{border-top:var(--hairline);padding:1.4rem 0 2rem}.site-footer__inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;font-family:var(--f-mono);font-size:.78rem;color:var(--ink-faint);letter-spacing:.04em}.site-footer__inner b{color:var(--mist-deep);font-weight:500}.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1);transition-delay:var(--d, 0ms)}.reveal.revealed{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none;transition:none}}.text-mono{font-family:var(--f-mono)}.admin{display:grid;grid-template-columns:minmax(320px,520px) 1fr;gap:clamp(1.6rem,4vw,3rem);align-items:start}@media (max-width: 900px){.admin{grid-template-columns:1fr}}.admin-pane{background:var(--paper-deep);border:var(--hairline);border-radius:var(--radius-pane);padding:clamp(1.2rem,2.6vw,1.8rem)}.admin-pane--form{background:var(--paper)}.admin-pane h2{font-family:var(--f-serif);font-weight:900;font-size:1.25rem;margin:0 0 1.1rem}.field{margin-bottom:.9rem}.field label{display:block;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.08em;color:var(--ink-faint);margin-bottom:.35rem}.field input[type=text],.field input[type=number],.field input[type=date],.field input[type=password],.field textarea,.field select{width:100%;font:inherit;color:var(--ink);background:var(--paper);border:1px solid rgba(55,50,43,.2);border-radius:10px;padding:.55rem .8rem;transition:border-color .15s ease}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--mist)}.field textarea{line-height:1.7;resize:vertical}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.admin-block{display:flex;flex-direction:column;gap:.45rem;border:1px dashed rgba(55,50,43,.22);border-radius:12px;padding:.7rem;margin-bottom:.55rem}.admin-block__head{display:flex;align-items:center;gap:.5rem}.admin-block__head select{width:fit-content}.admin-block input,.admin-block textarea{width:100%}.admin-block__del{border:1px solid rgba(55,50,43,.22);background:none;color:var(--ink-soft);font-family:var(--f-mono);border-radius:8px;height:34px;cursor:pointer;transition:color .15s,border-color .15s}.admin-block__del:hover{color:#b84a2e;border-color:#b84a2e}.btn{font-family:var(--f-mono);font-size:.82rem;letter-spacing:.04em;border-radius:999px;padding:.6em 1.4em;border:1px solid var(--mist);color:var(--mist-deep);background:transparent;cursor:pointer;transition:background .15s,color .15s}.btn:hover{background:color-mix(in srgb,var(--mist) 14%,transparent)}.btn--primary{background:var(--mist-deep);border-color:var(--mist-deep);color:var(--paper)}.btn--primary:hover{background:var(--mist)}.admin-msg{font-family:var(--f-mono);font-size:.8rem;color:var(--mist-deep);min-height:1.2em;margin:.6rem 0 0}.admin-rows{display:flex;flex-direction:column;gap:.5rem}.admin-row{display:flex;align-items:center;gap:.7rem;background:var(--paper);border:var(--hairline);border-radius:12px;padding:.6rem .8rem}.admin-row__title{font-family:var(--f-serif);font-weight:700;font-size:.98rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-row__date{font-family:var(--f-mono);font-size:.72rem;color:var(--ink-faint)}.admin-row .btn{padding:.4em 1em;font-size:.72rem}.admin-hint{font-family:var(--f-mono);font-size:.72rem;color:var(--ink-faint);line-height:1.7}.header-side{display:flex;align-items:center;gap:1rem}.header-auth{display:inline-flex;align-items:center;font-family:var(--f-mono);font-size:.8rem;color:var(--ink-soft);transition:color .2s ease}.header-auth:hover{color:var(--ink)}.header-auth--user{gap:.45rem;color:var(--ink)}.header-auth--user svg{border-radius:6px}.footer-right{display:inline-flex;gap:.4rem}.auth{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(1.8rem,5vw,4rem);align-items:stretch}@media (max-width: 900px){.auth{grid-template-columns:1fr}}.auth-scene{position:relative;overflow:hidden;border-radius:var(--radius-window);min-height:clamp(360px,52vh,480px);background:linear-gradient(165deg,#b7cdd9,#cfe0e6 45%,#fbe0bd);display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(1.6rem,4vw,2.6rem);box-shadow:inset 0 0 0 1px #ffffff59,inset 0 0 90px #ffffff2e}.auth-scene--register{background:linear-gradient(165deg,#a9c4d4,#cfdde6 45%,#f6d6a8)}.auth-scene__sun{position:absolute;top:16%;right:16%;width:clamp(54px,9vw,92px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 36% 34%,#fff0d4,var(--sun) 58%,#dd9a52);box-shadow:0 0 40px #f3d7b08c;animation:sun-breathe 7s ease-in-out infinite}.auth-scene__cloud{position:absolute;top:30%;left:-4%;width:clamp(180px,30vw,300px);height:26px;border-radius:999px;background:#ffffff80;animation:cloud-drift 40s ease-in-out infinite alternate}.auth-scene__cloud:before{content:"";position:absolute;top:4px;right:14%;bottom:4px;left:14%;border-radius:999px;background:inherit}.auth-scene__copy{position:relative;z-index:2}.auth-scene__eyebrow{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.16em;color:var(--mist-deep);margin:0 0 .7rem}.auth-scene__line{font-family:var(--f-serif);font-weight:900;font-size:clamp(1.5rem,3.6vw,2.3rem);line-height:1.3;margin:0 0 .6rem;color:var(--ink);max-width:12ch}.auth-scene__note{margin:0;color:var(--ink-soft);font-size:.96rem;max-width:30ch}.auth-scene__meta{position:absolute;bottom:1rem;right:1.4rem;font-family:var(--f-mono);font-size:.72rem;color:#37322b8c}.auth-card{background:var(--paper);border:var(--hairline);border-radius:var(--radius-pane);padding:clamp(1.4rem,3vw,2.2rem);display:flex;flex-direction:column;justify-content:center}.auth-title{font-family:var(--f-serif);font-weight:900;font-size:1.5rem;margin:0 0 1.2rem}.auth-error{font-family:var(--f-mono);font-size:.8rem;color:#b84a2e;margin:.2rem 0 .8rem}.auth-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.6rem}.auth-switch{font-family:var(--f-mono);font-size:.8rem;color:var(--ink-faint);margin:1.2rem 0 0}.auth-switch a{color:var(--mist-deep)}.auth-switch a:hover{text-decoration:underline}.auth-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem 0}.auth-success__name{font-family:var(--f-serif);font-weight:900;font-size:1.5rem;margin:1rem 0 .6rem}.auth-success__hint{color:var(--ink-soft);font-size:.98rem;max-width:34ch;margin:0 0 1.2rem}.me-card{display:grid;grid-template-columns:auto 1fr;gap:clamp(1.6rem,5vw,3.5rem);align-items:center}@media (max-width: 700px){.me-card{grid-template-columns:1fr}}.me-light{width:fit-content;border-radius:var(--radius-window);padding:1.4rem;background:linear-gradient(165deg,var(--mist-pale),var(--sun-pale));border:var(--hairline)}.me-light svg{display:block}.me-name{font-family:var(--f-serif);font-weight:900;font-size:clamp(1.9rem,4vw,2.6rem);margin:0 0 .4rem}.me-joined{font-size:.8rem;color:var(--ink-faint);display:flex;align-items:center;gap:.7rem;margin:0 0 .9rem}.me-badge{font-family:inherit;font-size:.68rem;color:var(--paper);background:var(--mist-deep);border-radius:999px;padding:.2em .8em}.me-note{color:var(--ink-soft);max-width:44ch;margin:0 0 1.4rem}