/* Header */
*{margin:0;padding:0;box-sizing:border-box}
:root{
    --green:#00A985;
    --green-2:#00c79d;
    --black:#070707;
    --black-2:#111111;
    --white:#fff;
    --gray-50:#fafafa;
    --gray-100:#f4f4f4;
    --gray-200:#e8e8e8;
    --gray-500:#737373;
    --gray-700:#333;
    --radius:24px;
    --shadow:0 30px 80px rgba(0,0,0,.12);
}
html{scroll-behavior:smooth}
body{
    font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    color:var(--black);
    background:var(--white);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit}
button,input{font-family:inherit}

.btn{
    height:48px;
    padding:0 22px;
    border:0;
    border-radius:999px;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    font-size:15px;
    font-weight:700;
    transition:background .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease;
    white-space:nowrap;
}
.btn:hover{transform:translateY(-2px)}
.btn-dark{
    background:var(--black);
    color:var(--white);
}
.btn-dark:hover{
    background:var(--green);
    box-shadow:0 18px 40px rgba(0,169,133,.22);
}
.btn-green{
    background:var(--green);
    color:var(--white);
}
.btn-green:hover{
    background:var(--black);
    box-shadow:0 18px 40px rgba(0,0,0,.22);
}
.btn-light{
    background:rgba(255,255,255,.12);
    color:var(--white);
}
.btn-light:hover{background:rgba(255,255,255,.2)}
.btn-ghost{
    background:transparent;
    color:var(--black);
}
.btn-ghost:hover{background:#f1f1f1}
.neo-header{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    z-index:9999;
    background:#fff;
    border-bottom:1px solid rgba(0,0,0,.08);
    transition:box-shadow .28s ease;
}

.neo-header.is-scrolled{
    background:#fff;
    box-shadow:0 12px 34px rgba(0,0,0,.08);
}

.neo-header-inner{
    max-width:1320px;
    height:86px;
    margin:0 auto;
    padding:0 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    transition:height .28s ease;
}

.neo-header.is-scrolled .neo-header-inner{
    height:74px;
}

/* Logo */
.neo-logo{
    display:inline-flex;
    align-items:center;
    gap:10px;
    flex-shrink:0;
    color:var(--black);
}

.neo-logo span{
    width:40px;
    height:40px;
    border-radius:14px;
    background:var(--green);
    color:#fff;
    display:grid;
    place-items:center;
    font-size:18px;
    font-weight:900;
    box-shadow:0 12px 26px rgba(0,169,133,.24);
}

.neo-logo strong{
    font-size:22px;
    font-weight:900;
    letter-spacing:-.045em;
}

/* Desktop Nav */
.neo-nav{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    flex:1;
}

.neo-nav-item{
    height:100%;
    display:flex;
    align-items:center;
    position:relative;
}

.neo-nav-link{
    height:42px;
    padding:0 12px;
    border-radius:12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    color:#202020;
    font-size:17px;
    font-weight:850;
    white-space:nowrap;
    transition:background .24s ease,color .24s ease;
}

.neo-nav-link i{
    font-size:10px;
    color:#777;
    transition:transform .24s ease,color .24s ease;
}

.neo-nav-link:hover,
.neo-nav-item:hover > .neo-nav-link{
    background:#f3f5f4;
    color:var(--green);
}

.neo-nav-link:hover i,
.neo-nav-item:hover > .neo-nav-link i{
    color:var(--green);
}

.neo-nav-item:hover > .neo-nav-link i{
    transform:rotate(180deg);
}

/* Mega */
.neo-mega{
    position:absolute;
    left:50%;
    top:100%;
    width:740px;
    padding-top:14px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate(-50%,12px);
    transition:opacity .24s ease, visibility .24s ease, transform .24s ease;
}

.neo-mega-large{
    width:860px;
}

.neo-nav-item:hover .neo-mega,
.neo-nav-item:focus-within .neo-mega{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate(-50%,0);
}

.neo-mega-inner{
    padding:18px;
    border-radius:28px;
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    box-shadow:0 28px 80px rgba(0,0,0,.16);
    display:grid;
    grid-template-columns:240px 1fr;
    gap:18px;
}

.neo-mega-side{
    min-height:230px;
    padding:24px;
    border-radius:22px;
    background:
        radial-gradient(circle at 82% 18%,rgba(0,169,133,.28),transparent 36%),
        var(--black);
    color:#fff;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}

.neo-mega-side span{
    color:var(--green);
    font-size:12px;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
    margin-bottom:12px;
}

.neo-mega-side h3{
    font-size:24px;
    line-height:1.16;
    letter-spacing:-.04em;
    margin-bottom:10px;
}

.neo-mega-side p{
    color:rgba(255,255,255,.62);
    font-size:13px;
    line-height:1.65;
}

.neo-mega-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
    align-content:start;
}

.neo-mega-grid-large{
    grid-template-columns:repeat(3,1fr);
}

.neo-mega-grid a{
    min-height:72px;
    padding:13px 14px;
    border-radius:18px;
    background:#f7f7f7;
    display:flex;
    align-items:center;
    gap:12px;
    color:#222;
    transition:background .24s ease,color .24s ease,transform .24s ease,box-shadow .24s ease;
}

.neo-mega-grid a i{
    width:36px;
    height:36px;
    border-radius:12px;
    background:#fff;
    color:var(--green);
    display:grid;
    place-items:center;
    font-size:14px;
    flex-shrink:0;
    transition:background .24s ease,color .24s ease;
}

.neo-mega-grid a strong{
    display:block;
    color:inherit;
    font-size:14px;
    font-weight:900;
    line-height:1.2;
    margin-bottom:4px;
}

.neo-mega-grid a span{
    display:block;
    color:#777;
    font-size:12px;
    font-weight:650;
    line-height:1.3;
    transition:color .24s ease;
}

.neo-mega-grid a:hover{
    background:var(--green);
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 14px 34px rgba(0,169,133,.24);
}

.neo-mega-grid a:hover i{
    background:rgba(255,255,255,.18);
    color:#fff;
}

.neo-mega-grid a:hover span{
    color:rgba(255,255,255,.72);
}

/* Actions */
.neo-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-shrink:0;
}

