:root{--primary-blue:#3B82F6;--primary-blue-dark:#2563EB;--color-green:#10B981;--color-red:#EF4444;--warning-orange:#F59E0B;--color-purple:#8B5CF6;--color-pink:#EC4899;--color-yellow:#F3BA2F;--color-orange:#F7931A;--color-gray:#6B7280;--color-cyan:#26d0ce;--color-teal:#14b8a6;--yellow-rgb:243,186,47;--orange-rgb:247,147,26;--primary-blue-rgb:59,130,246;--green-rgb:16,185,129;--red-rgb:239,68,68;--purple-rgb:139,92,246;--pink-rgb:236,72,153;--teal-rgb:20,184,166;--gray-rgb:107,114,128;--muted-rgb:148,163,184;--bg-primary:#FFFFFF;--bg-secondary:#F8FAFC;--bg-tertiary:#F1F5F9;--bg-dark:#0F172A;--bg-dark-secondary:#1E293B;--text-primary:#0F172A;--text-secondary:#475569;--text-muted:#94A3B8;--text-white:#FFFFFF;--border-light:#E2E8F0;--border-medium:#CBD5E1;--border-dark:#334155;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1);--transition-fast:0.15s ease-in-out;--transition-normal:0.3s ease-in-out;--transition-slow:0.5s ease-in-out;--font-primary:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'SF Mono','Consolas','Monaco',monospace;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:0.9375rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--text-4xl:1.75rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tighter:-0.025em;--tracking-tight:-0.0125em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--padding-xs:var(--space-1) var(--space-2);--padding-sm:var(--space-2) var(--space-3);--padding-md:var(--space-3) var(--space-4);--padding-lg:var(--space-4) var(--space-5);--padding-xl:var(--space-5) var(--space-6);--gap-xs:var(--space-1);--gap-sm:var(--space-2);--gap-md:var(--space-3);--gap-lg:var(--space-4);--gap-xl:var(--space-6);--gap-2xl:var(--space-8);--radius-none:0;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--loading-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23e5e7eb' d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z' opacity='.3'/%3E%3Cpath fill='%233B82F6' d='M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z'%3E%3CanimateTransform attributeName='transform' dur='1s' repeatCount='indefinite' type='rotate' values='0 12 12;360 12 12'/%3E%3C/path%3E%3C/svg%3E")}[data-theme=dark]{--primary-blue:#5b9bd5;--primary-blue-dark:#4a8bc9;--color-green:#22c55e;--color-red:#f87171;--warning-orange:#fbbf24;--color-purple:#a78bfa;--color-pink:#f472b6;--color-cyan:#22d3ee;--color-teal:#2dd4bf;--primary-blue-rgb:91,155,213;--green-rgb:34,197,94;--red-rgb:248,113,113;--purple-rgb:167,139,250;--pink-rgb:244,114,182;--teal-rgb:45,212,191;--bg-primary:#0f0f0f;--bg-secondary:#181818;--bg-tertiary:#212121;--bg-dark:#000000;--bg-dark-secondary:#0f0f0f;--text-primary:#f1f1f1;--text-secondary:#aaaaaa;--text-muted:#717171;--text-white:#ffffff;--border-light:#303030;--border-medium:#484848;--border-dark:#606060;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.4);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.5);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.6);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.7)}*{margin:0;padding:0;box-sizing:border-box;font-variant-numeric:tabular-nums;font-family:var(--font-primary);line-height:unset;text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;touch-action:manipulation}html{scroll-behavior:smooth;font-size:var(--text-lg)}img,svg{vertical-align:middle}body{font-variant-numeric:tabular-nums;font-family:var(--font-primary);background-color:var(--bg-primary);line-height:unset;font-size:var(--text-base);font-weight:var(--font-normal);color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none}.container-xxl{width:100%;padding-right:var(--space-3);padding-left:var(--space-3);margin-right:auto;margin-left:auto}@media (min-width:1400px){.container-xxl{max-width:1320px}}.px-3{padding-left:var(--space-3)!important;padding-right:var(--space-3)!important}.blog-body{min-height:100vh;display:flex;flex-direction:column}.blog-body main{flex:1}.blog-header{position:sticky;top:0;z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border-light);padding:var(--space-3) 0}.blog-header-container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.blog-logo-wrap{display:flex;align-items:center;gap:var(--space-2)}.blog-logo{display:flex;align-items:center;text-decoration:none}.blog-logo .site-logo{height:45px;width:auto}.blog-brand-name{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text-primary);margin-left:var(--space-2)}#logo .logo-text{fill:var(--text-primary)}#logo .logo-icon{fill:var(--primary-blue)}.blog-logo-text{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--primary-blue);padding-left:var(--space-2);border-left:2px solid var(--border-light);text-decoration:none;transition:color var(--transition-fast)}.blog-logo-text:hover{color:var(--primary-blue-hover,#1a5bc7)}.blog-nav{display:flex;align-items:center;gap:var(--space-1)}.blog-nav-link{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.blog-nav-link:hover{background:var(--bg-secondary)}.blog-nav-link.active{color:var(--primary-blue);background:rgba(var(--primary-blue-rgb),.1)}.blog-header-right{display:flex;align-items:center;gap:var(--space-3)}.blog-theme-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}.blog-theme-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.blog-icon-sun{display:block}.blog-icon-moon{display:none}[data-theme=dark] .blog-icon-sun{display:none}[data-theme=dark] .blog-icon-moon{display:block}.blog-search-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}.blog-search-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.blog-search-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;align-items:flex-start;justify-content:center;padding-top:15vh}.blog-search-modal.open{display:flex}.blog-search-modal-content{width:100%;max-width:600px;padding:0 var(--space-4)}.blog-search-form{display:flex;background:var(--bg-tertiary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl)}.blog-search-input{flex:1;padding:var(--space-4) var(--space-5);border:none;background:0 0;font-size:var(--text-md);color:var(--text-primary);outline:0}.blog-search-input::placeholder{color:var(--text-muted)}.blog-search-close,.blog-search-submit{width:36px;display:flex;align-items:center;justify-content:center;background:0 0;border:none;padding:0;color:var(--text-primary);cursor:pointer;transition:color var(--transition-fast)}.blog-search-close:hover,.blog-search-submit:hover{color:var(--primary-blue)}.blog-mobile-search{padding:var(--space-2) 0}.blog-mobile-search .blog-search-form{background:var(--bg-secondary);border:1px solid var(--border-light)}.blog-mobile-search .blog-search-input{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.blog-mobile-search .blog-search-submit{width:44px}.blog-back-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);text-decoration:none;border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-fast)}.blog-back-link:hover{color:var(--primary-blue);border-color:var(--primary-blue);background:rgba(var(--primary-blue-rgb),.05)}.blog-mobile-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:10px;background:0 0;border:none;cursor:pointer}.blog-mobile-toggle span{display:block;width:100%;height:2px;background:var(--text-primary);border-radius:2px;transition:all var(--transition-fast)}.blog-mobile-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.blog-mobile-toggle.active span:nth-child(2){opacity:0}.blog-mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.blog-mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border-bottom:1px solid var(--border-light);padding:var(--space-4);box-shadow:var(--shadow-lg)}.blog-mobile-menu.open{display:block}.blog-mobile-link{display:block;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-md);transition:background var(--transition-fast)}.blog-mobile-link:hover{background:var(--bg-secondary)}.blog-mobile-divider{margin:var(--space-3) 0;border:none;border-top:1px solid var(--border-light)}.blog-mobile-theme-toggle{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.blog-mobile-theme-toggle:hover{background:var(--bg-tertiary)}.blog-mobile-theme-toggle .blog-icon-moon,.blog-mobile-theme-toggle .blog-icon-sun{flex-shrink:0}.blog-theme-label-light{display:block}.blog-theme-label-dark{display:none}[data-theme=dark] .blog-theme-label-light{display:none}[data-theme=dark] .blog-theme-label-dark{display:block}.blog-desktop-only{display:flex}.blog-footer{border-top:1px solid var(--border-light);padding:var(--space-14) 0 var(--space-10);margin-top:auto;padding-bottom:0}.blog-footer-grid{display:grid;grid-template-columns:3fr 1fr 1fr 1fr 1fr;gap:var(--space-8);margin-bottom:var(--space-10)}.blog-footer-logo{display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--text-primary);margin-bottom:var(--space-4)}.blog-footer-logo .site-logo{height:60px;width:auto}.blog-footer-logo span{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--primary-blue)}.blog-footer-desc{color:var(--text-primary);line-height:var(--leading-relaxed)}.blog-footer-col{min-width:0}.blog-footer-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-4)}.blog-footer-links{list-style:none;padding:0;margin:0}.blog-footer-links li{margin-bottom:var(--space-2)}.blog-footer-links a{font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.blog-footer-links a:hover{color:var(--primary-blue)}.blog-footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) 0;border-top:1px solid var(--border-light)}.blog-footer-bottom p{font-size:var(--text-sm);color:var(--text-secondary)}.blog-footer-social{display:flex;gap:var(--space-3)}.blog-footer-social a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:var(--bg-tertiary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.blog-footer-social a:hover{color:#fff;background:var(--primary-blue)}@media (max-width:1200px){.blog-footer-grid{grid-template-columns:1fr 1fr 1fr 1fr;gap:var(--space-6)}.blog-footer-brand{grid-column:span 4;padding-right:0;margin-bottom:var(--space-4)}.blog-nav{display:none}.blog-back-link{display:none}.blog-mobile-toggle{display:flex}.blog-desktop-only{display:none}}@media (max-width:768px){.blog-footer-grid{grid-template-columns:1fr 1fr}.blog-footer-brand{grid-column:span 2}.blog-footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}}.blog-page{padding:var(--space-6) 0 var(--space-12);min-height:60vh}.blog-page-header{text-align:center;margin-bottom:var(--space-8);max-width:700px;margin-left:auto;margin-right:auto}.blog-page-header h1{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-3);letter-spacing:var(--tracking-tight)}.blog-page-intro{font-size:var(--text-md);color:var(--text-secondary);line-height:var(--leading-relaxed)}.blog-clear-search{display:inline-block;margin-top:var(--space-3);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--primary-blue);text-decoration:none;border:1px solid var(--primary-blue);border-radius:var(--radius-md);transition:all var(--transition-fast)}.blog-clear-search:hover{background:var(--primary-blue);color:#fff}.blog-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-6);flex-wrap:wrap}.blog-breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.blog-breadcrumb a:hover{color:var(--primary-blue)}.blog-breadcrumb svg{opacity:.5;flex-shrink:0}.blog-categories-bar{display:flex;gap:var(--space-2);margin-bottom:var(--space-8);overflow-x:auto;padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:none}.blog-categories-bar::-webkit-scrollbar{display:none}.blog-category-chip{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);text-decoration:none;white-space:nowrap;transition:all var(--transition-fast)}.blog-category-chip:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-medium)}.blog-category-chip.active{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.blog-featured-card{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-10)}.blog-featured-image{position:relative;aspect-ratio:16/10;overflow:hidden}.blog-featured-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.blog-featured-card:hover .blog-featured-image img{transform:scale(1.03)}.blog-featured-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary)}.blog-featured-placeholder svg{width:64px;height:64px;color:var(--text-muted);opacity:.5}.blog-featured-content{display:flex;flex-direction:column;justify-content:center;padding:var(--space-6)}.blog-featured-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight);margin-bottom:var(--space-3)}.blog-featured-title a{color:inherit;text-decoration:none}.blog-featured-title a:hover{color:var(--primary-blue)}.blog-featured-excerpt{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-read-more{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--primary-blue)!important;border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.blog-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.blog-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast)}.blog-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md)}.blog-card-image{position:relative;aspect-ratio:16/9;overflow:hidden;display:block}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary)}.blog-card-placeholder svg{width:48px;height:48px;color:var(--text-muted);opacity:.4}.blog-card-category{position:absolute;top:var(--space-3);left:var(--space-3);padding:var(--space-1) var(--space-3);background:rgba(0,0,0,.7);backdrop-filter:blur(4px);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);color:#fff;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.blog-card-content{padding:var(--space-4)}.blog-card-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2)}.blog-card-meta svg{width:12px;height:12px}.blog-card-date,.blog-card-reading{display:inline-flex;align-items:center;gap:var(--space-1)}.blog-card-title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-snug);margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-title a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.blog-card:hover .blog-card-title a{color:var(--primary-blue)}.blog-card-excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-sm .blog-card-image{aspect-ratio:16/10}.blog-card-sm .blog-card-content{padding:var(--space-3)}.blog-card-sm .blog-card-title{font-size:var(--text-base)}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-10)}.blog-pagination-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);text-decoration:none;transition:all var(--transition-fast)}.blog-pagination-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-medium)}.blog-pagination-numbers{display:flex;align-items:center;gap:var(--space-1)}.blog-pagination-num{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.blog-pagination-num:hover{background:var(--bg-tertiary);color:var(--text-primary)}.blog-pagination-num.active{background:var(--primary-blue);color:#fff}.blog-pagination-ellipsis{width:36px;text-align:center;color:var(--text-muted)}.blog-empty-state{text-align:center;padding:var(--space-16) var(--space-4);color:var(--text-secondary)}.blog-empty-state svg{color:var(--text-muted);opacity:.5}.blog-btn-back svg{opacity:1;color:#fff}.blog-empty-state h2{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.blog-empty-state p{font-size:var(--text-base);margin-bottom:var(--space-6)}.blog-btn-back{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--primary-blue);color:#fff;font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;border-radius:var(--radius-md);transition:background var(--transition-fast)}.blog-btn-back:hover{background:var(--primary-blue-dark)}.blog-detail-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--space-10);align-items:start}.blog-no-sidebar .container-xxl{max-width:800px}.blog-no-sidebar .blog-detail-layout{display:block}.blog-article{max-width:100%}.blog-article-header{margin-bottom:var(--space-6)}.blog-article-category{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--primary-blue);color:#fff!important;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);text-decoration:none;border-radius:var(--radius-sm);margin-bottom:var(--space-4)}.blog-article-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight);margin-bottom:var(--space-4);letter-spacing:var(--tracking-tighter)}.blog-article-excerpt{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-5)}.blog-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.blog-article-author{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.blog-author-avatar{width:36px;height:36px;border-radius:var(--radius-full);object-fit:contain;padding:4px;background:var(--bg-tertiary);border:1px solid var(--border-light)}.blog-author-avatar-placeholder{width:36px;height:36px;border-radius:var(--radius-full);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.blog-article-info{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.blog-info-item{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary)}.blog-article-image{margin:0 0 var(--space-8);border-radius:var(--radius-xl);overflow:hidden}.blog-article-image img{width:100%;height:auto;display:block}.blog-article-image figcaption{padding:var(--space-3);font-size:var(--text-sm);color:var(--text-muted);text-align:center;background:var(--bg-secondary)}.blog-inline-image{margin:var(--space-8) 0;border-radius:var(--radius-xl);overflow:hidden}.blog-inline-image img{width:100%;height:auto;display:block}.blog-article-content{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-primary)}.blog-article-content h2{font-size:var(--text-2xl);font-weight:var(--font-bold);margin:var(--space-8) 0 var(--space-4);color:var(--text-primary)}.blog-article-content h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:var(--space-6) 0 var(--space-3);color:var(--text-primary)}.blog-article-content h4{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:var(--space-5) 0 var(--space-2);color:var(--text-primary)}.blog-article-content p{margin-bottom:var(--space-4)}.blog-article-content a{color:var(--primary-blue);text-decoration:underline;text-underline-offset:2px}.blog-article-content a:hover{text-decoration:none}.blog-article-content ol,.blog-article-content ul{margin-bottom:var(--space-4);padding-left:var(--space-6)}.blog-article-content li{margin-bottom:var(--space-2)}.blog-article-content blockquote{margin:var(--space-6) 0;padding:var(--space-4) var(--space-5);border-left:4px solid var(--primary-blue);background:var(--bg-secondary);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;color:var(--text-secondary)}.blog-article-content code,.blog-article-content pre{font-family:var(--font-mono);font-size:var(--text-sm)}.blog-article-content pre{margin:var(--space-4) 0;padding:var(--space-4);background:var(--bg-dark);color:var(--text-white);border-radius:var(--radius-md);overflow-x:auto;max-width:100%;white-space:pre-wrap;word-wrap:break-word}.blog-article-content code{padding:var(--space-1) var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.blog-article-content pre code{padding:0;background:0 0}.blog-article-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-4) 0}.blog-article-content table{width:100%;margin:var(--space-4) 0;border-collapse:collapse}.blog-article-content td,.blog-article-content th{padding:var(--space-3);border:1px solid var(--border-light);text-align:left}.blog-article-content th{background:var(--bg-secondary);font-weight:var(--font-semibold)}.blog-article-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding-top:var(--space-6);margin-top:var(--space-6);border-top:1px solid var(--border-light)}.blog-article-tags>svg{color:var(--text-muted)}.blog-tag{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--bg-tertiary);font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-full);transition:all var(--transition-fast)}.blog-tag:hover{background:var(--primary-blue);color:#fff}.blog-share-section{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);padding:var(--space-5) 0;margin-top:var(--space-6);border-top:1px solid var(--border-light)}.blog-share-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.blog-share-buttons{display:flex;gap:var(--space-2)}.blog-share-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.blog-share-btn:hover{color:#fff}.blog-share-btn.twitter:hover{background:#1da1f2}.blog-share-btn.facebook:hover{background:#1877f2}.blog-share-btn.linkedin:hover{background:#0a66c2}.blog-share-btn.copy:hover{background:var(--color-green)}.blog-share-btn.copy.copied{background:var(--color-green);color:#fff}.blog-author-bio{display:flex;gap:var(--space-4);padding:var(--space-5);margin-top:var(--space-6);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.blog-author-bio-avatar{width:64px;height:64px;border-radius:var(--radius-full);object-fit:contain;flex-shrink:0;padding:var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border-light)}.blog-author-bio-avatar-placeholder{width:64px;height:64px;border-radius:var(--radius-full);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.blog-author-bio-content{flex:1}.blog-author-bio-label{display:block;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-1)}.blog-author-bio-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.blog-author-bio-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.blog-sidebar{position:sticky;top:var(--space-4)}.blog-sidebar-section{margin-bottom:var(--space-6);padding:var(--space-5);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.blog-sidebar-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-light)}.blog-sidebar-posts{display:flex;flex-direction:column;gap:var(--space-3)}.blog-sidebar-post{display:flex;gap:var(--space-3);text-decoration:none}.blog-sidebar-post img{width:72px;height:48px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.blog-sidebar-post-placeholder{width:72px;height:48px;background:var(--bg-tertiary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.blog-sidebar-post-placeholder svg{width:24px;height:24px;color:var(--text-muted);opacity:.5}.blog-sidebar-post-content{flex:1;min-width:0}.blog-sidebar-post-title{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);line-height:var(--leading-snug);margin-bottom:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition-fast)}.blog-sidebar-post:hover .blog-sidebar-post-title{color:var(--primary-blue)}.blog-sidebar-post-date{font-size:var(--text-xs);color:var(--text-muted)}.blog-sidebar-categories{display:flex;flex-direction:column;gap:var(--space-2)}.blog-sidebar-category{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.blog-sidebar-category:hover{background:var(--bg-tertiary);color:var(--text-primary)}.blog-sidebar-category svg{opacity:.6}.blog-related-section{margin-top:var(--space-12);padding-top:var(--space-10);border-top:1px solid var(--border-light)}.blog-related-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-6)}.blog-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media (max-width:1024px){.blog-featured-card{grid-template-columns:1fr}.blog-posts-grid{grid-template-columns:repeat(2,1fr)}.blog-detail-layout{grid-template-columns:1fr}.blog-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.blog-related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-page{padding:var(--space-4) 0 var(--space-8)}.blog-page-header{margin-bottom:var(--space-6)}.blog-page-header h1{font-size:var(--text-2xl)}.blog-posts-grid{grid-template-columns:1fr;gap:var(--space-4)}.blog-featured-content{padding:var(--space-4)}.blog-featured-title{font-size:var(--text-xl)}.blog-article-title{font-size:var(--text-2xl)}.blog-article-excerpt{font-size:var(--text-base)}.blog-sidebar{grid-template-columns:1fr}.blog-related-grid{grid-template-columns:1fr}.blog-author-bio{flex-direction:column;align-items:center;text-align:center}.blog-author-bio-avatar{width:80px;height:80px}.blog-pagination{flex-direction:column;gap:var(--space-3)}.blog-pagination-numbers{order:-1}}@media (max-width:480px){.blog-categories-bar{margin-bottom:var(--space-6)}.blog-category-chip{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.blog-article-meta{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.blog-share-section{flex-direction:column;align-items:flex-start}}.blog-comments-section{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--border-light)}.blog-comments-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-6)}.blog-comments-title svg{color:var(--primary-blue)}.blog-comment-form-wrap{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-8)}.blog-comment-form-title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.blog-comment-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width:600px){.blog-comment-form-grid{grid-template-columns:1fr}}.blog-form-group{margin-bottom:var(--space-4)}.blog-form-group label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-2)}.blog-form-group input,.blog-form-group textarea{width:100%;padding:var(--space-3);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.blog-form-group input:focus,.blog-form-group textarea:focus{outline:0;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(var(--primary-blue-rgb),.1)}.blog-form-group input::placeholder,.blog-form-group textarea::placeholder{color:var(--text-muted)}.blog-form-group textarea{resize:vertical;min-height:120px}.blog-form-hint{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.blog-form-actions{display:flex;justify-content:flex-end;margin-top:var(--space-4)}.blog-comment-submit{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-semibold);color:#fff;background:var(--primary-blue);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.blog-comment-submit:hover:not(:disabled){background:var(--primary-blue-dark,#1a4fa0)}.blog-comment-submit:disabled{opacity:.7;cursor:not-allowed}.blog-reply-indicator{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);margin-bottom:var(--space-4);background:rgba(var(--primary-blue-rgb),.1);border-left:3px solid var(--primary-blue);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--text-sm);color:var(--text-secondary)}.blog-cancel-reply{margin-left:auto;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.blog-cancel-reply:hover{color:var(--color-red);border-color:var(--color-red)}.blog-form-message{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm)}.blog-form-message-success{background:rgba(var(--color-green-rgb,34,197,94),.1);color:var(--color-green);border:1px solid rgba(var(--color-green-rgb,34,197,94),.3)}.blog-form-message-error{background:rgba(var(--color-red-rgb,239,68,68),.1);color:var(--color-red);border:1px solid rgba(var(--color-red-rgb,239,68,68),.3)}.blog-comments-list{display:flex;flex-direction:column;gap:var(--space-4)}.blog-comment{display:flex;gap:var(--space-3)}.blog-comment-reply{margin-left:var(--space-8);padding-left:var(--space-4);border-left:2px solid var(--border-light)}.blog-comment-replies{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.blog-comment-avatar{flex-shrink:0}.blog-comment-avatar-placeholder{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-bold);color:#fff;background-color:#5c6bc0}.blog-comment-avatar-placeholder[data-color="0"]{background-color:#5c6bc0}.blog-comment-avatar-placeholder[data-color="1"]{background-color:#7e57c2}.blog-comment-avatar-placeholder[data-color="2"]{background-color:#ab47bc}.blog-comment-avatar-placeholder[data-color="3"]{background-color:#ec407a}.blog-comment-avatar-placeholder[data-color="4"]{background-color:#ef5350}.blog-comment-avatar-placeholder[data-color="5"]{background-color:#42a5f5}.blog-comment-avatar-placeholder[data-color="6"]{background-color:#29b6f6}.blog-comment-avatar-placeholder[data-color="7"]{background-color:#26c6da}.blog-comment-avatar-placeholder[data-color="8"]{background-color:#26a69a}.blog-comment-avatar-placeholder[data-color="9"]{background-color:#66bb6a}.blog-comment-avatar-placeholder[data-color="10"]{background-color:#9ccc65}.blog-comment-avatar-placeholder[data-color="11"]{background-color:#d4e157}.blog-comment-avatar-placeholder[data-color="12"]{background-color:#ffca28}.blog-comment-avatar-placeholder[data-color="13"]{background-color:#ffa726}.blog-comment-avatar-placeholder[data-color="14"]{background-color:#ff7043}.blog-comment-avatar-placeholder[data-color="15"]{background-color:#8d6e63}.blog-comment-avatar-placeholder[data-color="16"]{background-color:#78909c}.blog-comment-avatar-placeholder[data-color="17"]{background-color:#5d4037}.blog-comment-avatar-placeholder[data-color="18"]{background-color:#455a64}.blog-comment-avatar-placeholder[data-color="19"]{background-color:#37474f}.blog-comment-body{flex:1;min-width:0}.blog-comment-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2)}.blog-comment-author{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.blog-comment-author a{color:var(--primary-blue);text-decoration:none}.blog-comment-author a:hover{text-decoration:underline}.blog-comment-reply-to{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-xs);color:var(--primary-blue);font-weight:var(--font-medium)}.blog-comment-reply-to svg{opacity:.7}.blog-comment-date{font-size:var(--text-xs);color:var(--text-muted)}.blog-comment-content{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.blog-comment-reply-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);background:0 0;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.blog-comment-reply-btn:hover{color:var(--primary-blue);background:rgba(var(--primary-blue-rgb),.1)}.blog-comments-empty{text-align:center;padding:var(--space-10) var(--space-4);color:var(--text-muted)}.blog-comments-empty svg{opacity:.4;margin-bottom:var(--space-3)}.blog-comments-empty p{font-size:var(--text-sm)}.blog-spinner{animation:blog-spin 1s linear infinite}@keyframes blog-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.blog-comment-new{animation:blog-comment-highlight 3s ease-out}@keyframes blog-comment-highlight{0%{background:rgba(var(--primary-blue-rgb),.15);transform:translateX(-10px);opacity:0}20%{transform:translateX(0);opacity:1}70%{background:rgba(var(--primary-blue-rgb),.1)}100%{background:0 0}}@media (max-width:600px){.blog-comment-reply{margin-left:var(--space-4);padding-left:var(--space-3)}.blog-comment-avatar-placeholder{width:32px;height:32px;font-size:var(--text-xs)}}.blog-404-page{min-height:60vh;display:flex;align-items:center}.blog-404-wrapper{width:100%;max-width:500px;margin:0 auto;text-align:center;padding:var(--space-10) var(--space-4)}.blog-404-icon{margin-bottom:var(--space-2)}.blog-404-code{font-size:80px;font-weight:var(--font-bold);color:var(--primary-blue);line-height:1;margin-bottom:var(--space-4)}.blog-404-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-3)}.blog-404-description{font-size:var(--text-md);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.blog-404-actions{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.blog-404-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.blog-404-btn-primary{background:var(--primary-blue);color:#fff}.blog-404-btn-primary:hover{background:var(--primary-blue-dark,#1a4fa0)}.blog-404-btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-light)}.blog-404-btn-secondary:hover{border-color:var(--primary-blue);color:var(--primary-blue)}@media (max-width:480px){.blog-404-code{font-size:60px}.blog-404-title{font-size:var(--text-xl)}.blog-404-actions{flex-direction:column}.blog-404-btn{justify-content:center}}.lazy-init{opacity:0;transition:opacity .3s ease-in-out}.lazy-loading{opacity:0}.lazy-loaded{opacity:1}.lazy-error{visibility:hidden!important;opacity:0!important;position:absolute;display:none!important}img[data-src]:not(.lazy-loaded){visibility:hidden;opacity:0}