@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--ink:#24262c;--muted:#646670;--line:#d7d7db;--paper:#fff;--soft:#faf9fc;--accent:#cc9ffc;--accent-strong:#a878dc;--sans:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--mono:"Space Mono","SFMono-Regular",Consolas,monospace}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth}body{margin:0;font-family:var(--sans);font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.shell{width:min(1120px,calc(100% - 48px));margin:0 auto}.eyebrow{margin:0 0 .65rem;color:var(--accent-strong);font:700 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase}.site-header{background:var(--paper);position:relative;z-index:10}.site-header__top{color:#52545c;border-bottom:1px solid #eeeef1;font:11px/36px var(--mono);letter-spacing:.03em}.site-header__main{min-height:106px;display:flex;align-items:center;justify-content:space-between;gap:36px}.wordmark{display:grid;line-height:1;min-width:148px}.wordmark span{font:700 33px/1 var(--mono);letter-spacing:-.14em}.wordmark small{margin-top:6px;color:var(--muted);font:9px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase}.primary-nav{display:flex;align-self:stretch}.primary-nav a{min-width:82px;display:grid;place-content:center;padding:12px 10px 8px;text-align:center;transition:background .2s,color .2s}.primary-nav a:hover,.primary-nav a.active{background:#faf5ff;color:#6e409a}.primary-nav strong{font-size:13px;line-height:1.2}.primary-nav small{margin-top:5px;color:var(--muted);font:9px/1 var(--mono);letter-spacing:.04em}.nav-toggle{display:none;border:0;background:transparent;color:var(--ink);font:700 12px var(--mono)}.announcement{min-height:40px;display:flex;align-items:center;justify-content:center;gap:18px;padding:7px 24px;background:#d33;color:#fff;text-align:center;font-size:12px;line-height:1.55}.announcement b{color:#fff;font:700 10px var(--mono);white-space:nowrap;letter-spacing:.05em}.hero{aspect-ratio:3 / 1;position:relative;overflow:hidden;background:#eee}.hero-slide{position:absolute;inset:0;display:grid;opacity:0;pointer-events:none;transition:opacity .75s ease}.hero-slide.is-active{opacity:1;pointer-events:auto}.hero-slide>img{width:100%;height:100%;object-fit:cover;animation:hero-scale 8s ease-out both}.hero-dots{position:absolute;bottom:26px;left:50%;display:flex;gap:10px;transform:translate(-50%)}.hero-dots button{width:26px;height:3px;padding:0;border:0;background:#ffffff8c;cursor:pointer;transition:width .2s,background .2s}.hero-dots button.active{width:44px;background:#fff}.home-information{padding:88px 0 112px}.home-information h1{margin:0;padding-bottom:16px;border-bottom:2px solid var(--ink);font:700 clamp(31px,4vw,48px)/1.2 var(--mono);letter-spacing:-.05em}.home-information div{max-width:860px;padding-top:38px}.home-information p{margin:0 0 22px;font-size:clamp(17px,1.6vw,21px);line-height:1.95}.section{padding:95px 0}.section-heading{margin-bottom:40px}.section-heading h2{margin:0;font:700 clamp(30px,4vw,48px)/1.2 var(--mono);letter-spacing:-.05em}.section-description{margin:14px 0 0;color:var(--muted)}.post-list{border-top:0}.post-row[hidden],.post-row.is-filtered-out,.post-row.is-page-hidden{display:none}.post-row{position:relative;display:grid;grid-template-columns:152px minmax(0,1fr) 42px;gap:30px;padding:36px 0;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}.post-row:hover{padding-left:12px;padding-right:12px;background:#fcfaff}.post-row__date{padding-top:5px;color:var(--muted);font:15px var(--mono)}.post-row__meta{display:flex;gap:10px;color:#8763ad;font:13px var(--mono);letter-spacing:.04em}.post-row__pinned{color:#fff;background:#a878dc;padding:0 6px}.post-row h3{margin:6px 0 10px;font-size:27px;line-height:1.5}.post-row h3 a:after{content:"";position:absolute;inset:0}.post-row p{margin:0;color:var(--muted);font-size:18px;line-height:1.8}.post-row__tags,.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;color:#8665a8;font:13px var(--mono)}.post-row__arrow{align-self:center;position:relative;z-index:1;font:30px/1 var(--mono)}.button{display:inline-block;margin-top:27px;padding:11px 21px;border:1px solid var(--accent-strong);background:var(--accent-strong);color:#fff;font:700 11px var(--mono);letter-spacing:.06em;transition:background .2s,color .2s}.button:hover{background:transparent;color:#6d3a9c}.page-intro{padding:88px 0 54px;border-bottom:2px solid var(--ink)}.page-intro h1,.guestbook-shell h1{margin:0;font:700 clamp(42px,6vw,72px)/1.1 var(--mono);letter-spacing:-.08em}.page-intro>p:last-child{max-width:620px;margin:20px 0 0;color:var(--muted);font-size:18px}.profile-layout{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1fr);gap:clamp(40px,8vw,112px);padding:78px 0 94px}.profile-portrait{position:relative;padding-bottom:26px}.profile-portrait:after{content:"";position:absolute;z-index:-1;width:80%;height:58%;right:-16px;bottom:0;background:#f0e1ff}.profile-portrait img{width:100%;min-height:420px;height:100%;object-fit:cover;object-position:center top;filter:saturate(.88)}.profile-copy{align-self:center}.profile-lede{max-width:600px;margin:0 0 28px;font-size:20px;line-height:1.8}.profile-copy dl{margin:0;border-top:1px solid var(--line)}.profile-copy dl div{display:grid;grid-template-columns:104px 1fr;gap:18px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}.profile-copy dt{color:#855cae;font:11px var(--mono)}.profile-copy dd{margin:0}.profile-contents{padding-bottom:96px}.social-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.social-list a{overflow:hidden;border:1px solid var(--line);border-radius:5px;background:#fff;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.social-list a:hover{transform:translateY(-5px);border-color:var(--accent-strong);box-shadow:0 14px 28px #472d5b1a}.social-list img{width:100%;aspect-ratio:16 / 7;object-fit:cover;object-position:center;border-bottom:1px solid var(--line);transition:transform .45s ease}.social-list a:hover img{transform:scale(1.025)}.social-list strong{display:grid;min-height:96px;place-items:center;padding:18px;text-align:center;font:700 19px/1.35 var(--mono)}.article-shell,.custom-page-shell,.guestbook-shell{width:min(760px,calc(100% - 48px));margin:0 auto}.article-header{padding:96px 0 55px;border-bottom:2px solid var(--ink)}.article-header__meta{display:flex;gap:14px;color:#8562aa;font:11px var(--mono)}.article-header h1,.custom-page-hero h1{margin:16px 0;font-size:clamp(36px,5vw,60px);line-height:1.3;letter-spacing:.02em}.article-header>p{margin:0;color:var(--muted);font-size:18px}.article-content{padding:52px 0;font-size:16px;line-height:2}.article-content h1,.article-content h2,.article-content h3,.article-content h4{margin:2.5em 0 1em;line-height:1.45}.article-content h2{padding-bottom:.55em;border-bottom:3px double var(--accent);font-size:1.55em}.article-content h3{padding-bottom:.4em;border-bottom:1px solid var(--line);font-size:1.22em}.article-content p{margin:1.25em 0}.article-content code{padding:.16em .35em;background:#f2eef6;color:#5e397f;font:13px var(--mono)}.article-content pre{position:relative;overflow:auto;margin:2em 0;padding:48px 24px 24px 4.9em;border:1px solid #e2d8ea;border-radius:10px;background:linear-gradient(135deg,#fcfbfd,#f4eff8);box-shadow:0 12px 28px #34214614;color:#31253c;line-height:1.78}.article-content pre:before{content:"CODE";position:absolute;top:16px;left:20px;color:#9470b8;font:700 10px var(--mono);letter-spacing:.15em}.article-content pre code{display:block;min-width:max-content;padding:0;background:transparent;color:inherit;font-size:13px}.code-block__lines{position:absolute;top:48px;bottom:24px;left:0;width:3.7em;overflow:hidden;border-right:1px solid #e2d8ea;color:#a899b1;font:12px/1.78 var(--mono);text-align:right;user-select:none}.code-block__copy{position:absolute;top:12px;right:14px;padding:4px 9px;border:1px solid #dacbe7;border-radius:5px;background:#fff;color:#70449c;font:700 10px var(--mono);cursor:pointer;transition:background .2s,color .2s}.code-block__copy:hover{background:#a878dc;color:#fff}.article-content blockquote{margin:1.5em 0;padding-left:20px;border-left:3px solid var(--accent);color:var(--muted)}.article-content table{width:100%;border-collapse:collapse;font-size:14px}.article-content th,.article-content td{padding:9px;border:1px solid var(--line);text-align:left}.article-content img{margin:28px auto}.comments{padding:38px 0 48px;border-top:2px solid var(--ink)}.comments__header{margin-bottom:26px}.comments__header h2{margin:0;font-size:24px}.comments__header p{margin:7px 0 0;color:var(--muted);font-size:14px}.giscus-area{min-height:180px}.giscus-area iframe{width:100%}.article-footer{display:flex;justify-content:space-between;padding:27px 0 96px;border-top:1px solid var(--line);color:#70449c;font:11px var(--mono)}.custom-page-hero{padding:100px 0 54px}.custom-page-hero>p:last-child{margin:0;color:var(--muted);font-size:18px}.custom-page-content{border-top:2px solid var(--ink);padding-bottom:96px}.custom-page-content section{display:grid;grid-template-columns:220px 1fr;gap:36px;padding:32px 0;border-bottom:1px solid var(--line)}.custom-page-content h2{margin:0;color:#8351ac;font:700 15px var(--mono)}.custom-page-content p{margin:0;font-size:19px}.links-list{padding:76px 0 96px}.friend-link{display:grid;grid-template-columns:52px 64px 1fr 30px;gap:18px;align-items:center;padding:20px 0;border-top:1px solid var(--line);transition:padding .2s,background .2s}.friend-link:last-child{border-bottom:1px solid var(--line)}.friend-link:hover{padding-left:12px;background:#fcfaff}.friend-link>span{color:#a878dc;font:11px var(--mono)}.friend-link img{width:64px;height:64px;border-radius:12px;box-shadow:0 6px 15px #24262c1a}.friend-link h2{margin:0;font:700 23px var(--mono)}.friend-link p{margin:4px 0 0;color:var(--muted);font-size:14px}.friend-link>b{font:20px var(--mono)}.guestbook-shell{padding:100px 0}.guestbook-shell>header>p:last-child{color:var(--muted);font-size:18px}.guestbook-shell .comments{margin-top:48px}.giscus-setup{padding:36px;background:#faf5ff}.giscus-setup h2{margin:0;font-size:23px}.giscus-setup>p:last-child{color:var(--muted)}.giscus-setup code{color:#6c4293;font-family:var(--mono)}.category-filter{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:26px 0;border-bottom:2px solid var(--ink)}.category-filter a{display:inline-flex;gap:9px;align-items:center;padding:10px 18px;border:1px solid #decde9;border-radius:999px;background:#fff;color:#72459d;font:700 16px var(--mono);transition:background .2s,color .2s,border-color .2s}.category-filter a:hover,.category-filter a.active{border-color:#a878dc;background:#a878dc;color:#fff}.category-filter span{font-size:12px;opacity:.8}.filter-empty{margin:24px 0 0;color:var(--muted)}.pagination{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;padding-top:42px}.pagination[hidden]{display:none}.pagination a{display:grid;min-width:38px;height:38px;place-items:center;padding:0 10px;border:1px solid #decde9;background:#fff;color:#72459d;font:700 13px var(--mono);transition:background .2s,color .2s,border-color .2s}.pagination a:hover,.pagination a[aria-current=page]{border-color:#a878dc;background:#a878dc;color:#fff}.pagination a[aria-disabled=true]{opacity:.35;pointer-events:none}.article-content pre.astro-code{background:linear-gradient(135deg,#fcfbfd,#f4eff8)!important;color:#31253c!important}.article-content pre.astro-code code{background:transparent!important;color:inherit!important}.article-content pre.astro-code code span{color:#31253c!important}.article-content pre.astro-code{--code-line-height:23px;white-space:normal}.article-content pre.astro-code code{white-space:normal;line-height:var(--code-line-height)}.article-content pre.astro-code code>.line{display:block;min-height:var(--code-line-height);white-space:pre;tab-size:2;-moz-tab-size:2}.article-content pre.astro-code .code-block__lines{white-space:pre;line-height:var(--code-line-height)}.site-footer{border-top:3px solid var(--accent);background:#fff}.site-footer__inner{display:grid;grid-template-columns:1fr auto;gap:28px;padding:46px 0 26px;color:var(--muted);font-size:13px}.site-footer__inner p:last-child{margin:0}.site-footer nav{display:flex;gap:19px;font:11px var(--mono)}.site-footer nav a:hover{color:#6d3d98}.site-footer small{grid-column:1/-1;padding-top:20px;border-top:1px solid var(--line);font:10px var(--mono)}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s ease var(--reveal-delay, 0ms),transform .6s ease var(--reveal-delay, 0ms)}[data-reveal].is-visible{opacity:1;transform:none}@keyframes hero-scale{0%{transform:scale(1.035)}to{transform:scale(1)}}@media(max-width:820px){.site-header__main{min-height:82px}.nav-toggle{display:block}.primary-nav{position:absolute;left:0;right:0;top:118px;display:none;flex-wrap:wrap;padding:12px 24px 18px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 14px 24px #00000012}.primary-nav.is-open{display:flex}.primary-nav a{flex:1 0 30%;min-width:0}.announcement{font-size:11px}.profile-layout{grid-template-columns:1fr}.profile-portrait{width:min(420px,100%)}.social-list{grid-template-columns:repeat(2,minmax(0,1fr))}.article-header{padding-top:72px}.custom-page-content section{grid-template-columns:1fr;gap:12px}.site-footer__inner{grid-template-columns:1fr}.site-footer nav{grid-row:2;flex-wrap:wrap}}@media(max-width:560px){.shell,.article-shell,.custom-page-shell,.guestbook-shell{width:min(100% - 32px,760px)}.site-header__top{display:none}.primary-nav{top:82px;padding-left:16px;padding-right:16px}.wordmark span{font-size:28px}.announcement{gap:8px;align-items:flex-start;text-align:left}.announcement b{font-size:9px}.home-information{padding:62px 0 78px}.home-information div{padding-top:28px}.home-information p{font-size:16px}.post-row{grid-template-columns:1fr 28px;gap:9px 14px;padding:28px 0}.post-row__date{grid-column:1/-1;padding:0;font-size:12px}.post-row__meta{font-size:11px}.post-row h3{margin-top:4px;font-size:20px}.post-row p{font-size:14px}.post-row__tags{font-size:11px}.post-row__arrow{align-self:start;font-size:24px}.page-intro{padding:60px 0 42px}.page-intro>p:last-child,.article-header>p,.custom-page-hero>p:last-child{font-size:16px}.profile-contents{padding-top:70px}.social-list{grid-template-columns:1fr;gap:20px}.social-list strong{min-height:78px;font-size:17px}.article-content{padding-top:38px;font-size:15px}.article-content pre{padding:46px 16px 20px 4.35em;border-radius:8px}.article-content pre code{font-size:12px}.code-block__lines{top:46px;bottom:20px;width:3.25em}.article-content table{display:block;overflow:auto}.article-footer{padding-bottom:66px}.custom-page-hero,.guestbook-shell{padding-top:64px}.giscus-setup{padding:26px}.friend-link{grid-template-columns:42px 52px 1fr 22px;gap:11px}.friend-link img{width:52px;height:52px}.friend-link h2{font-size:18px}.friend-link p{font-size:12px}.category-filter{gap:9px;padding:18px 0}.category-filter a{padding:7px 12px;font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}