:root{color-scheme:light;--bg: #f7f7f3;--paper: #ffffff;--paper-soft: #eeeee7;--ink: #222220;--muted: #6d6a61;--line: #dddad0;--accent: #2f6f66;--accent-strong: #1d4f49;--warm: #9b5f35;--shadow: 0 20px 60px rgba(35, 34, 28, .08);--page-gutter: 16px;--serif-stack: "STSongti-SC-Regular", "STSongti-SC-Bold", "Songti SC", "Songti TC", "Noto Serif SC", "Source Han Serif SC", "Source Han Serif CN", "SimSun", "PMingLiU", Georgia, "Times New Roman", serif;font-family:var(--serif-stack)}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink)}body{margin:0;min-width:320px;background:linear-gradient(90deg,rgba(47,111,102,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(47,111,102,.07) 1px,transparent 1px),var(--bg);background-size:72px 72px;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{border:0;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer;font-weight:700;padding:.8rem 1rem}button:hover{background:var(--accent-strong)}input,textarea{width:100%;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);padding:.75rem .85rem}textarea{resize:vertical}.site-header,.site-footer{width:min(1120px,calc(100% - (var(--page-gutter) * 2)));margin:0 auto}.site-header{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0}.brand{display:inline-flex;align-items:center;gap:.7rem;font-weight:700}.brand-mark{display:inline-grid;width:2rem;height:2rem;place-items:center;border:1px solid var(--ink);border-radius:50%;background:#fff;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:cover}nav{display:flex;align-items:center;gap:.35rem;flex-wrap:nowrap;justify-content:flex-end}nav a,.nav-menu>button{border-radius:999px;color:var(--muted);font-size:.95rem;padding:.5rem .8rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent}nav button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-weight:400}nav a:hover,.nav-menu>button:hover,nav a.active,.nav-menu.active>button,.nav-menu.is-open>button,.nav-menu:focus-within>button{background:var(--paper);color:var(--ink);box-shadow:0 0 0 1px var(--line)}.nav-menu{position:relative;display:inline-flex}.nav-menu:after{position:absolute;top:100%;left:-.45rem;right:-.45rem;height:.65rem;content:""}.nav-submenu{position:absolute;top:calc(100% + .45rem);left:50%;z-index:20;display:grid;min-width:7.5rem;transform:translate(-50%);gap:.2rem;border:1px solid var(--line);border-radius:8px;background:#fffffff5;box-shadow:var(--shadow);opacity:0;padding:.35rem;pointer-events:none}.nav-menu:hover .nav-submenu,.nav-menu.is-open .nav-submenu,.nav-menu:focus-within .nav-submenu{opacity:1;pointer-events:auto}.nav-submenu a{border-radius:6px;padding:.45rem .65rem;white-space:nowrap}main{min-height:calc(100vh - 150px)}.home-hero{min-height:62vh;display:grid;place-items:center;padding:4rem 1rem 3rem}.home-hero__inner{width:min(980px,100%);text-align:center}.home-hero h1{margin:0;font-size:clamp(3rem,9vw,8.4rem);font-weight:700;letter-spacing:0;line-height:1.12}.typewriter-title{min-height:1.1em}.typewriter-title span{display:inline}.typewriter-title.is-typing:after{content:"";display:inline-block;width:.08em;height:.85em;margin-left:.08em;background:var(--accent);animation:caret-blink .85s steps(1) infinite;vertical-align:-.05em}@keyframes caret-blink{50%{opacity:0}}.essay-section,.section,.article,.page-title{width:min(960px,calc(100% - (var(--page-gutter) * 2)));margin:0 auto}.essay-section{padding:2rem 0 4rem}.letter,.prose-page,.admin-panel,.guestbook-shell{background:#ffffffdb;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.letter{padding:clamp(1.4rem,4vw,3.5rem);font-size:clamp(1rem,1.6vw,1.18rem);line-height:2}.letter p{margin:0 0 1.2rem}.letter-signoff{color:var(--accent-strong);font-weight:700}.entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding:0 0 5rem}.entry-card,.history-item,.post-item,.project-card{display:block;border:1px solid var(--line);border-radius:8px;background:#ffffffd1;padding:1.35rem 1.2rem;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;min-width:0;overflow-wrap:anywhere}.entry-card:hover,.history-item:hover,.post-item:hover,.project-card:hover{transform:translateY(-2px);border-color:#2f6f6673;box-shadow:var(--shadow)}.entry-card span,.page-title p,.project-card span,.section-heading span{margin:0;color:var(--accent);font-size:.88rem;font-weight:700;text-transform:uppercase}.entry-card h2,.history-item h2,.project-card h2{margin:.45rem 0 0;font-size:1.25rem}.entry-card p,.history-item p,.post-item p,.project-card p{margin:0;color:var(--muted);line-height:1.7;max-width:100%;overflow-wrap:anywhere}.page-title{padding:4rem 0 2rem}.about-title{padding:3rem 0 1.1rem}.page-title h1{margin:.35rem 0;font-size:clamp(2.4rem,7vw,5rem);line-height:1;max-width:100%;overflow-wrap:break-word}.page-title span,.page-title>p+h1+p{color:var(--muted);line-height:1.8}.section{padding-bottom:4rem}.compact{padding-bottom:3rem}.prose-page{padding:clamp(1.4rem,4vw,3rem);font-size:1.04rem;line-height:2}.legacy-about{padding:clamp(1.2rem,3vw,2.2rem)}.about-meta{border-bottom:1px solid var(--line);margin:0 0 1.1rem;padding-bottom:.85rem}.about-body>:first-child{margin-top:0}.prose-page p{margin:0 0 1.1rem}.prose-page img{max-width:100%;height:auto}.prose-page a{color:var(--accent-strong);text-decoration:underline;text-underline-offset:.2em}.about-guestbook-action{margin:1.4rem 0 0}.button-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#fff!important;font-weight:700;line-height:1.2;padding:.72rem 1rem;text-decoration:none!important}.button-link:hover{background:var(--accent-strong)}.history-list{display:grid;gap:.8rem}.history-item{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:1.2rem;align-items:start}.history-item time,.article time{color:var(--warm);font-weight:700}.history-item h2{font-size:1.1rem;overflow-wrap:anywhere}.article{padding:3rem 0 5rem}.back-link{color:var(--accent);font-weight:700}.article header{padding:1.2rem 0 2rem}.article-meta{display:flex;flex-wrap:wrap;gap:.45rem 1rem;color:var(--muted);font-size:.92rem;font-weight:400;margin:.2rem 0 1.1rem}.article-body-meta{border-bottom:1px solid var(--line);margin:0 0 1.1rem;padding-bottom:.85rem}.article-meta time{color:inherit;font-weight:400}.article h1{width:min(820px,100%);margin:.5rem 0 .8rem;font-size:clamp(2.2rem,6vw,4.8rem);line-height:1.08}.article header p{width:min(760px,100%);color:var(--muted);line-height:1.8}.password-panel{width:min(620px,100%);border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:1rem;box-shadow:var(--shadow)}.comment-panel{width:min(760px,100%);margin-top:3rem}.comment-box{display:grid;gap:0;border:1px solid var(--line);border-radius:8px;background:#ffffffdb;box-shadow:var(--shadow);overflow:hidden}.compact-heading{align-items:center;margin-bottom:.85rem}.compact-heading h2{font-size:clamp(1.6rem,3vw,2.35rem)}.comment-form{display:grid;gap:.9rem;padding:clamp(1rem,3vw,1.4rem)}.password-panel label,.guestbook-form label,.admin-panel label,.admin-field,.comment-form label{display:grid;gap:.45rem;color:var(--muted);font-size:.95rem;font-weight:700}.admin-field .rich-editor,.admin-field textarea{color:var(--ink);font-weight:400}.inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;margin-top:.6rem}.prose{width:min(820px,100%);color:var(--ink);font-size:1.04rem;line-height:1.9}.legacy-content{margin-top:2rem;background:#ffffffb8;border:1px solid var(--line);border-radius:8px;padding:clamp(1.1rem,3vw,2.5rem)}.article-body{background:#ffffffb8;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:clamp(1.1rem,3vw,2.5rem)}.article-body p:first-child,.legacy-content p:first-child{margin-top:0}.article-body p:last-child,.legacy-content p:last-child{margin-bottom:0}.legacy-content p,.article-body p{margin:0 0 1rem}.article-body img{max-width:100%;height:auto;border-radius:6px}.article-body a{color:var(--accent-strong);text-decoration:underline;text-underline-offset:.2em}.history-body-panel .password-panel{border:0;box-shadow:none;background:transparent;padding:0}.legacy-content img{max-width:100%;height:auto;border-radius:6px;box-shadow:0 12px 36px #0000001f}.legacy-content a{color:var(--accent-strong);text-decoration:underline;text-underline-offset:.2em}.guestbook-shell{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:1.5rem;padding:clamp(1rem,3vw,2rem)}.guestbook-form,.admin-panel form{display:grid;align-content:start;gap:1rem}.guestbook-list{display:grid;gap:.85rem}.comment-list{display:grid;gap:.85rem;border-top:1px solid var(--line);padding:clamp(1rem,3vw,1.4rem)}.guestbook-entry,.comment-entry{border:1px solid var(--line);border-radius:8px;background:#fff;padding:1rem}.guestbook-entry div,.comment-entry div{display:flex;justify-content:space-between;gap:1rem;color:var(--muted)}.guestbook-entry div span,.comment-entry div span{display:inline-flex;align-items:center;gap:.5rem;text-align:right}.guestbook-entry em,.comment-entry em{border:1px solid rgba(47,111,102,.28);border-radius:999px;color:var(--accent);font-size:.82rem;font-style:normal;line-height:1;padding:.25rem .45rem;white-space:nowrap}.guestbook-entry strong,.comment-entry strong{color:var(--ink)}.guestbook-entry p,.comment-entry p{margin:.6rem 0 0;line-height:1.8}.empty-state{color:var(--muted);margin:0}.admin-panel{width:min(1120px,calc(100% - (var(--page-gutter) * 2)));padding:clamp(1rem,3vw,2rem)}.admin-auth,.search-panel label{display:grid;gap:.45rem;margin-bottom:1rem;color:var(--muted);font-weight:700}.admin-login{display:grid;gap:1rem;width:min(520px,100%);margin:0 auto;border:1px solid var(--line);border-radius:8px;background:#ffffffdb;box-shadow:var(--shadow);padding:clamp(1rem,3vw,1.6rem)}.admin-login h2,.admin-dashboard h2{margin:0}.admin-dashboard{display:grid;gap:1rem}.admin-dashboard[hidden],.admin-module[hidden],.admin-login[hidden]{display:none}.admin-dashboard-bar,.admin-card-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.admin-dashboard-bar p{margin:.35rem 0 0;color:var(--muted)}.admin-module-nav{justify-content:flex-start;gap:.55rem}.admin-module-nav button,.ghost-button{border:1px solid var(--line);background:#fff;color:var(--accent)}.admin-module-nav button.active,.ghost-button:hover{background:var(--accent);color:#fff}.admin-module{display:block}.admin-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:1rem;align-items:start}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.admin-card,.search-panel{border:1px solid var(--line);border-radius:8px;background:#ffffffdb;box-shadow:var(--shadow);padding:clamp(1rem,3vw,1.4rem)}.admin-card-wide{grid-column:1 / -1}.admin-card h2{margin:0 0 .8rem;font-size:1.35rem}.admin-card h3{margin:1.3rem 0 .75rem;font-size:1rem;color:var(--accent);text-transform:uppercase}.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-actions{display:flex;flex-wrap:wrap;gap:.75rem}.admin-actions button[type=button],.admin-row button{border:1px solid var(--line);background:#fff;color:var(--accent)}.inline-check{display:inline-flex!important;grid-template-columns:auto 1fr;align-items:center}.inline-check input{width:auto}.admin-list{display:grid;gap:.75rem;margin-top:1rem}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--line);border-radius:8px;background:#fff;padding:.9rem}.admin-row div{display:grid;gap:.25rem}.admin-row span,.admin-row small,.admin-muted,.admin-status,.search-meta{color:var(--muted)}.admin-message{align-items:flex-start}.admin-message p{margin:.2rem 0;line-height:1.7}.rich-editor{display:grid;gap:.75rem}.rich-editor-toolbar{display:flex;flex-wrap:wrap;gap:.45rem .7rem;align-items:center;border:1px solid var(--line);border-radius:8px;background:#ffffffc7;padding:.55rem}.rich-editor-modes,.rich-editor-tools{display:flex;flex-wrap:wrap;gap:.35rem}.rich-editor-toolbar button{border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--accent);font-size:.9rem;line-height:1;padding:.48rem .65rem}.rich-editor-toolbar button:hover,.rich-editor-toolbar button.active{background:var(--accent);color:#fff}.rich-editor-surface,.rich-editor-source{min-height:18rem}.rich-editor-surface{overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-weight:400;line-height:1.9;outline:none;padding:1rem}.rich-editor-surface:focus{box-shadow:0 0 0 3px #2f6f6629}.rich-editor-surface p,.rich-editor-surface h2,.rich-editor-surface h3,.rich-editor-surface ul,.rich-editor-surface ol{margin-top:0}.rich-editor-source{font-family:Consolas,SFMono-Regular,Liberation Mono,monospace;font-size:.92rem;line-height:1.7}.rich-editor[data-mode=visual] .rich-editor-source,.rich-editor[data-mode=html] .rich-editor-surface,.rich-editor[data-mode=html] .rich-editor-tools,.rich-editor-upload{display:none}.media-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.search-panel,.post-list,.project-grid{display:grid;gap:1rem}.latest-writing{padding-bottom:5rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-heading h2{margin:.3rem 0 0;font-size:clamp(1.8rem,4vw,3rem)}.section-heading a{color:var(--accent);font-weight:700}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);color:var(--muted);padding:1.2rem 0 2rem}.site-footer a{color:var(--accent)}@media(max-width:760px){:root{--page-gutter: 24px}.site-header,.site-footer{width:min(100% - (var(--page-gutter) * 2),1120px)}.site-header{align-items:flex-start;flex-direction:column;gap:.9rem}nav{justify-content:flex-start;width:100%;overflow:visible;padding-bottom:.15rem;scrollbar-width:none}nav::-webkit-scrollbar{display:none}.home-hero{min-height:auto;padding:5rem 1rem 4rem}.home-hero h1{font-size:clamp(3rem,15vw,4.6rem);line-height:1.16}.typewriter-title span{display:block}.entry-grid,.guestbook-shell,.admin-grid,.admin-split,.media-stats{grid-template-columns:1fr}.history-item{grid-template-columns:1fr;gap:.5rem}.inline-form{grid-template-columns:1fr}.page-title{padding-top:2.3rem}.about-title{padding:2rem 0 .9rem}.page-title h1{font-size:clamp(2.6rem,12.5vw,3.45rem);line-height:1.05}.letter,.prose-page,.legacy-content{font-size:1rem;line-height:1.95;padding:1.35rem}}@media(max-width:430px){:root{--page-gutter: 22px}.brand{gap:.55rem}nav a{padding:.45rem .58rem}.nav-menu>button{padding:.45rem .58rem}.home-hero h1{font-size:clamp(2.75rem,13.5vw,3.7rem);line-height:1.18}.entry-card,.history-item,.post-item,.project-card{padding:1rem .95rem}.guestbook-entry div,.site-footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.typewriter-title.is-typing:after{animation:none}}@font-face{font-family:"Noto Serif SC";font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/noto-serif-sc-chinese-simplified-400-normal.hudUdRP0.woff2) format("woff2"),url(/_astro/noto-serif-sc-chinese-simplified-400-normal.Bjln_Ehj.woff) format("woff")}@font-face{font-family:"Noto Serif SC";font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/noto-serif-sc-chinese-simplified-700-normal.B9DMK6uu.woff2) format("woff2"),url(/_astro/noto-serif-sc-chinese-simplified-700-normal.C-z4U8v-.woff) format("woff")}