:root{--page:#f7f8fc;--surface:#fff;--text:#182033;--text-2:#667085;--muted:#98a2b3;--border:#e4e8f0;--primary:#5b5ce2;--primary-hover:#4c4dd0;--primary-soft:#eef0ff;--success:#15956f;--success-soft:#eaf8f3;color:var(--text);background:var(--page);font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif}*{box-sizing:border-box}html{background:var(--page);min-width:320px;min-height:100%}body{background:var(--page);flex-direction:column;min-height:100vh;margin:0;display:flex}a{color:inherit;text-decoration:none}.site-header{background:var(--surface);border-bottom:1px solid var(--border);flex:0 0 72px;align-items:center;display:flex}.site-header__inner,.site-main,.site-footer__inner{width:min(960px,100% - 40px);margin-inline:auto}.site-header__inner{align-items:center;display:flex}.brand{align-items:center;gap:10px;min-height:44px;font-size:19px;font-weight:750;display:inline-flex}.brand__mark{color:#fff;background:var(--primary);border-radius:10px;place-items:center;width:34px;height:34px;font-size:18px;font-weight:700;display:grid}.site-main{flex:1;padding-block:58px 80px}.intro{margin-bottom:42px}.intro__eyebrow{color:var(--primary);margin:0;font-size:13px;font-weight:650}h1{letter-spacing:-1px;margin:10px 0 9px;font-size:40px;line-height:1.25}.intro__lead{color:var(--text-2);margin:0;font-size:16px;line-height:1.65}.section-heading{justify-content:space-between;align-items:flex-end;min-height:33px;display:flex}.section-heading h2{margin:0;font-size:23px;line-height:1.4}.section-heading span{color:var(--muted);font-size:13px}.category-nav{flex-wrap:wrap;gap:10px;margin-bottom:38px;display:flex}.category-nav a{min-height:44px;color:var(--primary);background:var(--primary-soft);border:1px solid #dfe2ff;border-radius:999px;align-items:center;padding-inline:16px;font-size:14px;font-weight:650;display:inline-flex}.category-nav a:hover{background:#e3e6ff}.category-list,.tool-category{flex-direction:column;display:flex}.category-list{gap:56px}.tool-category{gap:16px;scroll-margin-top:24px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:16px;min-height:228px;padding:24px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;box-shadow:0 4px 18px #1118270a}.tool-card:hover{border-color:#c3c7ee;transform:translateY(-2px);box-shadow:0 10px 28px #11182712}.tool-card:focus-visible,.category-nav a:focus-visible,.brand:focus-visible,.site-footer a:focus-visible{outline-offset:3px;outline:3px solid #c7d2fe}.tool-card__top{align-items:center;gap:14px;display:flex}.tool-logo{color:#fff;background:var(--primary);border-radius:14px;flex:0 0 52px;place-items:center;width:52px;height:52px;font-size:26px;font-weight:700;display:grid}.tool-logo svg{width:26px;height:26px}.tool-title-line{flex-wrap:wrap;flex:1;align-items:center;gap:9px;min-width:0;display:flex}.tool-title-line h3{margin:0;font-size:19px;line-height:1.45}.status-badge{color:var(--success);background:var(--success-soft);border-radius:999px;padding:4px 9px;font-size:11px;font-weight:600}.tool-description{color:var(--text-2);margin:0;font-size:14px;line-height:1.6}.tool-card__footer{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.tool-tags{flex-wrap:wrap;gap:7px;display:flex}.tool-tags>span{color:var(--text-2);background:#f2f4f7;border-radius:999px;padding:4px 9px;font-size:11px}.tool-action{min-height:32px;color:var(--primary);flex:none;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:650;display:inline-flex}.tool-card:hover .tool-action{color:var(--primary-hover)}.site-footer{background:var(--surface);border-top:1px solid var(--border);flex:none}.site-footer__inner{min-height:108px;color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.site-footer a:hover{color:var(--primary)}@media (max-width:640px){.site-header{flex-basis:64px}.site-header__inner,.site-main,.site-footer__inner{width:min(100% - 32px,520px)}.brand{gap:9px;font-size:18px}.brand__mark{border-radius:9px;width:32px;height:32px}.site-main{padding-block:38px 56px}.intro{margin-bottom:34px}.intro__eyebrow{font-size:12px}h1{letter-spacing:-.5px;margin-top:8px;font-size:31px}.intro__lead{font-size:14px}.section-heading h2{font-size:21px}.section-heading span{font-size:12px}.category-nav{margin-bottom:32px}.category-list{gap:44px}.tool-category{gap:14px}.tool-grid{grid-template-columns:1fr;gap:12px}.tool-card{gap:14px;min-height:0;padding:19px}.tool-logo{border-radius:13px;flex-basis:48px;width:48px;height:48px;font-size:24px}.tool-logo svg{width:24px;height:24px}.tool-title-line{gap:8px}.tool-title-line h3{font-size:17px}.status-badge{padding-inline:8px;font-size:10px}.tool-description{font-size:13px;line-height:1.6}.tool-tags>span{padding-inline:8px;font-size:10px}.tool-card__footer{flex-direction:column;align-items:flex-start;gap:8px}.tool-action{min-height:44px}.site-footer__inner{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;min-height:128px;padding-block:26px;font-size:12px}}@media (prefers-reduced-motion:reduce){.tool-card{transition:none}}