.tools-container[data-v-888d2d38]{padding:20px;width:100%}.search-container[data-v-888d2d38]{display:flex;justify-content:center;margin-bottom:20px;width:320px}.title-container[data-v-888d2d38]{margin-bottom:30px;text-align:left}.tools-title[data-v-888d2d38]{color:var(--el-text-color-primary);font-size:20px;font-weight:600;line-height:1.2;margin:0}.search-input[data-v-888d2d38]{max-width:300px;width:100%}.tools-grid[data-v-888d2d38]{margin-bottom:40px}.el-col[data-v-888d2d38]{margin-bottom:16px}.tool-card[data-v-888d2d38]{border-radius:8px;cursor:pointer;height:100%;margin:0;transition:all .3s}.tool-card[data-v-888d2d38]:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-5px)}.tool-link[data-v-888d2d38]{color:inherit;cursor:pointer;display:block;position:relative;text-decoration:none}.tool-content[data-v-888d2d38]{align-items:flex-start;display:flex;gap:16px;padding:24px}.tool-icon[data-v-888d2d38]{align-items:center;color:#409eff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.tool-icon[data-v-888d2d38] svg{height:40px;width:40px}.tool-info[data-v-888d2d38]{flex-grow:1;text-align:left}.tool-title[data-v-888d2d38]{color:#303133;font-size:16px;font-weight:500;margin:0 0 8px}.tool-desc[data-v-888d2d38]{color:#606266;font-size:13px;line-height:1.5;margin-bottom:12px}.tool-tags[data-v-888d2d38]{display:flex;flex-wrap:wrap;gap:6px}.tool-tag[data-v-888d2d38]{background-color:#f4f4f5;border:none;color:#909399;font-size:12px;height:22px;line-height:20px;padding:0 8px}.tool-tag[data-v-888d2d38]:hover{background-color:#e9e9eb;color:#909399}.suggestion-item[data-v-888d2d38]{align-items:center;display:flex;padding:8px 0}.suggestion-content[data-v-888d2d38]{flex-grow:1;min-width:0}.suggestion-title[data-v-888d2d38]{color:#303133;font-size:14px;font-weight:500;margin-bottom:4px}.suggestion-desc[data-v-888d2d38]{color:#909399;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-v-888d2d38] .el-autocomplete-suggestion__wrap{padding:8px 12px}[data-v-888d2d38] .el-autocomplete-suggestion__list{max-height:280px}.third-party-tag[data-v-888d2d38]{font-size:12px;height:20px;line-height:18px;padding:0 6px;position:absolute;right:12px;top:12px;z-index:1}.tool-wrapper[data-v-888d2d38]{height:100%;position:relative;width:100%}.qrcode-trigger[data-v-888d2d38]{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.qrcode-content[data-v-888d2d38]{padding:16px;text-align:center}.qrcode-image[data-v-888d2d38]{height:200px;margin-bottom:12px;-o-object-fit:contain;object-fit:contain;width:200px}.qrcode-tip[data-v-888d2d38]{color:var(--el-text-color-secondary);font-size:14px;margin:0}[data-v-888d2d38] .qrcode-popover{border-radius:8px;overflow:hidden;padding:0}[data-v-888d2d38] .qrcode-popover .el-popover__title{margin:0}@media screen and (max-width:768px){.tools-container[data-v-888d2d38]{padding:15px}.search-container[data-v-888d2d38]{margin-bottom:15px}.title-container[data-v-888d2d38]{margin-bottom:20px}.tools-title[data-v-888d2d38]{font-size:20px}.search-input[data-v-888d2d38]{max-width:280px}.tool-content[data-v-888d2d38]{gap:12px;padding:16px}.tool-icon[data-v-888d2d38]{height:32px;width:32px}.tool-icon[data-v-888d2d38] svg{height:32px;width:32px}.tool-title[data-v-888d2d38]{font-size:15px}.tool-desc[data-v-888d2d38]{font-size:12px;margin-bottom:10px}.el-col[data-v-888d2d38]{margin-bottom:12px}.el-col[data-v-888d2d38]:last-child{margin-bottom:0}}.embed-page-title[data-v-888d2d38]{background:linear-gradient(135deg,#fffffff2,#f0f8ffe6);border-radius:16px 16px 0 0;margin-bottom:10px;overflow:hidden;padding:15px 40px 10px;position:relative;z-index:10}.embed-page-title[data-v-888d2d38]:before{background:linear-gradient(90deg,#3498db,#2ecc71,#f39c12);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.embed-page-title .tools-title[data-v-888d2d38]{background:linear-gradient(90deg,#3498db,#2ecc71);-webkit-background-clip:text;font-size:2.2rem;font-weight:600;margin:0;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.embed-mode[data-v-888d2d38]{min-height:auto;padding:0}.embed-mode .tools-grid[data-v-888d2d38]{padding:16px}@media screen and (max-width:768px){.title-container[data-v-888d2d38]{border-radius:12px 12px 0 0;padding:12px 20px 8px}.tools-title[data-v-888d2d38]{font-size:1.8rem}.embed-page-title[data-v-888d2d38]{border-radius:12px 12px 0 0;padding:12px 20px 8px}.embed-page-title .tools-title[data-v-888d2d38]{font-size:1.8rem}}