.neo-login{
    height:42px;
    padding:0 15px;
    border-radius:12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#f4f4f4;
    color:#222;
    font-size:14px;
    font-weight:850;
    transition:background .24s ease,color .24s ease;
}

.neo-login:hover{
    background:rgba(0,169,133,.1);
    color:var(--green);
}

.neo-cta{
    height:42px;
    padding:0 18px;
    border-radius:12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    background:var(--green);
    color:#fff;
    font-size:14px;
    font-weight:900;
    box-shadow:0 14px 30px rgba(0,169,133,.24);
    transition:transform .24s ease,box-shadow .24s ease;
}

.neo-cta:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 40px rgba(0,169,133,.32);
}

/* Mobile Button */
.neo-menu-btn{
    width:44px;
    height:44px;
    border:0;
    border-radius:14px;
    background:#f4f4f4;
    display:none;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    cursor:pointer;
}

.neo-menu-btn span{
    width:20px;
    height:2px;
    border-radius:99px;
    background:#111;
    transition:transform .25s ease,opacity .25s ease;
}

.neo-menu-btn.is-open span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
}

.neo-menu-btn.is-open span:nth-child(2){
    opacity:0;
}

.neo-menu-btn.is-open span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
}

/* Mobile */
.neo-mobile{
    position:fixed;
    left:0;
    top:86px;
    width:100%;
    max-height:calc(100vh - 86px);
    overflow:auto;
    background:#fff;
    border-top:1px solid rgba(0,0,0,.08);
    box-shadow:0 26px 70px rgba(0,0,0,.15);
    opacity:0;
    visibility:hidden;
    transform:translateY(-12px);
    transition:opacity .25s ease,visibility .25s ease,transform .25s ease,top .28s ease;
}

.neo-header.is-scrolled .neo-mobile{
    top:74px;
    max-height:calc(100vh - 74px);
}

