:root{--color-bg:#fff;--color-surface:#fff;--color-text-primary:#222221;--color-text-secondary:#4d4846;--color-text-muted:#4d4846;--color-border:#edede880;--color-footer-bg:#1a1a1a;--color-footer-text:#fff;--color-accent:#222221;--font-family:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--container-max-width:800px;--spacing-xs:.5rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-xxl:5rem;--radius-sm:6px;--radius-md:6px;--radius-lg:16px;--transition-fast:.15s ease;--transition-base:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-primary);flex-direction:column;min-height:100vh;line-height:1.6;display:flex}.container{width:100%;max-width:var(--container-max-width);padding:var(--spacing-xl)var(--spacing-lg);flex:1;margin:0 auto}.header{margin-bottom:var(--spacing-xl)}.page-title{color:var(--color-text-primary);letter-spacing:-.01em;font-size:2.5rem;font-weight:400}.blog-list{flex-direction:column;display:flex}.blog-item{color:inherit;cursor:pointer;background-color:#0000;border-radius:12px;align-items:center;gap:16px;margin:0 -16px;padding:12px 16px;text-decoration:none;transition:background-color .2s,transform .2s;display:flex;position:relative}.blog-item:first-child{margin-top:0}.blog-item:after{content:"";background-color:var(--color-border);height:1px;position:absolute;bottom:-1px;left:16px;right:16px}.blog-item:last-child:after{display:none}.blog-item:hover{background-color:#f5f5f3;transform:translate(8px)}.blog-thumbnail-wrapper{background-color:#f5f5f5;border-radius:6px;flex-shrink:0;width:80px;height:80px;overflow:hidden}.blog-thumbnail{object-fit:cover;width:100%;height:100%}.blog-content{gap:var(--spacing-xs);flex-direction:column;flex:1;min-width:0;display:flex}.blog-title{color:var(--color-text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:1.25rem;font-weight:400;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-meta{align-items:center;gap:8px;font-size:.75rem;display:flex}.blog-category{color:var(--color-text-secondary);font-weight:400}.blog-date{color:var(--color-text-secondary)}.blog-meta-separator{background-color:var(--color-text-muted);border-radius:50%;width:3px;height:3px}.footer{background-color:var(--color-footer-bg);padding:var(--spacing-lg)var(--spacing-lg);margin-top:auto}.footer-content{max-width:var(--container-max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.footer-brand{align-items:center;gap:var(--spacing-sm);color:var(--color-footer-text);display:flex}.footer-icon{font-size:1.25rem}.footer-name{letter-spacing:-.01em;font-size:1rem;font-weight:600}.footer-tagline{color:var(--color-text-muted);font-size:.875rem}.empty-state{text-align:center;padding:var(--spacing-xxl)var(--spacing-lg);color:var(--color-text-muted)}.empty-state-icon{margin-bottom:var(--spacing-md);opacity:.5;font-size:3rem}.empty-state-text{font-size:1.125rem}.loading-skeleton{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width:640px){.container{padding:var(--spacing-lg)var(--spacing-sm)}.page-title{font-size:2rem}.blog-thumbnail-wrapper{width:64px;height:64px}.blog-title{font-size:1rem}.blog-meta{gap:var(--spacing-xs);flex-wrap:wrap;font-size:.75rem}.footer-content{gap:var(--spacing-sm);text-align:center;flex-direction:column}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.blog-list{animation:.2s forwards fadeIn}