.bl-page{background:var(--color-background);color:var(--color-text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}.bl-public-header{justify-content:space-between;max-width:var(--container-xl);margin:0 auto;padding:var(--space-4) var(--space-6)}.bl-logo-link,.bl-public-header{display:flex;align-items:center}.bl-logo-img{height:80px;width:auto}.bl-nav-right{display:flex;align-items:center;gap:16px}.bl-nav-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);text-decoration:none;transition:color var(--transition)}.bl-nav-link:hover{color:var(--color-primary)}.bl-cta-btn{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-6);background:var(--color-primary);color:var(--color-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);text-decoration:none;transition:all var(--transition)}.bl-cta-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-primary)}.bl-hero{max-width:720px;margin:0 auto;padding:var(--space-12) var(--space-6) var(--space-8);text-align:center;animation:bl-fadeUp .6s ease-out both}.bl-hero-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:var(--font-weight-bold);line-height:1.15;color:var(--color-text-primary);margin:0 0 var(--space-4)}.bl-hero-subtitle{font-size:clamp(1rem,2vw,1.1rem);color:var(--color-text-secondary);line-height:1.65;margin:0 auto;max-width:540px}.bl-category-tabs{max-width:var(--container-xl);margin:0 auto var(--space-8);padding:0 var(--space-6);display:flex;gap:var(--space-1);justify-content:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bl-category-tabs::-webkit-scrollbar{display:none}.bl-category-tab{padding:7px var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:inherit;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition);white-space:nowrap;flex-shrink:0}.bl-category-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.bl-category-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}.bl-grid{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-6) var(--space-12);display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-6);gap:var(--space-6);animation:bl-fadeUp .8s ease-out both}.bl-empty,.bl-error{grid-column:1/-1;text-align:center;padding:var(--space-12) 0;color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.6}.bl-show-all{margin-top:var(--space-4);background:none;border:none;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:inherit;cursor:pointer;text-decoration:underline}.bl-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition)}.bl-card:hover{border-color:var(--color-primary);transform:translateY(-3px);box-shadow:var(--shadow-md)}.bl-card-image{width:100%;height:200px;object-fit:cover;display:block}.bl-card-gradient{display:flex;align-items:center;justify-content:center}.bl-card-gradient-icon{font-size:2rem;opacity:.4;filter:brightness(2)}.bl-card-body{padding:var(--space-6);display:flex;flex-direction:column;flex:1 1}.bl-card-badge{display:inline-block;width:-moz-fit-content;width:fit-content;font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:3px 10px;border-radius:6px;background:var(--color-primary-light);color:var(--color-primary);margin-bottom:var(--space-2)}.bl-card-badge,.bl-card-title{font-weight:var(--font-weight-bold)}.bl-card-title{font-size:var(--font-size-lg);line-height:1.3;color:var(--color-text-primary);margin:0 0 var(--space-2)}.bl-card-excerpt{font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-secondary);margin:0 0 var(--space-4);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1 1}.bl-card-footer{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.bl-card-author{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.bl-card-author,.bl-card-dot{font-size:var(--font-size-xs)}.bl-card-dot{color:var(--color-border)}.bl-card-date,.bl-card-read{font-size:var(--font-size-xs);color:var(--color-text-muted)}.bl-skeleton-card{pointer-events:none}.bl-skeleton{background:var(--color-gray-200);border-radius:var(--radius-sm);animation:bl-pulse 1.5s ease-in-out infinite}.bl-skeleton-image{width:100%;height:200px;border-radius:0}.bl-skeleton-badge{width:72px;height:20px;margin-bottom:var(--space-2)}.bl-skeleton-title{width:85%;height:22px;margin-bottom:var(--space-2)}.bl-skeleton-excerpt{width:100%;height:14px;margin-bottom:var(--space-1)}.bl-skeleton-excerpt-short{width:60%}.bl-skeleton-meta-row{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.bl-skeleton-meta{width:64px;height:12px}@keyframes bl-pulse{0%,to{opacity:1}50%{opacity:.4}}.bl-load-more-wrap{text-align:center;padding:0 var(--space-6) var(--space-12)}.bl-load-more{display:inline-block;padding:12px 40px;background:var(--color-surface);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:inherit;border:1.5px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition)}.bl-load-more:hover{background:var(--color-primary);color:var(--color-surface);transform:translateY(-1px);box-shadow:var(--shadow-primary)}.bl-footer{max-width:var(--container-xl);margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-12);text-align:center;border-top:1px solid var(--color-border)}.bl-footer-links{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-2)}.bl-footer-links a{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.bl-footer-links a:hover{color:var(--color-primary)}.bl-footer-sep{color:var(--color-border)}.bl-footer-copy{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}@keyframes bl-fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.bl-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.bl-public-header{padding:var(--space-2) var(--space-4)}.bl-logo-img{height:60px}.bl-cta-btn{padding:6px var(--space-4);font-size:var(--font-size-xs)}.bl-hero{padding:var(--space-8) var(--space-4) var(--space-6)}.bl-category-tabs{padding:0 var(--space-4);justify-content:flex-start}.bl-grid{grid-template-columns:1fr;padding:0 var(--space-4) var(--space-8)}.bl-card-image{height:180px}.bl-card-body{padding:var(--space-4)}}