.neo-mobile.is-open{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.neo-mobile-inner{
    padding:18px 24px 28px;
    display:grid;
    gap:10px;
}

.neo-mobile details{
    border-radius:18px;
    background:#f6f6f6;
    overflow:hidden;
}

.neo-mobile summary{
    height:56px;
    padding:0 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    list-style:none;
    cursor:pointer;
    color:#111;
    font-size:15px;
    font-weight:900;
}

.neo-mobile summary::-webkit-details-marker{
    display:none;
}

.neo-mobile summary i{
    font-size:12px;
    color:#777;
    transition:transform .24s ease;
}

.neo-mobile details[open] summary i{
    transform:rotate(180deg);
}

.neo-mobile details div{
    padding:0 10px 10px;
    display:grid;
    gap:6px;
}

.neo-mobile details a{
    min-height:54px;
    padding:9px 12px;
    border-radius:14px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    color:#222;
}

.neo-mobile details a strong{
    font-size:14px;
    font-weight:900;
    margin-bottom:3px;
}

.neo-mobile details a span{
    color:#777;
    font-size:12px;
    font-weight:650;
}

.neo-mobile details a:hover{
    background:#fff;
    color:var(--green);
}

.neo-mobile-link{
    height:56px;
    padding:0 18px;
    border-radius:18px;
    background:#f6f6f6;
    display:flex;
    align-items:center;
    color:#111;
    font-size:15px;
    font-weight:900;
}

.neo-mobile-link:hover{
    color:var(--green);
}

.neo-mobile-cta{
    height:56px;
    margin-top:8px;
    border-radius:18px;
    background:var(--green);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-size:15px;
    font-weight:900;
}

body.neo-menu-open{
    overflow:hidden;
}

/* 修改“真实手机号如何解决？”卡片的底色为 #00A985 */
 .did-pain__card:last-child {
    background-color: #00A985 !important;
    border-color: #00A985 !important;
}

/* 重点：去除 ICON 图标外层的底色/边框/阴影 */
 .did-pain__card:last-child .did-pain__icon {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 将卡片内的标题和图标颜色改为白色，保证对比度清晰 */
.did-pain__card:last-child .did-pain__card-title,
 .did-pain__card:last-child .did-pain__icon i {
    color: #FFFFFF !important;
}

/* 将卡片内的正文和加粗文字改为白色（略带透明度提升阅读舒适感） */
.did-pain__card:last-child .did-pain__card-text {
    color: rgba(255, 255, 255, 0.95) !important;
}

 .did-pain__card:last-child .did-pain__card-text strong {
    color: #FFFFFF !important;
}

/* Responsive */
@media(max-width:1200px){
    .neo-nav{
        display:none;
    }

    .neo-login,
    .neo-cta{
        display:none;
    }

    .neo-menu-btn{
        display:flex;
    }
}

@media(max-width:760px){
    .neo-header-inner{
        height:74px;
        padding:0 18px;
    }

    .neo-header.is-scrolled .neo-header-inner{
        height:68px;
    }

    .neo-logo span{
        width:36px;
        height:36px;
        border-radius:13px;
    }

    .neo-logo strong{
        font-size:20px;
    }

    .neo-mobile{
        top:74px;
        max-height:calc(100vh - 74px);
    }

    .neo-header.is-scrolled .neo-mobile{
        top:68px;
        max-height:calc(100vh - 68px);
    }

    body{
        padding-top:74px;
    }
}




:root{--p:#00A985;--pl:#00C49A;--pd:#007A62;--dk:#0F1923;--w:#fff;--gr:#6B7280;--bd:rgba(0,0,0,0.08)}

/* ── NAVBAR ── */
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,0.98);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--bd);transition:box-shadow .3s}
.navbar.scrolled{box-shadow:0 4px 40px rgba(0,169,133,0.13)}
.nav-wrap{max-width:1440px;margin:0 auto;padding:0 52px;display:flex;align-items:center;height:76px}

/* LOGO */
.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0;margin-right:48px}
.logo-icon{width:42px;height:42px;background:linear-gradient(135deg,var(--p),var(--pl));border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;box-shadow:0 6px 18px rgba(0,169,133,0.32)}
.logo-text{font-size:22px;font-weight:800;color:var(--dk);letter-spacing:-.3px}
.logo-text em{color:var(--p);font-style:normal}

/* NAV MENU */
.nav-menu{display:flex;align-items:center;list-style:none;flex:1}
.nav-item{position:relative}
.nav-link{display:flex;align-items:center;gap:5px;padding:10px 18px;color:#374151;text-decoration:none;font-size:17px;font-weight:600;border-radius:9px;transition:all .2s;white-space:nowrap;cursor:pointer;letter-spacing:.1px}
.nav-link .arr{font-size:10px;opacity:.4;transition:transform .2s,opacity .2s;margin-left:2px}
.nav-link:hover,.nav-item.open>.nav-link{color:var(--p);background:rgba(0,169,133,0.07)}
.nav-item.open>.nav-link .arr{transform:rotate(180deg);opacity:.7}

/* hover bridge */
.nav-item::after{content:'';position:absolute;top:100%;left:0;right:0;height:16px}

/* DROPDOWN */
.dropdown{position:absolute;top:calc(100% + 16px);left:0;background:#fff;border:1px solid rgba(0,0,0,0.07);border-radius:18px;padding:12px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s ease;box-shadow:0 24px 72px rgba(0,0,0,0.12),0 4px 20px rgba(0,169,133,0.08);transform:translateY(-8px)}
.dropdown.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}

.dd-prod{min-width:760px}
.dd-scene{min-width:520px}
.dd-sol{min-width:780px}
.dd-ind{min-width:520px}
.dd-hw{min-width:220px}
.dd-about{min-width:220px}

.dd-inner{padding:6px}
.dh{font-size:15px;font-weight:700;color:var(--p);letter-spacing:2px;text-transform:uppercase;padding:4px 10px 12px;border-bottom:1px solid rgba(0,0,0,0.06);margin-bottom:10px;display:flex;align-items:center;gap:8px}
.dgrid{display:grid;gap:4px}
.g4{grid-template-columns:repeat(4,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g2{grid-template-columns:repeat(2,1fr)}
.g1{grid-template-columns:1fr}

.di{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:12px;text-decoration:none;color:#374151;transition:all .16s;cursor:pointer}
.di:hover{background:rgba(0,169,133,0.08)}
.di:hover .ic{background:var(--p);color:#fff;box-shadow:0 4px 12px rgba(0,169,133,0.32)}
.ic{width:40px;height:40px;border-radius:10px;background:rgba(0,169,133,0.09);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--p);flex-shrink:0;transition:all .16s}
.it{font-size:16px;font-weight:700;color:var(--dk);display:block;white-space:nowrap}
.id{font-size:13px;color:var(--gr);display:block;margin-top:2px;white-space:nowrap}

/* RIGHT BUTTONS */
.nav-right{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}
.btn-login{padding:10px 22px;background:transparent;border:1.5px solid rgba(0,0,0,0.14);border-radius:9px;color:#374151;font-size:15px;font-weight:600;cursor:pointer;transition:all .22s;text-decoration:none;white-space:nowrap}
.btn-login:hover{border-color:var(--p);color:var(--p);background:rgba(0,169,133,0.05)}

.btn-consult{padding:10px 22px;background:#0F1923;border:none;border-radius:9px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .22s;text-decoration:none;display:flex;align-items:center;gap:8px;white-space:nowrap;position:relative;overflow:hidden}
.btn-consult::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--p),var(--pl));opacity:0;transition:opacity .28s}
.btn-consult:hover::before{opacity:1}
.btn-consult:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,169,133,0.3)}
.btn-consult i,.btn-consult span{position:relative;z-index:1}

.btn-trial{padding:10px 22px;background:linear-gradient(135deg,var(--p),var(--pl));border:none;border-radius:9px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .22s;text-decoration:none;display:flex;align-items:center;gap:8px;box-shadow:0 4px 18px rgba(0,169,133,0.3);white-space:nowrap;position:relative;overflow:hidden}
.btn-trial::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,0.1);opacity:0;transition:opacity .22s}
.btn-trial:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,169,133,0.4)}
.btn-trial:hover::after{opacity:1}
.btn-trial i,.btn-trial span{position:relative;z-index:1}

