.tools-page[data-v-8486e4ae]{width:100%;overflow:hidden}.tools-page .breadcrumb[data-v-8486e4ae]{position:absolute;left:32px;top:0;z-index:3;line-height:20px;margin-left:28px;margin-top:24px}.tools-page .breadcrumb .icon[data-v-8486e4ae]{display:inline;color:var(--color-purple-1000);font-size:20px;vertical-align:top}.tools-page .grey-breadcrumb[data-v-8486e4ae],.tools-page .black-breadcrumb[data-v-8486e4ae]{color:var(--color-purple-1000);font:12px/20px Vizard-Text}.tools-page .black-breadcrumb[data-v-8486e4ae]{font-family:Vizard-Text-Bold}.tools-page .page-banner[data-v-8486e4ae]{position:relative;background:var(--background-page-primary)}.tools-page .banner-text-area[data-v-8486e4ae]{position:relative;display:flex;justify-content:center;flex-direction:column;max-width:808px;height:380px;z-index:1;margin:72px auto 0}.tools-page .page-title[data-v-8486e4ae]{font:48px Vizard-Title;text-align:center;color:var(--site-heading-text);white-space:pre-line;margin:0}.tools-page .page-subtitle[data-v-8486e4ae]{font:18px/30px Vizard-Text;color:var(--text-upload-info-label);text-align:center;margin:16px 0 0}.tools-page .tool-header-bg1[data-v-8486e4ae]{position:absolute;display:block;min-width:731px;height:482px;bottom:0;left:0}.tools-page .tool-header-bg2[data-v-8486e4ae]{position:absolute;display:block;width:602px;right:0;bottom:0}.tools-page .page-main[data-v-8486e4ae]{padding:64px 0 138px;margin:0 auto;display:flex;gap:24px;min-height:723px;max-width:1160px;flex-wrap:wrap}.tools-page .subpage-list[data-v-8486e4ae]{width:272px;height:280px;cursor:pointer;text-decoration:none}.tools-page .introduce-pic[data-v-8486e4ae]{width:100%;height:242px;background:var(--workspace-create-background);border-radius:16px;position:relative}.tools-page .introduce-pic img[data-v-8486e4ae]{display:block;width:220px;position:absolute;top:50%;left:50%;border-radius:6.3px;transform:translate(-50%,-50%)}.tools-page .introduce-title[data-v-8486e4ae]{font:16px/19px Vizard-Text-Bold;color:var(--text-upload-info-title);margin:16px 0 0;text-align:center}.tools-page .clip-line[data-v-8486e4ae]{border:.5px solid var(--settings-dialog-border);width:100%;height:0}.tools-page.mobile .page-banner[data-v-8486e4ae]{height:3.74rem;padding-top:.6rem;margin:0 auto}.tools-page.mobile .banner-text-area[data-v-8486e4ae]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:auto;margin:0}.tools-page.mobile .page-title[data-v-8486e4ae]{font-size:.28rem;font-weight:600;line-height:.34rem;color:var(--text-upload-info-title);padding-top:.68rem}.tools-page.mobile .page-subtitle[data-v-8486e4ae]{font-size:.14rem;line-height:.26rem;width:3.52rem;margin-top:.16rem}.tools-page.mobile .tool-header-bg1[data-v-8486e4ae]{width:7.31rem;min-width:0;height:auto}.tools-page.mobile .page-main[data-v-8486e4ae]{padding:.32rem 0;width:3.4rem;min-height:7.23rem;gap:0;align-content:center;justify-content:center}.tools-page.mobile .subpage-list[data-v-8486e4ae]{width:327px;height:277px;margin-bottom:.24rem}.tools-page.mobile .introduce-pic[data-v-8486e4ae]{border-radius:.16rem}.tools-page.mobile .introduce-pic img[data-v-8486e4ae]{border-radius:.063rem}.tools-page.mobile .introduce-title[data-v-8486e4ae]{font:500 .16rem Vizard-Subtitle;line-height:normal;margin-top:.16rem}@media screen and (min-width:864px)and (max-width:1160px){.tools-page:not(.mobile) .page-main[data-v-8486e4ae]{max-width:864px}}@media screen and (min-width:640px)and (max-width:864px){.tools-page:not(.mobile) .page-main[data-v-8486e4ae]{max-width:571px}}