.tools-page[data-v-c6d12092]{width:100%;min-height:100%;background:#f5f5f5;overflow:auto}.tools-content[data-v-c6d12092]{margin:0 auto;padding:16px 20px 24px}.tools-header[data-v-c6d12092]{display:flex;align-items:flex-start;gap:12px;margin-bottom:32px}.tools-header .header-badge[data-v-c6d12092]{width:28px;height:28px;background:#ff4d4f;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600;flex-shrink:0;margin-top:4px}.tools-header .header-info .header-title[data-v-c6d12092]{font-size:24px;font-weight:600;color:#5b4aff;margin:0 0 8px;line-height:1.4}.tools-header .header-info .header-desc[data-v-c6d12092]{font-size:14px;color:#3d3d3d;margin:0;line-height:1.5}.section[data-v-c6d12092]{margin-bottom:40px;position:relative}.section .section-badge[data-v-c6d12092]{position:absolute;left:-4px;top:0;width:24px;height:24px;background:#ff4d4f;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600;z-index:1}.section .section-title[data-v-c6d12092]{font-size:18px;font-weight:600;color:#262626;margin:0 0 20px;line-height:1.4}.tools-grid[data-v-c6d12092]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}@media (max-width: 1680px){.tools-grid[data-v-c6d12092]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 1280px){.tools-grid[data-v-c6d12092]{grid-template-columns:repeat(3,minmax(0,1fr))}}.tool-card[data-v-c6d12092]{border-radius:16px;border:2px solid transparent;overflow:hidden}.tool-card[data-v-c6d12092]:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);border:2px solid #6051f8}.tool-card-inner[data-v-c6d12092]{background:#f7faff;display:flex;flex-direction:column}.tool-icon-area[data-v-c6d12092]{position:relative;height:180px;overflow:hidden}.tool-cover[data-v-c6d12092]{width:100%;height:100%;display:block;user-select:none}.tool-info[data-v-c6d12092]{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.tool-text[data-v-c6d12092]{flex:1;min-width:0;position:relative;padding-left:40px}.tool-bottom-icon[data-v-c6d12092]{position:absolute;left:0;top:2px;width:28px;height:28px;border-radius:8px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06)}.tool-name[data-v-c6d12092]{font-size:14px;font-weight:500;color:#262626;margin:0 0 4px;line-height:1.4}.tool-desc[data-v-c6d12092]{font-size:12px;color:#8c8c8c;margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-btn[data-v-c6d12092]{flex-shrink:0;height:30px;padding:0 14px;font-size:12px;border-radius:8px;border:1px solid #d9d9d9;background:#fff;color:#262626}.tool-btn[data-v-c6d12092]:hover{border-color:#1890ff;color:#1890ff}.tool-btn.feishu-btn[data-v-c6d12092]:hover{border-color:#3370ff;color:#3370ff}.tool-btn--primary[data-v-c6d12092]{border:none;color:#fff;background:#8c7dff;box-shadow:0 6px 14px rgba(24,144,255,.22)}.tool-card--video .tool-cover--hover[data-v-c6d12092]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .18s ease}.tool-card--video .tool-cover--normal[data-v-c6d12092]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;transition:opacity .18s ease}.tool-card--video .tool-btn[data-v-c6d12092]{opacity:0}.tool-card--video:hover .tool-cover--hover[data-v-c6d12092]{opacity:1}.tool-card--video:hover .tool-cover--normal[data-v-c6d12092]{opacity:0}.tool-card--video:hover .tool-btn[data-v-c6d12092]{opacity:1}