*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #fafaf9;--color-text: #1c1917;--color-text-secondary: #78716c;--color-border: #e7e5e4;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-card-bg: #ffffff;--color-tag-bg: #f5f5f4;--max-width: 720px}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.7;-webkit-text-size-adjust:100%;overflow-x:hidden}body{min-height:100dvh;padding:0 1rem}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}nav{max-width:var(--max-width);margin:0 auto;padding:1.25rem 0;display:flex;align-items:center;gap:1.5rem;border-bottom:1px solid var(--color-border)}nav .site-title{font-weight:700;font-size:1.1rem;color:var(--color-text)}nav .nav-links{display:flex;gap:1rem;font-size:.95rem}nav .nav-links a{color:var(--color-text-secondary);transition:color .15s}nav .nav-links a:hover,nav .nav-links a.active{color:var(--color-accent);text-decoration:none}main{max-width:var(--max-width);margin:0 auto;padding:2rem 0 4rem}.hero{margin-bottom:2.5rem}.hero h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.hero p{color:var(--color-text-secondary);font-size:1.05rem}.section-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.card-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2.5rem}.card{display:block;padding:1rem 1.25rem;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;transition:border-color .15s,box-shadow .15s}.card:hover{border-color:var(--color-accent);box-shadow:0 2px 8px #3b82f614;text-decoration:none}.card h3{font-size:1rem;font-weight:600;margin-bottom:.25rem}.card .excerpt{font-size:.85rem;color:var(--color-text-secondary);margin-top:.35rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}article h1{font-size:1.6rem;font-weight:700;margin-bottom:.5rem}article .meta{color:var(--color-text-secondary);font-size:.85rem;margin-bottom:2rem}article .content h2{font-size:1.3rem;font-weight:600;margin:2rem 0 .75rem}article .content h3{font-size:1.1rem;font-weight:600;margin:1.5rem 0 .5rem}article .content p{margin-bottom:1rem}article .content ul,article .content ol{margin-bottom:1rem;padding-left:1.5rem}article .content li{margin-bottom:.35rem}article .content blockquote{border-left:3px solid var(--color-accent);padding-left:1rem;color:var(--color-text-secondary);margin:1rem 0}article .content code{font-size:.9em;background:var(--color-tag-bg);padding:.15em .35em;border-radius:4px}article .content pre{background:#1e1e1e;color:#d4d4d4;padding:1rem;border-radius:8px;overflow-x:auto;margin-bottom:1rem}article .content pre code{background:none;padding:0}.back-link{display:inline-block;margin-bottom:1.5rem;font-size:.9rem}footer{max-width:var(--max-width);margin:0 auto;padding:1.5rem 0;border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-secondary);font-size:.85rem}article .content table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;margin-bottom:1rem;font-size:.95em}article .content th,article .content td{border:1px solid var(--color-border);padding:.5rem .75rem;text-align:left}article .content th{background:var(--color-tag-bg);font-weight:600}article .content tr:hover td{background:#f9f8f7}.toc{position:fixed;top:5rem;left:max(1rem,calc(50% - 580px));width:200px;max-height:calc(100vh - 6rem);overflow-y:auto;font-size:.85rem}.toc-title{font-weight:600;margin-bottom:.5rem;color:var(--color-text-secondary)}.toc ul{list-style:none;padding:0}.toc li{margin-bottom:.3rem}.toc li[data-depth="2"]{padding-left:.75rem}.toc li[data-depth="3"]{padding-left:1.5rem}.toc li[data-depth="4"]{padding-left:2.25rem}.toc a{color:var(--color-text-secondary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toc a:hover,.toc a.active{color:var(--color-accent);text-decoration:none}.toc-tooltip{position:fixed;background:#1e1e1e;color:#d4d4d4;font-size:.78rem;padding:.3rem .6rem;border-radius:4px;pointer-events:none;white-space:nowrap;z-index:9999;opacity:0;transition:opacity .1s}.toc a.active{font-weight:600}@media(min-width:1921px){.toc{width:480px;left:max(1rem,calc(50% - 860px))}}.toc-toggle{display:none;position:fixed;bottom:1.5rem;right:1.5rem;z-index:101;width:44px;height:44px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-card-bg);color:var(--color-text-secondary);box-shadow:0 2px 8px #0000001a;cursor:pointer;align-items:center;justify-content:center}.toc-overlay{display:none;position:fixed;inset:0;z-index:99;background:#0000004d}@media(max-width:1100px){.toc{position:fixed;top:0;left:0;width:280px;height:100vh;max-height:100vh;background:var(--color-bg);border-right:1px solid var(--color-border);padding:1.5rem;z-index:100;box-shadow:2px 0 12px #0000001a;transform:translate(-100%);transition:transform .3s ease;pointer-events:none;overflow-y:auto;-webkit-overflow-scrolling:touch}.toc.open{transform:translate(0);pointer-events:auto}.toc-toggle{display:flex}.toc-overlay{display:block;opacity:0;pointer-events:none;transition:opacity .3s ease}.toc-overlay.open{opacity:1;pointer-events:auto}}@media(max-width:480px){.hero h1{font-size:1.4rem}nav{gap:1rem}}