/* HAMBURGER */
.nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:5px;margin-left:auto;background:none;border:none}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--dk);border-radius:2px;transition:all .28s}
.nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.active span:nth-child(2){opacity:0}
.nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ── MOBILE MENU ── */
.mobile-menu{display:none;position:fixed;top:76px;left:0;right:0;bottom:0;background:#fff;overflow-y:auto;padding:28px 20px 48px;z-index:999}
.mobile-menu.active{display:block;animation:msd .26s ease}
@keyframes msd{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.ms{margin-bottom:28px}
.mst{font-size:13px;font-weight:700;color:var(--p);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.mst::after{content:'';flex:1;height:1px;background:rgba(0,0,0,0.07)}
.mgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.mi{display:flex;align-items:center;gap:11px;padding:13px 15px;background:#F5F7FA;border-radius:11px;text-decoration:none;color:#374151;border:1px solid rgba(0,0,0,0.06);transition:all .16s}
.mi:hover{background:rgba(0,169,133,0.07);border-color:rgba(0,169,133,0.2)}
.mi i{font-size:15px;color:var(--p);width:20px;text-align:center;flex-shrink:0}
.mi-t{font-size:15px;font-weight:500}
.mbot{display:flex;gap:12px;padding-top:24px;border-top:1px solid rgba(0,0,0,0.07);margin-top:4px}
.mbot a{flex:1;text-align:center;padding:15px;border-radius:12px;text-decoration:none;font-size:16px;font-weight:600}
.mbl{background:#F0F2F5;color:var(--dk)}
.mbc{background:linear-gradient(135deg,var(--p),var(--pl));color:#fff;box-shadow:0 4px 16px rgba(0,169,133,0.28)}



::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:#F0F2F5}
::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--p)}

@media(max-width:1100px){.nav-menu,.nav-right{display:none}.nav-toggle{display:flex}.nav-logo{margin-right:0}}
@media(max-width:600px){.nav-wrap{padding:0 20px}.mgrid{grid-template-columns:1fr} .hero{padding:110px 20px 60px} .stats{flex-wrap:wrap}.stat{min-width:50%}.stat+.stat::before{display:none}}



        .wechat-modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(240, 242, 245, 0.95);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }
        
        .wechat-modal-overlay.active {
            opacity: 1;
            visibility: visible;
        }
        
        .wechat-modal-content {
            background: white;
            border-radius: 16px;
            padding: 40px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
            max-width: 380px;
            width: 90%;
            text-align: center;
            transform: translateY(20px);
            transition: transform 0.4s ease;
            position: relative;
        }
        
        .wechat-modal-overlay.active .wechat-modal-content {
            transform: translateY(0);
        }
        
        .wechat-modal-header {
            margin-bottom: 25px;
        }
        
        .wechat-modal-title {
            font-size: 24px;
            font-weight: 500;
            color: #2c3e50;
            margin-bottom: 8px;
        }
        
        .wechat-modal-subtitle {
            color: #7f8c8d;
            font-size: 14px;
        }
        
        .wechat-modal-qr-code {
            width: 220px;
            height: 220px;
            margin: 0 auto 25px;
            background: #f8f9fa;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
        }
        
        .wechat-modal-qr-code::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background: 
                linear-gradient(45deg, transparent 49%, rgba(52, 152, 219, 0.1) 50%, transparent 51%),
                linear-gradient(-45deg, transparent 49%, rgba(52, 152, 219, 0.1) 50%, transparent 51%);
            background-size: 20px 20px;
        }
        
        .wechat-modal-qr-code img {
            width: 180px;
            height: 180px;
            background: white;
            padding: 10px;
            border-radius: 4px;
        }
        
        .wechat-modal-logo {
            width: 36px;
            height: 36px;
            background: #09bb07;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 15px;
        }
        
        .wechat-modal-logo::before {
            content: "";
            display: block;
            width: 20px;
            height: 20px;
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M8.2,13.6v-1.4c0-0.1,0.1-0.2,0.2-0.2h1.4c0.1,0,0.2,0.1,0.2,0.2v1.4c0,0.1-0.1,0.2-0.2,0.2H8.4 C8.3,13.8,8.2,13.7,8.2,13.6z M13.8,13.6v-1.4c0-0.1,0.1-0.2,0.2-0.2h1.4c0.1,0,0.2,0.1,0.2,0.2v1.4c0,0.1-0.1,0.2-0.2,0.2H14 C13.9,13.8,13.8,13.7,13.8,13.6z M18.9,8.3c0,3.3-3.8,6-8.5,6c-0.8,0-1.6-0.1-2.3-0.3l-2.1,1.1l0.6-1.9c-1.3-0.9-2.1-2.2-2.1-3.7 c0-3.3,3.8-6,8.5-6C15.1,2.3,18.9,5,18.9,8.3z'/%3E%3C/svg%3E") no-repeat center;
        }
        
        .wechat-modal-instructions {
            background: #f8f9fa;
            border-radius: 12px;
            padding: 15px;
            margin-top: 20px;
            font-size: 14px;
            color: #7f8c8d;
        }
        
        .wechat-modal-close-btn {
            position: absolute;
            top: 25px;
            right: 25px;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.9);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        }
        
        .wechat-modal-close-btn:hover {
            background: white;
            transform: rotate(90deg);
        }
        
        .wechat-modal-close-btn::before {
            content: "x";
            font-size: 18px;
            color: #7f8c8d;
        }
        
        @media (max-width: 600px) {
            .wechat-modal-button-group,
            .wechat-modal-link-group {
                flex-direction: column;
                align-items: center;
            }
        }
		
/* 专门针对移动端间距的修复 */
@media (max-width: 760px) {
    /* 1. 调整 Body 顶部预留高度，确保与导航栏高度一致 */
    body {
        padding-top: 74px !important; 
    }

    /* 2. 核心修复：大幅减小 Hero 区域自带的顶部内边距 */
    /* 假设你的背景网格所在区域类名是 .hero，如果不是，请替换为实际类名 */
    .hero {
        padding-top: 30px !important; /* 原来可能是 110px，现在改为 30px */
        padding-bottom: 40px !important;
    }

    /* 3. 消除第一个元素的 Margin 干扰 */
    /* 确保那个“云总机·全球...”的标签上方没有额外的外边距 */
    .hero > *:first-child {
        margin-top: 0 !important;
    }
}
		  /* end */
		  .qr-box{position:fixed;right:32px;bottom:32px;z-index:999999;width:180px;padding:20px;box-sizing:border-box;background:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.12);text-align:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.qr-text{margin-bottom:16px;color:#00A985;font-size:16px;font-weight:600;letter-spacing:.5px}
.qr-box img{display:block;width:100%;height:auto;border-radius:12px}
@media(max-width:768px){.qr-box{right:20px;bottom:20px;width:160px;padding:16px}.qr-text{font-size:15px;margin-bottom:14px}}
@media(max-width:480px){.qr-box{right:16px;bottom:16px;width:140px;padding:14px}.qr-text{font-size:14px;margin-bottom:12px}}


  /* end */
  

    /* =====================================================
       DID Pretty Modal
    ===================================================== */

    .didPrettyModal,
    .didPrettyModal * {
      box-sizing: border-box;
    }

    .didPrettyModal {
      position: fixed;
      inset: 0;
      z-index: 999999;
      display: none;
      font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        "Helvetica Neue",
        Arial,
        "PingFang SC",
        "Microsoft YaHei",
        sans-serif;
    }

    .didPrettyModal.is-active {
      display: block;
    }

    .didPrettyModal__overlay {
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 20% 0%, rgba(0, 169, 133, 0.22), transparent 34%),
        radial-gradient(circle at 80% 10%, rgba(0, 169, 133, 0.14), transparent 30%),
        rgba(2, 6, 12, 0.76);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }

    .didPrettyModal__panel {
      position: relative;
      width: min(1160px, calc(100vw - 32px));
      max-height: calc(100vh - 36px);
      margin: 18px auto;
      border-radius: 28px;
      overflow: hidden;
      background: #f7faf9;
      box-shadow:
        0 34px 90px rgba(0, 0, 0, 0.38),
        0 0 0 1px rgba(255, 255, 255, 0.18);
      display: flex;
      flex-direction: column;
      animation: didPrettyIn 0.28s ease-out both;
    }

    @keyframes didPrettyIn {
      from {
        opacity: 0;
        transform: translateY(24px) scale(0.98);
      }

      to {
        opacity: 1;
        transform: translateY(0) scale(1);
      }
    }

    .didPrettyModal__close {
      position: absolute;
      right: 24px;
      top: 24px;
      z-index: 10;
      width: 42px;
      height: 42px;
      border: 1px solid rgba(255, 255, 255, 0.16);
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.08);
      cursor: pointer;
      transition: all 0.2s ease;
    }

    .didPrettyModal__close span {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 17px;
      height: 2px;
      border-radius: 2px;
      background: #ffffff;
      transform-origin: center;
    }

    .didPrettyModal__close span:first-child {
      transform: translate(-50%, -50%) rotate(45deg);
    }

    .didPrettyModal__close span:last-child {
      transform: translate(-50%, -50%) rotate(-45deg);
    }

    .didPrettyModal__close:hover {
      background: #ffffff;
      transform: rotate(90deg);
    }

    .didPrettyModal__close:hover span {
      background: #0b0f19;
    }

    .didPrettyModal__top {
      position: relative;
      padding: 42px 46px 46px;
      color: #ffffff;
      background:
        linear-gradient(135deg, #05100e 0%, #081815 46%, #0b0f19 100%);
      overflow: hidden;
    }

    .didPrettyModal__top::before {
      content: "";
      position: absolute;
      right: -90px;
      top: -100px;
      width: 320px;
      height: 320px;
      border-radius: 50%;
      background: rgba(0, 169, 133, 0.28);
      filter: blur(20px);
    }

    .didPrettyModal__top::after {
      content: "";
      position: absolute;
      left: 46px;
      bottom: 0;
      width: 180px;
      height: 3px;
      border-radius: 999px;
      background: #00a985;
      box-shadow: 0 0 24px rgba(0, 169, 133, 0.9);
    }

    .didPrettyModal__topInner {
      position: relative;
      z-index: 1;
      max-width: 780px;
      text-align: left !important;
    }

    .didPrettyModal__tag {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      height: 32px;
      padding: 0 13px;
      border-radius: 999px;
      background: rgba(0, 169, 133, 0.15);
      color: #9ff5e2;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }

    .didPrettyModal__tag span {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #00a985;
      box-shadow: 0 0 0 5px rgba(0, 169, 133, 0.18);
    }

    .didPrettyModal__title {
      text-align: left !important;
      margin: 18px 0 0;
      color: #ffffff;
      font-size: 34px;
      line-height: 1.18;
      font-weight: 850;
      letter-spacing: -0.04em;
    }

    .didPrettyModal__desc {
      text-align: left !important;
      margin: 14px 0 0;
      max-width: 760px;
      color: rgba(255, 255, 255, 0.72);
      font-size: 15.5px;
      line-height: 1.8;
    }

    .didPrettyModal__main {
      padding: 28px 46px 34px;
      overflow: auto;
    }

    .didPrettyModal__searchCard {
      display: grid;
      grid-template-columns: 220px 1fr;
      gap: 20px;
      align-items: center;
      padding: 18px;
      border-radius: 20px;
      background: #ffffff;
      border: 1px solid rgba(15, 23, 42, 0.07);
      box-shadow: 0 18px 45px rgba(15, 23, 42, 0.075);
    }

    .didPrettyModal__searchText strong {
      display: block;
      color: #0b0f19;
      font-size: 17px;
      font-weight: 800;
    }

    .didPrettyModal__searchText span {
      display: block;
      margin-top: 5px;
      color: #667085;
      font-size: 13px;
    }

    .didPrettyModal__searchBox {
      display: flex;
      gap: 10px;
      padding: 6px;
      border-radius: 15px;
      background: #f3f6f5;
      border: 1px solid rgba(15, 23, 42, 0.06);
    }

    .didPrettyModal__input {
      flex: 1;
      height: 44px;
      border: 0;
      outline: none;
      padding: 0 14px;
      color: #0b0f19;
      background: transparent;
      font-size: 15px;
    }

    .didPrettyModal__input::placeholder {
      color: #9aa4b2;
    }

    .didPrettyModal__searchBtn {
      height: 44px;
      min-width: 104px;
      border: 0;
      border-radius: 12px;
      background: #00a985;
      color: #ffffff;
      font-size: 15px;
      font-weight: 800;
      cursor: pointer;
      box-shadow: 0 10px 22px rgba(0, 169, 133, 0.25);
      transition: all 0.2s ease;
    }

    .didPrettyModal__searchBtn:hover {
      background: #008f71;
      transform: translateY(-1px);
      box-shadow: 0 14px 28px rgba(0, 169, 133, 0.32);
    }

    .didPrettyModal__summary {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      margin-top: 18px;
    }

    .didPrettyModal__summaryItem {
      padding: 18px 20px;
      border-radius: 18px;
      background: #ffffff;
      border: 1px solid rgba(15, 23, 42, 0.07);
      box-shadow: 0 10px 28px rgba(15, 23, 42, 0.045);
    }

    .didPrettyModal__summaryItem span {
      display: block;
      color: #667085;
      font-size: 13px;
      font-weight: 600;
    }

    .didPrettyModal__summaryItem strong {
      display: block;
      margin-top: 8px;
      color: #0b0f19;
      font-size: 24px;
      line-height: 1;
      font-weight: 850;
      letter-spacing: -0.03em;
    }

    .didPrettyModal__summaryItem strong em {
      font-style: normal;
    }

    .didPrettyModal__summaryItem--green {
      background:
        radial-gradient(circle at right top, rgba(0, 169, 133, 0.13), transparent 44%),
        #ffffff;
    }

    .didPrettyModal__tableCard {
      margin-top: 18px;
      border-radius: 22px;
      overflow: hidden;
      background: #ffffff;
      border: 1px solid rgba(15, 23, 42, 0.08);
      box-shadow: 0 18px 46px rgba(15, 23, 42, 0.065);
    }

    .didPrettyModal__tableWrap {
      max-height: 420px;
      overflow: auto;
    }

    .didPrettyModal__table {
      width: 100%;
      min-width: 1040px;
      border-collapse: separate;
      border-spacing: 0;
      color: #0b0f19;
      font-size: 14px;
    }

    .didPrettyModal__table thead th {
      position: sticky;
      top: 0;
      z-index: 2;
      padding: 16px 15px;
      background: #0b0f19;
      color: #ffffff;
      text-align: left;
      font-size: 13px;
      font-weight: 750;
      white-space: nowrap;
    }

    .didPrettyModal__table thead th:first-child {
      padding-left: 22px;
    }

    .didPrettyModal__table tbody td {
      padding: 16px 15px;
      border-bottom: 1px solid rgba(15, 23, 42, 0.065);
      color: #3f4856;
      white-space: nowrap;
      background: #ffffff;
    }

    .didPrettyModal__table tbody td:first-child {
      padding-left: 22px;
      color: #0b0f19;
      font-weight: 750;
    }

    .didPrettyModal__table tbody tr:hover td {
      background: #f0fffb;
    }

    .didPrettyModal__table tbody tr:last-child td {
      border-bottom: 0;
    }

    .didPrettyModal__empty {
      padding: 46px 20px !important;
      text-align: center;
      color: #98a2b3 !important;
    }

    .didPrettyModal__bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 18px;
      margin-top: 20px;
    }

    .didPrettyModal__note {
      color: #7a8494;
      font-size: 13px;
    }

    .didPrettyModal__pager {
      display: flex;
      gap: 10px;
    }

    .didPrettyModal__pageBtn {
      height: 42px;
      min-width: 100px;
      padding: 0 18px;
      border: 1px solid rgba(15, 23, 42, 0.13);
      border-radius: 12px;
      background: #ffffff;
      color: #0b0f19;
      font-size: 14px;
      font-weight: 750;
      cursor: pointer;
      transition: all 0.2s ease;
    }

    .didPrettyModal__pageBtn:hover:not(:disabled) {
      border-color: #00a985;
      color: #00a985;
      transform: translateY(-1px);
    }

    .didPrettyModal__pageBtn--primary {
      border-color: #00a985;
      background: #00a985;
      color: #ffffff;
      box-shadow: 0 10px 22px rgba(0, 169, 133, 0.22);
    }

    .didPrettyModal__pageBtn--primary:hover:not(:disabled) {
      background: #008f71;
      color: #ffffff;
      box-shadow: 0 14px 28px rgba(0, 169, 133, 0.3);
    }

    .didPrettyModal__pageBtn:disabled {
      opacity: 0.42;
      cursor: not-allowed;
    }

    body.didPrettyModal-open {
      overflow: hidden;
    }

    /* =====================================================
       最新滚动条样式
       无底色 + 不贴顶 + 更短 + 椭圆圆角
    ===================================================== */

    .didPrettyModal__main,
    .didPrettyModal__tableWrap {
      scrollbar-width: thin;
      scrollbar-color: #00a985 transparent;
    }

    .didPrettyModal__main::-webkit-scrollbar,
    .didPrettyModal__tableWrap::-webkit-scrollbar {
      width: 10px;
      height: 10px;
      background: transparent !important;
    }

    .didPrettyModal__main::-webkit-scrollbar-track,
    .didPrettyModal__tableWrap::-webkit-scrollbar-track {
      background: transparent !important;
      box-shadow: none !important;
      border: none !important;
      margin-top: 24px;
      margin-bottom: 24px;
    }

    .didPrettyModal__main::-webkit-scrollbar-track-piece,
    .didPrettyModal__tableWrap::-webkit-scrollbar-track-piece {
      background: transparent !important;
      box-shadow: none !important;
      border: none !important;
    }

    .didPrettyModal__main::-webkit-scrollbar-button,
    .didPrettyModal__tableWrap::-webkit-scrollbar-button {
      display: none !important;
      width: 0 !important;
      height: 0 !important;
    }

    .didPrettyModal__main::-webkit-scrollbar-thumb,
    .didPrettyModal__tableWrap::-webkit-scrollbar-thumb {
      background-color: #00a985 !important;
      border-radius: 999px;

      /*
        上下透明边框越大，绿色滑块越短
      */
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      border-top: 56px solid transparent;
      border-bottom: 56px solid transparent;

      background-clip: content-box;
      min-height: 38px;
    }

    .didPrettyModal__main::-webkit-scrollbar-thumb:hover,
    .didPrettyModal__tableWrap::-webkit-scrollbar-thumb:hover {
      background-color: #00c79d !important;
      background-clip: content-box;
    }

    .didPrettyModal__tableWrap::-webkit-scrollbar-track:horizontal {
      margin-left: 24px;
      margin-right: 24px;
    }

    .didPrettyModal__tableWrap::-webkit-scrollbar-thumb:horizontal {
      background-color: #00a985 !important;
      border-radius: 999px;

      border-top: 3px solid transparent;
      border-bottom: 3px solid transparent;
      border-left: 56px solid transparent;
      border-right: 56px solid transparent;

      background-clip: content-box;
      min-width: 38px;
    }

    .didPrettyModal__tableWrap::-webkit-scrollbar-corner {
      background: transparent !important;
    }

    /* =====================================================
       Mobile
    ===================================================== */

    @media (max-width: 768px) {
      .didPrettyModal__panel {
        width: calc(100vw - 20px);
        max-height: calc(100vh - 20px);
        margin: 10px auto;
        border-radius: 20px;
      }

      .didPrettyModal__top {
        padding: 32px 22px 34px;
      }

      .didPrettyModal__top::after {
        left: 22px;
      }

      .didPrettyModal__title {
        font-size: 28px;
      }

      .didPrettyModal__desc {
        font-size: 14px;
      }

      .didPrettyModal__main {
        padding: 22px;
      }

      .didPrettyModal__searchCard {
        grid-template-columns: 1fr;
        gap: 14px;
      }

      .didPrettyModal__searchBox {
        flex-direction: column;
      }

      .didPrettyModal__searchBtn {
        width: 100%;
      }

      .didPrettyModal__summary {
        grid-template-columns: 1fr;
      }

      .didPrettyModal__bottom {
        flex-direction: column;
        align-items: stretch;
      }

      .didPrettyModal__pager {
        display: grid;
        grid-template-columns: 1fr 1fr;
      }
    }

    /* =====================================================
       Mobile
    ===================================================== */
/* 按钮居中容器，类名独立，避免冲突 */
.did-rate-cta-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 48px 0 0 0;
}

