:root{--blue:#2563eb;--navy:#0f172a;--bg:#f6f8fb;--card:#fff;--text:#1e293b;--muted:#64748b;--border:#e2e8f0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.65}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.site-header{background:linear-gradient(135deg,#0f172a,#1e40af);color:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 2px 12px #0002}
.nav{max-width:1180px;margin:auto;padding:16px 20px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}.brand{font-weight:800;font-size:1.3rem;color:#fff}.nav a{color:#dbeafe;font-weight:600}.nav .search{margin-left:auto;display:flex}.search input{width:230px;padding:9px 12px;border-radius:8px;border:1px solid #ffffff44}
.container{max-width:1180px;margin:34px auto;padding:0 20px}.hero{background:linear-gradient(135deg,#dbeafe,#fff);border:1px solid #bfdbfe;border-radius:18px;padding:34px;margin-bottom:28px}.hero h1{margin:0 0 8px;font-size:2.2rem}.hero p{margin:0;color:#475569}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:22px;box-shadow:0 5px 18px #0f172a0b}.card h2,.card h3{margin-top:0}.meta{color:var(--muted);font-size:.9rem}.tag{display:inline-block;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:3px 9px;margin:3px;font-size:.78rem}
.post{background:#fff;border:1px solid var(--border);border-radius:14px;padding:30px;box-shadow:0 5px 20px #0f172a0a}.post h1{line-height:1.25;font-size:2rem}.post img{max-width:100%;height:auto}.post table{max-width:100%;overflow:auto;border-collapse:collapse}.post iframe{max-width:100%}.post pre{overflow:auto;background:#0f172a;color:#e2e8f0;padding:15px;border-radius:8px}.post blockquote{border-left:4px solid var(--blue);padding-left:15px;color:#475569}
.footer{margin-top:50px;background:#0f172a;color:#cbd5e1;padding:28px;text-align:center}.back{display:inline-block;margin-bottom:18px}
@media(max-width:700px){.nav{gap:12px}.nav .search{order:3;width:100%;margin-left:0}.search input{width:100%}.container{padding:0 12px}.post{padding:18px}.hero{padding:24px}.hero h1{font-size:1.7rem}}