/* 同一导航与页脚保留原桌面、手机视觉。 */
:root { --site-header-height: 83px; }
html { scroll-padding-top: calc(var(--site-header-height) + 20px); }
.site-header__actions, .site-nav__toggle, .mobile-service-widget, .mobile-call-modal { display:none; }
.site-footer__contact-info { display:inline; }
.site-footer__contact-note { font-size:inherit; }
:where(a,button,input,textarea,select):focus-visible { outline:2px solid #216dff; outline-offset:4px; }
body.mobile-call-modal-open, body.mobile-service-panel-open, html.mobile-menu-open { overflow:hidden; }
/* 菜单锁定视口滚动，body 保持非滚动容器，避免 sticky 页头在页面中部消失。 */
body.mobile-menu-open { overflow:clip; }
@media (min-width:1024px) {
 .site-nav__dropdown.is-dismissed .site-nav__dropdown-menu { opacity:0;visibility:hidden; }
 .site-nav__dropdown--about > .site-nav__dropdown-menu { display:none; }
}
@media (min-width:768px) and (max-width:1250px) {
 .site-footer .site-footer__panel {grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;}
 .site-footer__contact {white-space:normal;}
 .site-footer__title {white-space:normal;}
}
@media (max-width:1023px) {
 :root { --site-header-height:72px; }
 .site-header, .faq-page>.site-header, .static-article-template>.site-header {display:block!important;position:sticky;top:0;z-index:950;width:100%;height:auto;min-height:var(--site-header-height);padding-top:env(safe-area-inset-top);background:white;box-shadow:0 2px 8px #1f1f1f0a;}
 .site-header .site-header__inner {width:100%;height:var(--site-header-height);padding:0 clamp(20px,4vw,30px);display:flex;align-items:center;justify-content:space-between;gap:16px;}
 .site-header__logo {flex:1 1 auto;min-width:0;}
 .site-header__logo img {width:clamp(136px,23.0667vw,173px);height:auto;max-width:none;}
 .site-header__actions {display:flex;align-items:center;flex-shrink:0;gap:clamp(20px,4.2667vw,32px);}
 .site-header__phone,.site-header__menu {display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;}
 .site-header__phone {width:clamp(32px,6.4vw,48px);height:clamp(32px,6.4vw,48px);}
 .site-header__menu {position:relative;width:clamp(32px,4.8vw,36px);height:clamp(24px,4.2667vw,32px);}
 .site-header__phone img,.site-header__menu img {width:100%;height:auto;}
 .site-header__menu-icon--list {transition:opacity 220ms,transform 220ms;}
 .site-header__menu-icon--close {position:absolute;inset:0;opacity:0;transform:scale(.82) rotate(-90deg);transition:opacity 220ms,transform 220ms;}
 .site-header__menu-icon--close::before,.site-header__menu-icon--close::after {content:'';position:absolute;top:50%;left:50%;width:100%;height:2px;border-radius:999px;background:#1f1f1f;}
 .site-header__menu-icon--close::before {transform:translate(-50%,-50%) rotate(45deg);}
 .site-header__menu-icon--close::after {transform:translate(-50%,-50%) rotate(-45deg);}
 .site-header__menu[aria-expanded=true] .site-header__menu-icon--list {opacity:0;transform:scale(.82) rotate(90deg);}
 .site-header__menu[aria-expanded=true] .site-header__menu-icon--close {opacity:1;transform:scale(1);}
 .site-header .site-nav {display:none;position:fixed;inset:calc(var(--site-header-height) + env(safe-area-inset-top)) 0 0;width:100%;height:auto;overflow:auto;max-height:none;padding:calc(min(100vw,750px)*16/750) calc(min(100vw,750px)*20/750) 40px;align-content:start;background:white;border-top:1px solid #efefef;}
 .site-header.is-menu-open {z-index:1400;}
 .site-header.is-menu-open .site-nav {display:block;overscroll-behavior:contain;}
 body.mobile-menu-open .mobile-service-widget {visibility:hidden;}
 .site-header .site-nav>a[href="./index.html"] {display:none;}
 .site-header .site-nav__item {width:100%;height:auto;min-height:calc(min(100vw,750px)*74/750);padding:0 calc(min(100vw,750px)*12/750);font-size:calc(min(100vw,750px)*28/750)!important;font-weight:500;line-height:1.2;color:#1f1f1f;display:flex;align-items:center;justify-content:space-between;white-space:normal;}
 .site-header .site-nav>a {padding-block:calc(min(100vw,750px)*22/750);min-height:calc(min(100vw,750px)*118/750);border-bottom:1px solid #efefef;}
 .site-header .site-nav>a::after,.site-nav__toggle::after {content:'';width:calc(min(100vw,750px)*16/750);height:calc(min(100vw,750px)*16/750);margin-right:calc(min(100vw,750px)*8/750);border-right:2px solid #b9b9b9;border-bottom:2px solid #b9b9b9;transform:rotate(45deg);}
 .site-header .site-nav__dropdown {display:grid;grid-template-columns:minmax(0,1fr) 36px;padding:calc(min(100vw,750px)*22/750) 0;border-bottom:1px solid #efefef;}
 .site-header .site-nav__item--dropdown img {display:none;}
 .site-header .site-nav__toggle {display:flex;align-items:center;justify-content:center;width:36px;height:auto;background:transparent;border:0;}
 .site-header .site-nav__dropdown.is-submenu-open>.site-nav__item {background:#edf5ff;color:#214f99;border-radius:calc(min(100vw,750px)*16/750) 0 0 calc(min(100vw,750px)*16/750);padding-left:calc(min(100vw,750px)*20/750);}
 .site-header .site-nav__dropdown.is-submenu-open>.site-nav__toggle {background:#edf5ff;border-radius:0 calc(min(100vw,750px)*16/750) calc(min(100vw,750px)*16/750) 0;}
 .site-nav__toggle[aria-expanded=true]::after {transform:rotate(-135deg);border-color:#6f89b6;}
 .site-header .site-nav__dropdown-menu {position:static;display:none;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(min(100vw,750px)*20/750) calc(min(100vw,750px)*18/750);margin-top:calc(min(100vw,750px)*24/750);padding:0;min-width:0;background:transparent;box-shadow:none;border:0;opacity:1;visibility:visible;transform:none;}
 /* 手机菜单在点击或聚焦时也保持网格位置，覆盖桌面下拉菜单的居中位移。 */
 .site-header .site-nav__dropdown-menu,
 .site-header .site-nav__dropdown:hover .site-nav__dropdown-menu,
 .site-header .site-nav__dropdown:focus-within .site-nav__dropdown-menu {transform:none;transition:none;}
 .site-header .site-nav__dropdown-menu::before {display:none;}
 .site-header .site-nav__dropdown.is-submenu-open>.site-nav__dropdown-menu {display:grid;}
 .site-header .site-nav__dropdown-link {min-height:calc(min(100vw,750px)*62/750);padding:0 calc(min(100vw,750px)*12/750);justify-content:center;border:0;border-radius:calc(min(100vw,750px)*12/750);background:#f7f7f7;color:#1f1f1f;font-size:calc(min(100vw,750px)*22/750);line-height:1.2;white-space:nowrap;}
 .pc-side-service {display:none;}
 .site-footer,.faq-page>.site-footer,.static-article-template>.site-footer {display:block!important;}
}
@media (max-width:767px) {
 :root {--site-header-height:clamp(72px,15.7333vw,118px);}
 .mobile-service-widget {display:block;}
 .mobile-service-widget:not(.is-mode-phone):not(.is-mode-wechat) {z-index:900;}
 .mobile-call-modal {display:flex;}
 .site-footer .site-footer__frame {min-height:calc(min(100vw,750px)*938/750)!important;padding:calc(min(100vw,750px)*30/750) calc(min(100vw,750px)*22/750) calc(min(100vw,750px)*34/750)!important;background:url('../assets-web/mobile/bottom-bg.png') center top/100% 100% no-repeat;display:block;}
 .site-footer .site-footer__title {display:none;}
 .site-footer .site-footer__panel {position:relative;isolation:isolate;width:100%;min-height:0;margin:0;padding:0;border-radius:0;background:transparent;display:grid;grid-template-columns:calc(min(100vw,750px)*150/750) calc(min(100vw,750px)*235/750) calc(min(100vw,750px)*156/750);justify-content:center;gap:0 calc(min(100vw,750px)*10/750);}
 .site-footer__panel::before {content:'';grid-row:2;grid-column:1/-1;align-self:stretch;background:#fff;border-radius:calc(min(100vw,750px)*44/750);margin:0 calc(min(100vw,750px)*-32.5/750);z-index:-1;}
 .site-footer .site-footer__column {grid-row:2;padding:calc(min(100vw,750px)*30/750) 0 calc(min(100vw,750px)*28/750);}
 .site-footer__column:first-child {grid-column:1;}
 .site-footer__column:nth-child(2) {grid-column:2;}
 .site-footer .site-footer__column--qr {grid-column:3;}
 .site-footer .site-footer__column--contact {grid-row:1;grid-column:1/-1;padding:0 0 calc(min(100vw,750px)*82/750);}
 .site-footer .site-footer__heading {font-size:calc(min(100vw,750px)*28/750);font-weight:600;line-height:1.2;}
 .site-footer .site-footer__column--contact .site-footer__heading {font-size:calc(min(100vw,750px)*34/750);text-align:center;}
 .site-footer .site-footer__contacts {margin-top:calc(min(100vw,750px)*34/750);gap:calc(min(100vw,750px)*20/750);}
 .site-footer .site-footer__contact {width:calc(min(100vw,750px)*560/750);max-width:100%;min-height:calc(min(100vw,750px)*58/750);margin:0 auto;padding:calc(min(100vw,750px)*10/750) calc(min(100vw,750px)*24/750);gap:calc(min(100vw,750px)*14/750);border-radius:calc(min(100vw,750px)*24/750);background:#fffffff5;box-shadow:0 4px 14px #abbedd24;color:#8a8a8a;white-space:normal;}
 .site-footer .site-footer__contact-icon {width:calc(min(100vw,750px)*32/750);height:calc(min(100vw,750px)*32/750);}
 .site-footer__contact-info {display:flex;align-items:center;flex-wrap:wrap;gap:calc(min(100vw,750px)*8/750);font-size:calc(min(100vw,750px)*24/750);line-height:1.35;}
 .site-footer__contact-info>span {white-space:nowrap;}
 .site-footer__contact-info>span:first-child {color:#6f6f6f;}
 .site-footer__contact-info>.wdl-phone-number {color:#7a808d;}
 .site-footer__contact-info>.site-footer__contact-note {color:#9d9d9d;}
 .site-footer .site-footer__details {margin-top:calc(min(100vw,750px)*44/750);display:flex;flex-direction:column;align-items:center;gap:calc(min(100vw,750px)*18/750);}
 .site-footer .site-footer__details a {color:#7d8491;font-size:calc(min(100vw,750px)*28/750);line-height:1.25;text-align:center;}
 .site-footer .site-footer__list {margin-top:calc(min(100vw,750px)*24/750);}
 .site-footer .site-footer__list li+li {margin-top:calc(min(100vw,750px)*14/750);}
 .site-footer .site-footer__list a,.site-footer .site-footer__list-text {color:#929292;font-size:calc(min(100vw,750px)*20/750);line-height:1.3;}
 .site-footer .site-footer__list li {line-height:1.3;}
 .site-footer .site-footer__qr-list {width:100%;margin-top:calc(min(100vw,750px)*22/750);display:flex;flex-direction:column;align-items:center;gap:calc(min(100vw,750px)*20/750);}
 .site-footer .site-footer__qr-item {gap:calc(min(100vw,750px)*8/750);}
 .site-footer .site-footer__qr-image {width:calc(min(100vw,750px)*120/750);height:calc(min(100vw,750px)*120/750);}
 .site-footer .site-footer__qr-caption {color:#9b9b9b;font-size:calc(min(100vw,750px)*16/750);line-height:1.25;white-space:nowrap;}
 .site-footer .site-footer__beian {margin-top:calc(min(100vw,750px)*32/750);color:#7d8491;font-size:calc(min(100vw,750px)*20/750);line-height:1.5;gap:calc(min(100vw,750px)*12/750);text-align:center;}
 .site-footer__legal-item {gap:calc(min(100vw,750px)*12/750);}
}

@media (max-width:1023px) {
.mobile-call-modal[hidden] {

    display: none;

}



.mobile-call-modal {

    position: fixed;

    inset: 0;

    z-index: 1000;

    display: flex;

    align-items: flex-end;

    justify-content: center;

    background: rgba(31, 31, 31, 0.55);

    opacity: 0;

    transition: opacity 260ms ease;

}



.mobile-call-modal__backdrop {

    position: absolute;

    inset: 0;

    background: transparent;

}



.mobile-call-modal__sheet {

    position: relative;

    z-index: 1;

    width: 100%;

    max-width: 750px;

    padding: 0 0 env(safe-area-inset-bottom);

    transform: translateY(100%);

    transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1);

}



.mobile-call-modal.is-visible {

    opacity: 1;

}



.mobile-call-modal.is-visible .mobile-call-modal__sheet {

    transform: translateY(0);

}



.mobile-call-modal__card {

    overflow: hidden;

    border-radius: calc(min(100vw, 750px) * 28 / 750) calc(min(100vw, 750px) * 28 / 750) 0 0;

    background: #ffffff;

}



.mobile-call-modal__title {

    min-height: calc(min(100vw, 750px) * 108 / 750);

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0 calc(min(100vw, 750px) * 24 / 750);

    color: #b8b8b8;

    font-size: calc(min(100vw, 750px) * 20 / 750);

    line-height: 1.2;

    text-align: center;

    border-bottom: 1px solid #f0f0f0;

}



.mobile-call-modal__item {

    min-height: calc(min(100vw, 750px) * 96 / 750);

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0 calc(min(100vw, 750px) * 24 / 750);

    color: #1f1f1f;

    font-size: calc(min(100vw, 750px) * 24 / 750);

    line-height: 1.2;

    text-align: center;

    background: #ffffff;

}



.mobile-call-modal__item + .mobile-call-modal__item {

    border-top: 1px solid #f3f3f3;

}



.mobile-call-modal__item--accent {

    color: #ff7b86;

}



.mobile-call-modal__cancel {

    width: 100%;

    min-height: calc(min(100vw, 750px) * 100 / 750);

    margin-top: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    border-top: 1px solid #f0f0f0;

    border-radius: 0;

    background: #ffffff;

    color: #1f1f1f;

    font-size: calc(min(100vw, 750px) * 24 / 750);

    line-height: 1.2;

}




}

@media (max-width:767px) {
.mobile-service-widget {

    --mobile-service-size: min(100vw, 750px);

    --mobile-service-edge: calc(var(--mobile-service-size) * 22 / 375);

    --mobile-service-tab-width: calc(var(--mobile-service-size) * 52 / 375);

    --mobile-service-tab-height: calc(var(--mobile-service-size) * 86 / 375);

    position: relative;

    z-index: 1300;

}



.mobile-service-panel[hidden] {

    display: none;

}



.mobile-service-panel {

    position: fixed;

    inset: 0;

    z-index: 1300;

    background: rgba(24, 24, 24, 0.92);

    opacity: 0;

    transition: opacity 220ms ease;

}



.mobile-service-panel.is-visible {

    opacity: 1;

}



.mobile-service-panel__backdrop {

    position: absolute;

    inset: 0;

    background: transparent;

}



.mobile-service-tabs {

    position: fixed;

    top: 45%;

    right: var(--mobile-service-edge);

    z-index: 1302;

    width: var(--mobile-service-tab-width);

    overflow: hidden;

    border-radius: calc(var(--mobile-service-tab-width) / 2);

    background: #ffffff;

    display: flex;

    flex-direction: column;

    box-shadow: 0 calc(var(--mobile-service-size) * 4 / 375) calc(var(--mobile-service-size) * 10 / 375) rgba(0, 0, 0, 0.12);

    transform: translateY(-50%);

    transition: top 220ms ease, transform 220ms ease, opacity 180ms ease;

}



.mobile-service-widget.is-scrolling .mobile-service-tabs {

    opacity: 0;

    pointer-events: none;

    transform: translate(120%, -50%);

}



.mobile-service-widget.is-mode-wechat .mobile-service-tabs {

    top: calc(var(--mobile-service-size) * 52 / 375);

    transform: translateY(0);

}



.mobile-service-tab {

    width: 100%;

    min-height: var(--mobile-service-tab-height);

    padding: calc(var(--mobile-service-size) * 13 / 375) 0 calc(var(--mobile-service-size) * 10 / 375);

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: calc(var(--mobile-service-size) * 7 / 375);

    background: #ffffff;

    color: #2f333b;

    font-size: calc(var(--mobile-service-size) * 13 / 375);

    font-weight: 500;

    line-height: 1.2;

}



.mobile-service-tab.is-active {

    background: #1469ff;

    color: #ffffff;

}



.mobile-service-tab__icon {

    width: calc(var(--mobile-service-size) * 28 / 375);

    height: calc(var(--mobile-service-size) * 28 / 375);

    display: flex;

    align-items: center;

    justify-content: center;

}



.mobile-service-tab__icon img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: contain;

}



.mobile-service-panel__content {

    position: absolute;

    z-index: 1301;

    opacity: 0;

    pointer-events: none;

    transition: opacity 180ms ease;

}



.mobile-service-panel__content.is-active {

    opacity: 1;

    pointer-events: auto;

}



.mobile-service-phone-card {

    top: 50%;

    left: 50%;

    width: calc(var(--mobile-service-size) * 172 / 375);

    min-height: calc(var(--mobile-service-size) * 145 / 375);

    padding: calc(var(--mobile-service-size) * 12 / 375) calc(var(--mobile-service-size) * 14 / 375);

    border-radius: calc(var(--mobile-service-size) * 9 / 375);

    background: #ffffff;

    color: #6b7078;

    text-align: center;

    transform: translate(-50%, -50%);

}



.mobile-service-phone-card__title {

    margin: 0 0 calc(var(--mobile-service-size) * 10 / 375);

    color: #1469ff;

    font-size: calc(var(--mobile-service-size) * 16 / 375);

    font-weight: 600;

    line-height: 1.2;

}



.mobile-service-phone-card__name {

    margin: 0;

    font-size: calc(var(--mobile-service-size) * 13 / 375);

    font-weight: 400;

    line-height: 1.25;

}



.mobile-service-phone-card__number {

    display: block;

    margin-top: calc(var(--mobile-service-size) * 4 / 375);

    color: #5f646d;

    font-size: calc(var(--mobile-service-size) * 14 / 375);

    font-weight: 600;

    line-height: 1.25;

}



.mobile-service-phone-card__contact + .mobile-service-phone-card__contact {

    margin-top: calc(var(--mobile-service-size) * 14 / 375);

}



.mobile-service-wechat-card {

    top: max(

        calc(var(--mobile-service-size) * 246 / 375),

        calc(var(--mobile-service-size) * 52 / 375 + var(--mobile-service-tab-height) * 2 + var(--mobile-service-size) * 22 / 375)

    );

    left: 50%;

    width: calc(var(--mobile-service-size) * 345 / 375);

    display: flex;

    flex-direction: column;

    align-items: center;

    transform: translateX(-50%);

}



.mobile-service-wechat-card__image {

    display: block;

    position: relative;

    width: 100%;

    line-height: 0;

}



.mobile-service-wechat-card__background {

    display: block;

    width: 100%;

    height: auto;

}



.mobile-service-wechat-card__qr-list {

    position: absolute;

    top: 27.67%;

    display: grid;

    grid-template-columns: repeat(var(--mobile-service-qr-count), minmax(0, 1fr));

    align-items: start;

}



.mobile-service-wechat-card__qr-list--single {

    left: 38.95%;

    width: 22.1%;

}



.mobile-service-wechat-card__qr-list--pair {

    left: 23.6%;

    width: 53.24%;

    column-gap: 16%;

}



.mobile-service-wechat-card__qr-list--multiple {

    left: 8.42%;

    width: 83.16%;

    column-gap: 3.5%;

}



.mobile-service-wechat-card__qr {

    display: block;

    width: 100%;

    height: auto;

}



.mobile-service-wechat-card__close {

    width: calc(var(--mobile-service-size) * 32 / 375);

    height: calc(var(--mobile-service-size) * 32 / 375);

    margin-top: calc(var(--mobile-service-size) * 24 / 375);

    padding: 0;

    border: 0;

    background: transparent;

}



.mobile-service-wechat-card__close img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: contain;

}




}

@media(max-width:1023px){
 .site-header .site-nav__toggle {align-self:stretch;min-height:calc(min(100vw,750px)*74/750);}
 
}
@media(max-width:767px){.site-footer {margin-top:0!important;}}

.cta-mobile-copy,.software-product-cta .mobile-software-cta__features{display:none;}
.responsive-cta-actions{display:contents;}
.software-product-cta__button picture{display:contents;}
@media(max-width:767px){
 .software-product-cta{width:100%;margin-top:calc(min(100vw,750px)*74/750);padding:calc(min(100vw,750px)*74/750) calc(min(100vw,750px)*40/750) calc(min(100vw,750px)*88/750);background:#eaf3ff!important;text-align:center;}
 .cta-desktop-copy{display:none;}.cta-mobile-copy{display:block;}
 .software-product-cta__title{color:#202020;font-size:calc(min(100vw,750px)*48/750);line-height:1.2;font-weight:600;letter-spacing:0;}
 .software-product-cta__text{margin-top:calc(min(100vw,750px)*26/750);color:#6b7481;font-size:calc(min(100vw,750px)*22/750);line-height:1.8;letter-spacing:0;}
 .software-product-cta .mobile-software-cta__features{display:flex;}
 .responsive-cta-actions{margin-top:calc(min(100vw,750px)*54/750);display:flex;align-items:center;justify-content:center;gap:calc(min(100vw,750px)*28/750);}
 .software-product-cta__button{width:calc(min(100vw,750px)*222/750);min-height:calc(min(100vw,750px)*74/750);height:auto;margin:0;}
}

@media(max-width:767px){.site-footer__panel::before{margin-inline:calc(min(100vw,750px)*-72.5/750);}.site-footer .site-footer__list{gap:0;}}

.nav-mobile-label{display:none;}
@media(max-width:1023px){.nav-desktop-label{display:none;}.nav-mobile-label{display:inline;}}
@media(max-width:767px){.site-footer .site-footer__list li{font-size:calc(min(100vw,750px)*20/750);}}