@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&family=IBM+Plex+Mono:wght@200;400;600&display=swap";html{font-family:Noto Sans SC,Source Han Sans SC,Source Han Sans CN,sans-serif;height:100%;--bg-primary: #F5F5F5;--bg-secondary: rgba(255, 255, 255, .85);--bg-tertiary: rgba(255, 255, 255, .7);--bg-card: rgba(255, 255, 255, .75);--bg-gradient: linear-gradient(135deg, #F5F5F5 0%, #ffffff 100%);--border-primary: rgba(54, 79, 107, .12);--border-secondary: rgba(54, 79, 107, .18);--border-highlight: rgba(63, 193, 201, .5);--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-muted: #6a6a6a;--accent: #3FC1C9;--accent-hover: #2da8af;--accent-secondary: #FC5185;--accent-secondary-hover: #e93d6e;--accent-light: rgba(63, 193, 201, .12);--accent-secondary-light: rgba(252, 81, 133, .12);--chip-bg: rgba(63, 193, 201, .15);--chip-text: #364F6B;--shadow-sm: 0 2px 8px rgba(54, 79, 107, .08);--shadow-md: 0 8px 24px rgba(54, 79, 107, .12);--shadow-lg: 0 16px 48px rgba(54, 79, 107, .16);--shadow-xl: 0 24px 64px rgba(54, 79, 107, .2);--shadow-inner: inset 0 1px 2px rgba(54, 79, 107, .08);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(54, 79, 107, .15);--blur-amount: 20px;--blur-saturate: 180%;--sidebar-width: 280px;--content-max-width: 720px;--border-radius: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--transition-fast: .15s ease-out;--transition-smooth: .3s cubic-bezier(.34, 1.56, .64, 1);--transition-elegant: .4s cubic-bezier(.16, 1, .3, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--window-red: #FF5F57;--window-yellow: #FFBD2E;--window-green: #28C840}*{box-sizing:border-box}body{margin:0;min-height:100%;background:var(--bg-gradient);color:var(--text-primary);font-family:IBM Plex Sans,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#364f6b33;border-radius:10px;transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:#364f6b59}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}h1{color:var(--text-primary);letter-spacing:-.5px;margin-top:0;margin-bottom:18px;font-size:58px;font-weight:300;line-height:72px}h2{color:var(--text-primary);margin-top:20px;margin-bottom:12px;font-size:38px;font-weight:400;line-height:44px;position:relative;padding-bottom:.5rem}h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--accent-secondary),var(--accent));border-radius:2px}h3{color:var(--text-primary);margin-top:0;margin-bottom:12px;font-size:32px;font-weight:400;line-height:42px}h4{color:var(--text-primary);margin-top:0;margin-bottom:0;font-size:18px;font-weight:400;line-height:24px}p{color:var(--text-secondary);margin-bottom:10px;font-size:16px;line-height:26px}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}.content{width:100vw;height:100vh;display:flex}.sidebar{width:100%;height:100%;max-width:var(--sidebar-width);background:var(--glass-bg);backdrop-filter:blur(var(--blur-amount)) saturate(var(--blur-saturate));-webkit-backdrop-filter:blur(var(--blur-amount)) saturate(var(--blur-saturate));border-right:2px solid transparent;background-image:linear-gradient(var(--glass-bg),var(--glass-bg)),linear-gradient(180deg,#3fc1c94d,#fc51854d);background-origin:border-box;background-clip:padding-box,border-box;padding:32px;position:fixed;left:0;top:0;box-shadow:var(--shadow-md);z-index:100;transition:transform var(--transition-elegant)}.main{width:100%;height:100%;background:transparent;flex-direction:column;align-items:center;padding:46px 48px 82px;margin-left:var(--sidebar-width);display:flex;overflow:auto;animation:fadeIn .6s var(--transition-elegant);position:relative}.main:before{content:"";position:fixed;top:0;right:0;width:600px;height:600px;background:radial-gradient(circle,rgba(63,193,201,.08) 0%,transparent 70%);pointer-events:none;animation:float 8s ease-in-out infinite}.main:after{content:"";position:fixed;bottom:0;right:200px;width:400px;height:400px;background:radial-gradient(circle,rgba(252,81,133,.06) 0%,transparent 70%);pointer-events:none;animation:float 10s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(-30px,-30px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container{width:100%;max-width:var(--content-max-width);grid-column-gap:68px;grid-row-gap:68px;flex-direction:column;display:flex}.nav-content{width:100%;height:100%;grid-column-gap:36px;grid-row-gap:36px;flex-direction:column;display:flex}.nav-brand{color:var(--text-primary);text-decoration:none;position:relative;padding:.5rem;border-radius:var(--border-radius-lg);transition:all var(--transition-smooth)}.nav-brand:hover{background:#3fc1c914;transform:translate(4px)}.nav-data{align-items:center;display:flex}.nav-image{width:48px;height:48px;border:2px solid var(--glass-border);border-radius:100px;margin-right:12px;transition:all var(--transition-smooth);box-shadow:var(--shadow-sm)}.nav-brand:hover .nav-image{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light),var(--shadow-md);transform:scale(1.05) rotate(5deg)}.label-white{color:var(--text-primary);margin-bottom:2px;font-size:16px;line-height:24px}.label-gray{color:var(--text-secondary);font-size:14px;line-height:22px}.nav-link-container{grid-column-gap:12px;grid-row-gap:12px;color:var(--text-secondary);text-transform:capitalize;border:1px solid rgba(0,0,0,0);border-radius:var(--border-radius-lg);justify-content:flex-start;align-items:center;padding:12px 16px;text-decoration:none;display:flex;position:relative;transition:all var(--transition-smooth);overflow:hidden}.nav-link-container:hover{color:var(--text-primary);background-color:#3fc1c914;transform:translate(4px)}.nav-link-container.current{color:var(--text-primary);background:var(--accent-light);backdrop-filter:blur(10px);border-color:var(--border-highlight);box-shadow:var(--shadow-inner)}.nav-link-image{width:24px;opacity:.6;transition:opacity var(--transition-fast),transform var(--transition-smooth)}.nav-link-container:hover .nav-link-image{opacity:1;transform:scale(1.1)}.nav-link-container.current .nav-link-image{opacity:1}.button{color:var(--text-primary);background:var(--glass-bg);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);padding:12px 24px;font-size:14px;font-weight:500;line-height:26px;text-decoration:none;display:inline-block;transition:all var(--transition-smooth);cursor:pointer;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fc51854d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.button:hover:before{width:300px;height:300px}.button:hover{background:var(--accent-secondary);border-color:var(--accent-secondary);box-shadow:0 8px 24px #fc51854d;transform:translateY(-2px);color:#fff}.button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.lead{max-width:580px;color:var(--text-primary);margin-bottom:0;line-height:26px;font-size:16px}.mini-label-white{color:var(--text-primary);letter-spacing:.75px;text-transform:uppercase;margin-top:24px;font-family:IBM Plex Mono,sans-serif;font-size:10px;font-weight:400;line-height:24px}.mini-label-white.gray-color{color:var(--text-secondary)}.prose{color:var(--text-secondary);line-height:26px;font-size:16px}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--text-primary)}.prose img{border-radius:var(--border-radius);width:100%;height:auto;margin:1.5rem 0}.prose blockquote{border-left:4px solid var(--accent);margin:1.5rem 0;padding-left:1.5rem;color:var(--text-secondary);font-style:italic}.prose code{background-color:var(--chip-bg);padding:.2rem .4rem;border-radius:4px;font-size:.875em;color:var(--text-primary);font-family:IBM Plex Mono,sans-serif}.prose pre{background-color:#000;color:var(--text-primary);padding:1.5rem;border-radius:var(--border-radius);overflow-x:auto;margin:1.5rem 0}.prose pre code{background:none;padding:0;color:inherit}.reading-progress{position:fixed;top:0;left:var(--sidebar-width);right:0;height:3px;background:linear-gradient(90deg,var(--accent),#5a9fd4);transform-origin:left;z-index:1000;transition:transform .1s ease-out}@media screen and (max-width: 991px){.content{flex-direction:column}.sidebar{height:auto;max-width:100%;padding-top:18px;padding-bottom:18px;padding-right:28px;position:relative}.nav-content{height:auto;grid-column-gap:0px;grid-row-gap:0px;flex-direction:row;justify-content:space-between;align-items:center}.main{margin-left:0;padding:32px 28px}.reading-progress{left:0}}@media screen and (max-width: 767px){h1{font-size:54px;line-height:64px}h4{font-size:32px;font-weight:300;line-height:48px}.sidebar{padding-left:24px;padding-right:18px}.main{padding-left:28px;padding-right:28px}.container{grid-column-gap:68px;grid-row-gap:68px}}.social-links[data-astro-cid-3ef6ksr2]{margin-top:auto;padding-top:2rem;border-top:1px solid var(--border-primary)}.social-links[data-astro-cid-3ef6ksr2] .mini-label-white[data-astro-cid-3ef6ksr2]{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:.75rem}.social-container[data-astro-cid-3ef6ksr2]{display:flex;gap:1rem;margin-top:.5rem}.social-link[data-astro-cid-3ef6ksr2]{color:var(--text-secondary);padding:.75rem;border-radius:var(--border-radius-lg);transition:all var(--transition-smooth);background:var(--glass-bg);backdrop-filter:blur(10px);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.social-link[data-astro-cid-3ef6ksr2]:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#3fc1c933;transform:translate(-50%,-50%);transition:none;opacity:0}.social-link[data-astro-cid-3ef6ksr2]:hover:before{width:100px;height:100px;opacity:1;transition:width .6s,height .6s,opacity .3s}.social-link[data-astro-cid-3ef6ksr2]:hover{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));border-color:var(--accent);transform:translateY(-4px) scale(1.15) rotate(5deg);box-shadow:0 8px 24px #3fc1c966}.social-link[data-astro-cid-3ef6ksr2]:active{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #3fc1c94d}.social-link[data-astro-cid-3ef6ksr2] svg[data-astro-cid-3ef6ksr2]{position:relative;z-index:1;transition:transform var(--transition-smooth)}.social-link[data-astro-cid-3ef6ksr2]:hover svg[data-astro-cid-3ef6ksr2]{transform:scale(1.1)}.mobile-menu-button[data-astro-cid-3ef6ksr2]{display:none}@media screen and (max-width: 991px){.mobile-menu-button[data-astro-cid-3ef6ksr2]{display:block}.nav-menu[data-astro-cid-3ef6ksr2]{display:none}.nav-menu[data-astro-cid-3ef6ksr2].is-open{display:block;position:fixed;left:0;right:0;top:92px;background:var(--bg-secondary);z-index:1000}}