.blog-hero{background-color:var(--color-bg-light);padding:var(--spacing-xxl) 0 var(--spacing-xl);text-align:center;border-bottom:1px solid var(--border-color)}.blog-hero h1{font-size:var(--font-size-xxl);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.blog-hero .subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:800px;margin:0 auto}.blog-list-container{padding:var(--spacing-xxl) 0}.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{background:var(--color-white);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.08)}.blog-card-image{width:100%;height:200px;background-color:var(--color-bg-light);position:relative;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:var(--spacing-md);display:flex;flex-direction:column;flex:1}.blog-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.blog-category{background:rgba(76,175,80,.1);color:var(--color-primary);padding:2px 8px;border-radius:4px;font-weight:600}.blog-card h3{font-size:1.25rem;margin-bottom:var(--spacing-xs);line-height:1.3;color:var(--color-text-main)}.blog-card p{font-size:.95rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-md);flex:1}.read-more{font-weight:600;color:var(--color-primary);display:inline-flex;align-items:center;gap:5px;margin-top:auto}.read-more:hover{color:var(--color-primary-hover);text-decoration:underline}.blog-layout-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xxl);padding:var(--spacing-xl) var(--spacing-md);max-width:1200px;margin:0 auto}@media (min-width:1024px){.blog-layout-wrapper{flex-direction:row;align-items:flex-start}}.article-main{flex:1;min-width:0}.blog-sidebar{width:100%;display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (min-width:1024px){.blog-sidebar{width:320px;flex-shrink:0;position:sticky;top:100px;align-self:flex-start}}.article-hero{background:var(--color-bg-light);padding:var(--spacing-xxl) 0 var(--spacing-xl);text-align:center}.breadcrumb{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.breadcrumb a{color:var(--color-primary)}.article-hero h1{font-size:2.5rem;line-height:1.2;margin-bottom:var(--spacing-md);max-width:900px;margin-left:auto;margin-right:auto}.article-meta{display:flex;justify-content:center;gap:var(--spacing-lg);color:var(--color-text-secondary);font-size:.95rem;flex-wrap:wrap}.article-image-container{max-width:900px;margin:-40px auto var(--spacing-xl);position:relative;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:0 var(--spacing-md)}.article-image-container img{width:100%;height:auto;max-height:500px;object-fit:cover;border-radius:var(--border-radius-lg)}.table-of-contents{background-color:var(--color-bg-light);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin:var(--spacing-xl) auto}.toc-title{font-size:1.25rem;margin-bottom:var(--spacing-md);color:var(--color-text-main)}.toc-list{display:flex;flex-direction:column;gap:8px}.toc-item a{color:var(--color-text-secondary);font-size:.95rem;transition:color .2s;display:inline-block}.toc-item a:hover,.toc-item.active a{color:var(--color-primary)}.toc-item.active a{font-weight:600}.toc-level-2{margin-left:0}.toc-level-3{margin-left:var(--spacing-md);font-size:.9rem}.article-body{padding:0 0 var(--spacing-xxl);font-size:1.1rem;line-height:1.8;color:#333}.article-body h2{font-size:1.8rem;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm);color:var(--color-text-main)}.article-body h3{font-size:1.4rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.article-body p{margin-bottom:var(--spacing-md)}.article-body ol,.article-body ul{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}.article-body li{margin-bottom:8px}.article-body a{color:var(--color-primary);font-weight:600;text-decoration:underline}.article-body a.cta-link{display:inline-block;background-color:var(--color-primary);color:var(--color-white);padding:10px 20px;border-radius:var(--border-radius-sm);text-decoration:none;margin:var(--spacing-sm) 0;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .2s,background-color .2s}.article-body a.cta-link:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);color:var(--color-white)}.article-body a:hover:not(.cta-link){color:var(--color-primary-hover)}.article-body table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse;margin:var(--spacing-lg) 0;font-size:.98rem;line-height:1.6}.article-body table tbody,.article-body table tfoot,.article-body table thead,.article-body table tr{display:table;width:100%;table-layout:fixed}.article-body table thead{display:table-header-group}.article-body table tbody{display:table-row-group}.article-body table tfoot{display:table-footer-group}.article-body table tr{display:table-row}.article-body td,.article-body th{display:table-cell;border:1px solid #dfe4ec;padding:10px 14px;vertical-align:top;text-align:left;min-width:8rem;word-break:break-word}.article-body th{background:#f4f7fb;font-weight:700;color:var(--color-text-main)}.article-body tbody tr:nth-child(2n) td{background:#fafbfd}.article-body caption{caption-side:bottom;padding-top:10px;font-size:.9rem;color:#6b7280;text-align:left}.article-body img{display:block;max-width:100%;height:auto;border-radius:var(--border-radius-sm);margin:var(--spacing-lg) auto}.article-body blockquote{margin:var(--spacing-lg) 0;padding:var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-md);border-left:4px solid var(--color-primary);background:#f8fafc;color:#475569;font-style:italic}.article-body blockquote p:last-child{margin-bottom:0}.article-body hr{border:none;border-top:1px solid #dfe4ec;margin:var(--spacing-xl) 0}.article-body p[style*="text-align: center"] img,.article-body p[style*="text-align:center"] img{margin-left:auto;margin-right:auto}@media (max-width:640px){.article-body td,.article-body th{padding:8px 10px;min-width:7rem}}.sidebar-widget{background:var(--color-white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg)}.widget-title{font-size:1.2rem;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--color-bg-light)}.widget-list{display:flex;flex-direction:column;gap:12px}.recent-post-link{display:block;color:var(--color-text-main);font-weight:500;font-size:.95rem;margin-bottom:4px;line-height:1.4}.recent-post-link:hover{color:var(--color-primary)}.recent-post-date{font-size:.8rem;color:var(--color-text-secondary)}.category-link,.important-nav-link{color:var(--color-text-secondary);display:block;padding:6px 0;border-bottom:1px dashed var(--border-color);transition:color .2s}.category-link:hover,.important-nav-link:hover{color:var(--color-primary);padding-left:5px}.widget-list li:last-child a{border-bottom:none}.join-cta-widget{background:linear-gradient(135deg,rgba(76,175,80,.1),rgba(76,175,80,.05));border:1px solid rgba(76,175,80,.2);text-align:center}.join-cta-widget p{font-size:.95rem;margin-bottom:var(--spacing-md)}.related-articles{background:var(--color-bg-light);padding:var(--spacing-xxl) 0;border-top:1px solid var(--border-color)}.related-articles h2{text-align:center;margin-bottom:var(--spacing-xl)}@media (max-width:768px){.article-hero h1{font-size:2rem}.article-image-container{margin-top:0;padding:0;border-radius:0}.article-image-container img{border-radius:0}.article-body{font-size:1.05rem}.article-body h2{font-size:1.5rem}}