:root{--primary:#12827a;--primary-light:#e0f2f1;--primary-hover:#0e6660;--accent:#e76f51;--bg-main:#f8fafc;--bg-card:#fff;--text-main:#1e293b;--text-muted:#64748b;--text-light:#94a3b8;--border-color:#e2e8f0;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);color:var(--text-main);background-color:var(--bg-main);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.6}body{flex-direction:column;min-height:100vh;display:flex}main{flex:1}a{color:var(--primary);text-decoration:none;transition:color .15s ease-in-out}a:hover{color:var(--primary-hover);text-decoration:underline}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 1.5rem}.site-header{border-bottom:1px solid var(--border-color);z-index:50;background:#fff;position:sticky;top:0;box-shadow:0 1px 3px #00000005}.header-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.site-logo{color:#0f172a;letter-spacing:-.02em;align-items:center;gap:.75rem;font-size:1.4rem;font-weight:800;text-decoration:none;display:flex}.site-logo .badge-dot{background-color:#39c5bb;border-radius:50%;width:12px;height:12px;display:inline-block;box-shadow:0 0 8px #39c5bb99}.site-nav{align-items:center;gap:1.5rem;display:flex}.site-nav a{color:var(--text-muted);font-size:.95rem;font-weight:500}.site-nav a:hover{color:var(--primary);text-decoration:none}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.75rem;margin:2rem 0;display:grid}.post-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.post-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000000f,0 8px 10px -6px #0000000a}.post-card-thumb{aspect-ratio:16/9;background:#f1f5f9;position:relative;overflow:hidden}.post-card-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.post-card:hover .post-card-thumb img{transform:scale(1.03)}.post-card-thumb-placeholder{color:#00796b;background:linear-gradient(135deg,#e0f2f1 0%,#b2dfdb 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;font-weight:700;display:flex}.post-card-body{flex-direction:column;flex:1;padding:1.25rem;display:flex}.post-meta{color:var(--text-light);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.82rem;display:flex}.post-card-title{margin-bottom:.6rem;font-size:1.15rem;font-weight:700;line-height:1.35}.post-card-title a{color:var(--text-main);text-decoration:none}.post-card-title a:hover{color:var(--primary)}.post-card-excerpt{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.88rem;line-height:1.5;display:-webkit-box;overflow:hidden}.article-header{text-align:center;max-width:800px;margin:2.5rem auto 2rem}.article-title{letter-spacing:-.02em;color:#0f172a;margin-bottom:1rem;font-size:2.25rem;font-weight:800;line-height:1.25}.article-meta{color:var(--text-muted);justify-content:center;align-items:center;gap:1rem;font-size:.95rem;display:flex}.article-featured-img{border-radius:var(--radius-md);max-width:860px;margin:0 auto 2.5rem;overflow:hidden;box-shadow:0 4px 20px #0000000f}.article-content{color:#334155;max-width:760px;margin:0 auto;font-size:1.08rem;line-height:1.75}.article-content p{margin-bottom:1.35rem}.article-content h2,.article-content h3,.article-content h4{color:#0f172a;margin-top:2rem;margin-bottom:.75rem;font-weight:700}.article-content h2{font-size:1.5rem}.article-content h3{font-size:1.25rem}.article-content img{border-radius:var(--radius-sm);margin:1.5rem auto}.article-content iframe{max-width:100%;margin:1.5rem auto;display:block}.article-content blockquote{color:#475569;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#f8fafc;border-left:4px solid #39c5bb;margin:1.5rem 0;padding:.75rem 1rem;font-style:italic}.article-content ul,.article-content ol{margin:1rem 0 1.5rem 1.75rem}.article-content li{margin-bottom:.35rem}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:3rem 0;display:flex}.page-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);background:#fff;padding:.5rem 1rem;font-size:.9rem;font-weight:500}.page-btn:hover{background:#f1f5f9;text-decoration:none}.page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.page-info{color:var(--text-muted);margin:0 .5rem;font-size:.88rem}.site-footer{border-top:1px solid var(--border-color);color:var(--text-muted);background:#fff;margin-top:4rem;padding:3rem 0;font-size:.9rem}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.static-badge{color:#047481;background:#e6fffa;border:1px solid #b2f5ea;border-radius:9999px;align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}@media (width<=640px){.header-inner{flex-direction:column;gap:.75rem;height:auto;padding:1rem 0}.article-title{font-size:1.75rem}.article-content{font-size:1rem}}