:root{--c-primary:#0f766e;--c-primary-hover:#0d6560;--c-primary-ring:#5eead4;--c-primary-soft:#f0fdfa;--c-primary-soft-hover:#ccfbf1;--c-on-primary:#fff;--c-mint:#a7f3d0;--c-mint-soft:#ecfdf5;--c-logo-ink:#0c706c;--c-bg:#f5f7fa;--c-surface:#fff;--c-surface-hover:#f9fafb;--c-border:#e5e7eb;--c-border-strong:#d1d5db;--c-code-bg:#e5e7eb;--c-text:#1f2937;--c-text-body:#374151;--c-text-soft:#4b5563;--c-text-muted:#6b7280;--c-text-faint:#9ca3af;--c-danger:#dc2626;--c-success:#16a34a;--c-warn:#b45309;--c-warn-border:#f59e0b;--c-warn-bg:#fffbeb;--c-warn-bg-hover:#fef3c7;--c-add-bg:#dcfce7;--c-add-text:#166534;--c-del-bg:#fee2e2;--c-del-text:#991b1b;--c-hl-a:#fde68a;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-xs:12px;--fs-sm:13px;--fs-base:14px;--fs-md:15px;--fs-lg:16px;--fs-xl:17px;--fs-2xl:24px;--r-xs:3px;--r-sm:4px;--r-md:6px;--r-lg:8px;--r-pill:999px;--w-container:1120px;--w-prose:760px}*{box-sizing:border-box}body{min-height:100vh;font-family:var(--font-sans);background:var(--c-bg);color:var(--c-text);flex-direction:column;margin:0;line-height:1.7;display:flex}main{flex:auto;width:100%}a{color:var(--c-primary)}h1{font-size:var(--fs-2xl);margin:0 0 8px}h2{font-size:var(--fs-xl);margin:0}h3{font-size:var(--fs-md);margin:0 0 4px}.muted{color:var(--c-text-muted);font-size:var(--fs-sm)}.container{width:100%;max-width:var(--w-container);margin:0 auto;padding:32px 16px 64px}@media (width>=768px){.container{padding:40px 24px 80px}}.site-header{background:var(--c-surface);border-bottom:1px solid var(--c-border)}.site-header .inner{max-width:var(--w-container);flex-direction:column;gap:2px;margin:0 auto;padding:12px 16px;display:flex}@media (width>=768px){.site-header .inner{flex-direction:row;align-items:center;gap:24px;padding:12px 24px}}.bar{justify-content:space-between;align-items:center;gap:16px;display:flex}@media (width>=768px){.bar{justify-content:flex-start}}.brand{font-weight:700;font-size:var(--fs-xl);color:var(--c-primary);text-decoration:none}.nav{font-size:var(--fs-base);scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:4px;margin:0 -16px;padding:0 16px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{color:var(--c-text-body);white-space:nowrap;border-radius:var(--r-md);padding:10px 8px;text-decoration:none}.nav a:hover{color:var(--c-primary)}.nav a.active{color:var(--c-primary);font-weight:500}@media (width>=768px){.nav{gap:14px;margin:0;padding:0;overflow:visible}}.nav-tools{background:var(--c-primary);color:var(--c-on-primary);font-size:var(--fs-sm);border-radius:var(--r-md);white-space:nowrap;flex:none;margin-left:auto;padding:9px 14px;font-weight:500;text-decoration:none}.nav-tools:hover{background:var(--c-primary-hover)}.site-footer{border-top:1px solid var(--c-border);background:var(--c-surface)}.site-footer .inner{max-width:var(--w-container);font-size:var(--fs-sm);color:var(--c-text-muted);margin:0 auto;padding:20px 16px}@media (width>=768px){.site-footer .inner{padding:20px 24px}}.footer-nav{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.footer-nav a{color:var(--c-primary);padding:4px 2px;text-decoration:none}.footer-nav a:hover{text-decoration:underline}.footer-nav .sep{color:var(--c-border-strong)}.copyright{margin:10px 0 0}.section{margin-bottom:48px}@media (width>=768px){.section{margin-bottom:64px}}.section-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.section-head .more{font-size:var(--fs-sm);white-space:nowrap;text-decoration:none}.section-head .more:hover{text-decoration:underline}.hero{margin-bottom:48px}.hero h1{letter-spacing:-.01em;margin:0 0 10px;font-size:28px}@media (width>=768px){.hero h1{font-size:38px}}.hero .sub{font-size:var(--fs-base);color:var(--c-text-soft);margin:0 0 6px}.hero .note{font-size:var(--fs-sm);color:var(--c-text-muted);margin:0 0 22px}.hero .actions{flex-direction:column;gap:10px;display:flex}@media (width>=560px){.hero .actions{flex-direction:row}}.btn{text-align:center;font-size:var(--fs-base);border-radius:var(--r-md);border:1px solid #0000;min-height:44px;padding:11px 20px;font-weight:500;line-height:22px;text-decoration:none;display:inline-block}.btn-primary{background:var(--c-primary);color:var(--c-on-primary)}.btn-primary:hover{background:var(--c-primary-hover)}.btn-secondary{background:var(--c-surface);color:var(--c-text-body);border-color:var(--c-border-strong)}.btn-secondary:hover{background:var(--c-surface-hover);color:var(--c-primary)}.grid-tools,.grid-content{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=560px){.grid-tools{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.grid-tools{grid-template-columns:repeat(3,1fr)}}@media (width>=768px){.grid-content{grid-template-columns:repeat(3,1fr);gap:16px}}.tool-card,.content-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);color:inherit;padding:18px;text-decoration:none;transition:transform .12s,border-color .12s;display:block}.tool-card:hover,.content-card:hover{border-color:var(--c-primary);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.tool-card,.content-card{transition:none}.tool-card:hover,.content-card:hover{transform:none}}.tool-card h3,.content-card h3{color:var(--c-text)}.tool-card p,.content-card p{font-size:var(--fs-sm);color:var(--c-text-muted);margin:0}.content-card .card-meta{font-size:var(--fs-xs);color:var(--c-text-faint);flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.tag{font-size:var(--fs-xs);border-radius:var(--r-pill);color:var(--c-primary);background:var(--c-primary-soft);border:1px solid var(--c-mint);padding:2px 9px;line-height:1.6;text-decoration:none;display:inline-block}.tag-bar{flex-wrap:wrap;gap:8px;margin:0 0 20px;display:flex}.related,.back{font-size:var(--fs-sm);color:var(--c-text-muted);margin-top:24px}.prev-next{border-top:1px solid var(--c-border);font-size:var(--fs-sm);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:32px;padding-top:16px;display:flex}.empty{border:1px dashed var(--c-border-strong);border-radius:var(--r-lg);text-align:center;color:var(--c-text-muted);font-size:var(--fs-sm);background:var(--c-surface);padding:28px 18px}.page-head{margin-bottom:28px}.page-head h1{margin-bottom:6px}.page-head p{color:var(--c-text-muted);font-size:var(--fs-base);margin:0}.prose{max-width:var(--w-prose);font-size:var(--fs-base);color:var(--c-text-body)}.prose h2{font-size:var(--fs-lg);border-bottom:1px solid var(--c-border);margin:28px 0 10px;padding-bottom:6px}.prose p{margin:0 0 12px}.prose ul{margin:0 0 12px;padding-left:22px}.prose code{background:var(--c-code-bg);border-radius:var(--r-sm);font-size:var(--fs-sm);padding:1px 5px}.prose strong{color:var(--c-text)}.prose .updated{font-size:var(--fs-sm);color:var(--c-text-faint);margin-bottom:24px}