.tools-page{background:#f5f7fa;color:#303133;min-height:100vh;padding-bottom:80px}.tools-page .tools-header{background:linear-gradient(135deg,#ecf5ff,#fff);padding:80px 20px;text-align:center}.tools-page .tools-header h1{color:#303133;font-size:42px;font-weight:700;margin:0 0 20px}.tools-page .tools-header p{color:#606266;font-size:18px;margin:0}.tools-page .tools-container{margin:50px auto;max-width:1200px;padding:0 20px}.tools-page .tool-group{margin-bottom:50px}.tools-page .group-title{align-items:center;display:flex;font-size:26px;font-weight:600;margin-bottom:25px}.tools-page .group-title .icon{font-size:28px;margin-right:12px}.tools-page .tool-list{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,1fr)}.tools-page .tool-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.05);cursor:pointer;display:flex;padding:25px;position:relative;transition:.3s}.tools-page .tool-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.1);transform:translateY(-5px)}.tools-page .tool-icon{align-items:center;background:#ecf5ff;border-radius:14px;display:flex;flex-shrink:0;font-size:30px;height:55px;justify-content:center;margin-right:18px;width:55px}.tools-page .tool-info{flex:1}.tools-page .tool-name{font-size:18px;font-weight:600;margin-bottom:8px}.tools-page .tool-desc{color:#909399;font-size:14px;line-height:22px}.tools-page .tool-status{background:#409eff;border-radius:20px;color:#fff;font-size:12px;padding:3px 10px;position:absolute;right:20px;top:18px}.tools-page .tool-status.disabled{background:#909399}@media(max-width:900px){.tools-page .tools-header{padding:55px 20px}.tools-page .tools-header h1{font-size:32px}.tools-page .tools-header p{font-size:15px}.tools-page .tool-list{grid-template-columns:1fr}.tools-page .tool-card{padding:22px}.tools-page .group-title{font-size:22px}}