.highlight{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;margin:24px 0;overflow:hidden;position:relative}.highlight pre{background:#f5f5f5 !important;color:#2d3748;padding:16px;margin:0;overflow-x:auto;font-family:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";font-size:14px;line-height:1.5}code{background:#f1f3f4;color:#d73a49;padding:2px 6px;border-radius:4px;font-family:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.9em}pre code{background:transparent;color:inherit;padding:0;border-radius:0}.highlight .c{color:#6a737d;font-style:italic}.highlight .err{color:#cb2431;background-color:#ffeef0}.highlight .k{color:#d73a49;font-weight:bold}.highlight .o{color:#d73a49}.highlight .cm{color:#6a737d;font-style:italic}.highlight .cp{color:#005cc5;font-weight:bold}.highlight .c1{color:#6a737d;font-style:italic}.highlight .cs{color:#6a737d;font-weight:bold;font-style:italic}.highlight .gd{color:#cb2431;background-color:#ffeef0}.highlight .ge{font-style:italic}.highlight .gr{color:#cb2431}.highlight .gh{color:#005cc5;font-weight:bold}.highlight .gi{color:#28a745;background-color:#f0fff4}.highlight .go{color:#6a737d}.highlight .gp{color:#6a737d}.highlight .gs{font-weight:bold}.highlight .gu{color:#6f42c1;font-weight:bold}.highlight .gt{color:#cb2431}.highlight .kc{color:#005cc5;font-weight:bold}.highlight .kd{color:#d73a49;font-weight:bold}.highlight .kn{color:#d73a49;font-weight:bold}.highlight .kp{color:#d73a49;font-weight:bold}.highlight .kr{color:#d73a49;font-weight:bold}.highlight .kt{color:#d73a49;font-weight:bold}.highlight .m{color:#005cc5}.highlight .s{color:#032f62}.highlight .na{color:#6f42c1}.highlight .nb{color:#005cc5}.highlight .nc{color:#6f42c1;font-weight:bold}.highlight .no{color:#005cc5}.highlight .nd{color:#6f42c1;font-weight:bold}.highlight .ni{color:#6f42c1}.highlight .ne{color:#cb2431;font-weight:bold}.highlight .nf{color:#6f42c1;font-weight:bold}.highlight .nl{color:#6f42c1;font-weight:bold}.highlight .nn{color:#6f42c1}.highlight .nt{color:#22863a}.highlight .nv{color:#e36209}.highlight .ow{color:#d73a49;font-weight:bold}.highlight .w{color:#6a737d}.highlight .mf{color:#005cc5}.highlight .mh{color:#005cc5}.highlight .mi{color:#005cc5}.highlight .mo{color:#005cc5}.highlight .sb{color:#032f62}.highlight .sc{color:#032f62}.highlight .sd{color:#032f62}.highlight .s2{color:#032f62}.highlight .se{color:#032f62}.highlight .sh{color:#032f62}.highlight .si{color:#005cc5}.highlight .sx{color:#032f62}.highlight .sr{color:#032f62}.highlight .s1{color:#032f62}.highlight .ss{color:#005cc5}.highlight .bp{color:#005cc5}.highlight .vc{color:#e36209}.highlight .vg{color:#e36209}.highlight .vi{color:#e36209}.highlight .il{color:#005cc5}.highlight .copy-btn{position:absolute;top:8px;right:8px;background:#ffffff;border:1px solid #d0d7de;border-radius:6px;padding:6px 8px;font-size:12px;color:#656d76;cursor:pointer;transition:all 0.2s ease;opacity:0;visibility:hidden}.highlight:hover .copy-btn{opacity:1;visibility:visible}.highlight .copy-btn:hover{background:#f6f8fa;border-color:#8c959f}.highlight .copy-btn:active{background:#eaeef2;transform:scale(0.95)}.highlight .copy-btn.copied{color:#3b82f6;border-color:#3b82f6}.highlight.dark{background:#0d1117;border-color:#30363d}.highlight.dark pre{background:#0d1117 !important;color:#c9d1d9}.highlight.dark .c{color:#8b949e}.highlight.dark .k{color:#ff7b72}.highlight.dark .o{color:#ff7b72}.highlight.dark .s{color:#a5d6ff}.highlight.dark .na{color:#79c0ff}.highlight.dark .nb{color:#ffa657}.highlight.dark .nc{color:#ffa657}.highlight.dark .nf{color:#d2a8ff}.highlight.dark .nt{color:#7ee787}.highlight.dark .nv{color:#ffa657}.highlight.dark .m{color:#79c0ff}:root{--navy-primary: #1e3a8a;--navy-light: #3b82f6;--navy-lighter: #dbeafe;--navy-dark: #1e40af;--navy-hover: #1d4ed8}*{margin:0;padding:0;box-sizing:border-box;font-family:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"}body{line-height:1.6;color:#1a202c;background:#fafafa;font-size:16px;width:100%;min-height:100vh;text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none}code,pre,.highlight pre,.language-bash,.language-shell,.language-terminal,.language-console,kbd,samp,var,tt{font-family:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol" !important}.highlight .language-bash,.highlight .language-shell,.highlight .language-console{font-family:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol" !important}header{background:#fff;border-bottom:1px solid #e2e8f0;position:fixed;top:0;left:0;right:0;z-index:100}.header-content{width:1048px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;height:64px;min-width:1048px}.logo{font-size:18px;font-weight:600;color:#1a202c}.logo a{color:#1a202c;text-decoration:none;transition:color 0.2s}.logo a:hover{color:var(--navy-primary)}.nav{display:flex;gap:32px}.nav a{color:#64748b;text-decoration:none;font-weight:500;font-size:14px;transition:color 0.2s}.nav a:hover{color:var(--navy-primary)}.nav a.active{color:var(--navy-primary);position:relative}.nav a.active::after{content:'';position:absolute;bottom:-8px;left:0;right:0;height:2px;background:var(--navy-primary);border-radius:1px}.layout-wrapper{width:1048px;margin:0 auto;padding:24px;margin-top:64px;display:flex;align-items:flex-start;gap:0;min-width:1048px}.sidebar{width:200px;background:#fafafa;padding:24px;position:sticky;top:64px;height:calc(100vh - 88px);overflow-y:auto;min-width:200px;max-width:200px;flex-shrink:0}.profile{margin-bottom:32px}.profile-name{font-size:16px;font-weight:600;color:#1a202c;margin-bottom:4px}.profile-role{font-size:14px;color:#64748b}.categories h3{font-size:12px;font-weight:600;color:#1a202c;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:16px}.categories ul{list-style:none}.categories li{margin-bottom:4px}.categories a{color:#64748b;text-decoration:none;font-size:14px;font-weight:500;transition:color 0.2s}.categories a:hover,.categories a.active{color:#1a202c}.main-content{width:800px;margin:0;padding:24px;background:#fafafa;box-sizing:border-box;min-height:calc(100vh - 88px);min-width:800px;max-width:800px;flex-shrink:0}.section-title{font-size:36px;font-weight:700;color:#1a202c;margin-bottom:20px}.post,.post-item{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid #e2e8f0;max-width:100%}.post:last-child,.post-item:last-child{border-bottom:none;margin-bottom:0}.post-title{font-size:20px;font-weight:600;margin-bottom:8px;line-height:1.4}.post-title a{color:#1a202c;text-decoration:none;transition:color 0.2s}.post-title a:hover{color:var(--navy-primary)}.post-meta{font-size:13px;color:#64748b;margin-bottom:16px}.post-date,.reading-time{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;letter-spacing:0.3px}.reading-time{margin-left:16px}.calendar-icon,.clock-icon{flex-shrink:0}.reading-time-inline{color:#94a3b8;font-size:12px;margin-left:8px}.reading-time-inline::before{content:"·";margin-right:6px;color:#cbd5e0}.post-excerpt{color:#4a5568;line-height:1.6;font-size:15px}.post-container{max-width:800px;margin:0 auto;padding:24px;margin-top:64px;width:100%;box-sizing:border-box}.post-content{max-width:800px}.toc-container{position:fixed;top:120px;left:calc(50% + 524px + 24px);width:260px;max-height:calc(100vh - 160px);background:#fafafa;border-radius:6px;padding:20px;backdrop-filter:blur(10px);overflow-y:auto;z-index:50}.toc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.toc-header h3{font-size:16px;font-weight:700;color:#1a202c;margin:0;letter-spacing:-0.025em}.toc-progress{display:flex;align-items:center;gap:8px}.toc-progress-bar{width:50px;height:6px;background:#e2e8f0;border-radius:3px;position:relative;overflow:hidden}.toc-progress-bar::before{content:'';position:absolute;top:0;left:0;height:100%;width:var(--progress, 0%);background:linear-gradient(90deg, #3b82f6, #1d4ed8);border-radius:3px;transition:width 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.scroll-percentage{font-size:11px;color:#64748b;font-weight:500;min-width:28px}.toc-nav ul{list-style:none;margin:0;padding:0}.toc-nav li{margin:0;padding:0}.toc-nav a{display:block;padding:8px 12px 8px 16px;color:#64748b;text-decoration:none;font-size:13px;line-height:1.5;border-radius:4px;margin-bottom:2px;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1)}.toc-nav a:hover{color:#1a202c;background:rgba(59,130,246,0.1);transform:translateX(2px)}.toc-nav a.active{color:#3b82f6;background:rgba(59,130,246,0.15);font-weight:600;transform:translateX(4px)}.toc-nav .toc-h1{font-weight:600}.toc-nav .toc-h2{padding-left:24px}.toc-nav .toc-h3{padding-left:32px;font-size:12px}.toc-nav .toc-h4{padding-left:40px;font-size:12px}.toc-nav .toc-h5,.toc-nav .toc-h6{padding-left:48px;font-size:11px}.post-header{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.post-body{line-height:1.8}.post-body h1,.post-body h2,.post-body h3{margin-top:32px;margin-bottom:16px;color:#1a202c}.post-body h1{font-size:24px}.post-body h2{font-size:20px}.post-body h3{font-size:18px}.post-body p{margin-bottom:16px;color:#4a5568}.post-body ul,.post-body ol{margin-bottom:16px;padding-left:24px}.post-body li{margin-bottom:8px;color:#4a5568;line-height:1.6}.post-navigation{display:flex;justify-content:space-between;margin-top:48px;padding-top:24px;border-top:1px solid #e2e8f0}.nav-prev,.nav-next{display:flex;flex-direction:column;text-decoration:none;color:#64748b;transition:color 0.2s}.nav-prev:hover,.nav-next:hover{color:#1a202c}.nav-label{font-size:12px;font-weight:600;text-transform:uppercase;margin-bottom:4px}.nav-title{font-size:14px;font-weight:500}.comments-section{margin-top:48px}.comments-title{font-size:20px;font-weight:600;color:#1a202c;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.pagination{display:flex;justify-content:center;gap:8px;margin-top:48px;padding-top:32px}.pagination a,.pagination span{padding:8px 12px;color:#64748b;text-decoration:none;font-size:14px;font-weight:500;transition:color 0.2s}.pagination a:hover{color:var(--navy-primary);background:var(--navy-lighter);border-radius:4px}.pagination .current{color:var(--navy-primary);font-weight:600;background:var(--navy-lighter);border-radius:4px}.pagination .disabled{color:#cbd5e0;cursor:not-allowed}.about-content{max-width:680px}.about-content p{margin-bottom:24px;color:#4a5568;line-height:1.7}.about-content h3{font-size:18px;font-weight:600;color:#1a202c;margin:32px 0 16px 0}.skills{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:16px;margin:24px 0}.skill{padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;text-align:center;font-size:14px;font-weight:500;color:#4a5568}@media (min-width: 1400px){.header-content{width:1200px}.layout-wrapper{width:1200px}.footer-bottom{width:1200px}}@media (max-width: 1200px){.header-content{width:960px;min-width:960px;max-width:960px;padding:0 32px}.layout-wrapper{width:960px;min-width:960px;max-width:960px;padding:24px 32px;flex-direction:row;align-items:flex-start;justify-content:center}.sidebar{display:none}.main-content{width:896px;min-width:896px;max-width:896px;padding:32px;background:#fafafa;border:none;margin:0}.toc-container{display:none}.footer-bottom{max-width:960px;padding:0 32px}}@media (max-width: 992px){.header-content{width:768px;min-width:768px;max-width:768px;padding:0 24px}.layout-wrapper{width:768px;min-width:768px;max-width:768px;padding:24px}.sidebar{display:none}.main-content{width:720px;min-width:720px;max-width:720px;padding:24px;background:#fafafa;border:none}.footer-bottom{max-width:768px;padding:0 24px}}@media (max-width: 768px){.header-content{width:576px;min-width:576px;max-width:576px;padding:0 16px;flex-direction:column;height:auto;padding-top:16px;padding-bottom:16px;gap:16px}.layout-wrapper{width:576px;min-width:576px;max-width:576px;padding:16px;margin-top:100px}.sidebar{display:none}.main-content{width:544px;min-width:544px;max-width:544px;padding:20px;background:#fafafa;border:none}.section-title{font-size:28px;margin-bottom:24px;line-height:1.3}.post-title{font-size:20px;line-height:1.4}.nav{gap:20px;flex-wrap:wrap;justify-content:center}.nav a{padding:8px 12px;border-radius:4px;min-height:44px;display:flex;align-items:center}.post-navigation{flex-direction:column;gap:24px}.footer-bottom{max-width:576px;padding:0 16px;flex-direction:column;gap:12px;text-align:center}.profile-name{font-size:18px}.categories a{padding:8px 0;min-height:44px;display:flex;align-items:center}}@media (max-width: 576px){.footer-bottom{max-width:480px;padding:0 12px;flex-direction:column;gap:8px;text-align:center}.header-content{width:480px;min-width:480px;max-width:480px;padding:0 12px;padding-top:12px;padding-bottom:12px}.layout-wrapper{width:480px;min-width:480px;max-width:480px;padding:12px}.sidebar{display:none}.main-content{width:456px;min-width:456px;max-width:456px;padding:16px;background:#fafafa;border:none}.section-title{font-size:24px}.post-title{font-size:18px}.nav{gap:16px}.nav a{font-size:14px;padding:10px 14px}.logo{font-size:18px}.post-body h1{font-size:22px}.post-body h2{font-size:20px}.post-body h3{font-size:18px}.post-body p{font-size:16px}.pagination a,.pagination span{padding:12px 16px;min-height:48px;display:flex;align-items:center;justify-content:center}}@media (max-width: 480px){.footer-bottom{max-width:360px;padding:0 8px;flex-direction:column;gap:6px;text-align:center}.header-content{width:360px;min-width:360px;max-width:360px;padding:0 8px;gap:12px}.layout-wrapper{width:360px;min-width:360px;max-width:360px;padding:8px;margin-top:90px}.sidebar{display:none}.main-content{width:344px;min-width:344px;max-width:344px;padding:12px;background:#fafafa;border:none}.nav{gap:12px}.nav a{font-size:13px;padding:8px 10px}.logo{font-size:16px}.section-title{font-size:22px}.post-title{font-size:16px}.post-meta{font-size:12px}.post-excerpt{font-size:14px}}.site-footer{background:#fff;border-top:1px solid #e2e8f0;margin-top:48px;padding:24px 0}.footer-bottom{max-width:1048px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box}.footer-bottom p{font-size:13px;color:#94a3b8;margin:0}.footer-bottom a{color:#64748b;text-decoration:none;transition:color 0.2s}.footer-bottom a:hover{color:var(--navy-primary)}@media (max-width: 1200px){.footer-bottom{max-width:960px;padding:0 32px}}@media (max-width: 992px){.footer-bottom{max-width:768px;padding:0 24px}}@media (max-width: 768px){.footer-bottom{max-width:576px;padding:0 16px;flex-direction:column;gap:8px;text-align:center}}.archive-content{max-width:720px}.year-group{margin-bottom:48px}.year-title{font-size:24px;font-weight:700;color:#1a202c;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.posts-list{display:flex;flex-direction:column;gap:16px}.archive-post{display:flex;align-items:center;gap:20px;padding:16px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1)}.archive-post:hover{border-color:#cbd5e0;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.05)}.post-date{font-size:13px;color:#64748b;font-weight:500;min-width:42px;letter-spacing:0.3px}.archive-post .post-title{flex-grow:1;font-size:16px;font-weight:500;color:#1a202c;text-decoration:none;transition:color 0.2s;line-height:1.4;margin:0}.archive-post .post-title:hover{color:var(--navy-primary)}.post-category{font-size:12px;color:var(--navy-dark);background:var(--navy-lighter);padding:4px 8px;border-radius:12px;font-weight:500;white-space:nowrap;border:1px solid rgba(30,58,138,0.2)}@media (max-width: 992px){.archive-content{max-width:100%}.archive-post{padding:14px 18px;gap:16px}}@media (max-width: 768px){.archive-post{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.post-date{min-width:auto;font-size:12px}.year-title{font-size:20px}.archive-post .post-title{font-size:15px}.post-category{font-size:11px;padding:3px 6px}}@media (max-width: 576px){.year-title{font-size:18px;margin-bottom:20px}.archive-post{padding:12px;gap:10px}.archive-post .post-title{font-size:14px;line-height:1.5}.posts-list{gap:12px}}@media (max-width: 480px){.year-group{margin-bottom:32px}.year-title{font-size:16px;margin-bottom:16px}.archive-post{padding:10px}.archive-post .post-title{font-size:13px}.post-date{font-size:11px}}