:root{--paper: #0a1324;--paper-2: #101c33;--card: #0f1a30;--ink: #edf1f8;--ink-soft: #b9c4d8;--muted: #8494b2;--line: #1d2b47;--line-strong: #2a3b5e;--accent: #d8b67a;--accent-2: #8fb4ff;--accent-soft: rgb(216 182 122 / .12);--signal: #e9a98b;--grad: linear-gradient(120deg, #f1dcb0 0%, #d8b67a 50%, #b8935a 100%);--btn-bg: #d8b67a;--btn-ink: #0a1324;--shadow-sm: 0 1px 0 rgb(255 255 255 / .03) inset;--shadow: 0 1px 0 rgb(255 255 255 / .04) inset, 0 18px 40px -18px rgb(0 0 0 / .6);--glow-1: rgb(143 180 255 / .1);--glow-2: rgb(216 182 122 / .07);--serif: "Instrument Serif", "Times New Roman", serif;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, Consolas, monospace;--max: 1100px;--read: 680px;--radius: 10px;color-scheme:dark}:root[data-theme=light]{--paper: #f7f6f2;--paper-2: #eeece6;--card: #ffffff;--ink: #0f1b33;--ink-soft: #33415c;--muted: #66728a;--line: #e4e1d8;--line-strong: #d3cfc3;--accent: #9a7436;--accent-2: #2d4f9e;--accent-soft: rgb(154 116 54 / .1);--signal: #b5603c;--grad: linear-gradient(120deg, #0f1b33 0%, #2d4f9e 55%, #9a7436 100%);--btn-bg: #0f1b33;--btn-ink: #f7f6f2;--shadow-sm: 0 1px 2px rgb(15 27 51 / .05);--shadow: 0 1px 2px rgb(15 27 51 / .05), 0 12px 32px -12px rgb(15 27 51 / .15);--glow-1: rgb(45 79 158 / .08);--glow-2: rgb(154 116 54 / .07);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background-color:var(--paper);background-image:radial-gradient(900px 500px at 85% -10%,var(--glow-1),transparent 60%),radial-gradient(700px 420px at -10% 10%,var(--glow-2),transparent 60%);background-repeat:no-repeat;color:var(--ink);font:16.5px/1.7 var(--sans);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-underline-offset:3px}a:hover{color:var(--accent)}::selection{background:var(--accent);color:var(--paper)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.04;letter-spacing:-.015em;margin:0 0 .45em}h1{font-size:clamp(2.8rem,7vw,4.8rem)}h2{font-size:clamp(1.9rem,3.6vw,2.6rem)}h3{font:600 1.12rem/1.35 var(--sans);letter-spacing:-.01em;margin:0 0 .4em}.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic;padding-right:.06em}.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 20px}.read{max-width:var(--read)}.label{font:500 .78rem/1 var(--sans);letter-spacing:.02em;color:var(--muted);display:inline-flex;align-items:center;gap:8px}.label:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--grad)}.muted{color:var(--muted)}.site-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--paper) 78%,transparent);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}.brand{font:600 1rem var(--sans);letter-spacing:-.01em;text-decoration:none;display:flex;align-items:center;gap:10px}.brand-dot{width:26px;height:26px;border-radius:8px;background:var(--grad);position:relative;flex:none;box-shadow:inset 0 0 0 1px #ffffff40}.brand-dot:after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--paper)}.brand .cursor{display:none}.nav{display:flex;gap:2px;align-items:center}.nav a{text-decoration:none;padding:6px 12px;border-radius:8px;font-size:.9rem;color:var(--ink-soft);transition:background .15s,color .15s}.nav a:hover{background:var(--paper-2);color:var(--ink)}.nav a[aria-current=page]{color:var(--accent);background:var(--accent-soft)}.theme-btn{border:1px solid var(--line);background:var(--card);color:var(--ink-soft);width:34px;height:34px;border-radius:9px;cursor:pointer;font-size:.9rem;margin-left:8px;flex:none}.theme-btn:hover{color:var(--accent);border-color:var(--line-strong)}@media(max-width:640px){.site-header .wrap{flex-direction:column;align-items:flex-start;gap:6px;height:auto;padding-top:12px;padding-bottom:10px}.nav a{padding:5px 8px;font-size:.84rem}.theme-btn{width:30px;height:30px;margin-left:4px}}main{padding:32px 0 80px}section{margin:96px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:28px}.section-head h2{margin:0}.section-head .idx{display:block;font:500 .75rem var(--mono);color:var(--accent);letter-spacing:.04em;margin-bottom:8px}.section-head a{font-size:.9rem;text-decoration:none;color:var(--ink-soft);white-space:nowrap;border-bottom:1px solid var(--line-strong);padding-bottom:2px}.section-head a:hover{color:var(--accent);border-color:var(--accent)}.hero{padding:56px 0 10px;display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:center}.hero h1{margin-top:18px}.hero h1 em{font-style:italic}.hero p.lead{font-size:1.15rem;color:var(--ink-soft);max-width:38ch}@media(max-width:880px){.hero{grid-template-columns:1fr;gap:40px;padding-top:24px}}.profile{background:color-mix(in srgb,var(--card) 85%,transparent);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:8px;position:relative}.profile:before{content:"";position:absolute;inset:-1px;border-radius:19px;padding:1px;background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.35;pointer-events:none}.profile-top{display:flex;align-items:center;gap:14px;padding:16px 16px 18px;border-bottom:1px solid var(--line)}.avatar{width:48px;height:48px;border-radius:14px;background:var(--grad);color:#0a1324;display:grid;place-items:center;font:400 1.6rem var(--serif);font-style:italic;flex:none}.profile-top strong{display:block;font-weight:600}.profile-top span{font-size:.85rem;color:var(--muted)}.live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 9%,transparent);padding:4px 10px;border-radius:999px;white-space:nowrap}.live:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 20%,transparent)}.profile dl{margin:0;padding:6px 16px 10px}.profile dl div{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line);font-size:.93rem}.profile dl div:last-child{border-bottom:0}.profile dt{color:var(--muted);font:500 .75rem/1.9 var(--mono)}.profile dd{margin:0;color:var(--ink)}.stats{display:flex;gap:32px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line);width:fit-content;max-width:100%}.stats b{display:block;font:400 2rem/1 var(--serif)}.stats span{font-size:.8rem;color:var(--muted)}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pillar{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px 24px;box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s,transform .2s}.pillar:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.pillar .num{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--accent-soft);color:var(--accent);font:500 .75rem var(--mono)}.pillar:nth-child(2) .num{background:color-mix(in srgb,var(--accent-2) 10%,transparent);color:var(--accent-2)}.pillar:nth-child(3) .num{background:color-mix(in srgb,var(--signal) 10%,transparent);color:var(--signal)}.pillar h3{margin:16px 0 6px;font:400 1.7rem/1.1 var(--serif)}.pillar p{margin:0;color:var(--ink-soft);font-size:.95rem}@media(max-width:760px){.pillars{grid-template-columns:1fr}}.post-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.post-list li{border-bottom:1px solid var(--line)}.post-list a{display:grid;grid-template-columns:150px 1fr 20px;gap:24px;padding:22px 4px;text-decoration:none;align-items:start;transition:background .2s}.post-list a:after{content:"↗";color:var(--muted);transition:transform .2s,color .2s}.post-list a:hover:after{transform:translate(2px,-2px);color:var(--accent)}.post-list a:hover h3{color:var(--accent)}.post-list time{font-size:.85rem;line-height:1.9;color:var(--muted)}.post-list h3{margin:0 0 4px;font:400 1.5rem/1.2 var(--serif);transition:color .2s}.post-list p{margin:0;color:var(--ink-soft);font-size:.95rem}@media(max-width:560px){.post-list a{grid-template-columns:1fr;gap:4px}.post-list a:after{display:none}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--line-strong);color:inherit}.card img{aspect-ratio:16/10;object-fit:cover;width:100%;border-bottom:1px solid var(--line)}.card-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}.card-body h3{margin:0;font:400 1.55rem/1.15 var(--serif)}.card-body p{margin:0;color:var(--ink-soft);font-size:.94rem}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:10px}.chip{font-size:.75rem;padding:3px 10px;border-radius:999px;border:1px solid var(--line);color:var(--ink-soft);background:var(--paper)}.status{font-size:.75rem;font-weight:500;color:var(--accent-2);display:inline-flex;align-items:center;gap:6px}.gallery{columns:3 260px;column-gap:16px}.gallery figure{margin:0 0 16px;break-inside:avoid;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;cursor:zoom-in;transition:box-shadow .2s,transform .2s}.gallery figure:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.gallery figcaption{padding:11px 14px;font-size:.86rem;color:var(--ink-soft)}.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.strip img{aspect-ratio:1;object-fit:cover;border-radius:12px;border:1px solid var(--line);transition:transform .3s}.strip a:hover img{transform:scale(1.02)}@media(max-width:640px){.strip{grid-template-columns:repeat(2,1fr)}}dialog.lightbox{border:0;padding:0;background:transparent;max-width:92vw;max-height:92vh}dialog.lightbox::backdrop{background:#050a14d9;backdrop-filter:blur(6px)}dialog.lightbox img{max-height:82vh;width:auto;border-radius:12px}dialog.lightbox p{color:#f1f5f9;text-align:center;margin:10px 0 0;font-size:.9rem}.article-head{margin:24px 0 40px}.article-head h1{font-size:clamp(2.4rem,5.5vw,3.8rem)}.article-head .meta{font-size:.85rem;color:var(--muted);display:flex;gap:16px;flex-wrap:wrap}.prose{font-size:1.07rem;color:var(--ink-soft)}.prose p,.prose ul,.prose ol{margin:0 0 1.25em}.prose strong{color:var(--ink)}.prose h2{margin-top:1.6em;color:var(--ink)}.prose h3{margin-top:1.5em;color:var(--ink)}.prose li::marker{color:var(--accent)}.prose blockquote{margin:1.8em 0;padding:4px 0 4px 22px;border-left:2px solid;border-image:var(--grad) 1;font:400 1.6rem/1.35 var(--serif);font-style:italic;color:var(--ink)}.prose blockquote p{margin:0}.prose code{font:.86em var(--mono);background:var(--paper-2);padding:2px 6px;border-radius:5px;color:var(--ink)}.prose pre{background:var(--paper-2);color:var(--ink);padding:18px;overflow-x:auto;border-radius:12px;border:1px solid var(--line)}.prose pre code{background:none;padding:0}.prose img{margin:1.5em 0;border-radius:12px}.cover{border-radius:16px;border:1px solid var(--line);margin-bottom:36px;width:100%}.back{font-size:.88rem;text-decoration:none;color:var(--muted)}.back:hover{color:var(--accent)}.about-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:64px}@media(max-width:860px){.about-grid{grid-template-columns:1fr;gap:36px}}.timeline{list-style:none;padding:0;margin:0;border-left:1px solid var(--line-strong)}.timeline li{padding:0 0 22px 22px;position:relative;color:var(--ink-soft)}.timeline li:before{content:"";position:absolute;left:-5px;top:8px;width:9px;height:9px;border-radius:50%;background:var(--card);border:2px solid var(--accent)}.timeline strong{font:500 .8rem var(--mono);color:var(--accent);display:block}.about-grid .pillars{grid-template-columns:1fr;gap:12px}.about-grid .pillar h3{margin-top:0}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:10px;background:var(--btn-bg);color:var(--btn-ink);text-decoration:none;font-weight:500;font-size:.92rem;border:1px solid var(--btn-bg);box-shadow:0 1px 2px #0003,inset 0 1px #fff3;transition:transform .15s,background .2s}.btn:hover{color:var(--btn-ink);filter:brightness(1.08);transform:translateY(-1px)}.btn.ghost{background:var(--card);color:var(--ink);border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.btn.ghost:hover{color:var(--accent);border-color:var(--accent);background:var(--card)}.site-footer{border-top:1px solid var(--line);padding:32px 0 48px;color:var(--muted);font-size:.86rem}.site-footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.site-footer a{color:var(--ink-soft);text-decoration:none;margin-right:18px}.site-footer a:hover{color:var(--accent)}.empty{padding:30px;text-align:center;border:1px dashed var(--line-strong);border-radius:14px;color:var(--muted)}