*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Lato,PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.contents{display:contents}.hidden{display:none}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .5s ease-in-out}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--body-bg-color: #ffffff;--content-bg-color: #ffffff;--card-bg-color: #f8fafc;--text-color: #475569;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--blockquote-color: #64748b;--link-color: #3b82f6;--link-hover-color: #2563eb;--brand-color: #1e293b;--brand-hover-color: #3b82f6;--table-row-odd-bg-color: #f8fafc;--table-row-hover-bg-color: #f1f5f9;--menu-item-bg-color: #f8fafc;--btn-primary-bg: #3b82f6;--btn-primary-color: #ffffff;--btn-primary-hover-bg: #2563eb;--btn-secondary-bg: #f1f5f9;--btn-secondary-color: #475569;--btn-secondary-hover-bg: #e2e8f0;--sidebar-bg: #1e293b;--sidebar-text: #94a3b8;--sidebar-text-light: #f1f5f9;--accent-color: #3b82f6;--accent-secondary: #06b6d4;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--border-color: #e2e8f0;--border-light: #f1f5f9;--code-bg: #f8fafc;--toc-hover-bg: rgba(59, 130, 246, .08);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}[data-theme=dark]{--body-bg-color: #0f172a;--content-bg-color: #0f172a;--card-bg-color: #1e293b;--text-color: #94a3b8;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--blockquote-color: #94a3b8;--link-color: #60a5fa;--link-hover-color: #93c5fd;--brand-color: #f1f5f9;--brand-hover-color: #60a5fa;--table-row-odd-bg-color: #1e293b;--table-row-hover-bg-color: #334155;--menu-item-bg-color: #1e293b;--btn-primary-bg: #3b82f6;--btn-primary-color: #ffffff;--btn-primary-hover-bg: #2563eb;--btn-secondary-bg: #334155;--btn-secondary-color: #f1f5f9;--btn-secondary-hover-bg: #475569;--sidebar-bg: #020617;--sidebar-text: #64748b;--sidebar-text-light: #f1f5f9;--accent-color: #60a5fa;--accent-secondary: #22d3ee;--success-color: #34d399;--warning-color: #fbbf24;--error-color: #f87171;--bg-secondary: #1e293b;--bg-tertiary: #334155;--border-color: #334155;--border-light: #475569;--code-bg: #1e293b;--toc-hover-bg: rgba(96, 165, 250, .15);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .3), 0 8px 10px -6px rgb(0 0 0 / .3)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden;overflow-y:scroll}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background:var(--body-bg-color);color:var(--text-color);line-height:1.7;margin:0;padding:0;font-weight:400;font-feature-settings:"kern" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease;overflow:visible!important;width:100%;box-sizing:border-box}[data-theme=dark] body{color-scheme:dark}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.container{position:relative;min-height:100vh;max-width:1280px;margin:0 auto;padding:0 1.5rem;width:100%;box-sizing:border-box}.main{padding-bottom:4rem;min-height:calc(100vh - 200px);width:100%;box-sizing:border-box}.main-inner{max-width:1280px;margin:0 auto;padding:0 2rem;width:100%;box-sizing:border-box}.content-wrap{margin-left:0;padding:3rem 0;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;box-sizing:border-box}.content{background:var(--content-bg-color);max-width:48rem;margin:0 auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all .3s ease}.posts-expand .post-block{margin-bottom:3rem;padding:2.5rem;background:var(--card-bg-color);border-radius:var(--radius-xl);border:1px solid var(--border-light);transition:all .3s ease;position:relative;overflow:visible}.posts-expand .post-block:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-color)}.posts-expand .post-block:last-child{margin-bottom:0}.posts-expand .post-block:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-color),var(--accent-secondary));opacity:0;transition:opacity .3s ease}.posts-expand .post-block:hover:before{opacity:1}.post-header{margin-bottom:2rem}.post-header>.post-title{text-align:center;font-size:2.5rem;font-weight:800;color:var(--text-primary);margin:0 0 1.5rem;line-height:1.2;letter-spacing:-.025em;position:relative}.post-title{font-size:1.875rem;font-weight:700;margin:0 0 1rem;line-height:1.3;letter-spacing:-.025em}.post-title a{color:var(--text-primary);text-decoration:none;transition:all .3s ease;position:relative}.post-title a:hover{color:var(--accent-color)}.post-title a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent-color);transition:width .3s ease}.post-title a:hover:after{width:100%}.post-meta{font-size:.875rem;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:1rem;align-items:center;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.post-meta-item{display:flex;align-items:center;gap:.5rem;font-weight:500}.post-meta-item i{color:var(--accent-color)}.post-meta-divider{color:var(--border-color);font-weight:300}.post-body{color:var(--text-color);line-height:1.75;font-size:1.125rem;font-weight:400}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{font-weight:700;color:var(--text-primary);margin:3rem 0 1.5rem;line-height:1.3;letter-spacing:-.025em;scroll-margin-top:2rem}.post-body h1{font-size:2.25rem;border-bottom:3px solid var(--accent-color);padding-bottom:.75rem;text-align:center;position:relative}.post-body h1:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--accent-secondary);border-radius:2px}.post-body h2{font-size:1.875rem;position:relative;padding-left:1rem}.post-body h2:before{content:"";position:absolute;left:0;top:.25rem;width:4px;height:1.5rem;background:var(--accent-color);border-radius:2px}.post-body h3{font-size:1.5rem;position:relative;padding-left:1rem;font-weight:700;color:var(--text-primary);margin:3rem 0 1.5rem;line-height:1.3;letter-spacing:-.025em;scroll-margin-top:2rem}.post-body h3:before{content:"";position:absolute;left:0;top:.25rem;width:4px;height:1.5rem;background:var(--accent-color);border-radius:2px}.post-body h4{font-size:1.25rem}.post-body p{margin:1.5rem 0;text-align:justify}.post-body blockquote{margin:2rem 0;padding:1.5rem 2rem;background:var(--bg-secondary);border-left:4px solid var(--accent-color);border-radius:var(--radius-lg);color:var(--blockquote-color);font-style:italic;position:relative;box-shadow:var(--shadow-sm)}.post-body blockquote:before{content:'"';position:absolute;top:-.5rem;left:1rem;font-size:3rem;color:var(--accent-color);opacity:.3;font-family:serif}.post-body blockquote p{margin:0;font-size:1.1rem}.post-body pre{background:var(--code-bg);color:var(--text-primary);border-radius:var(--radius-lg);padding:1.5rem;overflow-x:auto;font-size:.875rem;line-height:1.7;margin:2rem 0;border:1px solid var(--border-color);position:relative;box-shadow:var(--shadow-sm)}.post-body pre:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-color),var(--accent-secondary));border-radius:var(--radius-lg) var(--radius-lg) 0 0}.post-body code{background:var(--code-bg);color:var(--accent-color);border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:.875rem;font-weight:600;border:1px solid var(--border-light)}.post-body pre code{background:transparent;color:inherit;border:none;padding:0;font-weight:400}.post-body ul,.post-body ol{margin:1.5rem 0;padding-left:2rem}.post-body li{margin:.75rem 0;line-height:1.7}.post-body ul>li{position:relative}.post-body ul>li:before{content:"";position:absolute;left:-1.5rem;top:.75rem;width:6px;height:6px;background:var(--accent-color);border-radius:50%}.post-body table{width:100%;border-collapse:collapse;margin:2rem 0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.post-body .table-scroll{overflow-x:auto;width:100%}.post-body th,.post-body td{padding:1rem 1.5rem;text-align:left;border-bottom:1px solid var(--border-light)}.post-body th{background:var(--bg-secondary);font-weight:600;color:var(--text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.post-body td{background:var(--content-bg-color)}.post-body tr:hover td{background:var(--table-row-hover-bg-color)}.post-body img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:2rem auto;display:block;box-shadow:var(--shadow-md);transition:transform .3s ease,box-shadow .3s ease}.post-body img:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.post-body a{color:var(--link-color);text-decoration:none;position:relative;font-weight:500;transition:all .3s ease}.post-body a:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:2px;background:var(--link-color);transition:width .3s ease}.post-body a:hover{color:var(--link-hover-color)}.post-body a:hover:after{width:100%}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:var(--btn-primary-bg);color:var(--btn-primary-color);text-decoration:none;border-radius:var(--radius-lg);border:1px solid var(--btn-primary-bg);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-md);position:relative;overflow:hidden;text-align:center;white-space:nowrap}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn:hover{background:var(--btn-primary-hover-bg);border-color:var(--btn-primary-hover-bg);transform:translateY(-2px);box-shadow:var(--shadow-lg);color:var(--btn-primary-color)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-color);border-color:var(--btn-primary-bg)}.btn-primary:hover{background:var(--btn-primary-hover-bg);border-color:var(--btn-primary-hover-bg);color:var(--btn-primary-color)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-color);border-color:var(--border-color)}.btn-secondary:hover{background:var(--btn-secondary-hover-bg);border-color:var(--accent-color);color:var(--btn-secondary-color)}.btn{font-weight:700;letter-spacing:.025em;text-transform:none;min-height:44px;min-width:120px;justify-content:center}.btn:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d;transform:translateY(-1px)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.back-to-top{position:fixed;bottom:1.5rem;right:1.5rem;width:56px;height:56px;background:var(--sidebar-bg);color:var(--sidebar-text-light);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:0;pointer-events:none;z-index:1100;box-shadow:var(--shadow-lg);border:2px solid var(--border-color)}.back-to-top.back-to-top-on{opacity:1;pointer-events:auto;animation:fadeInUp .3s ease}.back-to-top:hover{transform:scale(1.1) translateY(-2px);background:var(--accent-color);box-shadow:var(--shadow-xl)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-full-blog{color:var(--btn-primary-color)!important}.site-nav-toggle{display:none;cursor:pointer}.toggle-line{display:block;width:20px;height:2px;background:var(--text-primary);margin:3px 0;transition:all .3s ease}.post-image{margin:2rem 0;text-align:center}.post-image img{max-width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:all .3s ease}.post-image img:hover{transform:scale(1.02);box-shadow:var(--shadow-xl)}.post-button{margin-top:2rem;text-align:center;padding-top:1.5rem;border-top:1px solid var(--border-light)}.post-button .btn{min-width:140px;font-size:.95rem}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:3rem 0;padding:2rem;background:var(--card-bg-color);border-radius:var(--radius-xl);border:1px solid var(--border-light)}.pagination .prev,.pagination .next,.pagination .page-number{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 1rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-color);text-decoration:none;transition:all .3s ease;font-weight:500;background:var(--content-bg-color)}.pagination .current{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:var(--shadow-md)}.pagination .prev:hover,.pagination .next:hover,.pagination .page-number:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.no-posts{text-align:center;padding:4rem 2rem;color:var(--text-secondary);background:var(--card-bg-color);border-radius:var(--radius-xl);border:1px solid var(--border-light);margin:2rem 0}.error-message,.loading-message{padding:1.5rem 2rem;border-radius:var(--radius-lg);text-align:center;margin:2rem 0;font-weight:500;border:1px solid;position:relative;overflow:hidden}.error-message:before,.loading-message:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.error-message{background:#fef2f2;border-color:#fecaca;color:#dc2626}.error-message:before{background:#dc2626}.loading-message{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.loading-message:before{background:#2563eb}body.is-loading{opacity:.8;pointer-events:none;position:relative}body.is-loading:after{content:"";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border:4px solid var(--border-light);border-top:4px solid var(--accent-color);border-radius:50%;animation:modernSpin 1s linear infinite;z-index:9999}body.init-error{opacity:1;pointer-events:auto}body.init-error .error-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background:var(--content-bg-color);box-shadow:var(--shadow-xl);max-width:400px;width:90%}@keyframes modernSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}[data-theme=dark] .error-message{background:#2d1b1b;border-color:#5c2626;color:#f87171}[data-theme=dark] .loading-message{background:#1e2a3a;border-color:#2563eb;color:#60a5fa}@media (max-width: 1024px){.container,.main-inner{max-width:100vw;padding-left:1rem;padding-right:1rem;width:100%;box-sizing:border-box}.content{max-width:100%;margin:0;border-radius:0;box-shadow:none;width:100%;box-sizing:border-box}.content-wrap{width:100%;box-sizing:border-box;padding:2rem 0}.posts-expand .post-block{padding:2rem;margin-bottom:2rem;width:100%;box-sizing:border-box}}@media (max-width: 991px){.container,.main-inner{padding-left:1rem;padding-right:1rem;max-width:100vw;width:100%;box-sizing:border-box}.content,.content-wrap{width:100%;max-width:100%;margin:0;box-sizing:border-box}.site-title{font-size:1.75rem}.site-subtitle{font-size:.875rem}.main-menu{gap:.25rem;flex-wrap:wrap}.menu-item a{padding:.5rem 1rem;font-size:.875rem}.post-title{font-size:1.5rem}.post-body{font-size:1rem;line-height:1.6}.post-body h1{font-size:1.875rem}.post-body h2{font-size:1.5rem}.post-body h3{font-size:1.25rem}.posts-expand .post-block{padding:1.5rem;margin-bottom:1.5rem;width:100%;box-sizing:border-box}.pagination{flex-wrap:wrap;gap:.25rem}.pagination .prev,.pagination .next,.pagination .page-number{min-width:40px;height:40px;padding:0 .75rem}}@media (max-width: 767px){.container,.main-inner{padding-left:.75rem;padding-right:.75rem;max-width:100vw;width:100%;box-sizing:border-box}.site-brand-container{flex-direction:column;gap:1rem;margin-bottom:.5rem}.site-nav{margin-top:.5rem;border-top:1px solid var(--border-light);padding-top:.5rem}.main-menu{flex-direction:row;gap:.25rem;justify-content:center}.menu-item a{padding:.5rem 1rem;font-size:.875rem;border-radius:var(--radius-md)}.content-wrap{margin-left:0!important;padding:1rem 0;width:100%;box-sizing:border-box}.content{max-width:100%;width:100%;padding:0;border-radius:0;box-shadow:none;box-sizing:border-box}.posts-expand .post-block{padding:1.5rem;margin-bottom:1rem;border-radius:var(--radius-lg);width:100%;box-sizing:border-box}.post-meta{flex-direction:column;gap:.5rem;padding:.75rem}.footer{margin-top:2rem;padding:2rem 0 1rem}}@media (max-width: 480px){.container,.main-inner{padding:.75rem .5rem .5rem;max-width:100vw;width:100%;box-sizing:border-box}.site-title{font-size:1.25rem}.site-subtitle{font-size:.75rem}.main-menu{flex-direction:column;gap:.25rem}.menu-item a{padding:.75rem;text-align:center}.post-title{font-size:1.25rem;line-height:1.4}.post-body{font-size:1rem;line-height:1.6}.post-body h1{font-size:1.5rem}.post-body h2{font-size:1.25rem}.post-body h3{font-size:1.125rem}.content-wrap{padding:.5rem 0;width:100%;box-sizing:border-box}.posts-expand .post-block{padding:1rem;margin-bottom:1rem;width:100%;box-sizing:border-box}.post-meta{padding:.5rem;font-size:.8rem}.pagination{padding:1rem}.pagination .prev,.pagination .next,.pagination .page-number{min-width:36px;height:36px;padding:0 .5rem;font-size:.875rem}.footer{font-size:.875rem;padding:1.5rem 0 1rem}.back-to-top{width:48px;height:48px;bottom:1rem;right:1rem}.btn{padding:.75rem 1.25rem;font-size:.875rem;min-width:120px}.post-button{margin-top:1.5rem;padding-top:1rem}}.page-transition{animation:slideInUp .6s ease-out}.posts-expand .post-block:nth-child(1){animation-delay:.1s}.posts-expand .post-block:nth-child(2){animation-delay:.2s}.posts-expand .post-block:nth-child(3){animation-delay:.3s}.posts-expand .post-block:nth-child(4){animation-delay:.4s}.posts-expand .post-block:nth-child(5){animation-delay:.5s}.posts-expand .post-block{animation:slideInUp .6s ease-out both}*:focus{outline:2px solid var(--accent-color);outline-offset:2px}.btn:focus,.menu-item a:focus,.post-title a:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}.menu-item a,.btn,.pagination .prev,.pagination .next,.pagination .page-number{position:relative;overflow:hidden}.btn:after,.menu-item a:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:after,.menu-item a:active:after{width:300px;height:300px}.parallax{transform:translateZ(0);transition:transform .3s ease-out}html{scroll-padding-top:2rem}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.shadow-soft{box-shadow:0 2px 15px -3px #00000012,0 10px 20px -2px #0000000a}.shadow-strong{box-shadow:0 25px 50px -12px #00000040}.gradient-text{background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}[data-theme=dark] .glass{background:#0003;border:1px solid rgba(255,255,255,.1)}::selection{background:var(--accent-color);color:#fff;text-shadow:none}::-moz-selection{background:var(--accent-color);color:#fff;text-shadow:none}.post-body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.post-body>*+*{margin-top:1.5rem}.post-body>h1+*,.post-body>h2+*,.post-body>h3+*,.post-body>h4+*,.post-body>h5+*,.post-body>h6+*{margin-top:1rem}.post-body>p:first-of-type:first-letter{float:left;font-size:3.5rem;line-height:3rem;padding-right:.5rem;padding-top:.25rem;font-weight:700;color:var(--accent-color);font-family:serif}.post-body blockquote p:first-child:before{content:'"';font-size:4rem;color:var(--accent-color);opacity:.3;position:absolute;left:-1rem;top:-1rem;font-family:serif}.post-body :not(pre)>code{font-weight:600;font-size:.9em;padding:.125rem .375rem;background:var(--accent-color);color:#fff;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000001a}.post-body table{font-variant-numeric:tabular-nums}.post-body table caption{margin-bottom:1rem;font-size:.875rem;color:var(--text-secondary);font-style:italic}.post-body ol{counter-reset:list-counter}.post-body ol>li{counter-increment:list-counter;position:relative}.post-body ol>li:before{content:counter(list-counter);position:absolute;left:-2rem;top:0;width:1.5rem;height:1.5rem;background:var(--accent-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.post-body img+em{display:block;text-align:center;font-size:.875rem;color:var(--text-secondary);margin-top:.5rem;font-style:italic}.post-body a[href^=http]:after{content:"↗";font-size:.75rem;margin-left:.25rem;opacity:.7}.post-body abbr{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help}.post-body mark{background:linear-gradient(120deg,var(--accent-color) 0%,var(--accent-color) 100%);background-repeat:no-repeat;background-size:100% .2em;background-position:0 88%;color:inherit;padding:0}.post-body kbd{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:0 1px 1px #0003,0 2px #ffffffb3 inset;color:var(--text-primary);display:inline-block;font-size:.85em;font-weight:700;line-height:1;padding:.25rem .5rem;white-space:nowrap}.post-body table,.post-body pre,.post-body img,.post-image img{box-sizing:border-box;max-width:100%;width:100%}.post-body pre{overflow-x:auto;word-wrap:break-word;white-space:pre-wrap}.post-body table{display:block;overflow-x:auto;white-space:nowrap}.post-body .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 991px){.content,.main-inner,.content-wrap{width:100%!important;max-width:100%!important;margin:0!important;box-sizing:border-box!important}.post-body *{max-width:100%;box-sizing:border-box}.post-body pre{margin-left:0;margin-right:0;border-radius:var(--radius-md)}.post-body table{font-size:.875rem}.post-body th,.post-body td{padding:.5rem .75rem;min-width:80px}}.mobile-toc-bar{width:100vw;background:var(--sidebar-bg);display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:1200;box-shadow:0 2px 8px #00000008;height:48px}.mobile-toc-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--sidebar-text-light);font-size:1.1rem;padding:.5rem 1rem;cursor:pointer;width:100vw;height:48px;border-radius:0;justify-content:flex-start}.mobile-toc-label{font-size:1rem;font-weight:600}#mobile-toc-chevron{transition:transform .3s}#mobile-toc-chevron.open{transform:rotate(180deg)}.mobile-toc-panel{display:none}.mobile-toc-panel.open{display:block;position:fixed;top:calc(var(--header-height, 56px) + 48px);left:0;right:0;width:100vw;max-width:100vw;background:#00000026;z-index:1300;height:calc(100vh - var(--header-height, 56px) - 48px);overflow:auto}.mobile-toc-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px 8px;border-bottom:1px solid #eee;font-weight:700;font-size:1.1rem;color:var(--sidebar-text-light);background:var(--sidebar-bg)}.mobile-toc-close{background:none;border:none;color:var(--sidebar-text-light);font-size:1.3rem;cursor:pointer}.mobile-toc-content{background:var(--sidebar-bg);width:100vw;max-width:100vw;border-radius:0 0 16px 16px;box-shadow:0 2px 16px #00000014;padding:16px 0 24px;max-height:60vh;overflow-y:auto}@media (min-width: 992px){.mobile-toc-bar,.mobile-toc-panel{display:none!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.posts-expand .post-block{animation:none!important}}@media (prefers-contrast: high){:root{--border-color: #000000;--border-light: #333333;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5)}.post-block{border:2px solid var(--border-color)!important}.btn{border:2px solid currentColor!important}}@media (prefers-color-scheme: dark){:root:not([data-theme]){--body-bg-color: #0f172a;--content-bg-color: #0f172a;--card-bg-color: #1e293b;--text-color: #94a3b8;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--blockquote-color: #94a3b8;--link-color: #60a5fa;--link-hover-color: #93c5fd;--brand-color: #f1f5f9;--brand-hover-color: #60a5fa;--table-row-odd-bg-color: #1e293b;--table-row-hover-bg-color: #334155;--menu-item-bg-color: #1e293b;--btn-primary-bg: #3b82f6;--btn-primary-color: #ffffff;--btn-primary-hover-bg: #2563eb;--btn-secondary-bg: #334155;--btn-secondary-color: #f1f5f9;--btn-secondary-hover-bg: #475569;--sidebar-bg: #020617;--sidebar-text: #64748b;--sidebar-text-light: #f1f5f9;--accent-color: #60a5fa;--accent-secondary: #22d3ee;--success-color: #34d399;--warning-color: #fbbf24;--error-color: #f87171;--bg-secondary: #1e293b;--bg-tertiary: #334155;--border-color: #334155;--border-light: #475569;--code-bg: #1e293b;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .3), 0 8px 10px -6px rgb(0 0 0 / .3)}}.skip-link{position:absolute;top:-40px;left:6px;background:var(--accent-color);color:#fff;padding:8px;text-decoration:none;border-radius:var(--radius-md);z-index:9999;transition:top .3s ease}.skip-link:focus{top:6px}.post-title a:focus,.menu-item a:focus,.btn:focus{outline:3px solid var(--accent-color);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.post-block,.btn,.sidebar{will-change:transform}.sidebar-toggle,.back-to-top,.theme-toggle{transform:translateZ(0);backface-visibility:hidden}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:local("Inter Regular"),local("Inter-Regular")}@media print{.header,.footer,.sidebar,.sidebar-toggle,.back-to-top,.theme-toggle,.pagination{display:none!important}.content-wrap{margin-left:0!important}.post-block{-moz-column-break-inside:avoid;break-inside:avoid;box-shadow:none!important;border:1px solid #ccc!important}.post-body a:after{content:" (" attr(href) ")";font-size:.8em;color:#666}.post-body{font-size:12pt;line-height:1.5}}@container (min-width: 768px){.post-block{padding:3rem}}.post-block{background:var(--card-bg-color);background:color-mix(in srgb,var(--card-bg-color) 95%,transparent)}.loading-skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--radius-md)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--error-color)}.error-state svg{width:4rem;height:4rem;margin-bottom:1rem;opacity:.5}img:not([alt]){outline:3px solid red}img[alt=""]{outline:none}.post-body table th{position:sticky;top:0;background:var(--bg-secondary);z-index:10}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;border-radius:var(--radius-md);border:1px solid var(--border-color);padding:.75rem;transition:all .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f61a}.toc-list{list-style:none;padding:0;margin:0}.toc-item{margin-bottom:.25rem}.toc-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--sidebar-text);text-decoration:none;border-radius:var(--radius-md);transition:all .3s ease;position:relative;border-left:3px solid transparent;font-size:.875rem;line-height:1.4}.toc-link:hover{color:var(--accent-color);background:var(--toc-hover-bg);border-left-color:var(--accent-color);transform:translate(4px)}.toc-item.active .toc-link{color:var(--accent-color);background:#3b82f61a;border-left-color:var(--accent-color);font-weight:600}.toc-number{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--accent-color);color:#fff;border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0}.toc-item.active .toc-number{background:var(--accent-secondary);animation:pulse 2s infinite}.toc-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toc-level-1 .toc-link{padding-left:1rem;font-weight:600;font-size:.9rem}.toc-level-2 .toc-link{padding-left:2rem;font-size:.875rem}.toc-level-3 .toc-link{padding-left:3rem;font-size:.8rem;opacity:.9}.toc-level-4 .toc-link,.toc-level-5 .toc-link,.toc-level-6 .toc-link{padding-left:4rem;font-size:.75rem;opacity:.8}.toc-level-1 .toc-number{background:var(--accent-color)}.toc-level-2 .toc-number{background:var(--accent-secondary)}.toc-level-3 .toc-number{background:var(--success-color)}.toc-level-4 .toc-number,.toc-level-5 .toc-number,.toc-level-6 .toc-number{background:var(--warning-color)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 767px){.toc-link{padding:1rem .75rem;font-size:1rem}.toc-level-1 .toc-link{padding-left:.75rem}.toc-level-2 .toc-link{padding-left:1.5rem}.toc-level-3 .toc-link{padding-left:2.25rem}.toc-level-4 .toc-link,.toc-level-5 .toc-link,.toc-level-6 .toc-link{padding-left:3rem}}.hero-image-wrap{display:flex;justify-content:center;align-items:center;margin:2rem 0 2.5rem}.hero-image{max-width:100%;height:auto;border-radius:1.25rem;box-shadow:0 4px 24px #00000014,0 1.5px 6px #0000000a;-o-object-fit:cover;object-fit:cover;transition:box-shadow .3s}.hero-image:hover{box-shadow:0 8px 32px #0000001f,0 3px 12px #00000014}@media (max-width: 768px){.hero-image{border-radius:.75rem}.hero-image-wrap{margin:1.25rem 0 1.5rem}}.read-more-btn{text-decoration:none!important;border:none!important;box-shadow:none!important;outline:none!important;background-image:none!important;position:relative}.read-more-btn:after,.read-more-btn:before{content:none!important;display:none!important;width:0!important;height:0!important;background:none!important}.post-body a.read-more-btn,.post-body a.read-more-btn:hover,.post-body a.read-more-btn:active,.post-body a.read-more-btn:focus{text-decoration:none!important;border:none!important;box-shadow:none!important;outline:none!important;background-image:none!important;color:var(--btn-primary-color)!important;position:relative}.post-body a.read-more-btn:after,.post-body a.read-more-btn:before{content:none!important;display:none!important;width:0!important;height:0!important;background:none!important}.theme-toggle[data-astro-cid-x3pjskd3]{background:var(--btn-secondary-bg);border:1px solid var(--border-color);cursor:pointer;padding:.75rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-primary);position:relative;width:44px;height:44px;box-shadow:var(--shadow-sm);overflow:hidden}.theme-toggle[data-astro-cid-x3pjskd3]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.theme-toggle[data-astro-cid-x3pjskd3]:hover:before{left:100%}.theme-toggle[data-astro-cid-x3pjskd3]:hover{background:var(--btn-secondary-hover-bg);transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--accent-color)}.theme-toggle[data-astro-cid-x3pjskd3]:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}.theme-toggle[data-astro-cid-x3pjskd3]:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.sun-icon[data-astro-cid-x3pjskd3],.moon-icon[data-astro-cid-x3pjskd3]{transition:all .4s cubic-bezier(.4,0,.2,1);width:20px;height:20px}.sun-icon[data-astro-cid-x3pjskd3]{opacity:1;transform:rotate(0) scale(1)}.moon-icon[data-astro-cid-x3pjskd3]{opacity:0;transform:rotate(180deg) scale(.8);position:absolute}[data-astro-cid-x3pjskd3][data-theme=dark] .sun-icon[data-astro-cid-x3pjskd3]{opacity:0!important;transform:rotate(-180deg) scale(.8)!important}[data-astro-cid-x3pjskd3][data-theme=dark] .moon-icon[data-astro-cid-x3pjskd3]{opacity:1!important;transform:rotate(0) scale(1)!important}@media (prefers-color-scheme: dark){:root:not([data-theme]) .sun-icon[data-astro-cid-x3pjskd3]{opacity:0;transform:rotate(-180deg) scale(.8)}:root:not([data-theme]) .moon-icon[data-astro-cid-x3pjskd3]{opacity:1;transform:rotate(0) scale(1)}}[data-astro-cid-x3pjskd3][data-theme=dark] .theme-toggle[data-astro-cid-x3pjskd3]{background:var(--bg-secondary, #222);color:var(--text-primary, #fff);border-color:var(--border-dark, #444)}[data-astro-cid-x3pjskd3][data-theme=dark] .theme-toggle[data-astro-cid-x3pjskd3]:hover{background:var(--accent-color, #444);border-color:var(--accent-color, #888)}.system-toggle-label[data-astro-cid-x3pjskd3]{display:flex;align-items:center;margin-left:1rem;font-size:.95em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:.5em}.system-toggle-input[data-astro-cid-x3pjskd3]{display:none}.system-toggle-switch[data-astro-cid-x3pjskd3]{width:36px;height:20px;background:#e2e8f0;border-radius:999px;position:relative;transition:background .3s;box-sizing:border-box;flex-shrink:0}.system-toggle-switch[data-astro-cid-x3pjskd3]:before{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000014;transition:transform .3s}.system-toggle-input[data-astro-cid-x3pjskd3]:checked+.system-toggle-switch[data-astro-cid-x3pjskd3]{background:#3b82f6}.system-toggle-input[data-astro-cid-x3pjskd3]:checked+.system-toggle-switch[data-astro-cid-x3pjskd3]:before{transform:translate(16px)}.system-toggle-text[data-astro-cid-x3pjskd3]{margin-left:.2em;color:var(--text-color, #475569)}.system-toggle-label[data-astro-cid-x3pjskd3] input[data-astro-cid-x3pjskd3][type=checkbox]{margin-right:.4em;accent-color:#3b82f6}.theme-toggle[data-astro-cid-x3pjskd3]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.theme-toggle[data-astro-cid-x3pjskd3]{padding:.5rem;width:40px;height:40px}.sun-icon[data-astro-cid-x3pjskd3],.moon-icon[data-astro-cid-x3pjskd3]{width:18px;height:18px}}@media (max-width: 480px){.theme-toggle[data-astro-cid-x3pjskd3]{width:36px;height:36px;padding:.35rem}.sun-icon[data-astro-cid-x3pjskd3],.moon-icon[data-astro-cid-x3pjskd3]{width:16px;height:16px}.system-toggle-label[data-astro-cid-x3pjskd3]{margin-left:0;margin-top:.2rem;font-size:.85em;flex-direction:column;align-items:center;gap:.1em;display:flex}}.modern-header[data-astro-cid-3ef6ksr2]{position:sticky;top:0;z-index:100;background:var(--body-bg-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);transition:all .3s ease;height:auto}@media (max-width: 480px){.modern-header[data-astro-cid-3ef6ksr2]{height:auto!important;min-height:80px;padding-bottom:.5rem}}.header-container[data-astro-cid-3ef6ksr2]{max-width:1280px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;width:100%;box-sizing:border-box}.header-brand[data-astro-cid-3ef6ksr2]{flex-shrink:0}.brand-link[data-astro-cid-3ef6ksr2]{text-decoration:none;color:inherit;transition:all .3s ease}.brand-link[data-astro-cid-3ef6ksr2]:hover{transform:translateY(-1px)}.brand-content[data-astro-cid-3ef6ksr2]{text-align:left}.brand-title[data-astro-cid-3ef6ksr2]{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin:0;line-height:1.2;letter-spacing:-.025em;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-subtitle[data-astro-cid-3ef6ksr2]{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0 0;font-weight:500}.header-nav[data-astro-cid-3ef6ksr2]{flex:1;display:flex;justify-content:center}.nav-list[data-astro-cid-3ef6ksr2]{display:flex;list-style:none;margin:0;padding:0;gap:.5rem}.nav-item[data-astro-cid-3ef6ksr2]{position:relative}.nav-link[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;color:var(--text-primary);text-decoration:none;border-radius:var(--radius-lg);transition:all .3s ease;font-weight:500;position:relative;overflow:hidden}.nav-link[data-astro-cid-3ef6ksr2]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.nav-link[data-astro-cid-3ef6ksr2]:hover:before{left:100%}.nav-link[data-astro-cid-3ef6ksr2]:hover{color:var(--accent-color);background:var(--bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.nav-link[data-astro-cid-3ef6ksr2].active{color:var(--accent-color);background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.nav-icon[data-astro-cid-3ef6ksr2]{flex-shrink:0;transition:transform .3s ease}.nav-link[data-astro-cid-3ef6ksr2]:hover .nav-icon[data-astro-cid-3ef6ksr2]{transform:scale(1.1)}.nav-text[data-astro-cid-3ef6ksr2]{font-size:.9rem}.header-actions[data-astro-cid-3ef6ksr2]{flex-shrink:0;display:flex;align-items:center;gap:1rem}@media (max-width: 1024px){.header-container[data-astro-cid-3ef6ksr2]{padding:1rem 1.5rem;max-width:100vw;width:100%}}@media (max-width: 768px){.header-container[data-astro-cid-3ef6ksr2]{padding:1rem .75rem;gap:1rem;max-width:100vw;width:100%}.brand-title[data-astro-cid-3ef6ksr2]{font-size:1.5rem}.brand-subtitle[data-astro-cid-3ef6ksr2]{font-size:.8rem}.nav-list[data-astro-cid-3ef6ksr2]{gap:.25rem}.nav-link[data-astro-cid-3ef6ksr2]{padding:.5rem 1rem;font-size:.875rem}.nav-text[data-astro-cid-3ef6ksr2]{display:none}.nav-icon[data-astro-cid-3ef6ksr2]{width:20px;height:20px}}@media (max-width: 480px){.header-container[data-astro-cid-3ef6ksr2]{flex-direction:row;align-items:center;justify-content:center;gap:.5rem;padding:.75rem .5rem}.header-brand[data-astro-cid-3ef6ksr2]{width:auto;text-align:center;margin-bottom:0}.header-nav[data-astro-cid-3ef6ksr2]{width:auto;justify-content:center;margin-bottom:0}.header-actions[data-astro-cid-3ef6ksr2]{width:auto;display:flex;flex-direction:row;align-items:center;margin-top:0;gap:.25rem}}.modern-footer[data-astro-cid-sz7xmlte]{background:var(--bg-secondary);border-top:1px solid var(--border-light);margin-top:4rem;position:relative;overflow:hidden}.modern-footer[data-astro-cid-sz7xmlte]:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,var(--accent-color),var(--accent-secondary));border-radius:0 0 2px 2px}.footer-container[data-astro-cid-sz7xmlte]{max-width:1280px;margin:0 auto;padding:3rem 2rem 2rem;width:100%;box-sizing:border-box}.footer-content[data-astro-cid-sz7xmlte]{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.copyright-section[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;gap:.5rem}.copyright-text[data-astro-cid-sz7xmlte]{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary);font-weight:500}.copyright-symbol[data-astro-cid-sz7xmlte]{font-size:1rem;color:var(--accent-color)}.copyright-year[data-astro-cid-sz7xmlte]{font-weight:600;color:var(--text-primary)}.copyright-author[data-astro-cid-sz7xmlte]{color:var(--text-primary);font-weight:600}.love-message[data-astro-cid-sz7xmlte]{display:flex;align-items:center;gap:.375rem;font-size:.8rem;color:var(--text-muted)}.love-icon[data-astro-cid-sz7xmlte]{color:#ef4444;animation:heartbeat 2s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.tech-section[data-astro-cid-sz7xmlte]{display:flex;align-items:center}.tech-stack[data-astro-cid-sz7xmlte]{display:flex;align-items:center;gap:1rem}.tech-label[data-astro-cid-sz7xmlte]{font-size:.875rem;color:var(--text-secondary);font-weight:500}.tech-links[data-astro-cid-sz7xmlte]{display:flex;align-items:center;gap:.75rem}.tech-link[data-astro-cid-sz7xmlte]{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;color:var(--text-primary);text-decoration:none;border-radius:var(--radius-md);transition:all .3s ease;font-size:.875rem;font-weight:600;border:1px solid var(--border-light);background:var(--content-bg-color)}.tech-link[data-astro-cid-sz7xmlte]:hover{color:var(--accent-color);background:var(--bg-tertiary);border-color:var(--accent-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.tech-icon[data-astro-cid-sz7xmlte]{flex-shrink:0;transition:transform .3s ease}.tech-link[data-astro-cid-sz7xmlte]:hover .tech-icon[data-astro-cid-sz7xmlte]{transform:scale(1.1)}.tech-separator[data-astro-cid-sz7xmlte]{color:var(--text-muted);font-weight:300}.footer-decoration[data-astro-cid-sz7xmlte]{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-light)}.decoration-line[data-astro-cid-sz7xmlte]{height:2px;background:linear-gradient(90deg,transparent 0%,var(--accent-color) 25%,var(--accent-secondary) 75%,transparent 100%);border-radius:1px;opacity:.6}@media (max-width: 768px){.footer-container[data-astro-cid-sz7xmlte]{padding:2rem 1rem 1.5rem;max-width:100vw;width:100%}.footer-content[data-astro-cid-sz7xmlte]{flex-direction:column;text-align:center;gap:1.5rem}.copyright-section[data-astro-cid-sz7xmlte]{order:2}.tech-section[data-astro-cid-sz7xmlte]{order:1}.tech-stack[data-astro-cid-sz7xmlte]{flex-direction:column;gap:.75rem}.tech-links[data-astro-cid-sz7xmlte]{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.footer-container[data-astro-cid-sz7xmlte]{padding:1.5rem .5rem 1rem;max-width:100vw;width:100%;box-sizing:border-box}.copyright-text[data-astro-cid-sz7xmlte]{flex-wrap:wrap;justify-content:center;font-size:.8rem}.love-message[data-astro-cid-sz7xmlte]{font-size:.75rem}.tech-link[data-astro-cid-sz7xmlte]{padding:.375rem .5rem;font-size:.8rem}.tech-icon[data-astro-cid-sz7xmlte]{width:16px;height:16px}}