.hub-tools{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap}.hub-search{width:250px;max-width:100%}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:26px}.tool-card{--tone:#94e5d0;display:flex;flex-direction:column;min-height:280px;padding:28px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#102630,#0a1a24);transition:transform .2s,border-color .2s}.tool-card:hover{transform:translateY(-3px);border-color:var(--tone)}.tool-card.rose{--tone:#edb5c5}.tool-card.gold{--tone:#e6cb93}.tool-card.blue{--tone:#a0d3f4}.tool-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tool-symbol{font:40px Georgia,serif;color:var(--tone);line-height:1}.local-badge,.online-badge{border:1px solid var(--line);border-radius:5px;padding:4px 9px;font-size:10px;color:var(--dim)}.tool-card h2{font-size:22px;font-weight:500;margin-bottom:12px}.tool-card p{color:var(--dim);font-size:13px;line-height:1.9;max-width:370px}.tool-tags{font-size:11px;color:#86a4b3;margin-top:24px}.tool-enter{font-size:12px;color:var(--tone);margin-top:22px;align-self:flex-end}@media(max-width:620px){.tool-grid{grid-template-columns:1fr;gap:16px}.hub-tools{gap:0}.hub-search{width:100%}.tool-card{padding:24px;min-height:260px}.tool-card h2{font-size:21px}.hub-tools .segmented{gap:6px}.segmented button{padding:8px 11px}.tool-top{margin-bottom:16px}}