.tools-page[data-v-72fda9b0]{background:#f5f7fa;min-height:100vh;padding-bottom:80px}.page-header[data-v-72fda9b0]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 0;text-align:center}.header-content[data-v-72fda9b0]{max-width:1200px;margin:0 auto;padding:0 20px}.page-title[data-v-72fda9b0]{font-size:2.5rem;margin:0 0 10px 0;font-weight:700}.page-subtitle[data-v-72fda9b0]{font-size:1.1rem;margin:0;opacity:.9}.search-section[data-v-72fda9b0]{background:#fff;padding:20px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.search-container[data-v-72fda9b0]{max-width:600px;margin:0 auto}.category-tabs[data-v-72fda9b0]{background:#fff;padding:20px;border-bottom:1px solid #ebeef5}.tabs-container[data-v-72fda9b0]{max-width:1200px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;overflow-x:auto;padding-bottom:5px}.category-tab[data-v-72fda9b0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:12px 20px;border-radius:25px;background:#f5f7fa;color:#606266;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.category-tab.active[data-v-72fda9b0]{background:#409eff;color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(64,158,255,.3);box-shadow:0 4px 12px rgba(64,158,255,.3)}.category-tab[data-v-72fda9b0]:hover:not(.active){background:#e4e7ed;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.category-tab i[data-v-72fda9b0]{font-size:1.1rem}.tools-container[data-v-72fda9b0]{max-width:1200px;margin:0 auto;padding:30px 20px;min-height:400px}.tools-grid[data-v-72fda9b0]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.tool-card[data-v-72fda9b0]{background:#fff;border-radius:16px;padding:25px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.08);box-shadow:0 4px 20px rgba(0,0,0,.08);cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;overflow:hidden}.tool-card[data-v-72fda9b0]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:-webkit-gradient(linear,left top,right top,from(#409eff),to(#67c23a));background:linear-gradient(90deg,#409eff,#67c23a);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.tool-card[data-v-72fda9b0]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 8px 30px rgba(0,0,0,.15);box-shadow:0 8px 30px rgba(0,0,0,.15)}.tool-card[data-v-72fda9b0]:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.popular-badge[data-v-72fda9b0]{position:absolute;top:15px;right:15px;background:linear-gradient(45deg,#ff6b6b,#ee5a52);padding:4px 8px;border-radius:12px;font-size:.75rem;gap:4px}.popular-badge[data-v-72fda9b0],.tool-icon[data-v-72fda9b0]{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tool-icon[data-v-72fda9b0]{width:60px;height:60px;border-radius:16px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px;font-size:24px;position:relative;overflow:hidden}.tool-icon[data-v-72fda9b0]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.1),transparent);-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .5s ease;transition:all .5s ease}.tool-card:hover .tool-icon[data-v-72fda9b0]:before{-webkit-animation:shine-data-v-72fda9b0 .5s ease-in-out;animation:shine-data-v-72fda9b0 .5s ease-in-out}@-webkit-keyframes shine-data-v-72fda9b0{0%{-webkit-transform:translateX(-100%) translateY(-100%) rotate(45deg);transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{-webkit-transform:translateX(100%) translateY(100%) rotate(45deg);transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes shine-data-v-72fda9b0{0%{-webkit-transform:translateX(-100%) translateY(-100%) rotate(45deg);transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{-webkit-transform:translateX(100%) translateY(100%) rotate(45deg);transform:translateX(100%) translateY(100%) rotate(45deg)}}.tool-info[data-v-72fda9b0]{margin-bottom:20px}.tool-name[data-v-72fda9b0]{font-size:1.2rem;font-weight:700;color:#303133;margin:0 0 10px 0}.tool-description[data-v-72fda9b0]{color:#606266;line-height:1.6;margin:0;font-size:.9rem}.tool-actions[data-v-72fda9b0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tool-actions .el-button[data-v-72fda9b0]{border-radius:20px;padding:8px 20px;font-weight:500}.empty-state[data-v-72fda9b0]{text-align:center;padding:60px 20px;color:#909399}.empty-icon[data-v-72fda9b0]{font-size:4rem;margin-bottom:20px;opacity:.5}.empty-text[data-v-72fda9b0]{font-size:1.1rem;margin:0}.tool-dialog[data-v-72fda9b0]{border-radius:16px;overflow:hidden}.tool-dialog .el-dialog__header[data-v-72fda9b0]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 30px}.tool-dialog .el-dialog__title[data-v-72fda9b0]{color:#fff;font-weight:700}.tool-dialog .el-dialog__body[data-v-72fda9b0]{padding:30px}.recent-tools[data-v-72fda9b0]{background:#fff;padding:20px 0;margin-bottom:20px;border-bottom:1px solid #ebeef5}.recent-tools .container[data-v-72fda9b0]{max-width:1200px;margin:0 auto;padding:0 20px}.recent-tools h4[data-v-72fda9b0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin:0 0 20px 0;color:#303133;font-size:1.1rem}.recent-grid[data-v-72fda9b0]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;overflow-x:auto;padding-bottom:10px}.recent-tool-card[data-v-72fda9b0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:15px;border-radius:12px;background:#f8f9fa;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;min-width:100px;-ms-flex-negative:0;flex-shrink:0}.recent-tool-card[data-v-72fda9b0]:hover{background:#e6f4ff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.recent-tool-icon[data-v-72fda9b0]{width:50px;height:50px;border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:20px}.recent-tool-name[data-v-72fda9b0]{color:#606266;font-size:.85rem;text-align:center;line-height:1.2}.usage-count[data-v-72fda9b0]{font-size:.8rem;color:#909399;text-align:center;padding:4px 8px;background:#f0f2f5;border-radius:12px;margin-top:5px}@media (max-width:768px){.page-title[data-v-72fda9b0]{font-size:2rem}.page-subtitle[data-v-72fda9b0]{font-size:1rem}.tools-grid[data-v-72fda9b0]{grid-template-columns:1fr;gap:20px}.tabs-container[data-v-72fda9b0]{gap:15px}.category-tab[data-v-72fda9b0]{padding:10px 16px;font-size:.9rem}.tool-card[data-v-72fda9b0]{padding:20px}.tool-icon[data-v-72fda9b0]{width:50px;height:50px;font-size:20px;margin-bottom:15px}.tool-name[data-v-72fda9b0]{font-size:1.1rem}}.tabs-container[data-v-72fda9b0]::-webkit-scrollbar{height:4px}.tabs-container[data-v-72fda9b0]::-webkit-scrollbar-track{background:#f5f7fa;border-radius:2px}.tabs-container[data-v-72fda9b0]::-webkit-scrollbar-thumb{background:#c0c4cc;border-radius:2px}.tabs-container[data-v-72fda9b0]::-webkit-scrollbar-thumb:hover{background:#909399}