.tool-recommendations[data-v-7202f399]{display:flex;flex-direction:column;gap:20px;margin:20px 0;padding:0 10px}.recommendations-title[data-v-7202f399]{color:var(--el-text-color-primary);font-size:24px;font-weight:600;margin:0}.tools-list[data-v-7202f399]{align-items:stretch;display:flex;flex-wrap:wrap;gap:24px}.tool-card[data-v-7202f399]{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);border-radius:8px;box-shadow:0 2px 12px #0000000d;cursor:pointer;display:flex;flex:1 1 auto;flex-direction:column;justify-content:stretch;min-width:260px;position:relative;transition:all .3s;width:calc(25% - 18px)}.tool-card[data-v-7202f399]:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-5px)}.third-party-tag[data-v-7202f399]{font-size:12px;height:20px;line-height:18px;padding:0 6px;position:absolute;right:12px;top:12px;z-index:1}.tool-link[data-v-7202f399]{color:inherit;display:block;height:100%;position:relative;text-decoration:none}.tool-content[data-v-7202f399]{align-items:flex-start;display:flex;gap:16px;padding:24px}.tool-icon[data-v-7202f399]{align-items:center;color:var(--el-color-primary);display:flex;flex-shrink:0;font-size:40px;height:40px;justify-content:center;width:40px}.tool-info[data-v-7202f399]{flex-grow:1;text-align:left}.tool-title[data-v-7202f399]{color:var(--el-text-color-primary);font-size:16px;font-weight:500;margin:0 0 8px}.tool-desc[data-v-7202f399]{color:var(--el-text-color-regular);font-size:13px;line-height:1.5;margin-bottom:12px;min-height:20px}.tool-tags[data-v-7202f399]{display:flex;flex-wrap:wrap;gap:6px}.tool-tag[data-v-7202f399]{background-color:var(--el-fill-color-light);border:none;font-size:12px;height:22px;line-height:20px;padding:0 8px}.tool-tag[data-v-7202f399],.tool-tag[data-v-7202f399]:hover{color:var(--el-text-color-secondary)}.tool-tag[data-v-7202f399]:hover{background-color:var(--el-fill-color)}@media (max-width:1200px){.tool-card[data-v-7202f399]{flex:1 1 calc(33.333% - 16px);width:calc(33.333% - 16px)}}@media (max-width:900px){.tool-card[data-v-7202f399]{flex:1 1 calc(50% - 12px);min-width:200px;width:calc(50% - 12px)}.tools-list[data-v-7202f399]{gap:16px}}@media (max-width:600px){.tool-recommendations[data-v-7202f399]{margin:15px 0;padding:0 5px}.tool-card[data-v-7202f399]{flex:1 1 100%;min-width:0;width:100%}.tools-list[data-v-7202f399]{gap:12px}.tool-content[data-v-7202f399]{gap:12px;padding:16px}.tool-icon[data-v-7202f399]{font-size:32px;height:32px;width:32px}.tool-title[data-v-7202f399]{font-size:15px}.tool-desc[data-v-7202f399]{font-size:12px}.recommendations-title[data-v-7202f399]{font-size:20px}}@media (max-width:480px){.tool-card[data-v-7202f399]{flex:1 1 100%}.tool-content[data-v-7202f399]{gap:10px;padding:12px}.tool-icon[data-v-7202f399]{font-size:28px;height:28px;width:28px}.tool-title[data-v-7202f399]{font-size:14px;margin-bottom:6px}.tool-desc[data-v-7202f399]{font-size:11px;margin-bottom:8px}.tool-tags[data-v-7202f399]{gap:4px}.tool-tag[data-v-7202f399]{font-size:11px;height:20px;line-height:18px;padding:0 6px}.recommendations-title[data-v-7202f399]{font-size:18px}.tools-list[data-v-7202f399]{gap:8px}}[data-v-7202f399] .dark .tool-card{background-color:var(--el-bg-color-overlay);border-color:var(--el-border-color)}[data-v-7202f399] .dark .tool-tag{background-color:var(--el-fill-color-darker)}[data-v-7202f399] .dark .tool-tag:hover{background-color:var(--el-fill-color-dark)}