/* 专业 CTA 按钮 */
.did-rate-cta-btn {
  appearance: none;
  border: 0;
  outline: 0;
  cursor: pointer;
  position: relative;
  isolation: isolate;
  overflow: hidden;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;

  min-width: 188px;
  height: 54px;
  padding: 0 10px 0 28px;
  border-radius: 999px;

  background: #101816;
  color: #ffffff;

  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
  white-space: nowrap;

  box-shadow:
    0 18px 40px rgba(16, 24, 22, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);

  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease;
}

/* 绿色高级渐变层 */
.did-rate-cta-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: linear-gradient(135deg, #00A985 0%, #00c99f 100%);
  opacity: 0;
  transition: opacity 0.28s ease;
}

/* 光泽扫光 */
.did-rate-cta-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: -80%;
  z-index: -1;

  width: 60%;
  height: 100%;

  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255, 255, 255, 0.28) 50%,
    transparent 100%
  );

  transform: skewX(-24deg);
  transition: left 0.55s ease;
}

.did-rate-cta-btn__label {
  position: relative;
  z-index: 1;
}

/* 右侧圆形箭头 */
.did-rate-cta-btn__arrow {
  position: relative;
  z-index: 1;

  width: 38px;
  height: 38px;
  flex-shrink: 0;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
  background: #ffffff;
  color: #00A985;

  box-shadow:
    0 8px 18px rgba(0, 0, 0, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);

  transition:
    transform 0.28s ease,
    background 0.28s ease,
    color 0.28s ease;
}

.did-rate-cta-btn__arrow i {
  font-size: 13px;
  line-height: 1;
}

/* 悬浮状态 */
.did-rate-cta-btn:hover {
  transform: translateY(-3px);
  box-shadow:
    0 22px 48px rgba(0, 169, 133, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.did-rate-cta-btn:hover::before {
  opacity: 1;
}

.did-rate-cta-btn:hover::after {
  left: 125%;
}

.did-rate-cta-btn:hover .did-rate-cta-btn__arrow {
  transform: translateX(4px);
  background: #101816;
  color: #ffffff;
}

/* 点击状态 */
.did-rate-cta-btn:active {
  transform: translateY(-1px) scale(0.98);
}

/* 键盘可访问 */
.did-rate-cta-btn:focus-visible {
  outline: 4px solid rgba(0, 169, 133, 0.24);
  outline-offset: 5px;
}

/* 移动端 */
@media (max-width: 640px) {
  .did-rate-cta-wrap {
    padding: 22px 0;
  }

  .did-rate-cta-btn {
    width: 100%;
    max-width: 320px;
    height: 52px;
  }
}