.site-header {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:#fff;
    z-index:9999;
    box-shadow:0 1px 4px rgba(0,0,0,0.06);
}
.header-wrap {
    max-width:1200px;
    width:94%;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:70px;
}
.logo {
    font-size:24px;
    font-weight:bold;
    color:#006BF5 !important;
    display:flex;
    align-items:center;
    gap:8px;
}
.main-nav {
    display:flex;
    align-items:center;
    gap:32px;
}
.main-nav a {
    color:#333;
    font-size:16px;
    padding:8px 0;
    position:relative;
}
.main-nav a.active::after {
    content:"";
    width:100%;
    height:3px;
    background:#006BF5;
    position:absolute;
    bottom:0;
    left:0;
}
.main-nav a:hover {
    color:#006BF5;
}
.main-nav .btn-kaihu {
    background:#006BF5;
    color:#fff !important;
    padding:10px 22px;
    border-radius:6px;
}
.page-banner {
    background:linear-gradient(rgba(0,20,50,0.7),rgba(0,20,50,0.7)),url('/static/image/bg-data.png') no-repeat center center;
    background-size: 100% 100%;
    padding: 70px 0;
    text-align:center;
    color:#fff;
    margin-bottom:20px;
    min-height: 260px;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    overflow: hidden;
}
.page-banner h1 {
    color:#fff;
    margin-bottom:10px;
    font-size:26px;
}
.page-banner p {
    color:#e6f0ff;
    font-size:18px;
}
.page-content {
    max-width:1200px;
    width:94%;
    margin:0 auto;
}
.block {
    background:#fff;
    padding:40px 35px;
    border-radius:12px;
    margin-bottom:30px;
    box-shadow:0 2px 12px rgba(22,93,255,0.08);
}
.block h2 {
    font-size:22px;
    padding-bottom:8px;
    border-bottom:2px solid #165DFF;
    display:inline-block;
    margin-bottom:16px;
}
.block p {
    font-size:16px;
    line-height:1.7;
    color:#333;
}
.btn-group {
    margin-top:24px;
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}
.btn-primary {
    display:inline-block;
    padding:14px 40px;
    background:#165DFF;
    color:#fff !important;
    border-radius:99px;
    font-size:17px;
    font-weight:500;
    box-shadow:0 4px 15px rgba(22,93,255,0.3);
}
.btn-outline {
    display:inline-block;
    padding:14px 40px;
    background:#fff;
    color:#165DFF !important;
    border:2px solid #165DFF;
    border-radius:99px;
    font-size:17px;
    font-weight:500;
}
.btn-primary:hover, .btn-outline:hover {
    background:#ffd700;
    color:#006BF5 !important;
    border-color:#ffd700;
    transform:translateY(-2px);
}
.site-footer {
    margin-top:60px;
    background:#006BF5;
    padding:40px 0 20px;
    color:#fff;
    text-align:center;
}
.footer-link {
    display:flex;
    flex-wrap:wrap;
    gap:24px;
    justify-content:center;
    margin-bottom:20px;
}
.footer-link a {
    color:#e6f0ff;
    font-size:15px;
}
.footer-link a:hover {
    color:#ffd700;
}
.copyright p {
    color:#cbd5e1;
    font-size:14px;
    margin:8px 0;
}
@media (max-width:768px) {
    .header-wrap {
        flex-direction:column;
        height:auto;
        padding:15px 0;
        gap:12px;
    }
    .main-nav {
        flex-wrap:wrap;
        justify-content:center;
        gap:16px;
    }
    .page-banner {
        padding: 50px 0;
        min-height: 200px;
        margin-bottom:15px;
    }
    .page-banner .container {
        width: 92%;
        margin: 0 auto;
        text-align: center;
    }
    .page-banner h1,
    .page-banner p {
        text-align: center !important;
        width: 100%;
    }
    .block {
        padding:25px 20px;
    }
    .btn-group {
        flex-direction:column;
    }
    .btn-primary,.btn-outline {
        width:100%;
        text-align:center;
    }
}