/* 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:14px;
    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;
            }
        }
		
		  /* 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}}