.nav[data-v-0aa93d0c]{position:fixed;top:0;left:0;right:0;z-index:60;height:var(--nav-h);display:flex;align-items:center;gap:40px;padding:0 var(--pad);background:#f2f0eadb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transition:background .3s,color .3s}.nav.on-dark[data-v-0aa93d0c]{background:#131211e6;color:var(--paper);border-bottom-color:#f2f0ea29}.nav-brand[data-v-0aa93d0c]{display:flex;align-items:center;gap:14px}.nav-mark[data-v-0aa93d0c]{width:34px;height:34px;display:grid;place-items:center;flex:none;background:var(--ink);color:var(--paper);font-family:var(--font-serif);font-weight:900;font-size:19px;transition:background .3s,color .3s}.nav.on-dark .nav-mark[data-v-0aa93d0c]{background:var(--accent);color:var(--ink)}.nav-name[data-v-0aa93d0c]{font-family:var(--font-serif);font-weight:700;font-size:20px;white-space:nowrap}.nav-en[data-v-0aa93d0c]{font-family:var(--font-en);font-size:12px;letter-spacing:.24em;color:var(--gray);white-space:nowrap}.nav-links[data-v-0aa93d0c]{display:flex;gap:clamp(18px,2.4vw,42px);margin-left:auto}.nav-links a[data-v-0aa93d0c]{font-size:15px;color:var(--gray);position:relative;padding:6px 0;white-space:nowrap;transition:color .25s}.nav-links a[data-v-0aa93d0c]:after{content:"";position:absolute;left:0;bottom:0;height:1.5px;width:0;background:var(--accent);transition:width .3s var(--ease)}.nav-links a[data-v-0aa93d0c]:hover,.nav-links a.active[data-v-0aa93d0c]{color:var(--ink)}.nav-links a.active[data-v-0aa93d0c]:after{width:100%}.nav.on-dark .nav-links a[data-v-0aa93d0c]:hover,.nav.on-dark .nav-links a.active[data-v-0aa93d0c]{color:var(--paper)}.nav-status[data-v-0aa93d0c]{display:flex;align-items:center;gap:10px;flex:none;font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;color:var(--gray)}.nav-status i[data-v-0aa93d0c]{width:8px;height:8px;background:var(--accent);flex:none;animation:nav-pulse-0aa93d0c 2.4s infinite}@keyframes nav-pulse-0aa93d0c{0%,to{opacity:1}50%{opacity:.25}}.nav-progress[data-v-0aa93d0c]{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--accent);transform-origin:left center;transform:scaleX(var(--p, 0))}.nav-toggle[data-v-0aa93d0c]{display:none;width:42px;height:42px;position:relative;flex:none;margin-left:auto}.nav-toggle i[data-v-0aa93d0c]{position:absolute;left:9px;right:9px;height:1.5px;background:currentColor;transition:transform .3s,opacity .3s}.nav-toggle i[data-v-0aa93d0c]:nth-child(1){top:14px}.nav-toggle i[data-v-0aa93d0c]:nth-child(2){top:20px}.nav-toggle i[data-v-0aa93d0c]:nth-child(3){top:26px}.nav.open .nav-toggle i[data-v-0aa93d0c]:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav.open .nav-toggle i[data-v-0aa93d0c]:nth-child(2){opacity:0}.nav.open .nav-toggle i[data-v-0aa93d0c]:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media(max-width:860px){.nav-links[data-v-0aa93d0c]{position:fixed;left:0;right:0;top:var(--nav-h);flex-direction:column;gap:0;margin:0;padding:6px 0 14px;background:var(--paper);border-bottom:1px solid var(--line);transform:translateY(-115%);transition:transform .35s var(--ease)}.nav.on-dark .nav-links[data-v-0aa93d0c]{background:var(--ink)}.nav.open .nav-links[data-v-0aa93d0c]{transform:none}.nav-links a[data-v-0aa93d0c]{padding:14px var(--pad);font-size:16px}.nav-status[data-v-0aa93d0c]{display:none}.nav-toggle[data-v-0aa93d0c]{display:block}}.footer[data-v-8eb7f197]{padding-block:34px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line)}.footer p[data-v-8eb7f197]{font-size:12.5px;color:var(--gray);font-family:var(--font-en);letter-spacing:.06em}@media(max-width:860px){.footer[data-v-8eb7f197]{flex-direction:column}}.overlay[data-v-47ba2c9e]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:var(--paper);display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(3%);transition:opacity .4s var(--ease),transform .5s var(--ease),visibility .4s;overflow-y:auto;overscroll-behavior:contain}.overlay.show[data-v-47ba2c9e]{opacity:1;visibility:visible;transform:none}.overlay-bar[data-v-47ba2c9e]{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:20px;padding:0 var(--pad);height:var(--nav-h);flex:none;background:#f2f0eaeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.overlay-tag[data-v-47ba2c9e]{margin-left:auto}.overlay-close[data-v-47ba2c9e]{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-en);font-size:13px;letter-spacing:.08em;color:var(--gray);transition:color .25s}.overlay-close[data-v-47ba2c9e]:hover{color:var(--ink)}.overlay-body[data-v-47ba2c9e]{padding:clamp(36px,5vw,72px) var(--pad) clamp(60px,7vw,110px);max-width:1560px;margin:0 auto;width:100%}.overlay-body h1[data-v-47ba2c9e]{font-family:var(--font-serif);font-weight:900;font-size:clamp(30px,4.4vw,68px);line-height:1.14;max-width:20ch}.lead[data-v-47ba2c9e]{margin-top:22px;font-size:clamp(15px,1.15vw,19px);color:var(--ink-soft);max-width:760px}.tech[data-v-47ba2c9e]{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.overlay-figure[data-v-47ba2c9e]{margin:clamp(30px,4vw,58px) 0;overflow:hidden}.overlay-figure img[data-v-47ba2c9e]{width:100%;aspect-ratio:16 / 9;object-fit:cover;filter:grayscale(1) contrast(1.04)}.overlay-body h2[data-v-47ba2c9e]{font-family:var(--font-serif);font-weight:700;font-size:clamp(20px,1.9vw,30px);margin-bottom:16px}.overlay-body ul[data-v-47ba2c9e]{padding-left:20px}.overlay-body li[data-v-47ba2c9e]{color:var(--ink-soft);margin-bottom:10px;font-size:15.5px}.prose p[data-v-47ba2c9e]{color:var(--ink-soft);margin-bottom:18px;margin-top:18px;font-size:clamp(15px,1.08vw,18px);line-height:1.95;max-width:820px}.overlay-page-link[data-v-47ba2c9e]{display:inline-flex;align-items:center;gap:10px;margin-top:36px;font-family:var(--font-en);font-size:14px;letter-spacing:.06em;color:var(--gray);border-bottom:1px solid var(--line-strong);padding-bottom:4px;transition:color .25s,border-color .25s}.overlay-page-link[data-v-47ba2c9e]:hover{color:var(--accent);border-color:var(--accent)}.overlay-page-link .arr[data-v-47ba2c9e]{transition:transform .28s var(--ease)}.overlay-page-link:hover .arr[data-v-47ba2c9e]{transform:translate(5px)}.count[data-v-b2f874d4]{font-family:var(--font-mono);font-weight:500;font-size:clamp(30px,3.4vw,52px);line-height:1;min-width:2.6ch}.hero[data-v-cbfe4fce]{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-block:calc(var(--nav-h) + 64px) 72px}.hero-top[data-v-cbfe4fce]{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(24px,4vw,56px)}.hero-mark[data-v-cbfe4fce]{width:clamp(40px,4.4vw,64px);aspect-ratio:1;background:var(--accent);margin-bottom:clamp(18px,2.6vw,36px)}.hero h1[data-v-cbfe4fce]{font-family:var(--font-serif);font-weight:900;font-size:clamp(64px,13vw,208px);line-height:1;letter-spacing:.02em}.hero-rule[data-v-cbfe4fce]{display:flex;align-items:center;gap:clamp(16px,2vw,32px);margin-top:clamp(20px,2.6vw,40px)}.hero-rule span[data-v-cbfe4fce]{height:clamp(3px,.32vw,5px);width:clamp(90px,14vw,340px);background:var(--accent);flex:none}.hero-rule b[data-v-cbfe4fce]{font-family:var(--font-en);font-weight:400;font-size:clamp(13px,1.35vw,26px);letter-spacing:.4em;white-space:nowrap}.hero-bottom[data-v-cbfe4fce]{display:flex;gap:clamp(28px,4vw,72px);align-items:flex-start;justify-content:space-between;margin-top:clamp(34px,4.4vw,64px);padding-top:clamp(24px,2.8vw,40px);border-top:1px solid var(--line)}.hero-desc[data-v-cbfe4fce]{max-width:660px}.hero-desc p[data-v-cbfe4fce]{font-size:clamp(15px,1.15vw,19px);color:var(--ink-soft);line-height:1.9}.hero-cta[data-v-cbfe4fce]{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.hero-stats[data-v-cbfe4fce]{display:flex;flex-direction:column;min-width:clamp(230px,22vw,330px);flex:none}.stat[data-v-cbfe4fce]{display:flex;align-items:baseline;gap:18px;padding:14px 0;border-top:1px solid var(--line)}.stat[data-v-cbfe4fce]:last-child{border-bottom:1px solid var(--line)}.stat span[data-v-cbfe4fce]{font-size:14px;color:var(--gray)}@media(max-width:1100px){.hero-bottom[data-v-cbfe4fce]{flex-direction:column}.hero-stats[data-v-cbfe4fce]{width:100%;min-width:0}}@media(max-width:620px){.hero-rule b[data-v-cbfe4fce]{letter-spacing:.24em}}.section-head[data-v-849e73ae]{display:flex;align-items:flex-end;gap:clamp(16px,2vw,32px);flex-wrap:wrap}.meta[data-v-849e73ae]{padding-bottom:8px}h2[data-v-849e73ae]{font-family:var(--font-serif);font-weight:900;font-size:clamp(30px,3.6vw,56px);line-height:1.05}p[data-v-849e73ae]{margin-left:auto;max-width:420px;font-family:var(--font-en);font-size:clamp(13px,1vw,17px);color:var(--gray);text-align:right;line-height:1.6}@media(max-width:860px){p[data-v-849e73ae]{margin-left:0;text-align:left;max-width:none}}.about-grid[data-v-e9a36bac]{display:grid;grid-template-columns:120px 1fr;gap:clamp(32px,5vw,80px);margin-top:clamp(40px,5vw,72px)}.about-photo[data-v-e9a36bac]{position:relative;align-self:start;aspect-ratio:4 / 5}.about-photo .frame[data-v-e9a36bac]{position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid var(--accent);transform:translate(6px,6px)}.about-photo img[data-v-e9a36bac]{position:relative;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .9s var(--ease)}.about-photo:hover img[data-v-e9a36bac],.about-photo.in img[data-v-e9a36bac]{filter:grayscale(0)}.about-lead[data-v-e9a36bac]{font-family:var(--font-serif);font-weight:700;font-size:clamp(21px,2.1vw,34px);line-height:1.62}.about-lead[data-v-e9a36bac] em{font-style:normal;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:6px}.about-text p[data-v-e9a36bac]{margin-top:20px;color:var(--ink-soft);max-width:760px;font-size:clamp(15px,1.05vw,17px)}.about-facts[data-v-e9a36bac]{display:grid;grid-template-columns:repeat(3,1fr);margin-top:44px;border-top:1px solid var(--line-strong)}.fact[data-v-e9a36bac]{padding:22px 24px 20px 0;border-bottom:1px solid var(--line)}.fact+.fact[data-v-e9a36bac]{border-left:1px solid var(--line);padding-left:24px}.fact b[data-v-e9a36bac]{display:block;font-family:var(--font-mono);font-weight:500;font-size:17px}.fact span[data-v-e9a36bac]{display:block;margin-top:6px;font-size:13px;color:var(--gray)}@media(max-width:1100px){.about-grid[data-v-e9a36bac]{grid-template-columns:1fr}.about-photo[data-v-e9a36bac]{max-width:110px}}@media(max-width:620px){.about-facts[data-v-e9a36bac]{grid-template-columns:1fr}.fact+.fact[data-v-e9a36bac]{border-left:none;padding-left:0}}.skills-grid[data-v-ed950e80]{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(36px,4.4vw,64px);border-top:1px solid var(--line-strong);border-left:1px solid var(--line)}.skill[data-v-ed950e80]{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(22px,2.2vw,34px);min-height:clamp(300px,28vw,460px);display:flex;flex-direction:column;transition:background .35s}.skill[data-v-ed950e80]:hover{background:var(--white)}.skill-num[data-v-ed950e80]{font-family:var(--font-mono);font-size:14px;letter-spacing:.14em;color:var(--accent);text-transform:uppercase}.skill-body[data-v-ed950e80]{margin-top:auto}.skill h3[data-v-ed950e80]{font-family:var(--font-serif);font-weight:700;font-size:clamp(20px,1.9vw,30px);margin-bottom:20px}.skill-line[data-v-ed950e80]{display:block;height:1px;background:var(--line-strong)}.skill-tags[data-v-ed950e80]{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}@media(max-width:1100px){.skills-grid[data-v-ed950e80]{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.skills-grid[data-v-ed950e80]{grid-template-columns:1fr}}.projects-grid[data-v-52094aa8]{display:grid;grid-template-columns:repeat(3,1fr) .85fr;gap:clamp(14px,1.6vw,26px);margin-top:clamp(36px,4.4vw,64px)}.card[data-v-52094aa8]{display:flex;flex-direction:column}.card-thumb[data-v-52094aa8]{position:relative;display:block;overflow:hidden;aspect-ratio:16 / 10;background:var(--paper-deep)}.card-thumb img[data-v-52094aa8]{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform .7s var(--ease),filter .5s}.card:hover .card-thumb img[data-v-52094aa8]{transform:scale(1.05);filter:grayscale(0)}.card-title[data-v-52094aa8]{display:flex;align-items:baseline;gap:12px;margin-top:18px}.card-title i[data-v-52094aa8]{font-family:var(--font-mono);font-style:normal;font-size:13px;color:var(--accent)}.card-title h3[data-v-52094aa8]{font-family:var(--font-serif);font-weight:700;font-size:clamp(17px,1.5vw,24px);transition:transform .3s var(--ease)}.card:hover .card-title h3[data-v-52094aa8]{transform:translate(5px)}.card-tags[data-v-52094aa8]{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.card-note[data-v-52094aa8]{display:block;margin-top:14px;font-size:13px;color:var(--gray);line-height:1.65}.card-more[data-v-52094aa8]{background:var(--ink);color:var(--paper);padding:clamp(20px,2vw,30px);display:flex;flex-direction:column;justify-content:space-between;min-height:260px;transition:background .3s}.card-more[data-v-52094aa8]:hover{background:var(--ink-soft)}.card-more .meta[data-v-52094aa8]{color:#f2f0ea80}.card-more b[data-v-52094aa8]{font-family:var(--font-serif);font-weight:900;font-size:clamp(20px,1.9vw,30px);line-height:1.5}.card-more .arr[data-v-52094aa8]{font-family:var(--font-en);font-size:30px;color:var(--accent);transition:transform .3s var(--ease)}.card-more:hover .arr[data-v-52094aa8]{transform:translate(8px)}@media(max-width:1100px){.projects-grid[data-v-52094aa8]{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.projects-grid[data-v-52094aa8]{grid-template-columns:1fr}}.timeline[data-v-2118f306]{margin-top:clamp(36px,4.4vw,64px)}.tl-row[data-v-2118f306]{display:grid;grid-template-columns:minmax(160px,300px) 70px 1fr;align-items:center;border-bottom:1px solid var(--line)}.tl-row[data-v-2118f306]:first-child{border-top:1px solid var(--line)}.tl-time[data-v-2118f306]{font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;color:var(--gray);padding:34px 0}.tl-axis[data-v-2118f306]{position:relative;align-self:stretch;display:grid;place-items:center}.tl-axis[data-v-2118f306]:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--line-strong)}.tl-dot[data-v-2118f306]{position:relative;width:13px;height:13px;background:var(--ink)}.tl-row:first-child .tl-dot[data-v-2118f306]{background:var(--accent)}.tl-body[data-v-2118f306]{padding:32px 0 32px 6px}.tl-body h3[data-v-2118f306]{font-family:var(--font-serif);font-weight:700;font-size:clamp(19px,1.7vw,28px)}.tl-body .co[data-v-2118f306]{margin-top:8px;font-size:15px;color:var(--accent)}.tl-body .desc[data-v-2118f306]{margin-top:12px;font-size:15px;color:var(--ink-soft);max-width:900px}@media(max-width:860px){.tl-row[data-v-2118f306]{grid-template-columns:96px 42px 1fr}.tl-time[data-v-2118f306]{padding:24px 0;font-size:12px}.tl-body[data-v-2118f306]{padding:24px 0}}.posts[data-v-1a1ffc9a]{margin-top:clamp(32px,4vw,56px);border-top:1px solid var(--line)}.post[data-v-1a1ffc9a]{display:grid;grid-template-columns:minmax(120px,200px) 1fr auto;gap:clamp(16px,2vw,40px);align-items:center;padding:clamp(20px,2.2vw,32px) 12px;border-bottom:1px solid var(--line);transition:background .3s}.post[data-v-1a1ffc9a]:hover{background:var(--white)}.post-date[data-v-1a1ffc9a]{font-family:var(--font-mono);font-size:13px;color:var(--gray)}.post-title[data-v-1a1ffc9a]{font-family:var(--font-serif);font-weight:700;font-size:clamp(16px,1.45vw,24px);transition:transform .3s var(--ease)}.post:hover .post-title[data-v-1a1ffc9a]{transform:translate(8px)}@media(max-width:860px){.post[data-v-1a1ffc9a]{grid-template-columns:1fr;gap:8px;padding:20px 6px}.post .tag[data-v-1a1ffc9a]{justify-self:start}}.contact[data-v-3746b104]{background:var(--ink);color:var(--paper);padding-block:clamp(80px,9vw,140px)}.contact-top[data-v-3746b104]{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.contact .meta[data-v-3746b104]{color:var(--accent)}.contact .contact-flag[data-v-3746b104]{color:#f2f0ea8c}.contact-flag i[data-v-3746b104]{display:inline-block;width:8px;height:8px;background:var(--accent);margin-right:10px}.contact h2[data-v-3746b104]{font-family:var(--font-serif);font-weight:900;font-size:clamp(38px,6.2vw,104px);line-height:1.2;margin:clamp(28px,3.4vw,54px) 0 0}.contact-mail[data-v-3746b104]{display:inline-flex;align-items:center;gap:18px;margin-top:clamp(30px,3.6vw,60px);font-family:var(--font-en);font-weight:500;font-size:clamp(19px,2.5vw,44px);border-bottom:2px solid var(--accent);padding-bottom:8px;word-break:break-all;transition:color .3s}.contact-mail[data-v-3746b104]:hover{color:var(--accent)}.contact-mail .arr[data-v-3746b104]{font-size:.7em;color:var(--accent);transition:transform .3s var(--ease)}.contact-mail:hover .arr[data-v-3746b104]{transform:translate(8px)}.contact-socials[data-v-3746b104]{display:flex;gap:clamp(20px,2.6vw,46px);flex-wrap:wrap;margin-top:clamp(30px,3.4vw,52px);padding-top:28px;border-top:1px solid rgba(242,240,234,.16)}.contact-socials a[data-v-3746b104]{font-size:15px;color:#f2f0eaa8;transition:color .25s}.contact-socials a[data-v-3746b104]:hover{color:var(--paper)}.contact-sign[data-v-3746b104]{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:clamp(50px,6vw,100px);flex-wrap:wrap}.contact-sign .who[data-v-3746b104]{display:flex;align-items:center;gap:16px}.contact-sign .sq[data-v-3746b104]{width:38px;height:38px;background:var(--accent);flex:none}.contact-sign .who b[data-v-3746b104]{font-family:var(--font-serif);font-weight:900;font-size:clamp(19px,1.7vw,28px)}.contact-sign .domain[data-v-3746b104]{font-family:var(--font-mono);font-size:13px;letter-spacing:.14em;color:#f2f0ea8c}:root{--paper: #f2f0ea;--paper-deep: #e7e3d9;--ink: #131211;--ink-soft: #2c2a26;--gray: #8b867b;--line: #d9d4c7;--line-strong: #bfb9aa;--white: #fff;--accent: #ff4a1c;--font-serif: "Noto Serif SC", "Songti SC", "SimSun", serif;--font-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-en: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--pad: clamp(20px, 4.2vw, 72px);--nav-h: 76px;--ease: cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--paper);color:var(--ink);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}::selection{background:var(--accent);color:var(--white)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(to right,var(--line) 0 1px,transparent 1px calc((100vw - var(--pad) * 2) / 6));background-size:calc((100vw - var(--pad) * 2) / 6) 100%;background-position:var(--pad) 0;opacity:.55}#app{position:relative;z-index:1}.wrap{max-width:1560px;margin:0 auto;padding:0 var(--pad);width:100%}.section{padding-block:clamp(80px,9vw,140px);border-top:1px solid var(--line)}section[id]{scroll-margin-top:calc(var(--nav-h) + 24px)}.meta{font-family:var(--font-mono);font-size:12px;letter-spacing:.22em;color:var(--gray);text-transform:uppercase}.btn{display:inline-flex;align-items:center;gap:12px;padding:15px 34px;font-size:15px;font-weight:500;border:1.5px solid var(--ink);transition:background .28s,color .28s,border-color .28s}.btn .arr{font-family:var(--font-en);transition:transform .28s var(--ease)}.btn:hover .arr{transform:translate(5px)}.btn-solid{background:var(--ink);color:var(--paper)}.btn-solid:hover{background:transparent;color:var(--ink)}.btn-ghost{border-color:var(--line-strong)}.btn-ghost:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.tag{font-family:var(--font-mono);font-size:12px;line-height:1.6;padding:6px 12px;border:1px solid var(--line);color:var(--ink-soft);white-space:nowrap;transition:background .25s,color .25s,border-color .25s}.tag:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.toast{position:fixed;left:50%;bottom:34px;z-index:120;transform:translate(-50%,90px);opacity:0;pointer-events:none;background:var(--ink);color:var(--paper);padding:13px 26px;font-size:14px;border:1px solid rgba(255,255,255,.2);transition:transform .4s var(--ease),opacity .4s}.toast.show{transform:translate(-50%);opacity:1}html.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}html.js .reveal.in{opacity:1;transform:none}html.js .reveal[data-d="1"]{transition-delay:.08s}html.js .reveal[data-d="2"]{transition-delay:.16s}html.js .reveal[data-d="3"]{transition-delay:.24s}.page{padding-top:calc(var(--nav-h) + 64px);padding-bottom:120px;min-height:70vh}.page-back{display:flex;width:max-content;align-items:center;gap:10px;font-family:var(--font-en);font-size:13px;letter-spacing:.08em;color:var(--gray);margin-bottom:40px;transition:color .25s}.page .meta{display:block;margin-bottom:12px}.page-back:hover{color:var(--ink)}.page-title{font-family:var(--font-serif);font-weight:900;font-size:clamp(30px,4.4vw,68px);line-height:1.14;margin:16px 0 24px;max-width:20ch}.page-desc{color:var(--ink-soft);font-size:clamp(15px,1.15vw,19px);max-width:760px}.page-thumb{margin:clamp(30px,4vw,58px) 0;overflow:hidden}.page-thumb img{width:100%;aspect-ratio:16 / 9;object-fit:cover;filter:grayscale(1) contrast(1.04)}.page-body h2{font-family:var(--font-serif);font-size:clamp(20px,1.9vw,30px);font-weight:700;margin-bottom:16px}.page-body p,.page-body li{color:var(--ink-soft);font-size:clamp(15px,1.08vw,18px);line-height:1.95;margin-bottom:16px;max-width:820px}.page-body ul{padding-left:20px}@media(max-width:768px){:root{--nav-h: 64px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html.js .reveal{opacity:1;transform:none}}