.tool-item[data-v-2d977b36]{display:block;width:16.8rem;padding:.8rem;background-color:#fff;border-radius:1rem;overflow:hidden}.tool-item.populat-bg[data-v-2d977b36]{background:linear-gradient(180deg,#FFFDF7 0%,#FFF0F0 100%)}.tool-item .tool-top[data-v-2d977b36]{position:relative;border-radius:.5rem;overflow:hidden}.tool-item .tool-top img[data-v-2d977b36]{display:block;width:100%;height:10.1rem;object-fit:cover}.tool-item .tool-top .tags[data-v-2d977b36]{position:absolute;bottom:0;left:0;display:flex}.tool-item .tool-top .tags li[data-v-2d977b36]{padding:.2rem .4rem;border-radius:.5rem;background:rgba(0,0,0,.3);font-size:1rem;font-weight:500;color:#fff}.tool-item .tool-top .tags li[data-v-2d977b36]:not(:first-child){margin-left:.4rem}.tool-item .tool-main[data-v-2d977b36]{margin-top:.8rem}.tool-item .tool-main .tool-info[data-v-2d977b36]{display:flex;align-items:center}.tool-item .tool-main .tool-info .logo[data-v-2d977b36]{width:2rem;height:2rem;border-radius:50%;object-fit:cover}.tool-item .tool-main .tool-info .name[data-v-2d977b36]{min-width:0;font-weight:700;line-height:2rem}.tool-item .tool-main .tool-info .icon[data-v-2d977b36]{margin-left:.5rem;width:2.7rem;height:1.3rem;object-fit:contain}.tool-item .tool-main .tool-desc[data-v-2d977b36]{margin-top:.4rem;color:#999;font-size:1.2rem;height:4rem;line-height:2rem}.tool-item .tool-main .tool-type[data-v-2d977b36]{margin-top:.8rem;font-size:1.1rem;color:#ffc02d}.tool-item .tool-main .tool-type span[data-v-2d977b36]{color:#666}.tool-item.is-simple-mode[data-v-2d977b36]{padding:1rem .8rem}.tool-item.is-simple-mode .tool-top[data-v-2d977b36]{display:none}.tool-item.is-simple-mode .tool-main[data-v-2d977b36]{position:relative;margin-top:0}.tool-item.is-simple-mode .tool-main .tool-info[data-v-2d977b36]{padding-left:3.8rem}.tool-item.is-simple-mode .tool-main .tool-info .logo-box[data-v-2d977b36]{position:absolute;left:0;top:50%;transform:translateY(-50%)}.tool-item.is-simple-mode .tool-main .tool-info .logo[data-v-2d977b36]{width:3rem;height:3rem}.tool-item.is-simple-mode .tool-main .tool-info .cherry-pick[data-v-2d977b36]{margin-top:-.2rem;min-width:2.6rem;line-height:1.3rem;background:linear-gradient(113deg,#1174F5 0%,#9F24F4 100%);border-radius:.8rem;border:1px solid #FFFFFF;color:#fff;font-size:.9rem;font-weight:700;text-shadow:0px 0px 1px rgba(0,0,0,.3);text-align:center}.tool-item.is-simple-mode .tool-main .tool-desc[data-v-2d977b36]{margin-top:.2rem;padding-left:3.8rem;height:2rem}.tool-item.is-simple-mode .tool-main .tool-type[data-v-2d977b36]{display:none}