:root{--max-width: 720px;--fg: #1a1a1a;--fg-muted: #5c6370;--bg: #ffffff;--bg-soft: #f6f7f9;--border: #e5e7eb;--accent: #2f6df6;--accent-soft: #eaf1ff;--radius: 10px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--font-mono: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);color:var(--fg);background:var(--bg);line-height:1.7;font-size:17px;-webkit-font-smoothing:antialiased}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.site-header{border-bottom:1px solid var(--border);padding:16px 0;position:sticky;top:0;background:#ffffffd9;backdrop-filter:saturate(180%) blur(8px);z-index:10}.site-header .container{display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700;font-size:18px;color:var(--fg)}.brand span{color:var(--fg-muted);font-weight:500}.site-header nav a{color:var(--fg-muted);font-size:15px}.site-footer{border-top:1px solid var(--border);margin-top:64px;padding:28px 0;color:var(--fg-muted);font-size:14px}.site-footer a{color:var(--fg-muted)}main.container{padding-top:40px;padding-bottom:40px}.list-intro{margin-bottom:36px}.list-intro h1{font-size:30px;line-height:1.3;margin:0 0 12px}.list-intro p{color:var(--fg-muted);margin:0}.post-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.post-card a{display:flex;gap:18px;align-items:stretch;padding:14px;border:1px solid var(--border);border-radius:var(--radius);color:inherit;transition:border-color .15s ease,background .15s ease}.post-card a:hover{border-color:var(--accent);background:var(--bg-soft);text-decoration:none}.card-cover{flex:none;width:200px}.card-cover img{width:100%;height:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:8px;display:block}.card-body{flex:1;min-width:0;display:flex;flex-direction:column}.post-card time{color:var(--fg-muted);font-size:13px}.post-card h2{font-size:20px;margin:6px 0 8px;line-height:1.4}.post-card p{color:var(--fg-muted);margin:0 0 10px;font-size:15px}.post-card .post-tags{margin-top:auto}.empty{color:var(--fg-muted)}.empty code{background:var(--bg-soft);padding:2px 6px;border-radius:5px}.post-tags{display:inline-flex;flex-wrap:wrap;gap:6px}.tag{font-size:12px;color:var(--accent);background:var(--accent-soft);padding:2px 8px;border-radius:999px}.breadcrumb{font-size:13px;color:var(--fg-muted);margin-bottom:18px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.breadcrumb a{color:var(--fg-muted)}.breadcrumb a:hover{color:var(--accent)}.breadcrumb .current{color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.post-related{margin-top:48px}.post-related h2{font-size:22px;margin:0 0 16px}.post-related ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.post-related a{display:block;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius);color:inherit;transition:border-color .15s ease,background .15s ease}.post-related a:hover{border-color:var(--accent);background:var(--bg-soft);text-decoration:none}.rel-title{display:block;font-weight:700;font-size:16px;margin-bottom:4px}.rel-desc{display:block;color:var(--fg-muted);font-size:14px;line-height:1.5}.post-header{margin-bottom:32px}.post-meta{color:var(--fg-muted);font-size:14px;display:flex;gap:12px;align-items:center;margin:0 0 12px}.post-header h1{font-size:32px;line-height:1.3;margin:0 0 12px}.post-lede{font-size:18px;color:var(--fg-muted);margin:0}.post-body{font-size:17px}.post-body h2{font-size:24px;margin:40px 0 14px;line-height:1.4}.post-body h3{font-size:20px;margin:32px 0 12px}.post-body p{margin:0 0 18px}.post-body ul,.post-body ol{margin:0 0 18px;padding-left:24px}.post-body li{margin:6px 0}.post-body img{max-width:100%;height:auto;border-radius:var(--radius)}.post-body blockquote{margin:24px 0;padding:4px 18px;border-left:3px solid var(--accent);color:var(--fg-muted);background:var(--bg-soft);border-radius:0 var(--radius) var(--radius) 0}.post-body code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-soft);padding:2px 6px;border-radius:5px}.post-body pre{background:#1e1e2e;color:#f8f8f2;padding:18px;border-radius:var(--radius);overflow-x:auto;font-size:14px}.post-body pre code{background:none;padding:0;color:inherit}.post-body a{text-decoration:underline}.post-body table{width:100%;border-collapse:collapse;margin:0 0 18px}.post-body th,.post-body td{border:1px solid var(--border);padding:8px 12px;text-align:left}.post-body th{background:var(--bg-soft)}.post-footer{margin-top:48px;padding-top:24px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}.back-link{color:var(--fg-muted)}.cta{display:inline-block;padding:10px 18px;background:var(--accent);color:#fff;border-radius:var(--radius);font-weight:600}.cta:hover{text-decoration:none;opacity:.92}.post-faq{margin-top:48px;padding-top:8px}.post-faq h2{font-size:24px;margin:0 0 16px;line-height:1.4}.post-faq dl{margin:0}.post-faq dt{font-weight:700;margin:20px 0 6px;line-height:1.5}.post-faq dt:before{content:"Q";color:var(--accent);font-weight:800;margin-right:8px}.post-faq dd{margin:0;color:var(--fg)}.post-faq dd:before{content:"A";color:var(--fg-muted);font-weight:800;margin-right:8px}.post-cta-card{margin-top:48px;padding:26px 28px;background:linear-gradient(165deg,#f0f6ff,#eaf1ff);border:1px solid #d4e2ff;border-radius:16px}.post-cta-card h3{margin:0 0 10px;font-size:20px;line-height:1.45}.post-cta-card>p{margin:0 0 16px;color:var(--fg-muted);font-size:15px}.cta-perks{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 20px;padding:0;list-style:none;font-size:14.5px}.cta-perks li{color:var(--fg)}.cta-perks li:before{content:"✓";color:#0a9a5a;font-weight:800;margin-right:6px}.btn-primary{display:inline-block;padding:13px 24px;background:var(--accent);color:#fff;border-radius:var(--radius);font-weight:700;font-size:16px}.btn-primary:hover{text-decoration:none;opacity:.92}.cta-fineprint{margin:12px 0 0;font-size:12.5px;color:var(--fg-muted)}.post-hero{margin:0 0 28px}.post-hero img{width:100%;height:auto;border-radius:14px;display:block}.post-figure{margin:28px 0}.post-figure img{width:100%;height:auto;border-radius:12px;display:block}.post-figure figcaption{margin-top:8px;font-size:13.5px;color:var(--fg-muted);text-align:center}@media(max-width:600px){body{font-size:16px}.list-intro h1{font-size:25px}.post-header h1{font-size:26px}.post-body h2{font-size:21px}.post-card a{flex-direction:column;gap:12px}.card-cover{width:100%}}