:root{--color-bg: #000;--color-text: #f7f8f8;--color-text-secondary: #8a8f98;--color-text-muted: #7a808a;--color-line: #1f1f23;--color-line-light: #18181c;--color-surface: #0d0d0d;--color-surface-hover: #141416;--color-glass: rgba(0, 0, 0, .94);--color-accent: #2ea87a;--color-accent-glow: rgba(46,168,122,.18);--font-serif: "Playfair Display", "Noto Serif SC", "STSong", "Songti SC", serif;--font-sans: "Quicksand", "M PLUS Rounded 1c", "PingFang SC", "Hiragino Sans GB", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Cascadia Code", "Consolas", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-32: 8rem;--text-xs: clamp(.688rem, .67rem + .07vw, .75rem);--text-sm: clamp(.813rem, .79rem + .11vw, .875rem);--text-base: clamp(1rem, .96rem + .19vw, 1.125rem);--text-lg: clamp(1.125rem, 1.07rem + .28vw, 1.313rem);--text-xl: clamp(1.313rem, 1.22rem + .47vw, 1.625rem);--text-2xl: clamp(1.563rem, 1.42rem + .72vw, 2rem);--text-3xl: clamp(1.875rem, 1.66rem + 1.07vw, 2.5rem);--text-4xl: clamp(2.25rem, 1.95rem + 1.52vw, 3rem);--text-5xl: clamp(2.75rem, 2.32rem + 2.14vw, 4rem);--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.55;--leading-relaxed: 1.75;--tracking-tight: -.015em;--tracking-normal: 0;--tracking-wide: .06em;--tracking-mono: .04em;--max-width: 60rem;--nav-height: 4rem;--page-margin: var(--space-8);--border-width: 1px;--radius: 2px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .2s;--duration-normal: .35s;--duration-slow: .5s;--stagger: 60ms}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scrollbar-gutter:stable;font-size:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}body{font-family:var(--font-sans);font-weight:400;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text);background:var(--color-bg)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle 300px at var(--mx, 50%) var(--my, 50%),var(--color-accent-glow) 0%,transparent 70%)}::selection{background:var(--color-accent);color:var(--color-text)}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:400;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"ss02" 1;text-wrap:balance}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.skip-link{position:fixed;top:var(--space-4);left:var(--space-4);z-index:200;padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);transform:translateY(-200%);transition:transform var(--duration-fast) var(--ease-out)}.skip-link:focus{transform:translateY(0)}.site-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--page-margin);padding-top:calc(var(--space-16) + var(--space-10));padding-bottom:var(--space-32);position:relative;z-index:2}hr,.divider{width:100%;height:var(--border-width);background:var(--color-line);border:none;margin:var(--space-8) 0}.nav-tags-overlay{position:fixed;top:0;left:0;right:0;z-index:110;display:flex;justify-content:center;align-items:center;padding-top:var(--space-6);gap:var(--space-4);transition:top .6s cubic-bezier(.16,1,.3,1)}.nav-tag-pill{position:relative;display:flex;gap:0;background:var(--color-bg);border:none;border-radius:100px;padding:3px;align-items:center;box-shadow:0 0 40px var(--color-accent-glow),0 0 16px #ffffff0d,0 0 4px #ffffff08}.nav-tag-pill.nav-pill-wide{width:min(420px,70vw);justify-content:space-between}.nav-pill-wide .nav-link{flex:1 1 0;text-align:center}.nav-tag-slider{position:absolute;top:3px;height:calc(100% - 6px);background:var(--color-surface-hover);border-radius:100px;transition:left .35s cubic-bezier(.16,1,.3,1),width .35s cubic-bezier(.16,1,.3,1),opacity .2s var(--ease-out);pointer-events:none;z-index:0}.nav-tag{position:relative;z-index:1;font-family:var(--font-sans);font-size:.95rem;font-weight:500;color:var(--color-text-secondary);letter-spacing:var(--tracking-normal);background:transparent;padding:10px 18px;border-radius:100px;text-decoration:none;line-height:1.4;cursor:pointer;border:none;transition:color .2s var(--ease-out);overflow:hidden}.nav-tag:hover{color:var(--color-text)}.nav-tag.active{color:var(--color-accent);background:transparent}.nav-tag:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.home-root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.home-hero{position:relative;z-index:1;max-width:min(600px,85vw);height:auto;animation:homeReveal .8s var(--ease-out) both}@keyframes homeReveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:var(--space-12)}.page-header .page-title{font-size:var(--text-4xl);font-weight:400;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2)}.page-header .page-subtitle{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);letter-spacing:var(--tracking-mono);text-transform:uppercase}.about-intro{font-size:var(--text-lg);line-height:var(--leading-relaxed);max-width:40rem;margin-bottom:var(--space-12)}.section-title{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);letter-spacing:var(--tracking-mono);text-transform:uppercase;margin-bottom:var(--space-6)}.skills-cloud{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-12)}.skill-tag{display:inline-flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg);border:none;border-radius:100px;font-size:var(--text-sm);box-shadow:0 0 40px var(--color-accent-glow),0 0 16px #ffffff0d,0 0 4px #ffffff08;transition:border-color var(--duration-fast) var(--ease-out)}.skill-tag:hover{opacity:.7}.scroll-container{padding:var(--space-8) 0}.scroll-container::-webkit-scrollbar{display:none}.timeline-h{display:flex;gap:var(--space-6);min-width:min-content;padding:var(--space-10);margin:calc(-1 * var(--space-10));overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.timeline-h::-webkit-scrollbar{display:none}.timeline-h-card{flex:0 0 260px;padding:var(--space-5);background:var(--color-bg);border:none;border-radius:12px;box-shadow:0 0 40px var(--color-accent-glow),0 0 16px #ffffff0d,0 0 4px #ffffff08}.timeline-h-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:var(--tracking-mono);margin-bottom:var(--space-3)}.timeline-h-role{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--color-accent);margin-bottom:var(--space-1)}.timeline-h-org{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.timeline-h-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.posts-tabs{display:flex;gap:var(--space-3);margin-bottom:var(--space-8)}.posts-tab{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);background:var(--color-bg);border:var(--border-width) solid var(--color-line);border-radius:100px;padding:var(--space-2) var(--space-5);cursor:pointer;box-shadow:0 0 16px var(--color-accent-glow),0 0 6px #ffffff08;transition:color var(--duration-fast),border-color var(--duration-fast)}.posts-tab:hover{color:var(--color-text);border-color:var(--color-text-secondary)}.posts-tab.active{color:var(--color-accent);border-color:var(--color-accent)}.posts-wrap{display:flex;flex-direction:column}.posts-masonry{display:block}@media (min-width:641px){.posts-masonry{columns:2;column-gap:var(--space-4)}}@media (max-width:640px){.posts-masonry{columns:1}}@media (max-width:768px){:root{--page-margin: var(--space-4);--space-10: 1.5rem;--space-16: 2rem;--space-32: 4rem}.main-content{padding-top:calc(var(--space-10) + var(--space-6))}.nav-tags-overlay{padding-top:var(--space-3);gap:var(--space-3)}.nav-tag{padding:7px 14px;font-size:var(--text-sm)}.nav-tag-pill{padding:2px}.nav-tag-slider{top:2px;height:calc(100% - 4px)}.nav-tag-pill.nav-pill-wide{width:82vw}.contact-item{padding:var(--space-3)}.contact-value{font-size:var(--text-sm)}.contact-label{font-size:var(--text-xs)}.contact-grid{grid-template-columns:1fr}.home-hero{max-width:90vw}.timeline-h-card{flex:0 0 220px}.post-item{padding:var(--space-4)}.about-intro{font-size:var(--text-base)}.page-header .page-title{font-size:var(--text-3xl)}.post-detail-title{font-size:var(--text-2xl)}}@media (max-width:480px){:root{--page-margin: var(--space-3)}.timeline-h-card{flex:0 0 180px}.posts-tabs{gap:var(--space-2)}.posts-tab{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}}.posts-masonry .post-item{display:inline-block;width:100%;break-inside:avoid;margin-bottom:var(--space-4)}.post-item{padding:var(--space-5);margin-bottom:var(--space-4);background:var(--color-bg);border:none;border-radius:12px;box-shadow:0 0 40px var(--color-accent-glow),0 0 16px #ffffff0d,0 0 4px #ffffff08}.post-pinned{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);border:1px solid var(--color-accent);border-radius:100px;padding:1px var(--space-2);margin-right:var(--space-2);vertical-align:middle}.post-pinned-item{box-shadow:0 0 40px var(--color-accent-glow),0 0 16px #ffffff14,0 0 4px #ffffff0d}.post-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:var(--tracking-mono);margin-bottom:var(--space-1)}.post-title{font-family:var(--font-serif);font-size:var(--text-2xl);line-height:var(--leading-snug);margin-bottom:var(--space-2);display:inline-block;color:var(--color-accent);transition:opacity var(--duration-fast) var(--ease-out)}.post-title:hover{opacity:.55}.post-title:focus-visible{outline:2px solid var(--color-text);outline-offset:4px;border-radius:var(--radius)}.post-excerpt{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.post-image{width:100%;border-radius:8px;margin:var(--space-3) 0}.post-back{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);letter-spacing:var(--tracking-mono);display:inline-flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-8);padding:var(--space-1) 0;transition:color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.post-back:hover{color:var(--color-text);transform:translate(-4px)}.post-back:focus-visible{outline:2px solid var(--color-text);outline-offset:4px;border-radius:var(--radius)}.post-detail-header{margin-bottom:var(--space-6)}.post-detail-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:var(--tracking-mono);margin-bottom:var(--space-2)}.post-detail-title{font-size:var(--text-4xl);text-wrap:balance}.post-detail-body{font-size:var(--text-base);line-height:var(--leading-relaxed)}.post-detail-body h2{font-size:var(--text-2xl);margin-top:var(--space-12);margin-bottom:var(--space-4)}.post-detail-body h3{font-size:var(--text-xl);margin-top:var(--space-8);margin-bottom:var(--space-3)}.post-detail-body p{margin-bottom:var(--space-5)}.post-detail-body ul,.post-detail-body ol{margin-bottom:var(--space-5);padding-left:var(--space-6)}.post-detail-body li{margin-bottom:var(--space-2);line-height:var(--leading-relaxed)}.post-detail-body li::marker{color:var(--color-text-muted)}.post-detail-body blockquote{margin:var(--space-6) 0;padding-left:var(--space-5);border-left:2px solid var(--color-line);font-style:italic;color:var(--color-text-secondary)}.post-detail-body blockquote p{margin-bottom:0}.post-detail-body code{font-family:var(--font-mono);font-size:.875em;background:var(--color-surface);padding:.125em .375em;border-radius:var(--radius)}.post-detail-body pre{background:var(--color-surface);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);overflow-x:auto;border-radius:var(--radius);font-size:var(--text-sm);line-height:var(--leading-normal)}.post-detail-body pre code{background:none;padding:0}.post-detail-body hr{border:none;height:var(--border-width);background:var(--color-line);margin:var(--space-10) 0}.post-detail-body a{border-bottom:var(--border-width) solid var(--color-line);transition:border-color var(--duration-fast) var(--ease-out)}.post-detail-body a:hover{border-bottom-color:var(--color-text)}.post-detail-body a:focus-visible{outline:2px solid var(--color-text);outline-offset:2px;border-radius:var(--radius)}.post-detail-body strong{font-weight:500}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-top:var(--space-8)}.contact-item{padding:var(--space-4) 0}.contact-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;margin-bottom:var(--space-1)}.contact-value{font-size:var(--text-base)}.contact-value a{border-bottom:var(--border-width) solid transparent;padding-bottom:1px;transition:border-color var(--duration-fast) var(--ease-out)}.contact-value a:hover{border-bottom-color:var(--color-text)}.contact-value a:focus-visible{outline:2px solid var(--color-text);outline-offset:3px;border-radius:var(--radius)}.contact-note{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-6);max-width:40rem}.contact-qr-btn{font:inherit;color:inherit;background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);border-bottom:var(--border-width) solid transparent;padding-bottom:1px;transition:border-color var(--duration-fast)}.contact-qr-btn:hover{border-bottom-color:var(--color-text)}.contact-qr-hint{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent)}.contact-qr-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0003;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:qrFadeIn .25s ease}@keyframes qrFadeIn{0%{opacity:0}to{opacity:1}}.contact-qr-modal{position:relative;background:var(--color-surface);border:var(--border-width) solid var(--color-line);border-radius:16px;padding:var(--space-10) var(--space-10) var(--space-8);text-align:center;box-shadow:0 0 60px var(--color-accent-glow),0 0 20px #00000080;animation:qrPop .35s cubic-bezier(.16,1,.3,1)}@keyframes qrPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.contact-qr-close{position:absolute;top:var(--space-3);right:var(--space-3);width:28px;height:28px;border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--text-xl);line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--duration-fast)}.contact-qr-close:hover{color:var(--color-text)}.contact-qr-img{width:180px;height:180px;border-radius:8px;padding:var(--space-2);background:#fff}.contact-qr-text{font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-text);margin-top:var(--space-4)}.contact-qr-sub{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.page-enter{animation:pageEnter var(--duration-normal) var(--ease-out) both}@keyframes pageEnter{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}#mouse-warp{display:none}body:before{display:none}}