[data-v-344fec84]:root { --main-width: 2316px; --perline: 8; --card-width: 272px; --card-margin-right: 20px; --card-margin-bottom: 20px; --landing-content-width: 1220px; }
.error-page[data-v-344fec84] { align-items: center; color: rgb(102, 102, 102); display: flex; flex-direction: column; justify-content: center; min-height: 400px; text-align: center; }
.error-page h1[data-v-344fec84] { color: rgb(51, 51, 51); font-size: 24px; }
.error-page h1[data-v-344fec84], .error-page p[data-v-344fec84] { margin-bottom: 12px; }
.error-page .countdown[data-v-344fec84] { color: rgb(24, 144, 255); font-size: 14px; }
.error-page a[data-v-344fec84] { color: rgb(24, 144, 255); text-decoration: none; }
.error-page a[data-v-344fec84]:hover { text-decoration: underline; }
* { box-sizing: border-box; margin: 0px; padding: 0px; }
body, html { -webkit-font-smoothing: antialiased; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif; }
a { color: inherit; text-decoration: none; }
ol, ul { list-style: none; }
img { border: 0px; vertical-align: middle; }
article, aside, figcaption, figure, footer, header, main, nav, section { display: block; }
:root { --main-width: 2316px; --perline: 8; --card-width: 272px; --card-margin-right: 20px; --card-margin-bottom: 20px; --landing-content-width: 1220px; }
.tool-page *, .tool-page ::after, .tool-page ::before { box-sizing: border-box; }
.tool-page a { color: inherit; text-decoration: none; }
.tool-page .shell { margin: 0px auto; width: 1220px; }
.tool-page .hero-function-name { font-size: 35px; }
.tool-page .hero-function-adv { font-size: 35px; margin: 20px auto; }
.tool-page .adv-detail-title { margin: 0px auto 10px; }
.tool-page .adv { padding: 0px 0px 50px; }
.tool-page .adv, .tool-page .adv-cont { background-color: rgb(255, 255, 255); }
.tool-page h1 { color: rgb(51, 51, 51); font-size: 45px; line-height: 1.1; margin: 0px; text-align: center; }
.tool-page .hero { padding: 20px 0px; }
.tool-page .page-main { padding-top: 62px; }
.tool-page .hero-sub { color: rgb(143, 146, 155); font-size: 15px; line-height: 1.7; margin: 16px auto 0px; text-align: center; width: 1200px; }
.tool-page .hero-content { display: flex; margin-top: 26px; }
.tool-page .tool-menu { background: rgba(255, 255, 255, 0.75); border: 1px solid rgba(129, 146, 226, 0.26); border-radius: 14px; height: 510px; margin-right: 22px; overflow: hidden auto; scrollbar-width: none; width: 220px; }
.tool-page .tool-menu::-webkit-scrollbar { display: none; }
.tool-page .tool-menu-ul { max-height: min(510px, -180px + 100vh); overflow: hidden auto; overscroll-behavior: contain; scrollbar-width: none; }
.tool-page .tool-menu-ul::-webkit-scrollbar { display: none; height: 0px; width: 0px; }
.tool-page .tool-menu h3 { border-bottom: 1px solid rgba(129, 146, 226, 0.26); color: rgb(28, 38, 75); font-size: 16px; margin: 0px; padding: 16px; }
.tool-page .tool-menu ul { list-style: none; margin: 0px; padding: 0px; }
.tool-page .tool-menu li { color: rgb(95, 107, 148); font-size: 15px; padding: 12px 16px; }
.tool-page .tool-menu li.active { background: linear-gradient(90deg, rgba(113, 93, 255, 0.45), rgba(49, 196, 255, 0.25)); border-right: 4px solid rgb(139, 216, 255); color: rgb(32, 42, 80); }
.tool-page .tool-menu li .tool-menu-virtual, .tool-page .tool-menu li a { color: rgb(95, 107, 148); }
.tool-page .tool-menu li .tool-menu-virtual { cursor: default; }
.tool-page .upload-area-wrap { flex: 1 1 0%; }
.tool-page .upload-area { align-items: center; background: rgb(255, 255, 255); border: 1px solid rgba(129, 146, 226, 0.26); border-radius: 18px; display: flex; justify-content: center; min-height: 450px; }
.tool-page .upload-btn-wrap { display: inline-flex; justify-content: center; position: relative; }
.tool-page .upload-btn { align-items: center; background: linear-gradient(90deg, rgba(122, 107, 255, 0.9), rgba(49, 196, 255, 0.85)); border: none; border-radius: 12px; box-shadow: rgb(204, 236, 255) 0px 2px 6px 0px; color: rgb(255, 255, 255); cursor: pointer; display: inline-flex; font-size: 28px; font-weight: 600; height: 74px; justify-content: center; margin-top: 54px; padding: 0px 28px; transition: transform 0.2s, box-shadow 0.2s; width: 240px; }
.tool-page .upload-btn:hover { box-shadow: rgba(29, 106, 255, 0.28) 0px 14px 28px; transform: translateY(-2px); }
.tool-page .upload-tip { background: rgba(255, 255, 255, 0.98); border: 1px solid rgba(129, 146, 226, 0.26); border-radius: 6px; box-shadow: rgba(26, 45, 110, 0.12) 0px 8px 18px; color: rgb(31, 41, 81); font-size: 12px; left: 50%; line-height: 1.4; opacity: 0; padding: 7px 10px; pointer-events: none; position: absolute; top: calc(100% + 10px); transform: translateX(-50%) translateY(6px); transition: opacity 0.2s, transform 0.2s; visibility: hidden; white-space: nowrap; }
.tool-page .upload-btn-wrap:hover .upload-tip { opacity: 1; transform: translateX(-50%) translateY(0px); visibility: visible; }
.tool-page .format-tags { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 10px; }
.tool-page .format-tags span + span { margin-left: 8px; }
.tool-page .format-tags span { background: rgba(143, 164, 255, 0.15); border: 1px solid rgba(174, 207, 255, 0.35); border-radius: 10px; color: rgb(102, 102, 102); font-size: 12px; margin-bottom: 5px; padding: 3px 8px; }
.tool-page h2 { color: rgb(51, 51, 51); font-size: 34px; margin-bottom: 20px; text-align: center; }
.tool-page .adv-card { align-items: center; border-radius: 18px; display: flex; }
.tool-page .adv-card > * + * { margin-left: 24px; }
.tool-page .adv-img { border-radius: 20px; width: 600px; }
.tool-page .hero-function-adv { margin: 40px auto; }
.tool-page .adv-card h3 { color: rgb(29, 38, 77); font-size: 20px; font-weight: 700; margin: 0px 0px 10px 10px; }
.tool-page .adv-card p { color: rgb(95, 107, 148); line-height: 1.7; margin: 0px 0px 20px 10px; }
.tool-page .section-btn { background: linear-gradient(90deg, rgba(122, 107, 255, 0.95), rgba(49, 196, 255, 0.9)); border: 1px solid rgba(170, 211, 255, 0.5); border-radius: 999px; color: rgb(255, 255, 255); cursor: pointer; display: block; font-size: 20px; font-weight: 700; line-height: 1; margin: 30px auto 0px; padding: 16px 42px; }
.tool-page .how { padding: 20px 0px 50px; width: 100%; }
.tool-page .how-inner { align-items: center; display: flex; flex-wrap: wrap; }
.tool-page .how-inner > .section-btn, .tool-page .how-inner > h2 { flex: 1 1 100%; }
.tool-page .how-steps { flex: 1 1 0px; margin-right: 24px; min-width: 0px; }
.tool-page .how ol { list-style: decimal; margin: 0px; padding-left: 22px; }
.tool-page .how li { cursor: pointer; padding: 0px 0px 20px; }
.tool-page .how li::marker { color: rgb(149, 174, 248); font-weight: 700; }
.tool-page .how li.current::marker { color: rgb(139, 216, 255); }
.tool-page .how h3 { color: rgb(29, 38, 77); display: block; font-size: 20px; font-weight: 700; margin: 0px 0px 10px 10px; }
.tool-page .how li > span:last-child { color: rgb(95, 107, 148); display: block; line-height: 1.7; margin: 0px 0px 0px 10px; }
.tool-page .how li.current, .tool-page .how li.current h3, .tool-page .how li.current span { color: rgb(106, 123, 255); }
.tool-page .formats { padding: 20px 0px; width: 100%; }
.tool-page .tool-groups { display: flex; flex-direction: column; }
.tool-page .tool-groups > .tool-row + .tool-row { margin-top: 20px; }
.tool-page .tool-row { align-items: flex-start; display: flex; }
.tool-page .tool-row-title { color: rgb(31, 41, 81); flex: 0 0 110px; font-size: 15px; font-weight: 700; line-height: 34px; margin: 0px; max-width: 110px; padding-top: 0px; }
.tool-page .tool-row-items { display: flex; flex: 1 1 auto; flex-wrap: wrap; min-width: 0px; }
.tool-page .tool-pill { align-items: center; background: rgba(255, 255, 255, 0.75); border: 1px solid rgba(129, 146, 226, 0.26); border-radius: 8px; color: rgb(77, 90, 134); cursor: pointer; display: inline-flex; font-size: 14px; height: 34px; margin-bottom: 8px; margin-right: 8px; padding: 0px 14px 0px 10px; }
.tool-page .tool-pill .icon-dot { margin-right: 8px; }
.tool-page .tool-pill:hover { background: rgba(123, 143, 255, 0.28); border-color: rgba(152, 219, 255, 0.85); color: rgb(41, 51, 98); }
.tool-page .icon-dot { border: 2px solid rgb(143, 217, 255); border-radius: 4px; height: 12px; position: relative; width: 12px; }
.tool-page .icon-dot::after { background: rgb(143, 217, 255); border-radius: 999px; content: ""; height: 3px; left: 3px; position: absolute; top: 3px; width: 3px; }
.tool-page .client { background: rgb(255, 255, 255); text-align: center; width: 100%; }
.tool-page .client-inner { padding: 20px 0px 50px; }
.tool-page .client p { color: rgb(51, 51, 51); margin-top: -18px; }
.tool-page .client-card { align-items: center; background: rgba(255, 255, 255, 0.76); border: 1px solid rgba(129, 146, 226, 0.26); border-radius: 16px; display: flex; justify-content: space-between; margin: 24px auto 0px; padding: 20px; width: 800px; }
.tool-page .client-card .client-card-logo { height: 50px; margin-right: 20px; position: relative; top: 3px; width: 50px; }
.tool-page .client-card .client-card-logo img { height: 100%; width: 100%; }
.tool-page .client-card .client-card-left { flex: 1 1 0%; }
.tool-page .client-title { color: rgb(29, 38, 77); font-size: 22px; font-weight: 700; margin: 0px 0px 10px; text-align: left; }
.tool-page .client-card button { background: linear-gradient(90deg, rgba(122, 107, 255, 0.95), rgba(49, 196, 255, 0.9)); border: 1px solid rgba(170, 211, 255, 0.5); border-radius: 999px; color: rgb(255, 255, 255); cursor: pointer; font-size: 20px; font-weight: 700; line-height: 1; padding: 16px 42px; }
.tool-page .qa { padding: 20px 0px; }
.tool-page .help { padding: 20px 0px 50px; }
.tool-page .help-cont, .tool-page .qa-cont { background: transparent; }
.tool-page .help-list, .tool-page .qa-list { display: flex; flex-wrap: wrap; margin-top: 20px; }
.tool-page .help-item, .tool-page .qa-item { flex: 0 0 calc(33.3333% - 10.6667px); margin-bottom: 16px; margin-right: 16px; max-width: calc(33.3333% - 10.6667px); width: 394px; }
.tool-page .help-item:nth-child(3n), .tool-page .qa-item:nth-child(3n) { margin-right: 0px; }
.tool-page .help-item:nth-last-child(-n+3), .tool-page .qa-item:nth-last-child(-n+3) { margin-bottom: 0px; }
.tool-page .help-item, .tool-page .qa-item { background: rgb(255, 255, 255); border: 1px solid rgb(216, 224, 245); border-radius: 16px; font-size: 18px; min-height: 92px; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; }
.tool-page .help-item:hover, .tool-page .qa-item:hover { border-color: rgb(185, 200, 239); box-shadow: rgba(31, 58, 120, 0.12) 0px 8px 24px; transform: translateY(-2px); }
.tool-page .help-link, .tool-page .qa-link { align-items: center; cursor: pointer; display: flex; font-size: 16px; height: 100%; min-height: 92px; padding: 5px 20px; width: 100%; }
.tool-page .help-link > span:first-child, .tool-page .qa-link > span:first-child { flex: 1 1 0%; }
.tool-page .qa-qustion { font-size: 15px; font-weight: 700; }
.tool-page .help-text, .tool-page .qa-answer, .tool-page .qa-qustion { display: block; grid-column: 1; line-height: 1.45; width: 335px; }
.tool-page .help-text, .tool-page .qa-qustion { }
.tool-page .qa-answer { color: rgb(95, 107, 148); font-size: 15px; }
.tool-page .help-arrow, .tool-page .qa-arrow { color: rgb(111, 131, 174); cursor: pointer; flex-shrink: 0; font-size: 28px; grid-area: 1 / 2 / span 2; line-height: 1; transition: transform 0.2s; }
.tool-page .qa-arrow.is-expanded { transform: rotate(90deg); }
.tool-page .qa-arrow { width: 10px; }
.tool-page .help-see-more, .tool-page .qa-see-more { text-align: right; }
.tool-page .help-see-more { grid-column: 1 / -1; justify-self: center; text-align: center; }
.tool-page .how-Image { border-radius: 20px; display: none; flex: 0 0 600px; height: auto; margin: 0px auto; max-width: 600px; }
.tool-page .how-Image.current { display: block; }
.tool-page .client-des { color: rgb(95, 107, 148); font-size: 16px; text-align: left; }
@media (max-width: 1100px) {
  .tool-page .hero-content { flex-direction: column; }
  .tool-page .tool-menu { margin-bottom: 22px; margin-right: 0px; width: 100%; }
  .tool-page .how-inner { align-items: stretch; flex-direction: column; }
  .tool-page .how-inner > .section-btn, .tool-page .how-inner > h2 { flex: 0 0 auto; }
  .tool-page .how-steps { flex: 0 0 auto; margin-right: 0px; margin-top: 24px; order: 3; }
  .tool-page .how-Image { flex: 0 0 auto; margin-top: 24px; max-width: 600px; order: 2; width: 100%; }
  .tool-page .tool-row { flex-direction: column; }
  .tool-page .tool-row-title { flex: 0 0 auto; font-size: 16px; margin-bottom: 8px; max-width: none; padding-top: 0px; }
  .tool-page .tool-row-items { flex: 0 0 auto; }
  .tool-page .tool-pill { font-size: 13px; height: 32px; padding: 0px 15px; }
  .tool-page .client-inner, .tool-page .formats-inner, .tool-page .hero-inner, .tool-page .how-inner { padding: 10px 0px 20px; }
  .tool-page .adv > .shell { padding: 0px 18px; }
  .tool-page h1 { font-size: 36px; }
  .tool-page h2 { font-size: 28px; }
  .tool-page .adv-card { flex-direction: column; }
  .tool-page .adv-card > * + * { margin-left: 0px; margin-top: 24px; }
  .tool-page .adv-card img, .tool-page .client-card { width: 100%; }
  .tool-page .help-item, .tool-page .qa-item { flex: 0 0 100%; font-size: 20px; margin-right: 0px; max-width: 100%; min-height: 76px; }
  .tool-page .help-link, .tool-page .qa-link { min-height: 76px; padding: 0px 20px; }
  .tool-page .help-arrow, .tool-page .qa-arrow { font-size: 24px; }
}
@media (max-width: 768px) {
  .tool-page .shell { width: min(100% - 24px, 1200px); }
  .tool-page .hero-function-name, .tool-page h1 { font-size: 28px; line-height: 1.25; }
  .tool-page .hero-function-adv, .tool-page h2 { font-size: 24px; line-height: 1.3; margin: 18px auto; }
  .tool-page .hero { padding-bottom: 20px; }
  .tool-page .hero-sub { font-size: 14px; line-height: 1.6; margin-top: 10px; }
  .tool-page .hero-content { margin-top: 18px; }
  .tool-page .tool-menu { border-radius: 10px; height: auto; margin-bottom: 14px; max-height: 220px; }
  .tool-page .tool-menu-ul { max-height: 220px !important; }
  .tool-page .tool-menu li { font-size: 14px; padding: 10px 12px; }
  .tool-page .upload-area { border-radius: 12px; min-height: 220px; }
  .tool-page .upload-btn-wrap { align-items: center; flex-direction: column; max-width: calc(100% - 24px); }
  .tool-page .upload-btn { font-size: 17px; padding: 12px 24px; }
  .tool-page .upload-tip { margin-top: 10px; max-width: 100%; opacity: 1; position: static; text-align: center; transform: none; visibility: visible; white-space: normal; }
  .tool-page .upload-btn-wrap:hover .upload-tip { transform: none; }
  .tool-page .format-tags { justify-content: flex-start; }
  .tool-page .adv, .tool-page .formats, .tool-page .help, .tool-page .how, .tool-page .qa { padding: 18px 0px; }
  .tool-page .adv-card > * + * { margin-top: 14px; }
  .tool-page .adv-card h3, .tool-page .how h3 { font-size: 17px; margin-left: 0px; }
  .tool-page .adv-card p, .tool-page .how li > span:last-child { font-size: 14px; line-height: 1.65; margin-left: 0px; }
  .tool-page .how-steps { margin-top: 16px; padding-left: 20px; }
  .tool-page .how li { padding-bottom: 16px; }
  .tool-page .how-Image { border-radius: 12px; margin-top: 16px; max-width: 600px; width: 100%; }
  .tool-page .tool-groups > .tool-row + .tool-row { margin-top: 14px; }
  .tool-page .tool-row-title { line-height: 1.5; margin-bottom: 6px; }
  .tool-page .tool-pill { font-size: 13px; height: auto; line-height: 1.35; min-height: 32px; padding: 6px 10px; }
  .tool-page .help-item, .tool-page .qa-item { margin-bottom: 10px; }
  .tool-page .help-link, .tool-page .qa-link { font-size: 14px; min-height: 72px; padding: 10px 14px; }
  .tool-page .help-arrow, .tool-page .qa-arrow { margin-left: 12px; }
  .tool-page .help-item, .tool-page .qa-item { border-radius: 10px; font-size: 14px; min-height: 72px; }
  .tool-page .help-text, .tool-page .qa-answer, .tool-page .qa-qustion { font-size: 14px; }
  .tool-page .client-inner { padding: 10px 0px 20px; }
  .tool-page .client-card { border-radius: 12px; margin-top: 16px; padding: 24px 18px; }
  .tool-page .client-card button { font-size: 18px; padding: 12px; }
  .tool-page .section-btn { font-size: 17px; margin-top: 22px; padding: 12px 28px; }
}
@media (max-width: 420px) {
  .tool-page .shell { width: min(100% - 20px, 1200px); }
  .tool-page .hero-function-name, .tool-page h1 { font-size: 24px; }
  .tool-page .hero-function-adv, .tool-page h2 { font-size: 21px; }
  .tool-page .upload-area { min-height: 190px; }
  .tool-page .format-tags span { font-size: 9px; }
}
[data-v-ebd8da22]:root { --main-width: 2316px; --perline: 8; --card-width: 272px; --card-margin-right: 20px; --card-margin-bottom: 20px; --landing-content-width: 1220px; }
.l-main[data-v-ebd8da22] { min-height: 100vh; overflow-x: auto; }

