.theme-toggle{display:inline-flex;align-items:center;gap:.5em;padding:.42em .85em;border:1px solid var(--line);border-radius:999px;font-size:.8rem;letter-spacing:.08em;color:var(--fg-muted);transition:color var(--transition),border-color var(--transition)}.theme-toggle:hover{color:var(--fg);border-color:var(--line-strong)}.icon{width:15px;height:15px;transition:opacity .25s var(--ease),transform .3s var(--ease)}[data-theme=formal] .icon-formal,[data-theme=personal] .icon-personal{opacity:1;transform:rotate(0) scale(1)}[data-theme=formal] .icon-personal,[data-theme=personal] .icon-formal{opacity:0;position:absolute;transform:rotate(-90deg) scale(.6);pointer-events:none}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:var(--space-3);height:64px}.brand{display:inline-flex;align-items:center;gap:.6em;margin-inline-end:auto}.brand-mark{width:14px;height:14px;border-radius:50%;background:var(--accent);transition:background-color .3s var(--ease)}.brand-name{font-size:1.15rem;font-weight:600;letter-spacing:.12em}.nav-list{display:flex;gap:var(--space-1)}.nav-link{display:inline-block;padding:.45em .85em;font-size:var(--text-sm);letter-spacing:.08em;color:var(--fg-muted);border-radius:var(--radius-s);transition:color var(--transition),background-color var(--transition)}.nav-link:hover{color:var(--fg);background:var(--bg-soft)}.nav-link.active{color:var(--fg);font-weight:600}.nav-link.active:after{content:"";display:block;margin:.3em auto 0;width:1.2em;height:2px;background:var(--accent)}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:8px;border-radius:var(--radius-s);border:1px solid var(--line)}.nav-toggle span{display:block;height:1.5px;background:var(--fg);transition:transform .3s var(--ease),opacity .2s}.nav-toggle.open span:first-child{transform:translateY(3.25px) rotate(45deg)}.nav-toggle.open span:last-child{transform:translateY(-3.25px) rotate(-45deg)}@media(max-width:760px){.nav-toggle{display:flex}.site-nav{position:absolute;top:64px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:var(--shadow);max-height:0;overflow:hidden;transition:max-height .35s var(--ease)}.site-nav.open{max-height:320px}.nav-list{flex-direction:column;padding:var(--space-2) var(--space-3) var(--space-3);gap:0}.nav-link{display:block;padding:.9em .5em;font-size:1rem;border-bottom:1px solid var(--line)}.nav-link.active:after{display:inline-block;margin:0 0 0 .5em;width:1.2em;height:2px;vertical-align:middle}}[data-theme=personal] .site-header{border-bottom:1px solid color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 1px 14px color-mix(in srgb,var(--accent) 16%,transparent),0 0 28px color-mix(in srgb,var(--accent-2) 10%,transparent)}[data-theme=personal] .brand-mark{background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 8px var(--accent),0 0 18px color-mix(in srgb,var(--accent-2) 70%,transparent);animation:led-breathe 2.6s ease-in-out infinite}[data-theme=personal] .nav-link{color:var(--fg-muted);text-shadow:0 0 8px color-mix(in srgb,var(--accent-2) 30%,transparent);transition:color var(--transition),text-shadow var(--transition),background-color var(--transition)}[data-theme=personal] .nav-link:hover{color:var(--fg);background:transparent;text-shadow:0 0 10px var(--accent),0 0 22px color-mix(in srgb,var(--accent) 55%,transparent)}[data-theme=personal] .nav-link.active{color:var(--accent);text-shadow:0 0 8px var(--accent),0 0 20px color-mix(in srgb,var(--accent) 70%,transparent)}[data-theme=personal] .nav-link.active:after{background:var(--accent);box-shadow:0 0 8px var(--accent),0 0 16px color-mix(in srgb,var(--accent) 80%,transparent);animation:led-breathe 2.4s ease-in-out infinite}@keyframes led-breathe{0%,to{opacity:1}50%{opacity:.65}}.site-footer[data-astro-cid-sz7xmlte]{border-top:1px solid var(--line);margin-top:var(--space-6);padding-block:var(--space-4)}.footer-inner[data-astro-cid-sz7xmlte]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.copyright[data-astro-cid-sz7xmlte]{font-size:var(--text-sm)}.social-list[data-astro-cid-sz7xmlte]{display:flex;gap:var(--space-2)}.social-link[data-astro-cid-sz7xmlte]{font-size:var(--text-sm);letter-spacing:.08em;color:var(--fg-muted);padding:.35em .8em;border:1px solid var(--line);border-radius:999px;transition:color var(--transition),border-color var(--transition)}.social-link[data-astro-cid-sz7xmlte]:hover{color:var(--fg);border-color:var(--line-strong)}:root{--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2.5rem;--space-5: 4rem;--space-6: 6rem;--container: 1080px;--container-narrow: 760px;--radius-s: 4px;--radius-m: 10px;--radius-l: 18px;--font-serif: "Songti SC", "Noto Serif SC", "STSong", "SimSun", Georgia, "Times New Roman", serif;--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--text-sm: .85rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.5rem;--text-xl: 2rem;--text-2xl: 2.75rem;--text-3xl: 3.5rem;--line-height: 1.75;--ease: cubic-bezier(.22, 1, .36, 1);--transition: .25s var(--ease)}:root,[data-theme=formal]{color-scheme:light;--bg: #f6f3ec;--bg-soft: #efeae0;--card-bg: #fbf9f4;--fg: #23211d;--fg-muted: #6d685e;--fg-faint: #a09a8e;--line: #e2dccd;--line-strong: #cfc8b6;--accent: #1f1d1a;--accent-2: #8a7a52;--shadow: 0 1px 2px rgba(35, 33, 29, .05), 0 8px 24px rgba(35, 33, 29, .06);--shadow-lift: 0 2px 4px rgba(35, 33, 29, .06), 0 16px 40px rgba(35, 33, 29, .1);--ph-a: hsl(var(--ph-h, 210) 28% 88%);--ph-b: hsl(calc(var(--ph-h, 210) + 36) 30% 80%);--ph-fg: rgba(35, 33, 29, .55)}[data-theme=personal]{color-scheme:dark;--bg: #14161a;--bg-soft: #101216;--card-bg: #1c1f26;--fg: #edeae2;--fg-muted: #9a9ca6;--fg-faint: #5d606a;--line: #2a2e37;--line-strong: #3d424e;--accent: #ff4d6d;--accent-2: #4dd6e8;--shadow: 0 2px 6px rgba(0, 0, 0, .4);--shadow-lift: 0 6px 20px rgba(0, 0, 0, .55), 0 0 0 1px var(--line);--ph-a: hsl(var(--ph-h, 210) 70% 22%);--ph-b: hsl(calc(var(--ph-h, 210) + 46) 85% 14%);--ph-fg: rgba(237, 234, 226, .62)}[data-theme=personal] body{background-image:radial-gradient(1100px 560px at 50% -8%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 62%),radial-gradient(900px 520px at 88% 112%,color-mix(in srgb,var(--accent-2) 7%,transparent),transparent 55%);background-attachment:fixed}@media(max-width:760px){[data-theme=personal] body{background-attachment:scroll}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-height);transition:background-color .3s var(--ease),color .3s var(--ease);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,video{display:block;max-width:100%}h1,h2,h3,h4{margin:0;font-family:var(--font-serif);font-weight:600;line-height:1.25;letter-spacing:.01em}p{margin:0}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-s)}.serif{font-family:var(--font-serif)}.muted{color:var(--fg-muted)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--space-3)}.container-narrow{max-width:var(--container-narrow);margin-inline:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ph{position:relative;display:grid;place-items:center;aspect-ratio:16 / 9;border-radius:var(--radius-m);background:linear-gradient(135deg,var(--ph-a),var(--ph-b));overflow:hidden;user-select:none}.ph:after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:24px 24px;opacity:.35;mix-blend-mode:soft-light}.ph .ph-emoji{font-size:3rem;line-height:1;color:var(--ph-fg);filter:drop-shadow(0 4px 12px rgba(0,0,0,.18));position:relative;z-index:1}.ph .ph-label{position:absolute;inset-inline:var(--space-2);bottom:var(--space-2);z-index:1;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;color:var(--ph-fg);text-transform:uppercase}.card{background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius-m);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color var(--transition)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);border-color:var(--line-strong)}[data-theme=personal] .card:hover{box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 16%,transparent),0 0 22px color-mix(in srgb,var(--accent-2) 12%,transparent)}.section-head{margin-bottom:var(--space-4)}.section-head .section-kicker{display:inline-flex;align-items:center;gap:.6em;font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.18em;color:var(--accent-2);margin-bottom:var(--space-2)}.section-head .section-kicker:before{content:"";width:2.2em;height:1px;background:currentColor;opacity:.7}.section-head h2{font-size:var(--text-xl);letter-spacing:.02em}.section-head .section-desc{margin-top:var(--space-2);color:var(--fg-muted);max-width:52ch}.tag{display:inline-block;padding:.18em .7em;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:var(--fg-muted);border:1px solid var(--line);border-radius:999px;background:transparent;transition:color var(--transition),border-color var(--transition)}[data-theme=personal] .tag{color:var(--accent-2);border-color:color-mix(in srgb,var(--accent-2) 40%,transparent)}[data-theme=personal] .card{position:relative;overflow:hidden}[data-theme=personal] .card:before{content:"";position:absolute;top:0;left:-80%;width:55%;height:100%;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent,color-mix(in srgb,var(--accent) 15%,transparent),transparent);transform:skew(-18deg);animation:card-shine 5.5s ease-in-out infinite}@keyframes card-shine{0%{left:-80%}55%{left:135%}to{left:135%}}[data-theme=personal] .ph:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.07) 46%,rgba(255,255,255,.16) 50%,rgba(255,255,255,.07) 54%,transparent 68%);background-size:250% 100%;animation:ph-shine 6s linear infinite}@keyframes ph-shine{0%{background-position:130% 0}to{background-position:-130% 0}}@media(max-width:720px){:root{--text-lg: 1.3rem;--text-xl: 1.65rem;--text-2xl: 2.1rem;--text-3xl: 2.5rem;--space-5: 3rem;--space-6: 4rem}}.js-anim .reveal{opacity:0;transform:translateY(var(--reveal-y, 18px));transition:opacity .4s var(--ease) var(--reveal-delay, 0ms),transform .3s var(--ease) var(--reveal-delay, 0ms),box-shadow .3s var(--ease) var(--reveal-delay, 0ms),border-color var(--transition) var(--reveal-delay, 0ms)}[data-theme=personal] .js-anim .reveal{--reveal-y: 26px;transform:translateY(var(--reveal-y)) scale(.985)}.js-anim .reveal.revealed{opacity:1;transform:none}.theme-transition,.theme-transition *,.theme-transition *:before,.theme-transition *:after{transition:background-color .45s var(--ease),color .45s var(--ease),border-color .45s var(--ease),fill .45s var(--ease),stroke .45s var(--ease),box-shadow .45s var(--ease),transform .45s var(--ease),opacity .45s var(--ease)!important}.astro-code{background-color:var(--bg-soft)!important}[data-theme=personal] .astro-code{background-color:var(--shiki-dark-bg, #24292e)!important;color:var(--shiki-dark, #e1e4e8)!important}[data-theme=personal] .astro-code span{color:var(--shiki-dark, #e1e4e8)!important}.reading-bar{position:fixed;top:0;left:0;right:0;height:2px;z-index:100;pointer-events:none}.reading-bar-fill{height:100%;width:0%;background:var(--accent);transition:width .1s linear}[data-theme=personal] .reading-bar-fill{background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 8px color-mix(in srgb,var(--accent) 60%,transparent)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}