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