:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f2fa;--surface:#fff;--text:#1f1b2e;--muted:#5b5670;--border:#e0dbe8;--accent:#16a34a;--accent-soft:color-mix(in srgb, var(--accent) 14%, transparent);--shadow:0 12px 40px #1f1b2e14;font-family:system-ui,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.55}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121118;--surface:#1c1a26;--text:#f0eef8;--muted:#a8a3bc;--border:#2f2c3d;--accent:#22c55e;--accent-soft:color-mix(in srgb, var(--accent) 18%, transparent);--shadow:0 12px 40px #00000073}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0}#app{max-width:1120px;margin:0 auto;padding:2.25rem 1.25rem 3rem}.tool-search{max-width:560px;margin-bottom:1.25rem;position:relative}.tool-search-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:.95rem;transform:translateY(-50%)}.tool-search input{border:1px solid var(--border);background:var(--surface);width:100%;height:2.75rem;color:var(--text);font:inherit;border-radius:12px;outline:none;padding:0 2.5rem 0 2.75rem;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.tool-search input::placeholder{color:var(--muted)}.tool-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tool-search-empty{text-align:center;color:var(--muted);margin:2.5rem 0;font-size:.95rem}.tool-grid{grid-template-columns:1fr;gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.tool-grid{grid-template-columns:repeat(2,1fr)}.tool-card-wrap:first-child{grid-column:1/-1}}@media (width>=768px){.tool-grid{grid-template-columns:repeat(3,1fr)}.tool-card-wrap:first-child{grid-column:auto}}.tool-card-wrap{position:relative}.tool-card-wrap:first-child .tool-card--link{padding:1.35rem 3rem 1.35rem 1.5rem}.tool-star{width:2rem;height:2rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;transition:color .15s,background-color .15s;display:grid;position:absolute;top:.45rem;right:.45rem}.tool-star svg{width:18px;height:18px}.tool-star:hover{color:var(--accent);background:var(--accent-soft)}.tool-star:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.tool-star[aria-pressed=true]{color:var(--accent)}.tool-star[aria-pressed=true] svg{fill:currentColor}.tool-card{border:1px solid var(--border);background:var(--surface);height:100%;box-shadow:var(--shadow);color:inherit;border-radius:14px;flex-direction:column;align-items:flex-start;gap:.45rem;padding:1.15rem 2.75rem 1.15rem 1.25rem;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.tool-card--link:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));transform:translateY(-2px);box-shadow:0 16px 48px #16a34a1a}@media (prefers-color-scheme:dark){.tool-card--link:hover{box-shadow:0 16px 48px #00000080}}.tool-card--muted{opacity:.72;cursor:not-allowed}.tool-card-title{font-size:1.12rem;font-weight:700}.tool-card-wrap:first-child .tool-card-title{font-size:1.28rem}.tool-card-desc{color:var(--muted);font-size:.92rem;line-height:1.5}.tool-card-cta{color:var(--accent);margin-top:.35rem;font-size:.88rem;font-weight:600}.tool-card-badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;margin-top:.25rem;padding:.2rem .5rem;font-size:.78rem;font-weight:600}.home-footer{text-align:center;color:var(--muted);margin-top:2.75rem;font-size:.85rem}.home-footer p{margin:0}
