:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fb;--bg-grid:#283e520e;--surface:#fff;--surface-soft:#f8fbff;--ink:#13201d;--muted:#63736f;--border:#dce5e4;--primary:#0f6b55;--primary-strong:#084434;--accent:#2563eb;--success:#12805c;--warning:#b7791f;--danger:#c2413a;--tag:#edf7f5;--radius-sm:8px;--radius:14px;--radius-lg:22px;--shadow:0 18px 50px #13201d14;--font-sans:"Inter", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono:"SFMono-Regular", Consolas, monospace;--page-gutter:clamp(16px, 2.4vw, 40px)}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{background:linear-gradient(90deg, var(--bg-grid) 1px, transparent 1px), linear-gradient(var(--bg-grid) 1px, transparent 1px), var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font-sans);background-size:36px 36px;grid-template-rows:auto 1fr auto;margin:0;line-height:1.65;display:grid}#root{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}a{color:inherit;text-decoration:none}a:hover{color:var(--primary)}.site-header,.site-footer,main{width:calc(100% - (var(--page-gutter) * 2));margin:0 auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:14px;padding:18px 0;display:flex;position:sticky;top:0}.brand{flex:none;align-items:center;gap:10px;font-size:1.05rem;font-weight:800;display:inline-flex}.brand-mark{background:var(--primary-strong);color:#fff;width:36px;height:36px;font-family:var(--font-mono);border-radius:12px;place-items:center;display:grid;box-shadow:0 10px 24px #08443438}.header-search{border:1px solid var(--border);background:#ffffffe6;border-radius:999px;flex:420px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-width:220px;max-width:520px;padding:5px;display:grid;box-shadow:0 10px 26px #13201d0d}.header-search input{min-width:0;height:34px;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;padding:0 8px 0 12px;font-size:.92rem}.header-search input::placeholder{color:var(--muted)}.header-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #2563eb1a}.header-search button{background:var(--primary);color:#fff;cursor:pointer;min-height:34px;font:inherit;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:.9rem;font-weight:800;display:inline-flex}.header-search button:hover{background:var(--primary-strong);color:#fff}.nav{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 16px;font-size:.94rem;font-weight:650;display:flex}.nav a{white-space:nowrap}.nav-cta,.button,.tool-card a,.workflow-card a,.workflow-card button,.article-link{min-height:42px;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-weight:800;display:inline-flex}.nav-cta{flex:none;margin-left:4px}.nav-cta,.button.primary,.tool-card a,.workflow-card a,.workflow-card button,.article-link{background:var(--primary);color:#fff}.nav-cta:hover,.button.primary:hover,.tool-card a:hover,.workflow-card a:hover,.workflow-card button:hover,.article-link:hover{background:var(--primary-strong);color:#fff}.button.secondary:hover{border-color:var(--primary);color:var(--primary-strong);background:#e8f6f1}.button.secondary{border:1px solid var(--border);background:var(--surface);color:var(--primary-strong)}.hero{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:stretch;gap:28px;padding:56px 0 30px;display:grid}.eyebrow,.section-kicker,.meta,.kicker{color:var(--primary);font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}h1,h2,h3,p{overflow-wrap:anywhere}h1{max-width:880px;margin:12px 0 18px;font-size:clamp(2.6rem,6vw,5.2rem);line-height:.98}h2{margin:0;font-size:clamp(1.55rem,3vw,2.4rem);line-height:1.15}h3{margin:0;font-size:1.06rem;line-height:1.25}.lead-text,.page-title p,.section-head p{max-width:760px;color:var(--muted);margin:0;font-size:1.06rem}.search-panel{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#ffffffd1;margin-top:28px;padding:14px}.search-row,.toolbar{grid-template-columns:1fr auto;gap:10px;display:grid}.search-row input,.toolbar input{border:1px solid var(--border);background:var(--surface-soft);min-width:0;min-height:54px;color:var(--ink);font:inherit;border-radius:999px;outline:none;padding:0 18px}.search-row input:focus,.toolbar input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #2563eb1a}.hero-actions,.quick-actions,.chip-row,.tool-meta,.card-actions{flex-wrap:wrap;gap:10px;display:flex}.hero-actions,.quick-actions{margin-top:14px}.chip-row{margin-top:24px}.chip,.tag,.status{border-radius:999px;align-items:center;padding:5px 10px;font-size:.78rem;font-weight:800;display:inline-flex}.chip,.tag{border:1px solid var(--border);background:var(--tag);color:var(--primary-strong)}.status{color:var(--success);background:#e6f7ef}.status.review,.status.login{color:var(--warning);background:#fff7e6}.hero-panel,.tool-card,.workflow-card,.update-card,.directory-shell,.article-card,.deep-dive{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffeb}.hero-panel{align-content:start;gap:14px;padding:22px;display:grid}.hero-panel-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.metric-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.metric{border-radius:var(--radius);background:var(--surface-soft);padding:14px}.metric span{color:var(--muted);font-size:.82rem;display:block}.metric strong{margin-top:6px;font-size:1.8rem;line-height:1;display:block}.updates-list{color:var(--muted);margin:0;padding-left:20px}section{padding:46px 0}.section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.tools-grid,.workflow-grid,.update-grid,.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tool-card,.workflow-card,.update-card,.article-card{align-content:stretch;gap:16px;padding:18px;display:grid}.tool-card{grid-template-rows:auto minmax(94px,auto) minmax(66px,auto) auto}.workflow-card{grid-template-rows:auto auto minmax(58px,auto) auto auto}.tool-card>div:nth-of-type(2),.workflow-card>p:not(.meta){align-self:start}.tool-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tool-logo{background:var(--primary-strong);color:#fff;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.tool-logo img{object-fit:contain;width:28px;height:28px}.tool-card p,.workflow-card p,.update-card p,.article-card p{color:var(--muted);margin:0}.tool-meta{align-self:start}.card-actions,.workflow-card>a,.workflow-card>button{align-self:end;margin-top:auto}.workflow-card>a,.workflow-card>button{width:100%}.workflow-detail{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);padding:12px;color:var(--ink)!important}.article-link{width:fit-content;margin-top:auto}.empty-state{border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted);background:#ffffffb3;grid-column:1/-1;padding:24px}.holding-panel{border:1px solid var(--border);border-radius:var(--radius);max-width:760px;box-shadow:var(--shadow);background:#ffffffeb;padding:24px}.holding-panel h2{margin:8px 0 10px}.holding-panel p{color:var(--muted);margin:0 0 18px}.page-title{padding:54px 0 22px}.directory-shell{grid-template-columns:250px minmax(0,1fr);gap:18px;padding:18px;display:grid}.filter-panel{align-content:start;gap:10px;display:grid}.filter-button{border:1px solid var(--border);background:var(--surface);color:var(--muted);font:inherit;text-align:left;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;font-weight:800;display:flex}.filter-button.active{border-color:var(--primary);color:var(--primary-strong);background:#e8f6f1}.toolbar{margin-bottom:16px}.deep-dive{max-width:860px;margin:48px auto 0;padding:28px}.section-heading{margin-bottom:18px}.prose{color:var(--muted)}.prose p,.prose li{margin:0 0 14px}.prose h2{color:var(--ink);margin:34px 0 14px}.prose h3{color:var(--ink);margin:0 0 10px}.guide-summary,.note-inline,.tool-guide{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);margin:16px 0;padding:16px}.table-wrap{margin:18px 0;overflow-x:auto}.comparison-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;min-width:680px;overflow:hidden}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:12px}.comparison-table th{color:var(--primary-strong);background:#ecf5f2}.steps-list{padding-left:22px}.resource-link{color:var(--primary);font-weight:800}.site-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-self:end;gap:16px;padding:38px 0 52px;display:flex}.site-footer div{flex-wrap:wrap;gap:14px;display:flex}@media (width<=900px){.hero,.directory-shell,.tools-grid,.workflow-grid,.update-grid,.article-grid{grid-template-columns:1fr}.section-head,.site-header{flex-direction:column;align-items:flex-start}.header-search{flex:0 auto;width:100%;max-width:none}.nav{justify-content:flex-start}}@media (width<=560px){:root{--page-gutter:11px}h1{font-size:clamp(2.35rem,15vw,3.7rem)}.search-row,.toolbar,.header-search{grid-template-columns:1fr}.header-search button{width:100%}.metric-grid{grid-template-columns:1fr}}
