.box[data-v-2a7758f3]{margin-bottom:32px}.box .box-title[data-v-2a7758f3]{font-size:24px;font-weight:700;margin-bottom:24px}.tool-list[data-v-2a7758f3]{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:24px}@media (width >= 576px){.tool-list[data-v-2a7758f3]{grid-template-columns:repeat(1,1fr)}}@media (width >= 768px){.tool-list[data-v-2a7758f3]{grid-template-columns:repeat(2,1fr)}}@media (width >= 992px){.tool-list[data-v-2a7758f3]{grid-template-columns:repeat(3,1fr)}}@media (width >= 1200px){.tool-list[data-v-2a7758f3]{grid-template-columns:repeat(4,1fr)}}@media (width >= 1400px){.tool-list[data-v-2a7758f3]{grid-template-columns:repeat(5,1fr)}}.tool[data-v-2a7758f3]{align-items:flex-start;background-color:#fff;border-radius:4px;color:#333;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;text-decoration:none;transition:all .2s;width:100%}.tool[data-v-2a7758f3]:hover{box-shadow:0 2px 4px #1f23251a;transform:scale(1.05)}.tool .tool-image[data-v-2a7758f3]{background-color:var(--color,#a1bbb3);box-sizing:border-box;display:block;flex-grow:0;flex-shrink:0;height:0;overflow:hidden;padding:0 0 56.25%;position:relative;width:100%}.tool .tool-image img[data-v-2a7758f3],.tool .tool-image span[data-v-2a7758f3]{border:0;color:#fff;display:block;font-size:20px;left:50%;max-height:100%;max-width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.tool .tool-main[data-v-2a7758f3]{flex:1}.tool .tool-footer[data-v-2a7758f3],.tool .tool-main[data-v-2a7758f3]{background-color:#fff;box-sizing:border-box;padding:12px;width:100%}.tool .tool-footer[data-v-2a7758f3]{border-top:1px solid #eee}.tool .tool-name[data-v-2a7758f3]{color:#333;font-size:18px;height:24px;line-height:24px;margin-bottom:4px;overflow:hidden;white-space:nowrap;width:100%}.tool .tool-tip[data-v-2a7758f3]{color:#999;display:-webkit-box;font-size:14px;line-height:18px;max-height:36px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}