[data-v-154899df]:root { --main-width: 2316px; --perline: 8; --card-width: 272px; --card-margin-right: 20px; --card-margin-bottom: 20px; --landing-content-width: 1220px; }
.home-nav[data-v-154899df] { background: rgb(255, 255, 255); border-bottom: 1px solid rgb(238, 238, 238); left: 0px; min-width: 1220px; padding: 10px 0px; position: fixed; top: 0px; transition: box-shadow 0.3s; width: 100%; z-index: 100; }
.home-nav-scrolled[data-v-154899df] { box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 12px; }
.home-nav-inner[data-v-154899df] { box-sizing: border-box; height: 100%; margin: 0px auto; padding: 0px 20px; width: 1220px; }
.home-nav-inner[data-v-154899df], .home-nav-logo[data-v-154899df] { align-items: center; display: flex; }
.home-nav-logo[data-v-154899df] { flex: 0 0 auto; text-decoration: none; }
.home-nav-logo-img[data-v-154899df] { height: 32px; width: 167px; }
.home-nav-top-nav[data-v-154899df] { align-items: center; display: flex; flex: 1 1 auto; font-size: 12.8px; margin-left: 20px; white-space: nowrap; }
.home-nav-item[data-v-154899df] { position: relative; }
.home-nav-item + .home-nav-item[data-v-154899df] { margin-left: 20px; }
.home-nav-item[data-v-154899df]::after { content: ""; height: 10px; left: 0px; position: absolute; right: 0px; top: 100%; }
.home-nav-item > a[data-v-154899df] { color: rgb(37, 45, 77); cursor: pointer; display: inline-block; font-size: 18px; font-weight: 500; letter-spacing: 0.6px; padding: 8px 0px; text-decoration: none; transition: color 0.2s; white-space: nowrap; }
.home-nav-item > a.active[data-v-154899df], .home-nav-item > a[data-v-154899df]:hover { color: rgb(106, 123, 255); }
.home-nav-item-active > a[data-v-154899df] { color: rgb(106, 123, 255); font-weight: 700; }
.home-nav-dropdown[data-v-154899df] { background: rgba(255, 255, 255, 0.98); border: 1px solid rgba(129, 146, 226, 0.26); border-radius: 10px; box-shadow: rgba(26, 45, 110, 0.14) 0px 14px 30px; left: 50%; max-height: 360px; min-width: 170px; opacity: 0; overflow-y: auto; padding: 8px 0px; pointer-events: none; position: absolute; scrollbar-width: none; top: calc(100% + 10px); transform: translateX(-50%) translateY(8px); transition: opacity 0.2s, transform 0.2s; visibility: hidden; z-index: 101; }
.home-nav-dropdown[data-v-154899df]::-webkit-scrollbar { display: none; }
.home-nav-dropdown a[data-v-154899df] { color: rgb(95, 107, 148); display: block; font-size: 14px; line-height: 1.4; padding: 9px 14px; text-decoration: none; transition: color 0.2s, background 0.2s; white-space: nowrap; }
.home-nav-dropdown a[data-v-154899df]:hover { background: rgba(122, 107, 255, 0.1); color: rgb(43, 55, 104); }
.home-nav-dropdown a.active[data-v-154899df] { background: rgba(122, 107, 255, 0.1); color: rgb(106, 123, 255); font-weight: 700; }
.home-nav-item.is-focus-within .home-nav-dropdown[data-v-154899df], .home-nav-item:hover .home-nav-dropdown[data-v-154899df] { opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0px); visibility: visible; }
.home-nav-download-btn[data-v-154899df] { background: linear-gradient(90deg, rgba(122, 107, 255, 0.9), rgba(49, 196, 255, 0.85)); border: 1px solid rgba(151, 194, 255, 0.45); border-radius: 999px; box-shadow: rgba(64, 118, 255, 0.4) 0px 8px 24px; color: rgb(255, 255, 255); cursor: pointer; display: inline-block; flex: 0 0 auto; font-size: 14px; line-height: 1.5; padding: 10px 24px; text-decoration: none; transition: filter 0.2s; }
.home-nav-download-btn[data-v-154899df]:hover { filter: brightness(1.04); }
.home-nav-menu-toggle[data-v-154899df], .home-nav-mobile-menu[data-v-154899df] { display: none; }
@media (max-width: 1100px) {
  .home-nav-inner[data-v-154899df] { width: min(1220px, 100% - 32px); }
}
@media (max-width: 1199px) {
  .home-nav[data-v-154899df] { min-width: 0px; }
  .home-nav-inner[data-v-154899df] { padding: 0px; width: calc(100% - 64px); }
  .home-nav-top-nav[data-v-154899df] { display: none; }
  .home-nav-menu-toggle[data-v-154899df] { background: transparent; border: 0px; cursor: pointer; display: inline-flex; flex-direction: column; height: 40px; justify-content: space-between; margin-left: auto; margin-right: 14px; padding: 9px; width: 40px; }
  .home-nav-menu-toggle span[data-v-154899df] { background: rgb(37, 45, 77); border-radius: 1px; display: block; height: 2px; margin: 0px auto; width: 22px; }
  .home-nav-mobile-menu[data-v-154899df] { background: rgb(255, 255, 255); border-top: 1px solid rgb(237, 240, 245); box-shadow: rgba(25, 42, 91, 0.12) 0px 12px 24px; display: block; left: 0px; max-height: calc(-56px + 100vh); overflow-y: auto; padding: 10px 32px 24px; position: absolute; right: 0px; top: 100%; }
  .home-nav-mobile-item[data-v-154899df] { border-bottom: 1px solid rgb(237, 240, 245); }
  .home-nav-mobile-item > a[data-v-154899df], .home-nav-mobile-item > button[data-v-154899df] { align-items: center; background: transparent; border: 0px; color: rgb(37, 45, 77); cursor: pointer; display: flex; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 16px; font-weight: 600; justify-content: space-between; line-height: 48px; min-height: 48px; padding: 0px; text-align: left; text-decoration: none; width: 100%; }
  .home-nav-mobile-item > a.active[data-v-154899df] { color: rgb(106, 123, 255); }
  .home-nav-mobile-chevron[data-v-154899df] { border-bottom: 1px solid; border-right: 1px solid; height: 8px; margin-right: 4px; transform: rotate(45deg) translateY(-2px); width: 8px; }
  .home-nav-mobile-children[data-v-154899df] { padding: 0px 0px 10px 14px; }
  .home-nav-mobile-children a[data-v-154899df] { color: rgb(95, 107, 148); display: block; font-size: 14px; line-height: 20px; padding: 8px 0px; text-decoration: none; }
  .home-nav-mobile-children a.active[data-v-154899df] { color: rgb(106, 123, 255); font-weight: 700; }
}
@media (max-width: 600px) {
  .home-nav[data-v-154899df] { padding: 8px 0px; }
  .home-nav-logo-img[data-v-154899df] { height: auto; width: 136px; }
  .home-nav-download-btn[data-v-154899df] { font-size: 14px; padding: 8px 14px; }
}
@media (max-width: 479px) {
  .home-nav-inner[data-v-154899df] { width: calc(100% - 40px); }
  .home-nav-logo-img[data-v-154899df] { width: 122px; }
  .home-nav-menu-toggle[data-v-154899df] { height: 36px; margin-right: 8px; width: 36px; }
  .home-nav-download-btn[data-v-154899df] { font-size: 13px; padding: 8px 11px; }
  .home-nav-mobile-menu[data-v-154899df] { padding-left: 20px; padding-right: 20px; }
}
@media (max-width: 359px) {
  .home-nav-inner[data-v-154899df] { width: calc(100% - 24px); }
  .home-nav-logo-img[data-v-154899df] { width: 108px; }
  .home-nav-download-btn[data-v-154899df] { font-size: 12px; padding: 7px 9px; }
}
[data-v-80384508]:root { --main-width: 2316px; --perline: 8; --card-width: 272px; --card-margin-right: 20px; --card-margin-bottom: 20px; --landing-content-width: 1220px; }
.home-footer-wrapper[data-v-80384508] { margin-top: 50px; }
.home-footer[data-v-80384508] { background: rgba(255, 255, 255, 0.92); border-top: 1px solid rgba(129, 146, 226, 0.26); width: 100%; }
@supports (backdrop-filter:blur(1px)) {
  .home-footer[data-v-80384508] { backdrop-filter: blur(12px); background: rgba(255, 255, 255, 0.72); }
}
.home-footer-shell[data-v-80384508] { margin: 0px auto; max-width: calc(100% - 48px); width: min(1200px, 100% - 48px); }
.home-footer-grid[data-v-80384508] { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 20px auto 0px; }
.home-footer-column[data-v-80384508], .home-footer-contact-col[data-v-80384508] { box-sizing: border-box; min-width: 0px; padding: 0px 13px 26px; }
.home-footer-title[data-v-80384508] { border-bottom: 1px solid rgba(167, 189, 255, 0.35); color: rgb(31, 41, 81); font-size: 20px; font-weight: 600; margin: 0px 0px 14px; padding-bottom: 12px; }
.home-footer-link[data-v-80384508] { color: rgb(95, 107, 148); display: block; font-size: 16px; line-height: 1.35; margin: 8px 0px; text-decoration: none; transition: color 0.2s; }
.home-footer-link[data-v-80384508]:hover { color: rgb(49, 196, 255); }
.home-footer-contact-col p[data-v-80384508] { color: rgb(95, 107, 148); font-size: 16px; line-height: 1.35; margin: 8px 0px; }
.home-footer-contact-link[data-v-80384508] { color: rgb(49, 196, 255); text-decoration: none; }
.contact-phone[data-v-80384508] { color: rgb(31, 41, 81); font-size: 34px; font-weight: 700; }
.contact-mail[data-v-80384508] { color: rgb(31, 41, 81); }
.home-footer-copyright[data-v-80384508] { background: rgba(245, 248, 255, 0.9); border-top: 1px solid rgba(129, 146, 226, 0.26); padding: 10px 0px; text-align: center; }
.home-footer-copyright p[data-v-80384508] { color: rgba(95, 107, 148, 0.82); font-size: 14px; margin: 10px 0px 0px; }
.home-footer-bottom-links[data-v-80384508] { color: rgb(95, 107, 148); display: flex; font-size: 14px; gap: 32px; justify-content: center; }
.home-footer-bottom-links span + span[data-v-80384508] { margin-left: 32px; }
.home-footer-bottom-links a[data-v-80384508] { color: inherit; text-decoration: none; }
@supports (gap:1px) {
  .home-footer-bottom-links span + span[data-v-80384508] { margin-left: 0px; }
}
.home-footer-copyright p a[data-v-80384508] { color: inherit; text-decoration: none; }
.footer-fixed[data-v-80384508] { align-items: flex-end; bottom: 110px; display: flex; flex-direction: column; position: fixed; right: 0px; z-index: 999; }
.footer-fixed-top[data-v-80384508] { align-items: center; border: none; border-radius: 999px; cursor: pointer; display: flex; height: 52px; justify-content: center; margin-right: 5px; overflow: hidden; padding: 0px; transition: box-shadow 0.2s, transform 0.2s; width: 52px; }
.footer-fixed-top img[data-v-80384508] { display: block; max-height: 100%; max-width: 100%; }
@supports ((-o-object-fit:contain) or (object-fit:contain)) {
  .footer-fixed-top img[data-v-80384508] { height: 100%; max-height: none; max-width: none; object-fit: contain; width: 100%; }
}
.footer-fixed-dl[data-v-80384508] { align-items: center; display: flex; }
.footer-fixed-dl-text[data-v-80384508] { max-width: 200px; overflow: hidden; transition: max-width 0.3s; }
.footer-fixed-dl-text--collapsed[data-v-80384508] { max-width: 0px; }
.footer-fixed-dl-btn[data-v-80384508] { align-items: center; background: linear-gradient(90deg, rgba(122, 107, 255, 0.9), rgba(49, 196, 255, 0.85)); border-radius: 999px 0px 0px 999px; color: rgb(255, 255, 255); display: inline-flex; font-size: 18px; font-weight: 600; height: 52px; justify-content: center; padding: 0px 24px; text-decoration: none; transition: filter 0.2s; white-space: nowrap; }
.footer-fixed-dl-btn[data-v-80384508]:hover { filter: brightness(1.04); }
.footer-fixed-dl-toggle[data-v-80384508] { align-items: center; background: rgba(43, 97, 255, 0.15); border: none; border-radius: 0px 999px 999px 0px; cursor: pointer; display: flex; height: 52px; justify-content: center; padding: 0px; width: 40px; }
.footer-fixed-dl-toggle[data-v-80384508]:hover { opacity: 0.9; }
.footer-fixed-dl-arrow[data-v-80384508] { border-bottom: 2px solid rgb(43, 97, 255); border-right: 2px solid rgb(43, 97, 255); display: block; height: 10px; transform: rotate(135deg); transition: transform 0.3s; width: 10px; }
.footer-fixed-dl-arrow-rotate[data-v-80384508] { transform: rotate(-45deg); }
@media (max-width: 1199px) {
  .home-footer-grid[data-v-80384508] { justify-content: flex-start; }
  .home-footer-column[data-v-80384508], .home-footer-contact-col[data-v-80384508] { width: 33.333%; }
}
@media (max-width: 767px) {
  .home-footer-shell[data-v-80384508] { max-width: none; width: calc(100% - 32px); }
  .home-footer-grid[data-v-80384508] { margin-top: 28px; }
  .home-footer-column[data-v-80384508], .home-footer-contact-col[data-v-80384508] { padding: 0px 8px 24px; width: 50%; }
  .home-footer-title[data-v-80384508] { font-size: 16px; margin-bottom: 10px; padding-bottom: 8px; }
  .home-footer-contact-col p[data-v-80384508], .home-footer-link[data-v-80384508] { font-size: 14px; margin: 7px 0px; }
  .contact-phone[data-v-80384508] { font-size: 22px; }
  .home-footer-bottom-links[data-v-80384508] { flex-wrap: wrap; font-size: 13px; gap: 10px 18px; }
  .home-footer-copyright p[data-v-80384508] { font-size: 12px; line-height: 1.6; padding: 0px 16px; }
  .footer-fixed[data-v-80384508] { display: none; }
}
@media (max-width: 359px) {
  .home-footer-shell[data-v-80384508] { width: calc(100% - 24px); }
  .home-footer-column[data-v-80384508], .home-footer-contact-col[data-v-80384508] { width: 100%; }
}
[data-v-53c4b7d4]:root { --main-width: 2316px; --perline: 8; --card-width: 272px; --card-margin-right: 20px; --card-margin-bottom: 20px; --landing-content-width: 1220px; }
.page-home[data-v-53c4b7d4] { background: rgb(255, 255, 255); min-width: 1220px; }
.pic-home[data-v-53c4b7d4] { color: rgb(56, 66, 97); font-family: "Microsoft Yahei", simsun, sans-serif; padding-top: 62px; }
.pic-home .pic-cont[data-v-53c4b7d4] { margin: 0px auto; width: 1220px; }
.pic-home .image-opens-in-seconds[data-v-53c4b7d4] { padding: 50px 0px 8px; width: 1220px; }
.pic-home .image-opens-in-seconds .section-title[data-v-53c4b7d4] { color: rgb(47, 51, 61); font-size: 34px; font-weight: 700; line-height: 42px; margin: 0px; text-align: center; }
.pic-home .image-opens-in-seconds .section-subtitle[data-v-53c4b7d4] { color: rgb(143, 146, 155); font-size: 15px; line-height: 20px; margin: 13px 0px 24px; text-align: center; }
.pic-home .image-opens-in-seconds .seconds-content[data-v-53c4b7d4] { align-items: stretch; display: flex; gap: 28px; width: 1220px; }
.pic-home .image-opens-in-seconds .seconds-tabs[data-v-53c4b7d4] { display: flex; flex: 0 0 410px; flex-direction: column; gap: 8px; height: 466px; width: 410px; }
.pic-home .image-opens-in-seconds .seconds-tab[data-v-53c4b7d4] { appearance: none; background: rgb(255, 255, 255); border: 1px solid rgb(231, 231, 239); border-radius: 15px; box-sizing: border-box; cursor: pointer; display: block; font-family: inherit; height: 110.5px; margin: 0px; outline: none; padding: 22px 20px; text-align: left; width: 410px; }
.pic-home .image-opens-in-seconds .seconds-tab.active[data-v-53c4b7d4] { background: rgb(251, 250, 255); border-color: rgb(222, 221, 240); }
.pic-home .image-opens-in-seconds .seconds-tab.active .tab-title[data-v-53c4b7d4] { color: rgb(126, 116, 251); }
.pic-home .image-opens-in-seconds .tab-title[data-v-53c4b7d4] { color: rgb(34, 36, 42); display: block; font-size: 16px; font-weight: 700; line-height: 20px; margin-bottom: 4px; }
.pic-home .image-opens-in-seconds .tab-desc[data-v-53c4b7d4] { -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: rgb(102, 106, 115); display: -webkit-box; font-size: 13px; line-height: 18px; overflow: hidden; }
.pic-home .image-opens-in-seconds .seconds-preview[data-v-53c4b7d4] { background: rgb(237, 244, 255); border-radius: 15px; flex: 0 0 782px; height: 466px; overflow: hidden; width: 782px; }
.pic-home .image-opens-in-seconds .seconds-preview img[data-v-53c4b7d4] { display: block; height: 100%; object-fit: cover; width: 100%; }
.pic-home .home-faq-tutorial[data-v-53c4b7d4] { padding: 30px 0px 28px; width: 1220px; }
.pic-home .home-faq-tutorial .section-title[data-v-53c4b7d4] { color: rgb(47, 51, 61); font-size: 34px; font-weight: 700; line-height: 42px; margin: 0px; text-align: center; }
.pic-home .home-faq-tutorial .section-subtitle[data-v-53c4b7d4] { color: rgb(143, 146, 155); font-size: 15px; line-height: 20px; margin: 13px 0px 16px; text-align: center; }
.pic-home .faq-card-grid[data-v-53c4b7d4] { display: grid; gap: 19px 38px; grid-template-columns: repeat(3, 1fr); width: 1220px; }
.pic-home .faq-card[data-v-53c4b7d4] { background: rgb(255, 255, 255); border: 1px solid rgb(237, 240, 245); border-radius: 10px; box-shadow: rgba(53, 75, 120, 0.04) 0px 5px 14px; box-sizing: border-box; color: inherit; display: block; min-height: 170px; padding: 18px 22px 14px; }
.pic-home .faq-article-link[data-v-53c4b7d4] { color: inherit; text-decoration: none; }
.pic-home .faq-title[data-v-53c4b7d4] { color: rgb(31, 38, 51); font-size: 15px; font-weight: 700; line-height: 21px; }
.pic-home .faq-desc[data-v-53c4b7d4], .pic-home .faq-title[data-v-53c4b7d4] { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; margin: 0px 0px 8px; overflow: hidden; }
.pic-home .faq-desc[data-v-53c4b7d4] { color: rgb(98, 107, 122); font-size: 12px; line-height: 18px; }
.pic-home .faq-tags[data-v-53c4b7d4] { display: flex; gap: 7px; margin-bottom: 8px; }
.pic-home .faq-tags a[data-v-53c4b7d4] { border: 1px solid rgb(237, 240, 244); border-radius: 2px; box-sizing: border-box; color: rgb(181, 186, 195); font-size: 10px; height: 15px; line-height: 15px; min-width: 26px; padding: 0px 5px; text-align: center; text-decoration: none; }
.pic-home .faq-meta[data-v-53c4b7d4] { align-items: center; color: rgb(140, 148, 163); display: flex; font-size: 11px; justify-content: space-between; line-height: 16px; }
.pic-home .faq-more[data-v-53c4b7d4] { color: rgb(101, 109, 124); }
.pic-home .faq-more[data-v-53c4b7d4]::after { color: rgb(141, 148, 161); content: "›"; margin-left: 8px; }
.pic-home .faq-more-link[data-v-53c4b7d4] { color: rgb(31, 38, 51); display: block; font-size: 14px; line-height: 20px; margin: 20px auto 0px; text-align: center; width: 96px; }
.pic-home a[data-v-53c4b7d4] { outline: none; text-decoration: none; }
.pic-home li[data-v-53c4b7d4] { list-style: none; }
.clearfix[data-v-53c4b7d4] { }
.clearfix[data-v-53c4b7d4]::after, .clearfix[data-v-53c4b7d4]::before { content: ""; display: table; }
.clearfix[data-v-53c4b7d4]::after { clear: both; }
.inner[data-v-53c4b7d4] { height: 100%; margin: 0px auto; width: 1200px; }
.dot-block[data-v-53c4b7d4] { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKsAAABPBAMAAABmEyi+AAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAARnQU1BAACxjwv8YQUAAAABc1JHQgCuzhzpAAAAHlBMVEUAAADi7fLi7fLi7fLi7fLi7fLi7fLi7fLi7fLi7fJmAFZvAAAACXRSTlMAvk2E8/JM9E6rKtVoAAAAqUlEQVRYw+2VoQ7CMBRFyxYIkpAFghsSh53bkn0AFodFotB8AjDE+1vavDabf9SQc0RzczLVNTnO7fuNixRVd0nbqEsROUbTiLzjtOqrNy8VCz+l1m3VO38+1cyCWem26rM/P2rmwZx0W3Uww8S044cWnekSDuNtF5OfYNWZHph73NfpJS+3tzrtn2gAgLwQdIJO0Ak6ABB0gk7QCTpBBwCCTtAJ+v8H/QsTKJ6PogWGQAAAAABJRU5ErkJggg=="); height: 79px; width: 171px; }
.download-btn[data-v-53c4b7d4] { background: url('../img/blue-btn-bg.72a173b_b2677cbe.png'); color: rgb(255, 255, 255); cursor: pointer; display: block; font-size: 28px; height: 112px; line-height: 88px; margin-left: -18px; position: relative; text-indent: 108px; width: 296px; }
.download-btn[data-v-53c4b7d4]:hover { background: url('../img/blue-btn-bg-hover.284f13d_17a59d87.png'); }
.download-btn .icon[data-v-53c4b7d4] { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAaBAMAAABfkYHAAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAARnQU1BAACxjwv8YQUAAAABc1JHQgCuzhzpAAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADXRSTlMADxXUxcbTAbYMOpEN4y+H5QAAAGxJREFUGNNjYAAB3gsMCEBPDk8BkMHVCOEobwdyOK4KgDhMtoZADqNvIIijfFkBpEHkqgDvBSZbI7BuoBTvBeVrChCzRK7KXrJNghrM6Bt7GSYBlLp7NwluJ2MvVOIumKyEMO8iHEU8BwmgcADneDt77dFJgAAAAABJRU5ErkJggg=="); height: 26px; left: 64px; position: absolute; top: 34px; width: 24px; }
.downloads-box .arm-version[data-v-53c4b7d4], .downloads-box .download-btn-64[data-v-53c4b7d4], .downloads-box .download-btn[data-v-53c4b7d4] { display: inline-block; }
.arm-version[data-v-53c4b7d4], .download-btn-64[data-v-53c4b7d4] { color: rgb(0, 132, 255); padding-bottom: 30px; text-decoration: underline; vertical-align: bottom; }
.arm-version[data-v-53c4b7d4]:hover, .download-btn-64[data-v-53c4b7d4]:hover { color: rgb(2, 122, 234); }
.arm-version[data-v-53c4b7d4] { margin-left: 20px; }
.intro[data-v-53c4b7d4] { background-color: rgb(224, 237, 252); height: 500px; position: relative; z-index: 30; }
.intro .inner[data-v-53c4b7d4] { align-items: center; display: flex; margin: 0px auto; position: relative; width: 1220px; z-index: 2; }
.intro .content[data-v-53c4b7d4] { background: url('../img/top.99d72ac_80de655f.png') center top / 1920px no-repeat rgb(224, 237, 252); height: 100%; margin: 0px; max-width: none; overflow: visible; position: relative; width: 100vw; }
.intro .left[data-v-53c4b7d4] { display: block; }
.intro .left .tip[data-v-53c4b7d4] { -webkit-text-fill-color: transparent; background: linear-gradient(90deg, rgb(123, 122, 251), rgb(74, 192, 251)) text; color: rgb(123, 122, 251); font-size: 18px; line-height: 22px; margin-bottom: 10px; }
.intro .left .title[data-v-53c4b7d4] { color: rgb(51, 51, 51); font-size: 80px; font-weight: 700; line-height: 80px; }
.intro .left .subtitle[data-v-53c4b7d4] { color: rgb(102, 102, 102); font-size: 20px; line-height: 30px; margin: 15px 0px; max-width: 820px; }
.intro .left .downloads-box[data-v-53c4b7d4] { align-items: center; display: inline-flex; flex-direction: column; gap: 8px; margin-top: 10px; position: relative; }
.intro .left .downloads-box .download-btn[data-v-53c4b7d4] { align-items: center; background: linear-gradient(90deg, rgb(126, 116, 251), rgb(71, 199, 253)); border-radius: 30px; display: inline-flex; font-size: 28px; gap: 8px; height: 60px; justify-content: center; line-height: 60px; margin-left: 0px; text-indent: 0px; width: 260px; }
.intro .left .downloads-box .download-btn[data-v-53c4b7d4]:hover { background: linear-gradient(90deg, rgb(115, 105, 244), rgb(54, 187, 243)); }
.intro .left .downloads-box .download-btn .icon[data-v-53c4b7d4] { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAnBJREFUeAHtm41R4zAQhdc3VwAlpIO7EkwHVwKliAoOKkg6CFQQOoAOTAekg2U1lgYm6AnLiPiH981okpFkRfosy6N1LEIIIeTnoqp/LbVCekzGxtKjvtH5PPnpmIS9fuQgE9PIxHgLqfzGkAn5JSQJxQAoBkAxAIoBUAyAYgAUA6AYAMUAKAZAMQCKAVAMgGIAFAOgGEA1MSGYvQ/x2+054rYhXnwT4sT72cWKQwdfTuK2g4LaChj4m93JYS+zkmOdcWB83WcdHSMGSIk4qUCtS+kC5G8sHWqexdDWIbRd0pfzY51tNU+H5JTMmE9mSqSVOaH4csrKQZUT9YZIcTJHxshBFU/qLFdKpFQOqvSufPlSIiVyUIVQth4pkaFyMuXrkxIZKGdM2XKlRAbIGYOTNVBZjpM1UUmOkzlgHbnQfte8kQp8UY6TCmi/qLcyliDk/Y75v1RgpBwnFdA+HBLp/BilFE3fFZxUoFCOkwpYO1eJtv2JH77pVLwpvJNKDJTjpBLW1gH8RnLWlIYdqm3pm6Zx9nGdqXId6nw3yTFNGvPNyDmXFMhvmRgvwKbzs329snS0tLO8apfsWCYX4zERO/vYyYzg4xMAxQAoBkAxAIoBUAyAYgAUA0BijiD/T9FudCaEPqMQw1FKGtKP/16IbJckJ4xli7bv6Lgm06B/cN6CYm/5SZaBnynoRN7bduRfqiAnppX+XwVr5tLEPKQK4OIbDriV9XKLpHiyL2SGtcTPmvLY6Lzxy4CfLXDhzd6uw4GXsq6Z48eSlVKE9nHgO10m/g77oAWPTUa926x9AHkpt2w/M56rzRBCCCHfxyvUREjRfMf5JAAAAABJRU5ErkJggg==") 50% center / contain no-repeat; height: 28px; position: static; width: 28px; }
.intro .left .downloads-box .more-versions[data-v-53c4b7d4] { margin: 0px; outline: none; position: relative; text-align: center; width: 100px; }
.intro .left .downloads-box .more-versions:focus-within .more-panel[data-v-53c4b7d4], .intro .left .downloads-box .more-versions:hover .more-panel[data-v-53c4b7d4] { opacity: 1; pointer-events: auto; transform: translate(-50%); visibility: visible; }
.intro .left .downloads-box .more-trigger[data-v-53c4b7d4] { color: rgb(153, 153, 153); cursor: default; display: inline-block; font-size: 14px; line-height: 20px; }
.intro .left .downloads-box .more-panel[data-v-53c4b7d4] { background: rgb(255, 255, 255); border-radius: 8px; box-shadow: rgba(39, 55, 86, 0.16) 0px 8px 24px; left: 50%; opacity: 0; padding: 10px 0px; pointer-events: none; position: absolute; top: 24px; transform: translate(-50%, -4px); transition: opacity 0.2s, transform 0.2s, visibility 0.2s; visibility: hidden; width: 160px; z-index: 9999; }
.intro .left .downloads-box .more-panel[data-v-53c4b7d4]::before { content: ""; height: 8px; left: 0px; position: absolute; right: 0px; top: -8px; }
.intro .left .downloads-box .arm-version[data-v-53c4b7d4], .intro .left .downloads-box .download-btn-64[data-v-53c4b7d4] { color: rgb(51, 51, 51); display: block; line-height: 34px; padding: 0px; text-decoration: none; vertical-align: baseline; }
.intro .left .downloads-box .arm-version[data-v-53c4b7d4]:hover, .intro .left .downloads-box .download-btn-64[data-v-53c4b7d4]:hover { background: rgb(244, 248, 255); color: rgb(0, 132, 255); }
.intro .left .downloads-box .arm-version[data-v-53c4b7d4] { margin-left: 0px; }
.intro .left .time[data-v-53c4b7d4] { color: rgb(128, 138, 155); font-size: 14px; line-height: 14px; margin: -4px 0px 0px; }
.intro.is-small .left .tip[data-v-53c4b7d4] { margin-bottom: 10px; }
@media (max-width: 1919px) {
  .intro .content[data-v-53c4b7d4] { background-size: auto 100%; }
}
@media (max-width: 1199px) {
  .page-home[data-v-53c4b7d4] { min-width: 0px; }
  .pic-home .faq-card-grid[data-v-53c4b7d4], .pic-home .home-faq-tutorial[data-v-53c4b7d4], .pic-home .image-opens-in-seconds[data-v-53c4b7d4], .pic-home .pic-cont[data-v-53c4b7d4] { width: calc(100% - 64px); }
  .pic-home .image-opens-in-seconds .seconds-content[data-v-53c4b7d4] { gap: 24px; width: 100%; }
  .pic-home .image-opens-in-seconds .seconds-tabs[data-v-53c4b7d4] { flex: 0 0 36%; height: 360px; width: 36%; }
  .pic-home .image-opens-in-seconds .seconds-tab[data-v-53c4b7d4] { height: auto; min-height: 82px; padding: 14px 16px; width: 100%; }
  .pic-home .image-opens-in-seconds .seconds-preview[data-v-53c4b7d4] { flex: 1 1 auto; height: 360px; width: auto; }
  .pic-home .faq-card-grid[data-v-53c4b7d4] { gap: 20px 24px; grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .intro .inner[data-v-53c4b7d4] { width: calc(100% - 64px); }
}
@media (max-width: 1023px) {
  .pic-home .image-opens-in-seconds .seconds-preview[data-v-53c4b7d4], .pic-home .image-opens-in-seconds .seconds-tabs[data-v-53c4b7d4] { height: 300px; }
  .pic-home .image-opens-in-seconds .seconds-tab[data-v-53c4b7d4] { min-height: 66px; padding: 10px 12px; }
  .pic-home .image-opens-in-seconds .tab-desc[data-v-53c4b7d4] { -webkit-line-clamp: 1; }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .pic-home .faq-card-grid[data-v-53c4b7d4] { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media (max-width: 767px) {
  .pic-home[data-v-53c4b7d4] { padding-top: 56px; }
  .pic-home .faq-card-grid[data-v-53c4b7d4], .pic-home .home-faq-tutorial[data-v-53c4b7d4], .pic-home .image-opens-in-seconds[data-v-53c4b7d4], .pic-home .pic-cont[data-v-53c4b7d4] { width: calc(100% - 32px); }
  .pic-home .home-faq-tutorial[data-v-53c4b7d4], .pic-home .image-opens-in-seconds[data-v-53c4b7d4] { padding: 28px 0px 8px; }
  .pic-home .home-faq-tutorial .section-title[data-v-53c4b7d4], .pic-home .image-opens-in-seconds .section-title[data-v-53c4b7d4] { font-size: 26px; line-height: 34px; }
  .pic-home .home-faq-tutorial .section-subtitle[data-v-53c4b7d4], .pic-home .image-opens-in-seconds .section-subtitle[data-v-53c4b7d4] { font-size: 14px; line-height: 21px; margin: 10px 0px 18px; text-align: left; }
  .pic-home .image-opens-in-seconds .seconds-content[data-v-53c4b7d4] { flex-direction: column; gap: 12px; }
  .pic-home .image-opens-in-seconds .seconds-tabs[data-v-53c4b7d4] { flex: 0 0 auto; flex-direction: row; gap: 10px; height: auto; order: -1; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; width: 100%; }
  .pic-home .image-opens-in-seconds .seconds-tabs[data-v-53c4b7d4]::-webkit-scrollbar { display: none; }
  .pic-home .image-opens-in-seconds .seconds-tab[data-v-53c4b7d4] { border-radius: 8px; height: 86px; min-height: 86px; min-width: 180px; padding: 12px; width: 180px; }
  .pic-home .image-opens-in-seconds .tab-title[data-v-53c4b7d4] { font-size: 15px; line-height: 20px; }
  .pic-home .image-opens-in-seconds .tab-desc[data-v-53c4b7d4] { -webkit-line-clamp: 2; }
  .pic-home .image-opens-in-seconds .seconds-preview[data-v-53c4b7d4] { border-radius: 8px; flex: 0 0 auto; height: 210px; width: 100%; }
  .pic-home .home-faq-tutorial[data-v-53c4b7d4] { padding-bottom: 24px; }
  .pic-home .faq-card-grid[data-v-53c4b7d4] { gap: 14px; grid-template-columns: 1fr; }
  .pic-home .faq-card[data-v-53c4b7d4] { border-radius: 8px; min-height: 150px; padding: 16px; }
  .intro[data-v-53c4b7d4] { height: auto; }
  .intro .content[data-v-53c4b7d4] { min-height: 310px; overflow: hidden; padding: 30px 0px; }
  .intro .inner[data-v-53c4b7d4] { width: calc(100% - 32px); }
  .intro .left .tip[data-v-53c4b7d4] { font-size: 13px; margin-bottom: 8px; }
  .intro .left .title[data-v-53c4b7d4] { font-size: 32px; line-height: 40px; }
  .intro .left .subtitle[data-v-53c4b7d4] { font-size: 14px; line-height: 22px; margin: 10px 0px 16px; }
  .intro .left .downloads-box[data-v-53c4b7d4] { gap: 12px; }
  .intro .left .downloads-box .download-btn[data-v-53c4b7d4] { font-size: 16px; height: 44px; width: 148px; }
  .intro .left .downloads-box .more-versions[data-v-53c4b7d4] { width: auto; }
  .intro .left .downloads-box .more-panel[data-v-53c4b7d4] { left: 0px; transform: translateY(-4px); }
}
@media (max-width: 479px) {
  .pic-home .faq-card-grid[data-v-53c4b7d4], .pic-home .home-faq-tutorial[data-v-53c4b7d4], .pic-home .image-opens-in-seconds[data-v-53c4b7d4], .pic-home .pic-cont[data-v-53c4b7d4] { width: calc(100% - 40px); }
  .pic-home .image-opens-in-seconds .seconds-preview[data-v-53c4b7d4] { height: 190px; }
  .intro .inner[data-v-53c4b7d4] { width: calc(100% - 40px); }
}
@media (min-width: 480px) and (max-width: 767px) {
  .pic-home .faq-card-grid[data-v-53c4b7d4] { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (max-width: 359px) {
  .pic-home .faq-card-grid[data-v-53c4b7d4], .pic-home .home-faq-tutorial[data-v-53c4b7d4], .pic-home .image-opens-in-seconds[data-v-53c4b7d4], .pic-home .pic-cont[data-v-53c4b7d4] { width: calc(100% - 24px); }
  .pic-home .image-opens-in-seconds .seconds-preview[data-v-53c4b7d4] { height: 178px; }
  .intro .inner[data-v-53c4b7d4] { width: calc(100% - 24px); }
  .intro .left .downloads-box[data-v-53c4b7d4] { align-items: flex-start; flex-direction: column; gap: 10px; }
}

*{animation:none !important;}
html,body{overflow-x:hidden;}