.blog-page{background-color:var(--bg-color);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.blog-main{flex:1;padding:32px 0 64px}.blog-header{background:linear-gradient(135deg,#1e88e5,#7b1fa2);color:var(--white);padding:12px 0;position:sticky;top:0;z-index:100}.blog-header-inner{align-items:center;display:flex;gap:16px;justify-content:space-between}.blog-brand{align-items:center;color:var(--white);display:inline-flex;font-size:1.2rem;font-weight:700;gap:10px;text-decoration:none}.blog-brand img{border-radius:10px;height:40px;width:40px}.blog-nav{display:flex;gap:18px}.blog-nav a{color:var(--white);font-weight:600;opacity:.9;text-decoration:none}.blog-nav a.router-link-exact-active,.blog-nav a:hover{opacity:1;text-decoration:underline}.blog-container{max-width:820px}.blog-breadcrumb{color:#666;font-size:.9rem;margin-bottom:16px}.blog-breadcrumb span[aria-hidden]{margin:0 4px}.blog-breadcrumb a{color:var(--primary-color);text-decoration:none}.blog-meta{color:#777;font-size:.9rem;margin-bottom:8px}.blog-footer-links a{color:var(--white);font-weight:600}