 <style>
        *{margin:0;padding:0;box-sizing:border-box;
        font-family:"Noto Sans SC",system-ui,-apple-system,sans-serif;}
        :root{
            --main-blue:#165DFF;
            --light-blue:#F5F8FF;
            --dark-blue:#0E42D2;
            --text-dark:#333;
            --text-gray:#666;
            --border-gray:#eee;
            --shadow:0 4px 16px rgba(22,93,255,0.08);
            --transition:all 0.3s ease;
        }
        body{background:#f9fafb;color:var(--text-gray);line-height:1.8; overflow-x: hidden;}
        body.menu-open {overflow: hidden;}

        .container{width:100%; max-width:1200px;margin:0 auto;padding:0 15px;box-sizing: border-box;}
        .top-bar{background:var(--main-blue);color:#fff;text-align:center;padding:8px 15px;font-size:14px; line-height:1.5;}

        header{background:#fff;box-shadow:var(--shadow);position:sticky;top:0;z-index:999; width:100%;}
        .nav-wrap{display:flex;justify-content:space-between;align-items:center;height:80px; padding:0 15px;}
        .logo{font-size:24px;font-weight:700;color:var(--main-blue);text-decoration:none;display:flex;align-items:center;gap:10px;}
        .logo img{height:50px;width:auto;object-fit:contain; max-width:100%;}
        .nav-list{display:flex;list-style:none;gap:35px;}
        .nav-list a{text-decoration:none;color:var(--text-dark);font-size:16px;transition:var(--transition);padding:8px 0;}
        .nav-list a.active,.nav-list a:hover{color:var(--main-blue);border-bottom:2px solid var(--main-blue);}
        .mobile-menu-btn{display:none;font-size:28px;color:var(--main-blue);cursor:pointer;}
        .mobile-nav{
            display:none;
            position:fixed;
            top:80px;
            left:0;
            width:100%;
            height: calc(100vh - 80px);
            background:#fff;
            box-shadow:var(--shadow);
            padding:20px;
            z-index:998;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
        }
        .mobile-nav.active{display:block;}
        .mobile-nav ul{list-style:none;}
        .mobile-nav li{margin:12px 0;}
        .mobile-nav a{color:var(--text-dark);text-decoration:none;font-size:17px;display:block;padding:10px 8px;border-radius:6px;}
        .mobile-nav a:hover{background:var(--light-blue);}

        .home-banner{min-height:500px; background:linear-gradient(rgba(22,93,255,0.85),rgba(14,66,210,0.85));display:flex;align-items:center;color:#fff; padding: 60px 0;}
        .banner-text{max-width:680px;}
        .banner-text h1{font-size:36px;line-height:1.3;margin-bottom:25px;font-weight:700;}
        .banner-text p{font-size:16px;opacity:0.95;margin-bottom:30px;line-height:1.8;}
        .banner-buttons{display:flex;gap:15px; flex-wrap:wrap;}
        .btn-white{padding:14px 30px;background:#fff;color:var(--main-blue);border-radius:50px;text-decoration:none;font-size:16px;font-weight:600;transition:var(--transition);}
        .btn-white:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.12);}
        .btn-trans{padding:14px 30px;border:1px solid #fff;color:#fff;border-radius:50px;text-decoration:none;font-size:16px;font-weight:600;transition:var(--transition);}
        .btn-trans:hover{background:#fff;color:var(--main-blue);}

        .count-area{padding:50px 0;background:#fff;margin-bottom:60px;border-radius:12px;}
        .count-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;}
        .count-box{padding:30px 15px;background:#f7f9ff;border-radius:16px;transition:var(--transition);border:1px solid #edf1ff;}
        .count-box:hover{transform:translateY(-5px);background:#edf1ff;}
        .count-box i{font-size:36px;color:var(--main-blue);margin-bottom:12px;display:block;}
        .count-num{font-size:32px;color:var(--text-dark);font-weight:bold;margin-bottom:8px;}
        .count-text{font-size:15px;color:var(--text-gray);}

        .section-title{text-align:center;margin:60px 0 40px; padding:0 15px;}
        .section-title h2{font-size:26px;color:var(--text-dark);margin-bottom:12px;position:relative;display:inline-block;}
        .section-title h2:after{content:"";width:60px;height:3px;background:var(--main-blue);display:block;margin:10px auto 0;}
        .section-title p{font-size:15px;color:var(--text-gray);max-width:800px;margin:0 auto; line-height:1.7;}

        .package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:60px; padding:0 15px;}
        .package-card{background:#fff;border-radius:16px;box-shadow:var(--shadow);overflow:hidden;transition:var(--transition);}
        .package-card:hover{transform:translateY(-8px);}
        .package-card.hot{border-top:3px solid var(--main-blue);position:relative;}
        .package-card.hot::before{content:"人气套餐";position:absolute;top:8px;right:12px;background:#4080ff;color:#fff;padding:2px 8px;border-radius:16px;font-size:12px;}
        .package-top{padding:25px;text-align:center;background:var(--light-blue);}
        .package-top h4{font-size:20px;color:var(--text-dark);margin-bottom:8px;}
        .price{font-size:28px;color:var(--main-blue);font-weight:bold;}
        .package-list{padding:25px;}
        .package-list li{list-style:none;font-size:15px;padding:9px 0;border-bottom:1px solid var(--border-gray);display:flex;align-items:center;}
        .package-list li i{color:var(--main-blue);margin-right:8px;font-size:15px;}
        .package-btn{display:block;text-align:center;margin:20px 25px;padding:10px 0;background:var(--main-blue);color:#fff;text-decoration:none;border-radius:50px;transition:var(--transition);}
        .package-btn:hover{background:var(--dark-blue);}

        .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:60px; padding:0 15px;}
        .service-card{background:#fff;padding:30px 20px;border-radius:16px;box-shadow:var(--shadow);text-align:center;transition:var(--transition);}
        .service-card:hover{transform:translateY(-8px);}
        .service-card i{font-size:36px;color:var(--main-blue);margin-bottom:18px;transition:var(--transition);}
        .service-card:hover i{transform:scale(1.05);}
        .service-card h4{font-size:18px;color:var(--text-dark);margin-bottom:12px;font-weight:600;}
        .service-card p{font-size:14px;color:var(--text-gray);margin-bottom:15px;line-height:1.7;}
        .service-card a{color:var(--main-blue);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;}
        .service-card a i{font-size:14px;margin-left:5px;margin-bottom:0;}

        .advantage-area{background:var(--light-blue);padding:60px 15px;margin-bottom:60px;}
        .advantage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
        .advantage-card{background:#fff;padding:30px 20px;border-radius:16px;box-shadow:var(--shadow);text-align:center;transition:var(--transition);}
        .advantage-card:hover{transform:translateY(-6px);}
        .advantage-card i{font-size:36px;color:var(--main-blue);margin-bottom:20px;transition:var(--transition);}
        .advantage-card h4{font-size:18px;color:var(--text-dark);margin-bottom:12px;}
        .advantage-card p{font-size:14px;line-height:1.7;}

        .client-area{padding:60px 15px;background:#fff;margin-bottom:60px;}
        .client-wrap{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;}
        .client-item{min-width:110px; padding:15px 10px; background:#f7f9ff;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:var(--transition);}
        .client-item:hover{box-shadow:var(--shadow);transform:scale(1.03);}
        .client-item span{color:var(--text-dark);font-weight:600;font-size:14px;line-height:1.4;}
        .client-item small{color:var(--text-gray);font-size:12px;margin-top:3px;}

        .review-area{background:var(--light-blue);padding:60px 15px;margin-bottom:60px;}
        .review-swiper-wrap{overflow:hidden;position:relative;width:100%;}
        .review-swiper{display:flex;transition:transform 0.5s ease;}
        .review-card{background:#fff;padding:25px;border-radius:16px;box-shadow:var(--shadow);transition:var(--transition);width:280px;margin:0 10px;flex-shrink:0;}
        .review-card:hover{transform:translateY(-6px);}
        .review-star{color:#FFD700;margin-bottom:12px;font-size:14px;}
        .review-text{font-size:14px;line-height:1.7;color:var(--text-gray);margin-bottom:15px;font-style:normal;}
        .review-user{display:flex;align-items:center;gap:12px;}
        .user-avatar{width:42px;height:42px;border-radius:50%;background:var(--main-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:bold;}
        .user-info h5{font-size:15px;color:var(--text-dark);margin-bottom:2px;}
        .user-info p{font-size:12px;color:var(--text-gray);}
    

        .promise-area{padding:50px 15px;background:#f0f5ff;color:var(--text-dark);margin-bottom:60px;border-radius:12px;}
        .promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;}
        .promise-item i{font-size:32px;color:var(--main-blue);margin-bottom:12px;}
        .promise-item h4{font-size:16px;margin-bottom:8px;}
        .promise-item p{font-size:14px;color:var(--text-gray);}

        .flow-grid{display:flex;justify-content:space-between;margin-bottom:60px; flex-wrap:wrap; gap:15px; padding:0 15px;}
        .flow-item{min-width:140px; flex:1; text-align:center;position:relative;}
        .flow-item:not(:last-child):after{content:"";position:absolute;top:40px;right:-20px;width:30px;height:2px;background:var(--main-blue); display:none;}
        .flow-icon{width:65px;height:65px;border:1px solid var(--main-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;font-size:24px;color:var(--main-blue);background:#fff;box-shadow:var(--shadow);transition:var(--transition);}
        .flow-item:hover .flow-icon{background:var(--light-blue);transform:scale(1.05);}
        .flow-item h4{font-size:16px;color:var(--text-dark);margin-bottom:6px;}
        .flow-item p{font-size:13px;color:var(--text-gray);}

        .contact-banner{background:linear-gradient(135deg,var(--main-blue),var(--dark-blue));padding:50px 20px;color:#fff;text-align:center;border-radius:12px;margin-bottom:60px; margin:0 15px 50px;}
        .contact-banner h3{font-size:24px;margin-bottom:15px;}
        .contact-banner p{font-size:15px;opacity:0.95;margin-bottom:25px;max-width:800px;margin-left:auto;margin-right:auto;}
        .contact-banner a{padding:12px 30px;background:#fff;color:var(--main-blue);border-radius:50px;text-decoration:none;font-size:15px;font-weight:600;transition:var(--transition);}
        .contact-banner a:hover{box-shadow:0 8px 20px rgba(0,0,0,0.15);transform:translateY(-3px);}

        footer{background:#151928;color:#b0b4c5;padding:50px 15px 25px; width:100%; box-sizing:border-box;}
        .footer-grid{display:grid;grid-template-columns:1fr;gap:30px;margin-bottom:30px;}
        .footer-col h3{color:#fff;font-size:17px;margin-bottom:20px;padding-bottom:8px;border-bottom:1px solid #2c3144;}
        .footer-col ul{list-style:none;}
        .footer-col li{margin-bottom:10px;}
        .footer-col a{color:#b0b4c5;text-decoration:none;font-size:14px;transition:all 0.3s;}
        .footer-col a i{margin-right:6px;color:var(--main-blue);}
        .footer-col a:hover{color:var(--main-blue);padding-left:4px;}
        .footer-contact p{font-size:14px;margin-bottom:10px;display:flex;align-items:center;}
        .footer-contact i{color:var(--main-blue);width:20px;margin-right:6px;}
        .footer-bottom{border-top:1px solid #2c3144;padding-top:20px;text-align:center;font-size:13px;color:#888; line-height:1.8;}

        .float-tel{position:fixed;bottom:30px;right:15px;width:55px;height:55px;background:var(--main-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;z-index:99;box-shadow:var(--shadow);transition:var(--transition);}
        .float-tel:hover{transform:scale(1.05);}
        .float-tel a{color:#fff;text-decoration:none;}

        .back-top{position:fixed;bottom:100px;right:15px;width:55px;height:55px;background:var(--main-blue);color:#fff;border-radius:50%;text-align:center;line-height:55px;font-size:20px;z-index:98;opacity:0;visibility:hidden;transition:var(--transition);box-shadow:var(--shadow);}
        .back-top.show{opacity:1;visibility:visible;}
        .back-top:hover{background:var(--dark-blue);transform:scale(1.05);}

        .fade-item{opacity:1;transform:translateY(0);transition:all 0.6s ease;}

        @media (max-width:992px){
            .nav-list{display:none;}
            .mobile-menu-btn{display:block;}
            .package-grid,.service-grid,.advantage-grid{grid-template-columns:repeat(2,1fr);}
            .count-grid,.promise-grid{grid-template-columns:repeat(2,1fr);}
            .flow-grid{justify-content:center;}
            .flow-item{width:45%;}
        }
        @media (max-width:768px){
            .banner-text h1{font-size:26px;}
            .package-grid,.service-grid,.advantage-grid,.count-grid,.promise-grid{grid-template-columns:1fr;}
            .section-title h2{font-size:24px;}
            .review-card{width:80%; margin:0 auto;}
        }
        @media (min-width:768px){
            .footer-grid{grid-template-columns:1.6fr 1fr 1fr 1.4fr;}
        }
    </style>