:root{--color-primary:#2563eb;--color-primary-dark:#1e40af;--color-accent-orange:#ea580c;--color-accent-purple:#7c3aed;--color-accent-green:#059669;--color-text-primary:#111827;--color-text-secondary:#374151;--color-text-muted:#6b7280;--color-bg-primary:#ffffff;--color-bg-secondary:#f9fafb;--color-border:#d1d5db;--color-border-light:#e5e7eb;--font-family-base:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;--font-mono:'JetBrains Mono', 'Fira Code', 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0em;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-family-base);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-primary);background-color:var(--color-bg-primary);font-feature-settings:'kern' 1,'liga' 1,'calt' 1;text-rendering:optimizeLegibility;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}.cg-container{width:100%;margin:0 auto;padding:0 16px}header{background:#fff;border-bottom:1px solid #e2e8f0;padding:16px 0}.cg-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}header h1{font-size:var(--text-2xl);font-weight:800;margin:0;letter-spacing:var(--tracking-tight);text-shadow:0 1px 2px rgba(0,0,0,.1);font-optical-sizing:auto}header h1 a{color:#1a202c;text-decoration:none;transition:color .2s ease}header h1 a:hover{color:var(--color-accent-orange)}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{color:var(--color-text-muted);text-decoration:none;font-weight:500;font-size:var(--text-sm);letter-spacing:var(--tracking-wide);transition:all .2s ease;padding:8px 0}nav a:hover{color:var(--color-accent-purple)}main{flex:1;margin:32px auto}.cg-posts{margin-bottom:48px}.cg-post-item{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid #e2e8f0}.cg-post-item:last-child{border-bottom:none}.cg-post-item h2{font-size:var(--text-3xl);margin-bottom:12px;font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-shadow:0 1px 2px rgba(0,0,0,5%)}.cg-post-item h2 a{color:#1a202c;text-decoration:none;transition:color .2s ease}.cg-post-item h2 a:hover{color:var(--color-accent-orange)}.cg-post-item time{color:var(--color-text-muted);font-size:var(--text-sm);display:block;margin-bottom:16px;font-weight:500;letter-spacing:var(--tracking-wide)}.cg-post-item p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);font-size:var(--text-lg);font-weight:400;text-rendering:optimizeLegibility}.cg-post{width:100%}.cg-page{width:100%}.cg-page-header,.cg-post-header{margin-bottom:48px;text-align:left}.cg-page-title,.cg-post-title{font-size:var(--text-5xl);font-weight:800;margin-bottom:16px;line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);color:var(--color-text-primary);text-shadow:0 2px 4px rgba(0,0,0,.1);font-optical-sizing:auto}.cg-post-meta{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;letter-spacing:var(--tracking-wide)}.cg-post-meta time{margin-bottom:12px;display:inline-block}.cg-tags{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}.cg-tags li{display:inline}.cg-tag{background:linear-gradient(135deg,var(--color-accent-purple),var(--color-accent-green));color:#fff;padding:4px 12px;text-decoration:none;border-radius:16px;font-size:12px;font-weight:500;border:none;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.cg-tag:hover{background:linear-gradient(135deg,var(--color-accent-green),var(--color-accent-purple));transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.cg-post-content,.cg-page-content{line-height:1.75;font-size:16px;color:#2d3748}.cg-post-content h1,.cg-post-content h2,.cg-post-content h3,.cg-post-content h4,.cg-post-content h5,.cg-post-content h6{margin:48px 0 24px;font-weight:700;line-height:1.2;letter-spacing:-.025em;color:#1a202c}.cg-post-content h1:first-child,.cg-post-content h2:first-child,.cg-post-content h3:first-child{margin-top:0}.cg-post-content h1{font-size:32px}.cg-post-content h2{font-size:28px}.cg-post-content h3{font-size:24px}.cg-post-content h4{font-size:20px}.cg-post-content h5{font-size:18px}.cg-post-content h6{font-size:16px}.cg-post-content p{margin-bottom:24px;line-height:1.75}.cg-post-content a{color:var(--color-primary);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:all .2s ease}.cg-post-content a:hover{border-bottom-color:var(--color-primary);color:var(--color-primary)}.cg-post-content ul,.cg-post-content ol{margin:24px 0;padding-left:24px}.cg-post-content li{margin-bottom:8px;line-height:1.6}.cg-post-content li strong{font-weight:600}.cg-post-content blockquote{margin:32px 0;padding:16px 0 16px 24px;border-left:4px solid var(--color-accent-orange);background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:0 8px 8px 0;color:#4a5568;font-style:italic;position:relative;box-shadow:0 2px 8px rgba(0,0,0,5%)}footer{background:#f7fafc;border-top:1px solid #e2e8f0;padding:32px 0;margin-top:64px;text-align:center;color:#718096;font-size:14px}@media(min-width:768px){body{font-size:var(--text-lg)}.cg-container{padding:0 32px;max-width:768px}header{padding:24px 0}header h1{font-size:var(--text-3xl)}main{margin:48px auto}.cg-post-title,.cg-page-title{font-size:var(--text-6xl)}.cg-post-item h2{font-size:var(--text-4xl)}.cg-post-content,.cg-page-content{font-size:var(--text-xl);line-height:var(--leading-relaxed)}.cg-post-content h1{font-size:var(--text-5xl)}.cg-post-content h2{font-size:var(--text-4xl)}.cg-post-content h3{font-size:var(--text-3xl)}.cg-post-content h4{font-size:var(--text-2xl)}nav{gap:32px}}@media(min-width:1024px){.cg-container{max-width:1024px;padding:0 48px}header{padding:32px 0}header h1{font-size:var(--text-4xl)}main{margin:64px auto}.cg-post-title,.cg-page-title{font-size:var(--text-7xl)}.cg-post-item h2{font-size:var(--text-5xl)}.cg-post-content h1{font-size:var(--text-6xl)}.cg-post-content h2{font-size:var(--text-5xl)}.cg-post-content h3{font-size:var(--text-4xl)}.cg-post-content h4{font-size:var(--text-3xl)}}@media(min-width:1200px){.cg-container{max-width:1200px;padding:0 64px}.cg-post-content,.cg-page-content{font-size:var(--text-xl);line-height:var(--leading-loose)}}@media(max-width:767px){.cg-header-content{flex-direction:column;align-items:flex-start;gap:12px}nav{width:100%;justify-content:flex-start;gap:16px}.cg-post-content blockquote{margin-left:-8px;margin-right:-8px}.cg-post-header,.cg-page-header{margin-bottom:32px}}html{scroll-behavior:smooth}a:focus-visible,button:focus-visible{outline:2px solid var(--color-accent-purple);outline-offset:2px}footer{background:linear-gradient(135deg,#f7fafc,#edf2f7)!important}code,pre,kbd,samp{font-family:var(--font-mono);font-variant-ligatures:none;font-feature-settings:'liga' 0,'calt' 0}.cg-post-content code:not([class*=language-]),.cg-page-content code:not([class*=language-]){background:#f1f5f9;border:1px solid var(--color-border);border-radius:4px;padding:2px 6px;font-size:.875em;color:#dc2626;font-weight:600;word-break:break-word}.cg-post-content a code:not([class*=language-]),.cg-page-content a code:not([class*=language-]){color:var(--color-primary);background:rgba(37,99,235,.1);border-color:var(--color-primary);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:all .2s ease}.cg-post-content a:hover code:not([class*=language-]),.cg-page-content a:hover code:not([class*=language-]){color:var(--color-primary-dark);background:rgba(30,64,175,.15);border-color:var(--color-primary-dark);text-decoration-thickness:2px}.cg-post-content pre,.cg-page-content pre{background:#1e293b;border-radius:12px;padding:24px;margin:32px 0;overflow-x:auto;box-shadow:0 4px 16px rgba(0,0,0,.1);border:1px solid #334155;position:relative}.cg-post-content pre code,.cg-page-content pre code{background:0 0;border:none;padding:0;color:#f8fafc;font-size:14px;line-height:1.6;word-break:normal;white-space:pre}.cg-post-content pre[class*=language-]:before,.cg-page-content pre[class*=language-]:before{content:attr(class);position:absolute;top:12px;right:16px;background:var(--color-accent-purple);color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.cg-post-content pre::-webkit-scrollbar,.cg-page-content pre::-webkit-scrollbar{height:8px}.cg-post-content pre::-webkit-scrollbar-track,.cg-page-content pre::-webkit-scrollbar-track{background:#334155;border-radius:4px}.cg-post-content pre::-webkit-scrollbar-thumb,.cg-page-content pre::-webkit-scrollbar-thumb{background:#64748b;border-radius:4px}.cg-post-content pre::-webkit-scrollbar-thumb:hover,.cg-page-content pre::-webkit-scrollbar-thumb:hover{background:#94a3b8}.cg-post-content pre .token.comment,.cg-post-content pre .token.prolog,.cg-post-content pre .token.doctype,.cg-post-content pre .token.cdata{color:#64748b;font-style:italic}.cg-post-content pre .token.punctuation{color:#94a3b8}.cg-post-content pre .token.property,.cg-post-content pre .token.tag,.cg-post-content pre .token.boolean,.cg-post-content pre .token.number,.cg-post-content pre .token.constant,.cg-post-content pre .token.symbol,.cg-post-content pre .token.deleted{color:#f472b6}.cg-post-content pre .token.selector,.cg-post-content pre .token.attr-name,.cg-post-content pre .token.string,.cg-post-content pre .token.char,.cg-post-content pre .token.builtin,.cg-post-content pre .token.inserted{color:#34d399}.cg-post-content pre .token.operator,.cg-post-content pre .token.entity,.cg-post-content pre .token.url,.cg-post-content pre .language-css .token.string,.cg-post-content pre .style .token.string{color:#60a5fa}.cg-post-content pre .token.atrule,.cg-post-content pre .token.attr-value,.cg-post-content pre .token.keyword{color:#a78bfa}.cg-post-content pre .token.function,.cg-post-content pre .token.class-name{color:#fbbf24}.cg-post-content pre .token.regex,.cg-post-content pre .token.important,.cg-post-content pre .token.variable{color:#fb7185}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-text-primary);color:var(--color-bg-primary);padding:8px 16px;text-decoration:none;font-weight:600;border-radius:4px;z-index:1000;transition:top .2s ease}.skip-link:focus{top:6px}a:focus-visible,button:focus-visible{outline:3px solid var(--color-accent-purple);outline-offset:2px;border-radius:2px}nav a:focus-visible{outline:3px solid var(--color-accent-purple);outline-offset:4px;background:rgba(124,58,237,.1);border-radius:4px}body{color:var(--color-text-primary)}.cg-post-item time,.cg-post-meta{color:var(--color-text-muted)}.cg-post-item p,.cg-post-content,.cg-page-content{color:var(--color-text-secondary)}.cg-post-content code:not([class*=language-]),.cg-page-content code:not([class*=language-]){background:#f1f5f9;border:1px solid var(--color-border);color:#dc2626;font-weight:600}.cg-post-content a{color:var(--color-primary);font-weight:600}.cg-post-content a:hover{color:var(--color-primary-dark)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:high){:root{--color-text-primary:#000000;--color-text-secondary:#000000;--color-text-muted:#333333;--color-border:#000000;--color-border-light:#333333}.cg-post-content a{border-bottom:2px solid}.cg-tag{border:2px solid}}.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}.cg-toc{background:linear-gradient(135deg,var(--color-bg-secondary),#ffffff);border:1px solid var(--color-border-light);border-radius:12px;margin:32px 0 48px;box-shadow:0 4px 16px rgba(0,0,0,5%);overflow:hidden;transition:all .3s ease}.cg-toc:hover{box-shadow:0 8px 32px rgba(0,0,0,.1)}.cg-toc-details{border:none}.cg-toc-title{padding:20px 24px;font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);cursor:pointer;user-select:none;display:flex;align-items:center;gap:12px;background:0 0;border:none;transition:all .2s ease;position:relative}.cg-toc-title:hover{background:rgba(124,58,237,5%)}.cg-toc-title::marker{display:none}.cg-toc-title::-webkit-details-marker{display:none}.cg-toc-title::after{content:"⌄";font-size:18px;color:var(--color-text-muted);transition:transform .2s ease;margin-left:auto}.cg-toc-details[open] .cg-toc-title::after{transform:rotate(180deg)}.cg-toc-icon{font-size:20px;filter:grayscale(.3)}.cg-toc-content{padding:0 24px 24px;border-top:1px solid var(--color-border-light);background:rgba(255,255,255,.5)}.cg-toc-content nav{all:unset}.cg-toc-content>nav>ul{list-style:none;padding:0;margin:0;font-size:var(--text-sm)}.cg-toc-content ul{list-style:none;padding-left:0;margin:0}.cg-toc-content li{margin:0;padding:0}.cg-toc-content a{display:block;padding:8px 16px;color:var(--color-text-secondary);text-decoration:none;border-radius:6px;transition:all .2s ease;font-weight:500;position:relative;border-left:3px solid transparent}.cg-toc-content a:hover{background:rgba(124,58,237,8%);color:var(--color-accent-purple);border-left-color:var(--color-accent-purple);transform:translateX(2px)}.cg-toc-content a.active{background:rgba(124,58,237,.12);color:var(--color-accent-purple);border-left-color:var(--color-accent-purple);font-weight:600}.cg-toc-content ul ul{padding-left:16px;margin-top:4px}.cg-toc-content ul ul a{font-size:var(--text-xs);padding:6px 12px;color:var(--color-text-muted)}.cg-toc-content ul ul ul{padding-left:12px}.cg-toc-content ul ul ul a{opacity:.8;font-size:11px}.cg-post-layout{width:100%}@media(max-width:767px){.cg-toc{margin:24px -16px 32px;border-radius:0;border-left:none;border-right:none}.cg-toc-title{padding:16px 20px;font-size:var(--text-base)}.cg-toc-content{padding:0 20px 20px}.cg-toc-content a{padding:10px 12px;font-size:var(--text-sm)}.cg-toc-content ul ul a{padding:8px 12px;font-size:var(--text-xs)}.cg-toc-details{open:false}}@media(max-width:767px){.cg-post-content pre,.cg-page-content pre{margin-left:-16px;margin-right:-16px;border-radius:0;padding:20px 16px}.cg-post-content pre code,.cg-page-content pre code{font-size:13px}nav a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}}@media(min-width:768px) and (max-width:1023px){.cg-toc{margin:32px 0 40px}.cg-toc-title{font-size:var(--text-xl);padding:24px}.cg-toc-content{padding:0 24px 24px}}.heading-anchor{opacity:0;margin-left:8px;color:var(--color-text-muted);text-decoration:none;font-weight:400;font-size:.8em;transition:all .2s ease;vertical-align:middle}.cg-post-content h2:hover .heading-anchor,.cg-post-content h3:hover .heading-anchor,.cg-post-content h4:hover .heading-anchor,.cg-post-content h5:hover .heading-anchor,.cg-post-content h6:hover .heading-anchor{opacity:.7}.heading-anchor:hover{opacity:1!important;color:var(--color-accent-purple);text-decoration:none;transform:scale(1.1)}@media(min-width:1024px){.cg-toc-title:hover{background:rgba(124,58,237,3%)}.cg-toc-content a:hover{transform:translateX(4px)}}@media(max-width:767px){.heading-anchor{opacity:.5;margin-left:4px;font-size:.7em}.cg-post-content h2:hover .heading-anchor,.cg-post-content h3:hover .heading-anchor,.cg-post-content h4:hover .heading-anchor,.cg-post-content h5:hover .heading-anchor,.cg-post-content h6:hover .heading-anchor{opacity:.8}}