:root{--bg:#fff;--fg:#1a1c20;--muted:#667085;--border:#e5e7eb;--brand:#1f6feb;--content:840px;--max:1200px}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:18px/1.8 system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Apple SD Gothic Neo,Arial}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.gp-container{max-width:var(--max);margin:0 auto;padding:0 20px}.gp-footer,.gp-header{background:#fff;border-bottom:1px solid var(--border)}.gp-footer{border-top:1px solid var(--border);border-bottom:0}.gp-header .gp-container{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.gp-brand{display:inline-flex;align-items:center;gap:12px;font-weight:700;font-size:20px;color:var(--fg);padding:10px 0}.gp-brand__logo{width:40px;height:40px;border-radius:12px;flex-shrink:0}.gp-brand__text{color:inherit;line-height:1}.gp-nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.gp-nav a{color:var(--fg)}.gp-main{padding:36px 0}.gp-main-flex{display:flex;gap:32px;justify-content:center}.gp-sidebar{width:260px;position:-webkit-sticky;position:sticky;top:20px;height:-moz-fit-content;height:fit-content}.gp-content,.gp-entry{flex:1 1}@media (max-width:768px){.gp-header .gp-container{flex-direction:column;align-items:flex-start}.gp-main-flex{flex-direction:column;align-items:center}.gp-sidebar{width:100%;position:static;margin-top:24px}.gp-content,.gp-entry{width:100%}}@media (max-width:480px){.gp-container{padding:0 24px}}.gp-content{max-width:var(--content)}.gp-list{display:flex;flex-direction:column;gap:18px}.gp-post-item{display:flex;gap:16px;border:1px solid var(--border);border-radius:12px;padding:16px;background:#fff}.gp-thumb{width:128px;height:86px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.gp-post-title{margin:0 0 6px;font-size:24px;line-height:1.3}.gp-post-meta{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:14px;margin-bottom:8px}.gp-post-excerpt{margin:0;color:#2b3036}.gp-badge{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:12px;color:#374151;background:#f9fafb}.gp-badge-cat{background:#eef5ff;border-color:#cde1ff;color:#174ea6}.gp-badge-pill{margin-right:8px}.gp-catbar{margin:6px 0 18px}.gp-tags{display:flex;gap:6px;flex-wrap:wrap}.gp-entry{max-width:var(--content)}.gp-entry-title{font-size:36px;line-height:1.25;margin:0 0 8px}.gp-entry-meta{display:flex;gap:10px;align-items:center;color:var(--muted);margin-bottom:14px}.gp-hero{width:100%;height:auto;border-radius:10px;border:1px solid var(--border);margin:8px 0 18px}.gp-entry-content{color:#2b3036}.gp-entry-content :where(h2,h3){margin:24px 0 10px}.sep{border:0;border-top:1px solid var(--border);margin:28px 0}.post-nav{display:flex;justify-content:space-between;gap:12px;font-size:14px}.post-nav a{color:var(--fg)}.post-nav a:hover{color:var(--brand)}.gp-toc{border:1px solid var(--border);border-radius:12px;padding:12px;background:#fff;margin:8px 0 18px}.gp-toc-title{font-weight:600;margin-bottom:6px}.gp-toc ul{margin:0;padding-left:14px;list-style:disc}.gp-toc li{margin:4px 0}.gp-toc li.lvl-3{margin-left:12px;list-style:circle}.prose code{background:#f3f4f6;padding:.15rem .35rem;border-radius:4px}.prose pre{background:#0b1020;color:#e6edf3;padding:16px;border-radius:8px;overflow:auto}.gp-entry-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95em}.gp-entry-content td,.gp-entry-content th{border:1px solid rgba(0,0,0,.1);padding:10px 14px;text-align:left}.gp-entry-content th{background:#f9fafb;font-weight:600;color:#374151}.btn-link{display:block;width:90%;margin:1rem auto;padding:1rem 1.25rem;background:#2563eb;color:#fff;border-radius:.75rem;font-size:1.125rem;font-weight:700;text-align:center;text-decoration:none;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;box-shadow:0 4px 10px rgba(37,99,235,.3)}.btn-link:hover{background:#1e40af;transform:translateY(-3px) scale(1.02);box-shadow:0 6px 16px rgba(30,64,175,.5);text-decoration:none}.btn-link--outline{display:inline-block;padding:.625rem 1rem;color:#2563eb;background:#fff;border:1px solid #2563eb;border-radius:.5rem;font-weight:500;text-decoration:none;transition:background .2s ease,color .2s ease}.btn-link--outline:hover{background:#2563eb;color:#fff;text-decoration:none}.center{text-align:center}