.blog-page{min-height:100vh;background:var(--neutral-50);padding-top:100px;padding-bottom:var(--space-24)}.blog-hero{background:var(--gradient-hero);padding:var(--space-16) 0 var(--space-20);text-align:center;color:#fff;position:relative;overflow:hidden}.blog-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(236,72,153,.25) 0%,transparent 70%)}.blog-hero-inner{position:relative;z-index:1}.blog-hero h1{font-size:var(--text-5xl);font-weight:800;margin-bottom:var(--space-4);color:#fff;letter-spacing:var(--tracking-tight)}.blog-hero p{font-size:var(--text-xl);color:#fffc;max-width:600px;margin:0 auto}.blog-grid-section{padding:var(--space-16) 0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.blog-card{background:#fff;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--neutral-100);transition:all var(--transition-base);display:flex;flex-direction:column;text-decoration:none;color:inherit}.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--primary-200)}.blog-card-thumb{width:100%;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;font-size:4rem;background:linear-gradient(135deg,var(--primary-50),var(--primary-100))}.blog-card-body{padding:var(--space-6);flex:1;display:flex;flex-direction:column}.blog-card-tag{display:inline-flex;align-items:center;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--primary-600);background:var(--primary-50);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-3);width:fit-content}.blog-card h2{font-family:var(--font-body);font-size:var(--text-lg);font-weight:700;color:var(--neutral-900);margin-bottom:var(--space-3);line-height:var(--leading-snug)}.blog-card p{font-size:var(--text-sm);color:var(--neutral-500);line-height:var(--leading-relaxed);flex:1;margin-bottom:var(--space-4)}.blog-card-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--neutral-400);border-top:1px solid var(--neutral-100);padding-top:var(--space-4);margin-top:auto}.blog-card-meta span{display:flex;align-items:center;gap:var(--space-1)}.article-page{min-height:100vh;background:var(--neutral-50);padding-top:80px;padding-bottom:var(--space-24)}.article-hero{background:var(--gradient-hero);padding:var(--space-16) 0;color:#fff;position:relative;overflow:hidden}.article-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 0%,rgba(236,72,153,.2) 0%,transparent 70%)}.article-hero-inner{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:0 var(--space-6)}.article-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#fff9;margin-bottom:var(--space-6)}.article-breadcrumb a{color:#ffffffb3;text-decoration:none;transition:color var(--transition-fast)}.article-breadcrumb a:hover{color:#fff}.article-breadcrumb span{color:#fff6}.article-tag{display:inline-flex;align-items:center;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--primary-300);background:#ec489926;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.article-hero h1{font-size:var(--text-4xl);font-weight:800;color:#fff;line-height:var(--leading-snug);margin-bottom:var(--space-5);letter-spacing:var(--tracking-tight)}.article-byline{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.article-author-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;color:#fff;flex-shrink:0}.article-meta{font-size:var(--text-sm);color:#ffffffb3;display:flex;flex-wrap:wrap;gap:var(--space-3)}.article-meta strong{color:#ffffffe6}.article-meta-sep{color:#ffffff4d}.article-layout{max-width:800px;margin:0 auto;padding:var(--space-12) var(--space-6) 0}.article-body{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-12);box-shadow:var(--shadow-md);border:1px solid var(--neutral-100)}.article-body h2{font-family:var(--font-body);font-size:var(--text-2xl);font-weight:700;color:var(--neutral-900);margin-top:var(--space-10);margin-bottom:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--neutral-100)}.article-body h2:first-child{margin-top:0;padding-top:0;border-top:none}.article-body h3{font-family:var(--font-body);font-size:var(--text-xl);font-weight:700;color:var(--neutral-800);margin-top:var(--space-6);margin-bottom:var(--space-3)}.article-body p{font-size:var(--text-base);color:var(--neutral-600);line-height:1.8;margin-bottom:var(--space-5)}.article-body ul,.article-body ol{margin-bottom:var(--space-5);padding-left:var(--space-8)}.article-body ul li{list-style:disc;font-size:var(--text-base);color:var(--neutral-600);line-height:1.8;margin-bottom:var(--space-2)}.article-body ol li{list-style:decimal;font-size:var(--text-base);color:var(--neutral-600);line-height:1.8;margin-bottom:var(--space-2)}.article-body strong{color:var(--neutral-800);font-weight:700}.article-body a{color:var(--primary-600);font-weight:500;text-decoration:underline;text-underline-offset:3px}.article-body a:hover{color:var(--primary-700)}.article-tip{background:linear-gradient(135deg,var(--primary-50),#f5f0ff);border-left:4px solid var(--primary-400);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:var(--space-5) var(--space-6);margin:var(--space-6) 0}.article-tip p{margin-bottom:0;font-size:var(--text-sm);color:var(--neutral-700)}.article-tip strong{color:var(--primary-700);display:block;margin-bottom:var(--space-2)}.article-cta{background:var(--gradient-hero);border-radius:var(--radius-2xl);padding:var(--space-10);text-align:center;margin-top:var(--space-10);color:#fff}.article-cta h2{color:#fff!important;border-top:none!important;margin-top:0!important;padding-top:0!important}.article-cta p{color:#fffc!important}.related-posts{margin-top:var(--space-12)}.related-posts h2{font-family:var(--font-body);font-size:var(--text-xl);font-weight:700;color:var(--neutral-800);margin-bottom:var(--space-6)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.related-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid var(--neutral-100);text-decoration:none;color:inherit;transition:all var(--transition-base);display:block}.related-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.related-card-emoji{font-size:1.75rem;margin-bottom:var(--space-3)}.related-card h3{font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;color:var(--neutral-800);line-height:var(--leading-snug);margin-bottom:var(--space-2)}.related-card span{font-size:var(--text-xs);color:var(--neutral-400)}.about-page{min-height:100vh;background:var(--neutral-50);padding-top:80px;padding-bottom:var(--space-24)}.about-hero{background:var(--gradient-hero);padding:var(--space-16) 0;text-align:center;color:#fff;position:relative;overflow:hidden}.about-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(139,92,246,.3) 0%,transparent 70%)}.about-hero-inner{position:relative;z-index:1}.about-hero h1{font-size:var(--text-5xl);font-weight:800;color:#fff;margin-bottom:var(--space-4);letter-spacing:var(--tracking-tight)}.about-hero p{font-size:var(--text-xl);color:#fffc;max-width:600px;margin:0 auto}.about-content{max-width:800px;margin:var(--space-12) auto 0;padding:0 var(--space-6)}.about-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-md);border:1px solid var(--neutral-100);margin-bottom:var(--space-6)}.about-card h2{font-family:var(--font-body);font-size:var(--text-2xl);font-weight:700;color:var(--neutral-900);margin-bottom:var(--space-4)}.about-card p{font-size:var(--text-base);color:var(--neutral-600);line-height:1.8;margin-bottom:var(--space-4)}.about-card p:last-child{margin-bottom:0}.about-values{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5);margin-top:var(--space-6)}.about-value{padding:var(--space-5);border-radius:var(--radius-xl);background:var(--neutral-50);border:1px solid var(--neutral-100)}.about-value-icon{font-size:1.75rem;margin-bottom:var(--space-3)}.about-value h3{font-family:var(--font-body);font-size:var(--text-base);font-weight:700;color:var(--neutral-800);margin-bottom:var(--space-2)}.about-value p{font-size:var(--text-sm);color:var(--neutral-500);line-height:var(--leading-relaxed);margin-bottom:0}.about-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-top:var(--space-6)}.about-stat{text-align:center;padding:var(--space-6);background:var(--gradient-primary);border-radius:var(--radius-xl);color:#fff}.about-stat-value{font-size:var(--text-3xl);font-weight:800;display:block;margin-bottom:var(--space-1)}.about-stat-label{font-size:var(--text-sm);opacity:.85}.blog-preview-section{padding:var(--space-20) 0;background:var(--neutral-50)}.blog-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media (max-width: 1024px){.blog-grid,.related-grid,.blog-preview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.blog-hero h1{font-size:var(--text-3xl)}.article-hero h1{font-size:var(--text-2xl)}.blog-grid,.related-grid,.blog-preview-grid{grid-template-columns:1fr}.article-body{padding:var(--space-6)}.about-values,.about-stat-row{grid-template-columns:1fr}.about-hero h1{font-size:var(--text-3xl)}}