.nav-sidebar{display:none;position:fixed;top:12vh;left:1.5vw;z-index:50;flex-direction:column;align-items:flex-start;gap:24px}.nav-links{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.nav-link{position:relative;color:var(--text-secondary);font-size:clamp(.65rem,.85vw,1.1rem);font-weight:300;transition:color var(--transition-slow)}.nav-link:hover,.nav-link.active{color:var(--text-primary)}:lang(en) .nav-label{letter-spacing:.1em;white-space:nowrap}:lang(en) .nav-link{position:relative}:lang(en) .nav-label:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--text-primary);transition:width .6s cubic-bezier(.25,.1,.25,1)}:lang(en) .nav-link:hover .nav-label:after,:lang(en) .nav-link.active .nav-label:after{width:100%}:lang(zh-Hans) .nav-label,:lang(ja) .nav-label{writing-mode:vertical-rl;letter-spacing:.12em}:lang(zh-Hans) .nav-label:after,:lang(ja) .nav-label:after{content:"";position:absolute;top:0;left:-4px;width:1px;height:0;background:var(--text-primary);transition:height .6s cubic-bezier(.25,.1,.25,1)}:lang(zh-Hans) .nav-link:hover .nav-label:after,:lang(zh-Hans) .nav-link.active .nav-label:after,:lang(ja) .nav-link:hover .nav-label:after,:lang(ja) .nav-link.active .nav-label:after{height:100%}.social-icon{color:var(--text-muted);transition:color var(--transition-fast);display:flex;align-items:center}.social-icon:hover{color:var(--text-primary)}.lang-toggle{display:flex;align-items:center;gap:4px}.lang-link{font-size:.65rem;font-weight:300;letter-spacing:.05em;color:var(--text-muted);transition:color var(--transition-fast)}.lang-link:hover,.lang-link.active{color:var(--text-primary)}.lang-sep{font-size:.6rem;color:var(--text-muted);opacity:.4}:lang(zh-Hans) .lang-toggle,:lang(ja) .lang-toggle{flex-direction:column;gap:6px}:lang(zh-Hans) .lang-sep,:lang(ja) .lang-sep{display:none}:lang(zh-Hans) .nav-sidebar>.lang-toggle,:lang(ja) .nav-sidebar>.lang-toggle{margin-left:4px}.nav-mobile{display:flex;position:fixed;top:0;left:0;right:0;z-index:50;padding:12px 5vw;background:color-mix(in srgb,var(--bg-deep) 90%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:.5px solid var(--border-subtle)}.nav-mobile-links{display:flex;gap:20px;align-items:center;width:100%}.nav-mobile-link{color:var(--text-secondary);font-size:clamp(.6rem,2vw,1rem);font-weight:300;letter-spacing:.1em;transition:color var(--transition-fast)}.nav-mobile-link.active,.nav-mobile-link:hover{color:var(--text-primary)}.mobile-lang-toggle{display:flex;align-items:center;gap:4px;margin-left:auto}.mobile-lang-toggle .lang-link{font-size:clamp(.55rem,1.5vw,.75rem)}.mobile-lang-toggle .lang-sep{font-size:clamp(.5rem,1.2vw,.65rem)}.theme-toggle{position:fixed;top:2.5vh;right:2vw;z-index:50;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:6px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.theme-toggle:hover{color:var(--text-primary)}.icon-sun{display:none}.icon-moon,.light .icon-sun{display:block}.light .icon-moon{display:none}@media(min-width:1024px){.nav-sidebar{display:flex}.nav-mobile{display:none}}:root{--bg-deep: #131313;--bg-primary: #181818;--bg-secondary: #1e1e1e;--bg-card: #242424;--cosmic-1: #e0deff;--cosmic-2: #c4c0ff;--cosmic-3: #a8a0ff;--cosmic-4: #7b6ff0;--cosmic-5: #5a4ed0;--cosmic-6: #3d3490;--cosmic-7: #2a2460;--cosmic-8: #1a1840;--accent-1: #e8e4ff;--accent-2: #d0c8f0;--accent-3: #b8b0e0;--accent-4: #9a90c8;--gold-1: #f5dca0;--gold-2: #e8b040;--gold-3: #d4a030;--border-subtle: rgba(136, 136, 136, .4);--border-medium: rgba(136, 136, 136, .67);--text-primary: rgba(255, 255, 255, .86);--text-secondary: rgba(255, 255, 255, .5);--text-muted: #888888;--font-body: "Montserrat", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--sidebar-width: 5vw;--content-left: 8vw;--content-padding: 24px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease}:root.light{--bg-deep: #f5f5f0;--bg-primary: #eeeeea;--bg-secondary: #e8e8e4;--bg-card: #e0e0dc;--border-subtle: rgba(16, 16, 16, .12);--border-medium: rgba(16, 16, 16, .25);--text-primary: rgba(16, 16, 16, .86);--text-secondary: rgba(16, 16, 16, .55);--text-muted: #888888}:lang(zh-Hans){--font-body: "LXGW WenKai", "Montserrat", system-ui, sans-serif}:lang(ja){--font-body: "Shippori Mincho", "Montserrat", system-ui, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-deep);color:var(--text-primary);line-height:1.5;min-height:100vh;font-weight:300;letter-spacing:.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;text-rendering:optimizeLegibility}a{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-primary);opacity:1}img,video{display:block;max-width:100%}h1,h2,h3,h4{line-height:1.2;font-weight:300}.mono{font-family:var(--font-mono);font-size:.85em}.container{max-width:92%;margin:0 auto;padding:0 var(--content-padding)}.portfolio-page{padding:48px 0 64px;padding-left:var(--content-left)}.page-header{margin-bottom:32px}.page-header h1{font-size:clamp(1rem,1.5vw,2rem);font-weight:300;margin-bottom:8px}.page-desc{color:var(--text-muted);font-size:clamp(.7rem,1vw,1.2rem);font-weight:300}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#333;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#555}#shader-bg[data-astro-cid-37fxchfa]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;transition:opacity .7s ease}.light #shader-bg[data-astro-cid-37fxchfa]{opacity:0}main[data-astro-cid-37fxchfa]{min-height:100vh}.site-footer[data-astro-cid-37fxchfa]{position:fixed;bottom:3vh;left:1.5vw;font-size:clamp(.45rem,.65vw,.8rem);font-weight:300;color:var(--text-muted);opacity:.4;z-index:10}@media(max-width:1024px){main[data-astro-cid-37fxchfa]{padding-top:48px}.site-footer[data-astro-cid-37fxchfa]{position:relative;bottom:auto;left:auto;padding:24px 5vw;text-align:center}}