.tools-page-main[data-astro-cid-e2calspi]{background:#020610;min-height:100vh;padding:7rem 1.5rem 8rem}.tools-page-container[data-astro-cid-e2calspi]{max-width:1200px;margin:0 auto}.tools-header[data-astro-cid-e2calspi]{text-align:center;max-width:780px;margin:0 auto 3rem}.tools-kicker[data-astro-cid-e2calspi]{align-items:center;gap:1rem;margin-bottom:1.25rem;display:inline-flex}.kicker-line[data-astro-cid-e2calspi]{background:#38bdf866;width:2.5rem;height:1px}.kicker-text[data-astro-cid-e2calspi]{letter-spacing:.25em;color:#38bdf8;text-transform:uppercase;font-size:.8rem}.tools-title[data-astro-cid-e2calspi]{font-family:var(--font-serif);color:#f8fafc;letter-spacing:.04em;margin-bottom:1rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:700}.tools-subtitle[data-astro-cid-e2calspi]{color:#94a3b8;font-size:1.05rem;line-height:1.8}.tools-filter-tabs[data-astro-cid-e2calspi]{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:2.25rem;display:flex}.tool-tab-btn[data-astro-cid-e2calspi]{color:#94a3b8;cursor:pointer;background:#0e203a99;border:1px solid #ffffff14;border-radius:4px;padding:.5rem 1.15rem;font-size:.86rem;font-weight:500;transition:all .2s}.tool-tab-btn[data-astro-cid-e2calspi]:hover{color:#f8fafc;background:#122a4bcc;border-color:#38bdf866}.tool-tab-btn[data-astro-cid-e2calspi].active{color:#fff;background:#0284c7;border-color:#38bdf8;box-shadow:0 0 16px #0284c766}.tools-grid[data-astro-cid-e2calspi]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.tool-card[data-astro-cid-e2calspi]{background:#0a192fbf;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;padding:1.5rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 4px 20px -4px #00000080}.tool-card[data-astro-cid-e2calspi]:hover{border-color:#38bdf859;transform:translateY(-3px);box-shadow:0 10px 30px -10px #000000b3}.tool-card-top[data-astro-cid-e2calspi]{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.tool-icon[data-astro-cid-e2calspi]{background:#0b192e;border:1px solid #ffffff1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:2px;display:flex;overflow:hidden}.tool-icon[data-astro-cid-e2calspi] img[data-astro-cid-e2calspi]{object-fit:cover;border-radius:8px;width:100%;height:100%;display:block}.tool-header-text[data-astro-cid-e2calspi]{flex:1;min-width:0}.tool-name[data-astro-cid-e2calspi]{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.3rem;font-size:1.1rem;font-weight:700;overflow:hidden}.tool-category-badge[data-astro-cid-e2calspi]{color:#38bdf8;font-size:.74rem;font-weight:600;font-family:var(--font-sans);letter-spacing:.04em;background:#38bdf826;border:1px solid #38bdf859;border-radius:4px;padding:.18rem .55rem}.tool-desc[data-astro-cid-e2calspi]{color:#94a3b8;flex:1;margin-bottom:1.5rem;font-size:.88rem;line-height:1.65}.tool-card-footer[data-astro-cid-e2calspi]{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding-top:1rem;display:flex}.tool-platforms[data-astro-cid-e2calspi]{flex-wrap:wrap;gap:.35rem;display:flex}.platform-badge[data-astro-cid-e2calspi]{color:#38bdf8;letter-spacing:.04em;-webkit-font-smoothing:antialiased;background:#0e2646d9;border:1px solid #38bdf859;border-radius:4px;padding:.22rem .6rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;font-size:.75rem;font-weight:600;line-height:1.2;transition:all .2s}.tool-card[data-astro-cid-e2calspi]:hover .platform-badge[data-astro-cid-e2calspi]{color:#fff;background:#0284c740;border-color:#38bdf8b3}.tool-actions[data-astro-cid-e2calspi]{align-items:center;gap:.45rem;display:flex}.tool-tutorial-btn[data-astro-cid-e2calspi]{color:#7dd3fc;white-space:nowrap;background:#38bdf814;border:1px solid #38bdf840;border-radius:4px;align-items:center;gap:.3rem;padding:.38rem .7rem;font-size:.78rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.tool-tutorial-btn[data-astro-cid-e2calspi]:hover{color:#fff;background:#38bdf833;border-color:#38bdf8}.tool-btn[data-astro-cid-e2calspi]{color:#fff;white-space:nowrap;background:#0284c7;border:1px solid #38bdf8;border-radius:4px;align-items:center;gap:.3rem;padding:.38rem .75rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.tool-btn[data-astro-cid-e2calspi]:hover{background:#0369a1;transform:translateY(-1px);box-shadow:0 4px 12px #0284c759}
