.blog-page{background:var(--site-bg);flex-direction:column;flex:1 0 auto;min-height:100vh;display:flex}.blog-header{z-index:100;background:var(--site-surface);border-bottom:none;position:fixed;top:0;left:0;right:0}.blog-header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:20px 24px;display:flex}.blog-logo{color:var(--site-text);font-family:TikTok Sans,sans-serif;font-size:22px;font-weight:700;text-decoration:none}.blog-nav{gap:32px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.blog-nav a{color:var(--site-text-soft);font-family:TikTok Sans,sans-serif;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.blog-nav a:hover,.blog-nav a.active{color:var(--site-text)}.blog-contact-btn{border:1px solid var(--site-border);color:var(--site-text);border-radius:24px;align-items:center;padding:10px 20px;font-family:TikTok Sans,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.blog-contact-btn:hover{border-color:var(--site-invert-bg);background:var(--site-invert-bg);color:var(--site-invert-text)}.blog-header-actions{align-items:center;gap:10px;display:flex}.blog-main{flex:1 0 auto;padding-top:80px}.blog-container{grid-template-columns:1fr 300px;gap:40px;max-width:1200px;margin:0 auto;padding:40px 24px 100px;display:grid}.blog-content{min-width:0}.featured-post{box-shadow:var(--site-shadow-lg);border-radius:24px;margin-bottom:40px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:block;overflow:hidden}.featured-post:hover{box-shadow:var(--site-shadow-lg-hover);transform:translateY(-4px)}.featured-image{background-position:50%;background-size:cover;height:400px;position:relative}.featured-overlay{background:linear-gradient(#0000 0%,#000c 100%);padding:32px;position:absolute;bottom:0;left:0;right:0}.featured-categories{gap:8px;margin-bottom:16px;display:flex}.category-tag{color:#fff;border-radius:20px;padding:6px 14px;font-family:TikTok Sans,sans-serif;font-size:13px;font-weight:600;display:inline-block}.category-tag.category-0{background:#fe2c55}.category-tag.category-1{color:#1a1a1a;background:#25f4ee}.category-tag.category-2{color:#1a1a1a;background:#fc0}.category-tag.small{padding:4px 10px;font-size:11px}.featured-title{color:#fff;margin:0 0 12px;font-family:TikTok Sans,sans-serif;font-size:32px;font-weight:700;line-height:1.2}.featured-title .arrow{transition:transform .3s;display:inline-block}.featured-post:hover .featured-title .arrow{transform:translate(8px)}.featured-read-time{color:#fffc;align-items:center;gap:6px;font-family:TikTok Sans,sans-serif;font-size:14px;display:flex}.section-title{color:var(--site-text);align-items:center;gap:10px;margin:0 0 20px;font-family:TikTok Sans,sans-serif;font-size:20px;font-weight:700;display:flex}.blog-categories-section{margin-bottom:40px}.categories-grid{flex-wrap:wrap;gap:10px;display:flex}.category-chip{border:1px solid var(--site-border);background:var(--site-surface);color:var(--site-text-soft);cursor:pointer;border-radius:20px;padding:10px 18px;font-family:TikTok Sans,sans-serif;font-size:14px;font-weight:500;transition:all .2s}.category-chip:hover{border-color:var(--site-invert-bg);color:var(--site-text)}.category-chip.active{background:var(--site-invert-bg);border-color:var(--site-invert-bg);color:var(--site-invert-text)}.blog-posts-section{margin-bottom:40px}.posts-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.posts-grid,.no-posts{min-height:680px}.posts-grid{align-content:start}.post-card{background:var(--site-surface);box-shadow:var(--site-shadow);border-radius:16px;text-decoration:none;transition:transform .3s,box-shadow .3s;overflow:hidden}.post-card:hover{box-shadow:var(--site-shadow-hover);transform:translateY(-4px)}.post-image{background-position:50%;background-size:cover;height:180px;position:relative}.post-categories{gap:6px;display:flex;position:absolute;top:12px;left:12px}.post-content{padding:20px}.post-title{color:var(--site-text);margin:0 0 10px;font-family:TikTok Sans,sans-serif;font-size:18px;font-weight:700;line-height:1.3}.post-excerpt{color:var(--site-text-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px;font-family:TikTok Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}.post-meta{align-items:center;gap:12px;display:flex}.post-read-time{color:var(--site-text-muted);font-family:TikTok Sans,sans-serif;font-size:13px}.category-chip:disabled{cursor:default;opacity:.55}.category-chip:disabled:hover{border-color:var(--site-border);color:var(--site-text-soft)}.category-chip.active:disabled:hover{border-color:var(--site-invert-bg);color:var(--site-invert-text)}.blog-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:32px;display:flex}.page-btn{border:1px solid var(--site-border);background:var(--site-surface);min-width:40px;height:40px;color:var(--site-text-soft);cursor:pointer;border-radius:20px;padding:0 12px;font-family:TikTok Sans,sans-serif;font-size:14px;font-weight:500;transition:all .2s}.page-btn:hover:not(:disabled){border-color:var(--site-invert-bg);color:var(--site-text)}.page-btn.active{background:var(--site-invert-bg);border-color:var(--site-invert-bg);color:var(--site-invert-text)}.page-btn:disabled{cursor:default;opacity:.55}.page-arrow{font-size:16px}.page-gap{color:var(--site-text-muted);padding:0 4px;font-family:TikTok Sans,sans-serif;font-size:14px}.posts-grid-enter .post-card{opacity:0;animation:.45s forwards cardIn;animation-delay:calc(var(--card-index,0) * 70ms)}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.blog-content-enter{animation:.35s blogContentIn}@keyframes blogContentIn{0%{opacity:0}to{opacity:1}}.blog-skeleton{background:linear-gradient(90deg, var(--site-skeleton-base) 25%, var(--site-skeleton-shine) 50%, var(--site-skeleton-base) 75%);background-size:200% 100%;animation:1.5s infinite blogSkeleton}@keyframes blogSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.featured-skeleton{border-radius:24px;height:400px;margin-bottom:40px}.skeleton-section-title{border-radius:6px;width:210px;height:24px;margin-bottom:20px}.category-chip-skeleton{border-radius:20px;height:40px}.post-card-skeleton{background:var(--site-surface);box-shadow:var(--site-shadow);border-radius:16px;overflow:hidden}.skeleton-image{height:180px}.skeleton-body{padding:20px}.skeleton-line{border-radius:4px;height:14px;margin-bottom:12px}.skeleton-line.short{width:70%}.skeleton-line.tiny{width:40%;margin-bottom:0}@media (prefers-reduced-motion:reduce){.posts-grid-enter .post-card{opacity:1;animation:none}.blog-content-enter,.blog-skeleton{animation:none}}.blog-sidebar{align-self:start;position:sticky;top:100px}.sidebar-widget{background:var(--site-surface-2);border-radius:16px;margin-bottom:20px;padding:24px}.sidebar-widget h4{color:var(--site-text);margin:0 0 12px;font-family:TikTok Sans,sans-serif;font-size:16px;font-weight:700}.sidebar-widget p{color:var(--site-text-soft);margin:0;font-family:TikTok Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.6}.no-posts{text-align:center;padding:60px 20px}.no-posts p{color:var(--site-text-soft);font-family:TikTok Sans,sans-serif;font-size:18px}@media (width<=1024px){.blog-container{grid-template-columns:1fr}.blog-sidebar{display:none;position:static}}@media (width<=768px){.blog-header-content{padding:12px 16px}.blog-logo{font-size:20px}.blog-nav{gap:20px;position:static;transform:none}.blog-nav a{font-size:14px}.blog-contact-btn{display:none}.blog-container{padding:24px 16px}.featured-image,.featured-skeleton{height:300px}.featured-title{font-size:24px}.posts-grid{grid-template-columns:1fr}.posts-grid,.no-posts{min-height:0}.post-image,.skeleton-image{height:200px}}@media (width<=480px){.featured-image,.featured-skeleton{height:250px}.featured-overlay{padding:20px}.featured-title{font-size:20px}.category-tag{padding:4px 10px;font-size:11px}}