*{box-sizing:border-box}:root{--expo-in: linear( 0 0%, .0085 31.26%, .0167 40.94%, .0289 48.86%, .0471 55.92%, .0717 61.99%, .1038 67.32%, .1443 72.07%, .1989 76.7%, .2659 80.89%, .3465 84.71%, .4419 88.22%, .554 91.48%, .6835 94.51%, .8316 97.34%, 1 100% );--expo-out: linear( 0 0%, .1684 2.66%, .3165 5.49%, .446 8.52%, .5581 11.78%, .6535 15.29%, .7341 19.11%, .8011 23.3%, .8557 27.93%, .8962 32.68%, .9283 38.01%, .9529 44.08%, .9711 51.14%, .9833 59.06%, .9915 68.74%, 1 100% );--bg-main: #1e2a3a;--bg-sidebar: #1e2a3a;--bg-surface: rgba(30, 42, 58, .75);--bg-surface-alt: rgba(20, 28, 40, .92);--bg-card: #1f2937;--bg-chip: rgba(30, 42, 58, .6);--card-border: rgba(148, 163, 184, .35);--card-shadow: 0 10px 24px rgba(15, 23, 42, .35);--card-shadow-hover: 0 14px 30px rgba(15, 23, 42, .36);--tag-bg: rgba(148, 163, 184, .2);--tag-text: #cbd5f5;--code-bg: rgba(148, 163, 184, .18);--code-text: #f1f5f9;--toc-bg: rgba(30, 42, 58, .65);--toc-border: rgba(148, 163, 184, .25);--toc-shadow: 0 12px 30px rgba(15, 23, 42, .35);--btn-primary-bg: #374151;--btn-primary-bg-hover: #1f2937;--btn-primary-text: #ffffff;--btn-secondary-bg: rgba(148, 163, 184, .15);--btn-secondary-border: rgba(203, 213, 225, .3);--btn-secondary-text: #e2e8f0;--border-muted: #334155;--border-strong: rgba(148, 163, 184, .35);--border-divider: rgba(148, 163, 184, .28);--border-highlight: rgba(226, 232, 240, .55);--text-primary: #b0b8c4;--text-secondary: #94a3b8;--text-muted: #64748b;--text-heading: #d1d9e2;--text-strong: #e2e8f0;--text-inverse: #1f2937;--link-hover: #f1f5f9;--nav-hover-bg: #334155;--nav-active-bg: #475569;--nav-active-border: #64748b;--social-bg: #334155;--social-icon: #94a3b8;--footer-bg: transparent;--footer-text: #6b7280;--accent: #8da2ff;--accent-strong: #cbd5f5;--accent-success: #16a34a;--blockquote-border: rgba(189, 203, 231, .65);--blockquote-bg: rgba(36, 49, 69, .78);--blockquote-text: rgba(231, 237, 246, .9)}html.theme-dark{color-scheme:dark}html.theme-light{color-scheme:light;--bg-main: #f8fafc;--bg-sidebar: #ffffff;--bg-surface: #ffffff;--bg-surface-alt: #f1f5f9;--bg-card: #ffffff;--bg-chip: #eff6ff;--card-border: #e2e8f0;--card-shadow: 0 6px 16px rgba(15, 23, 42, .08);--card-shadow-hover: 0 12px 24px rgba(15, 23, 42, .12);--tag-bg: rgba(59, 130, 246, .1);--tag-text: #1d4ed8;--code-bg: rgba(59, 130, 246, .1);--code-text: #1f2937;--toc-bg: rgba(226, 232, 240, .8);--toc-border: rgba(148, 163, 184, .25);--toc-shadow: 0 10px 24px rgba(15, 23, 42, .1);--btn-primary-bg: #2563eb;--btn-primary-bg-hover: #1d4ed8;--btn-primary-text: #f8fafc;--btn-secondary-bg: #e2e8f0;--btn-secondary-border: #cbd5f5;--btn-secondary-text: #1f2937;--border-muted: #e2e8f0;--border-strong: rgba(148, 163, 184, .35);--border-divider: rgba(203, 213, 225, .6);--border-highlight: rgba(59, 130, 246, .35);--text-primary: #1f2937;--text-secondary: #475569;--text-muted: #6b7280;--text-heading: #1f2937;--text-strong: #0f172a;--text-inverse: #f8fafc;--link-hover: #1d4ed8;--nav-hover-bg: #e2e8f0;--nav-active-bg: #dbeafe;--nav-active-border: #60a5fa;--social-bg: #e2e8f0;--social-icon: #475569;--footer-bg: #f8fafc;--footer-text: #6b7280;--accent: #2563eb;--accent-strong: #1d4ed8;--accent-success: #16a34a;--blockquote-border: rgba(59, 130, 246, .35);--blockquote-bg: rgba(236, 242, 254, .9);--blockquote-text: rgba(46, 60, 89, .92)}html,body{margin:0;padding:0;min-height:100%;font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-main);color:var(--text-primary)}a{color:inherit}a:hover{color:var(--link-hover)}.basic-layout{min-height:100vh;display:flex;background:var(--bg-main)}.sidebar{width:240px;position:fixed;top:0;left:0;bottom:0;border-right:1px solid var(--border-muted);background:var(--bg-sidebar);display:flex;flex-direction:column;box-shadow:2px 0 8px #0000004d}.sidebar-header{padding:24px 12px 16px;border-bottom:1px solid var(--border-muted);text-align:center}.logo-link{text-decoration:none;cursor:pointer}.site-title{margin:0;font-size:1.6rem;font-weight:300;letter-spacing:2px;color:var(--text-strong);transition:all .2s ease}.site-title:hover{color:var(--link-hover);letter-spacing:3px}.nav-menu{display:flex;flex-direction:column;padding:16px 0;gap:6px}.nav-item{margin:0 20px;padding:10px 16px;border-radius:6px;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;display:block;font-size:.95rem;border-left:3px solid transparent}.nav-item:hover{background:var(--nav-hover-bg);color:var(--text-strong)}.nav-item.active{background:var(--nav-active-bg);color:var(--text-strong);border-left-color:var(--nav-active-border)}.social-section{margin-top:auto;padding:0 24px 20px;border-top:1px solid var(--border-muted);display:flex;flex-direction:column;gap:12px}.social-title{font-size:.9rem;color:var(--text-secondary);font-weight:600;letter-spacing:.5px}.social-link{text-decoration:none;color:var(--text-secondary);padding:8px 0;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;gap:8px;font-size:.9rem}.social-link:hover{background:var(--social-bg);color:var(--text-strong)}.social-link .icon,.social-link .social-icon{fill:var(--social-icon);transition:fill .2s ease;flex-shrink:0;width:16px;height:16px}.social-link:hover .icon,.social-link:hover .social-icon{fill:var(--text-strong)}.sidebar-footer{margin-top:30px;padding-top:20px;border-top:1px solid var(--border-muted);text-align:center;font-size:.75rem;color:var(--text-muted);line-height:1.4}.sidebar-copyright{margin-bottom:2px}.sidebar-rights{margin:0}.main-layout{margin-left:240px;min-height:100vh;width:calc(100% - 240px);display:flex;flex-direction:column}.content-body{flex:1 0 auto;padding:24px}.global-footer{margin-top:auto;padding:12px 24px 20px;text-align:center;color:var(--footer-text);background:var(--footer-bg)}.footer-divider{border-top:1px solid var(--border-muted);margin-bottom:10px}.footer-links{display:inline-flex;align-items:center;gap:12px;font-size:.95rem;margin-bottom:0}.footer-link{text-decoration:none;color:var(--text-secondary);transition:color .2s ease}.footer-link:hover{color:var(--link-hover)}.separator{color:var(--text-secondary)}.footer-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:0;font-size:.9rem}.footer-icons{font-size:1.4rem}.icon-link{color:var(--text-secondary);text-decoration:none}.icon-link:hover{color:var(--link-hover)}@media (max-width: 992px){.basic-layout{flex-direction:column}.sidebar{position:relative;width:100%;height:auto;box-shadow:none;border-right:none;border-bottom:1px solid var(--border-muted);flex-direction:column}.nav-menu{flex-direction:row;flex-wrap:wrap;justify-content:center;padding:12px 16px}.nav-item{margin:4px;padding:8px 12px;text-align:center;border-left:none;border-bottom:2px solid transparent}.nav-item.active{border-left:none;border-bottom-color:var(--nav-active-border)}.social-section{align-items:center}.main-layout{margin-left:0;width:100%}}.page-header{margin-bottom:24px}.page-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-heading);cursor:default}.page-description{margin-top:12px;margin-bottom:0;color:var(--text-secondary);line-height:1.6}.section-block{margin-bottom:32px}.section-title{margin:0 0 16px;font-size:1.5rem;color:var(--text-heading)}.blog-list{list-style:none;padding:0;margin:0 auto;max-width:800px;display:flex;flex-direction:column;gap:32px}.blog-item{padding:0;border:none;background:transparent;display:flex;align-items:flex-start;gap:32px}.blog-left{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:150px;flex-shrink:0;padding-top:4px}.blog-right{flex:1;min-width:0}.blog-date{color:var(--text-secondary);font-size:.95rem;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,Courier New,monospace;letter-spacing:.05em;line-height:1.2}.blog-category{color:var(--accent-strong);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;line-height:1.2}.blog-link{text-decoration:none;color:inherit}.blog-title{margin:0 0 8px;font-size:1.25rem;color:var(--text-heading);font-weight:600;line-height:1.4}.blog-title:hover{color:var(--link-hover)}.blog-excerpt{margin:0;color:var(--text-secondary);line-height:1.6;font-size:.95rem}@media (max-width: 768px){.blog-item{flex-direction:column;gap:12px}.blog-left{min-width:auto;flex-direction:row;align-items:center;gap:12px;padding-top:0}}.post-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.post-item{padding:16px 20px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-card);box-shadow:var(--card-shadow);transition:transform .2s ease,box-shadow .2s ease}.post-item:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.post-link{text-decoration:none;color:inherit}.post-title{margin:0;font-size:1.25rem;color:var(--text-heading)}.post-excerpt{margin:8px 0 0;color:var(--text-secondary);line-height:1.6}.post-date{display:block;margin-top:12px;font-size:.9rem;color:var(--text-secondary)}.empty-tip{padding:18px 24px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-chip);color:var(--text-heading);text-align:center;backdrop-filter:blur(6px);box-shadow:inset 0 1px 0 var(--border-highlight)}.friend-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.friend-item{padding:18px 20px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-surface);box-shadow:inset 0 1px 0 var(--border-divider),var(--card-shadow);display:flex;flex-wrap:wrap;gap:12px;align-items:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.friend-item:hover{transform:translateY(-2px);border-color:var(--border-highlight);box-shadow:inset 0 1px 0 var(--border-highlight),var(--card-shadow-hover)}.friend-link{color:var(--text-strong);text-decoration:none;font-weight:600}.friend-link:hover{text-decoration:underline}.friend-description{color:var(--text-secondary)}.footer-link-group{display:inline-flex;align-items:center;gap:8px}.paragraph-group{display:flex;flex-direction:column;gap:16px;line-height:1.8;color:var(--text-heading)}.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.timeline-item{position:relative;padding-left:20px;color:var(--text-secondary)}.timeline-item:before{content:"•";position:absolute;left:0;color:var(--text-heading)}.article-container{display:flex;flex-direction:column;gap:24px;max-width:760px}.article-container :global(p){line-height:1.8;color:var(--text-primary)}.article-container :global(h2),.article-container :global(h3),.article-container :global(h4){color:var(--text-heading);margin-bottom:12px;scroll-margin-top:96px}:where(.content-body pre,.article-container :global(pre)){background:var(--bg-surface-alt);border:1px solid var(--border-divider);border-radius:14px;padding:18px 22px;overflow-x:auto;overflow-y:hidden;width:100%;box-sizing:border-box;font-family:JetBrains Mono,Fira Code,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1rem;line-height:1.7;color:var(--text-strong);margin:22px 0;box-shadow:var(--card-shadow);white-space:pre;word-break:normal;tab-size:2;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.45) rgba(22,31,45,.94)}:where(.content-body pre.astro-code,.article-container :global(pre.astro-code)){white-space:pre!important;word-break:normal!important;word-wrap:normal!important;overflow-wrap:normal!important;overflow-x:auto!important}:where(.content-body pre.astro-code code,.article-container :global(pre.astro-code code)){display:inline-block;min-width:max-content;white-space:inherit}:where(.content-body pre.astro-code .line,.article-container :global(pre.astro-code .line)){display:inline-block;min-width:max-content}:where(.content-body pre,.article-container :global(pre)):hover{scrollbar-color:rgba(196,207,240,.65) rgba(22,31,45,.94)}:where(.content-body pre,.article-container :global(pre))::-webkit-scrollbar{height:8px}:where(.content-body pre,.article-container :global(pre))::-webkit-scrollbar-track{background:#161f2df0;border-radius:999px}:where(.content-body pre,.article-container :global(pre))::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:999px}:where(.content-body pre,.article-container :global(pre))::-webkit-scrollbar-thumb:hover{background:#c4cff0a6}:where(.content-body pre,.article-container :global(pre)) code{display:block;white-space:inherit;color:inherit}.soon{align-items:center;text-align:center;min-height:60vh;margin:0 auto;max-width:720px;padding:80px 0}.soon-subtitle{color:var(--text-secondary);margin-top:12px}.soon-content{display:flex;flex-direction:column;gap:12px;color:var(--text-heading)}.soon-link{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.soon-link:hover{border-bottom-color:var(--accent)}:where(.content-body blockquote,.article-container :global(blockquote)){margin:24px 0;padding:18px 22px;border-left:4px solid var(--blockquote-border);background:var(--blockquote-bg);color:var(--blockquote-text);border-radius:12px;line-height:1.75;white-space:pre-wrap;word-break:break-word;transition:background-color .2s ease,border-color .2s ease}:where(.content-body blockquote,.article-container :global(blockquote)) p{margin:0}:where(.content-body blockquote,.article-container :global(blockquote))+:where(.content-body blockquote,.article-container :global(blockquote)){margin-top:-12px}:where(.content-body hr,.article-container :global(hr)){border:none;border-top:2px solid var(--border-divider);margin:32px 0;opacity:.75}.not-found{align-items:center;text-align:center;min-height:60vh;margin:0 auto;max-width:720px;padding:80px 0}.not-found-subtitle{color:var(--text-secondary);margin-top:12px}.not-found-content{display:flex;flex-direction:column;gap:12px;color:var(--text-heading)}.not-found-link{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.not-found-link:hover{border-bottom-color:var(--accent)}.blog-tags{display:inline-flex;flex-wrap:wrap;gap:4px}.blog-tag{background:var(--tag-bg);color:var(--tag-text);padding:2px 8px;border-radius:6px;font-size:.85rem;line-height:1.2}.article-container :global(code){font-family:JetBrains Mono,Fira Code,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:var(--code-bg);padding:2px 6px;border-radius:6px;color:var(--code-text)}.article-container :global(pre code){background:transparent;padding:0;color:inherit}.post-layout{display:grid;grid-template-columns:minmax(0,820px) 220px;gap:32px;align-items:start;justify-content:center}.toc{position:sticky;top:120px;max-height:calc(100vh - 160px);overflow-y:auto;padding:20px;border-radius:14px;background:var(--toc-bg);border:1px solid var(--toc-border);box-shadow:var(--toc-shadow);backdrop-filter:blur(8px)}.toc-title{margin:0 0 12px;font-size:1rem;font-weight:600;color:var(--text-heading)}.toc-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.toc-item{line-height:1.4}.toc-item.level-2{margin-left:12px}.toc-item.level-3{margin-left:24px}.toc-link{display:inline-block;padding:4px 6px;color:var(--tag-text);text-decoration:none;border-radius:6px;transition:color .2s ease,background .2s ease}.toc-link:hover{background:var(--code-bg);color:var(--code-text)}.toc-link.active{background:#6366f13d;color:var(--text-strong);font-weight:600}@media (max-width: 1024px){.post-layout{grid-template-columns:minmax(0,1fr)}.toc{display:none}}.home-container{max-width:800px;margin:0 auto;padding:60px 0;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,Courier New,monospace}.intro-section{text-align:center;margin-bottom:70px}.greeting{font-size:3rem;font-weight:300;margin-bottom:20px;line-height:1.2}.text-primary{color:var(--text-heading)}.name-highlight{color:var(--accent-strong);font-weight:500}.name-pronunciation{color:var(--text-secondary);font-size:1.2rem;font-style:italic}.subtitle{color:var(--text-secondary);font-size:1.1rem;margin-bottom:40px;font-weight:300}.action-buttons{display:flex;gap:16px;justify-content:center}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;text-decoration:none;font-size:.95rem;font-weight:500;transition:all .2s ease}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover{background:var(--btn-primary-bg-hover);transform:translateY(-1px)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border)}.btn-secondary:hover{background:var(--btn-secondary-bg);filter:brightness(.95);transform:translateY(-1px)}.btn-icon{display:inline-flex;align-items:center}.icon{display:inline-block;vertical-align:middle;fill:currentColor;transition:fill .2s ease}.btn .icon,.btn-primary .icon,.btn-secondary .icon{fill:currentColor}.info-section{display:flex;flex-direction:column;gap:50px}.info-block{display:flex;gap:40px;align-items:flex-start}.info-label{color:var(--text-secondary);font-size:1rem;font-weight:500;min-width:120px;text-align:right;flex-shrink:0;padding-top:4px}.info-content{flex:1;line-height:1.8;color:var(--text-heading)}.info-content div{margin-bottom:8px}.info-content p{margin-bottom:16px;line-height:1.8}.link-highlight{color:var(--text-heading);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.link-highlight:hover{border-bottom-color:var(--text-heading)}.highlight-number{color:var(--accent-success);font-weight:600}.highlight-tech{color:var(--text-heading);font-weight:500;background:var(--code-bg);padding:2px 6px;border-radius:4px;font-size:.9rem}.social-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:300px}.social-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-surface);border:1px solid var(--card-border);border-radius:6px;text-decoration:none;color:var(--text-secondary);font-size:.85rem;font-weight:500;transition:all .2s ease}.social-item:hover{background:var(--bg-surface);color:var(--text-heading);transform:translateY(-1px)}.social-item .icon{fill:var(--social-icon);transition:fill .2s ease;flex-shrink:0}.social-item .icon-github,.social-item .icon-telegram,.social-item .icon-twitter,.social-item .icon-steam,.social-item .icon-facebook,.social-item .icon-keybase,.social-item .icon-blog{fill:var(--social-icon)}.social-item:hover .icon{fill:var(--text-heading)}@media (max-width: 768px){.home-container{padding:40px 20px}.greeting{font-size:2.2rem}.info-block{flex-direction:column;gap:16px}.info-label{text-align:left;min-width:auto}.action-buttons{flex-direction:column;align-items:center}.social-links-grid{grid-template-columns:1fr;max-width:200px}}::view-transition-group(root){animation-timing-function:var(--expo-in)}::view-transition-new(root){mask:url(https://s2.loli.net/2025/10/08/IceavlF52XrQ7zW.gif) center / 0 no-repeat;-webkit-mask:url(https://s2.loli.net/2025/10/08/IceavlF52XrQ7zW.gif) center / 0 no-repeat;mask-mode:luminance;-webkit-mask-mode:luminance;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;animation:bad-apple-scale 3s var(--expo-in);animation-fill-mode:both}::view-transition-old(root),html.theme-dark::view-transition-old(root),html.theme-light::view-transition-old(root){animation:bad-apple-scale 3s var(--expo-in);animation-fill-mode:both;z-index:-1}@keyframes bad-apple-scale{0%{mask-size:0;-webkit-mask-size:0}10%{mask-size:50vmax;-webkit-mask-size:50vmax}90%{mask-size:50vmax;-webkit-mask-size:50vmax}to{mask-size:2000vmax;-webkit-mask-size:2000vmax}}