
        *{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft YaHei","PingFang SC",sans-serif;scroll-behavior:smooth}
        body{background:#fff;color:#222;line-height:1.8}
        .container{max-width:1200px;margin:0 auto;padding:0 20px}
        a{text-decoration:none;color:inherit}
        ul{list-style:none}
        
        .btn{display:inline-block;background:#0D47A1;color:#fff;padding:16px 42px;border-radius:50px;font-size:16px;font-weight:600;box-shadow:0 8px 20px rgba(13,71,161,0.25);transition:all 0.3s ease}
        .btn:hover{transform:translateY(-3px);background:#08357A;box-shadow:0 12px 26px rgba(13,71,161,0.35)}
        
        .header{position:fixed;top:0;left:0;width:100%;background:rgba(255,255,255,0.97);box-shadow:0 2px 15px rgba(0,0,0,0.05);z-index:999}
        .header-inner{display:flex;justify-content:space-between;align-items:center;height:90px}
        .logo{font-size:28px;font-weight:700;color:#0D47A1;letter-spacing:1px}
        .nav ul{display:flex;gap:36px}
        .nav li{font-size:16px;font-weight:500;color:#333;transition:0.2s}
        .nav li:hover{color:#0D47A1}
        
        .banner{margin-top:90px;background:linear-gradient(135deg,#0D47A1,#1976D2);color:#fff;padding:130px 0 140px}
        .banner-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
        .banner-text{max-width:580px}
        .banner-text h1{font-size:50px;line-height:1.25;margin-bottom:24px;font-weight:700}
        .banner-text p{font-size:19px;opacity:0.95;margin-bottom:40px}
        .banner-pic{width:420px;height:340px;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:80px}
        
        .section{padding:90px 0}
        .title{text-align:center;margin-bottom:60px}
        .title h2{font-size:36px;font-weight:700;color:#111;margin-bottom:16px}
        .title p{font-size:17px;color:#666;max-width:700px;margin:0 auto}
        
        .advantage{background:#f8fafc}
        .adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
        .adv-card{background:#fff;border-radius:18px;padding:45px 35px;box-shadow:0 6px 20px rgba(0,0,0,0.04);transition:0.3s}
        .adv-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,0.08)}
        .adv-card .icon{width:70px;height:70px;background:#E3F2FD;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#0D47A1;margin-bottom:24px}
        .adv-card h3{font-size:22px;margin-bottom:12px}
        .adv-card p{color:#666;font-size:15px}
        
        .process{background:#fff}
        .step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
        .step{background:#fff;border:1px solid #eee;border-radius:16px;padding:40px 25px;text-align:center;position:relative}
        .step .num{width:60px;height:60px;background:#0D47A1;color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:24px;font-weight:bold;margin-bottom:20px}
        .step h3{font-size:18px;margin-bottom:8px}
        
        .service{background:#f8fafc}
        .s-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
        .s-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,0.04)}
        .s-pic{height:200px;background:#E3F2FD;display:flex;align-items:center;justify-content:center;font-size:70px}
        .s-text{padding:35px}
        .s-text h3{font-size:22px;margin-bottom:12px}
        .s-text p{color:#666;margin-bottom:20px}

        /* ---------- 文章模板样式 · 已优化自适应 + 居中 ---------- */
        .article{padding:80px 0;background:#fff}
        .article-inner{
            max-width:900px;
            margin:0 auto;
            padding:0 20px;
            text-align:center;
        }
        .article h2{
            font-size:30px;
            margin-bottom:20px;
            color:#111;
            text-align:center;
        }
        .article h3{
            font-size:20px;
            margin:30px 0 15px;
            color:#0D47A1;
            text-align:center;
        }
        .article p{
            font-size:16px;
            line-height:1.9;
            color:#444;
            margin-bottom:16px;
            text-align:center;
        }
        .article ul{
            padding-left:0;
            margin-bottom:20px;
            list-style:none;
            text-align:center;
        }
        .article li{
            font-size:16px;
            line-height:1.9;
            color:#444;
            margin-bottom:6px;
            text-align:center;
        }
        
        .footer{background:#111;color:#fff;padding:70px 0 25px}
        .footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
        .footer-col h3{font-size:18px;margin-bottom:22px;padding-bottom:10px;border-bottom:1px solid #333}
        .footer-col li{margin-bottom:10px;color:#aaa}
        .copyright{text-align:center;padding-top:25px;margin-top:40px;border-top:1px solid #222;color:#777}
        
        @media(max-width:992px){
            .banner-inner{justify-content:center;text-align:center}
            .banner-pic{display:none}
            .adv-grid,.step-grid,.s-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}
        }
        @media(max-width:768px){
            .nav{display:none}
            .adv-grid,.step-grid,.s-grid,.footer-grid{grid-template-columns:1fr}
            .banner-text h1{font-size:36px}
            .article-inner{padding:0 15px}
        }
   