:root{--blog-bg: #FAFAFA;--blog-surface: #FFFFFF;--blog-surface-elevated: #FFFFFF;--blog-text: #1A1A1A;--blog-text-secondary: #6B7280;--blog-text-muted: #9CA3AF;--blog-border: #E5E7EB;--blog-border-hover: #D1D5DB;--blog-accent: #F97316;--blog-accent-hover: #EA580C;--blog-accent-light: rgba(249, 115, 22, .1);--blog-link: #F97316;--blog-link-hover: #EA580C;--blog-code-bg: #F3F4F6;--blog-code-text: #1F2937;--blog-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--blog-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--blog-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}.dark{--blog-bg: #0F172A;--blog-surface: #1E293B;--blog-surface-elevated: #334155;--blog-text: #F8FAFC;--blog-text-secondary: #94A3B8;--blog-text-muted: #64748B;--blog-border: #334155;--blog-border-hover: #475569;--blog-accent: #F97316;--blog-accent-hover: #FB923C;--blog-accent-light: rgba(249, 115, 22, .15);--blog-link: #FB923C;--blog-link-hover: #FDBA74;--blog-code-bg: #1E293B;--blog-code-text: #E2E8F0;--blog-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--blog-shadow: 0 4px 6px -1px rgba(0, 0, 0, .4);--blog-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5)}.blog-body{background-color:var(--blog-bg);color:var(--blog-text);transition:background-color .3s ease,color .3s ease}.blog-content{font-size:1.125rem;line-height:1.75;max-width:42rem;margin:0 auto}.blog-content h1{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:var(--blog-text)}.blog-content h2{font-size:1.875rem;font-weight:700;line-height:1.3;margin-top:3rem;margin-bottom:1rem;color:var(--blog-text)}.blog-content h3{font-size:1.5rem;font-weight:600;line-height:1.4;margin-top:2rem;margin-bottom:.75rem;color:var(--blog-text)}.blog-content h4{font-size:1.25rem;font-weight:600;line-height:1.4;margin-top:1.5rem;margin-bottom:.5rem;color:var(--blog-text)}.blog-content p{margin-bottom:1.5rem;color:var(--blog-text)}.blog-content a{color:var(--blog-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color .2s ease}.blog-content a:hover{color:var(--blog-link-hover);text-decoration-thickness:2px}.blog-content ul,.blog-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.blog-content li{margin-bottom:.5rem}.blog-content ul li{list-style-type:disc}.blog-content ol li{list-style-type:decimal}.blog-content blockquote{border-left:4px solid var(--blog-accent);padding-left:1.5rem;margin:2rem 0;font-style:italic;color:var(--blog-text-secondary);background:var(--blog-accent-light);padding:1.5rem;border-radius:0 .75rem .75rem 0}.blog-content code{font-family:Fira Code,Monaco,Cascadia Code,monospace;font-size:.875rem;background:var(--blog-code-bg);color:var(--blog-code-text);padding:.2rem .4rem;border-radius:.375rem}.blog-content pre{background:var(--blog-code-bg);padding:1.5rem;border-radius:.75rem;overflow-x:auto;margin:1.5rem 0}.blog-content pre code{background:none;padding:0}.blog-content img{max-width:100%;height:auto;border-radius:.75rem;margin:2rem 0;box-shadow:var(--blog-shadow)}.blog-content table{width:100%;margin:2rem 0;border-collapse:collapse}.blog-content th,.blog-content td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--blog-border)}.blog-content th{font-weight:600;background:var(--blog-surface)}.blog-content tr:hover{background:var(--blog-accent-light)}.blog-content hr{border:none;border-top:1px solid var(--blog-border);margin:3rem 0}.theme-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;background:var(--blog-surface);border:1px solid var(--blog-border);color:var(--blog-text-secondary);cursor:pointer;transition:all .2s ease}.theme-toggle:hover{background:var(--blog-accent-light);border-color:var(--blog-accent);color:var(--blog-accent)}.blog-card{background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:1rem;overflow:hidden;transition:all .3s ease;box-shadow:var(--blog-shadow-sm)}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--blog-shadow-lg);border-color:var(--blog-border-hover)}.blog-card-image{aspect-ratio:16/9;object-fit:cover;width:100%}.blog-card-content{padding:1.5rem}.blog-card-category{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--blog-accent);background:var(--blog-accent-light);padding:.25rem .75rem;border-radius:9999px;margin-bottom:.75rem}.blog-card-title{font-size:1.25rem;font-weight:700;color:var(--blog-text);margin-bottom:.5rem;line-height:1.4}.blog-card-excerpt{font-size:.9375rem;color:var(--blog-text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-meta{display:flex;align-items:center;gap:1rem;margin-top:1rem;font-size:.875rem;color:var(--blog-text-muted)}.blog-header{background:var(--blog-surface);border-bottom:1px solid var(--blog-border);position:sticky;top:0;z-index:50}.blog-toc{position:sticky;top:6rem}.blog-toc-link{display:block;padding:.5rem 0 .5rem 1rem;border-left:2px solid var(--blog-border);color:var(--blog-text-secondary);font-size:.875rem;transition:all .2s ease}.blog-toc-link:hover,.blog-toc-link.active{color:var(--blog-accent);border-left-color:var(--blog-accent)}.blog-cta-banner{background:linear-gradient(135deg,var(--blog-accent),#DC2626);color:#fff;padding:2rem;border-radius:1rem;margin:2rem 0;text-align:center}.blog-cta-banner h3{color:#fff;margin-top:0}.blog-cta-banner p{color:#ffffffe6;margin-bottom:1rem}.blog-cta-button{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:var(--blog-accent);font-weight:600;padding:.75rem 1.5rem;border-radius:.5rem;transition:all .2s ease}.blog-cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.blog-author-box{display:flex;align-items:center;gap:1rem;background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:1rem;padding:1.5rem;margin:3rem 0}.blog-author-avatar{width:4rem;height:4rem;border-radius:9999px;background:var(--blog-accent-light);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.blog-author-name{font-weight:600;color:var(--blog-text)}.blog-author-role{font-size:.875rem;color:var(--blog-text-secondary)}.blog-meta-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;color:var(--blog-text-secondary)}.blog-meta-badge .material-symbols-outlined{font-size:1rem}.blog-comparison-table{width:100%;margin:2rem 0;border:1px solid var(--blog-border);border-radius:.75rem;overflow:hidden}.blog-comparison-table th{background:var(--blog-accent);color:#fff;padding:1rem;font-weight:600}.blog-comparison-table td{padding:1rem;border-bottom:1px solid var(--blog-border)}.blog-comparison-table tr:last-child td{border-bottom:none}.blog-comparison-table .check{color:#22c55e}.blog-comparison-table .cross{color:#ef4444}@media(max-width:768px){.blog-content{font-size:1rem;padding:0 1rem}.blog-content h1{font-size:2rem}.blog-content h2{font-size:1.5rem}.blog-content h3{font-size:1.25rem}.blog-card-content{padding:1rem}.blog-author-box{flex-direction:column;text-align:center}}.blog-body::-webkit-scrollbar{width:8px;height:8px}.blog-body::-webkit-scrollbar-track{background:var(--blog-bg)}.blog-body::-webkit-scrollbar-thumb{background:var(--blog-border);border-radius:4px}.blog-body::-webkit-scrollbar-thumb:hover{background:var(--blog-text-muted)}#lang-toggle:hover{background:var(--blog-accent-light)}.lang-option:hover{background:var(--blog-accent-light)!important}.blog-content img,.blog-card-image,article img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:auto}