/* 基础样式重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.6;
    color: #ffffff;
    background: linear-gradient(135deg, #1a237e 0%, #303f9f 100%);
    min-height: 100vh;
}

/* 容器样式 */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 导航头部样式 */
.header {
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    padding: 15px 0;
    position: sticky;
    top: 0;
    z-index: 1000;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.logo {
    font-size: 1.8rem;
    font-weight: bold;
    color: #FFC107;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.nav-buttons {
    display: flex;
    gap: 15px;
}

/* 按钮基础样式 */
.nav-btn, .cta-button, .footer-btn {
    display: inline-block;
    padding: 12px 24px;
    text-decoration: none;
    color: white;
    border-radius: 25px;
    font-weight: 600;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    border: none;
    cursor: pointer;
}

.nav-btn:hover, .cta-button:hover, .footer-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

/* 按钮颜色变体 */
.btn-green {
    background: linear-gradient(45deg, #4CAF50, #66BB6A);
}

.btn-green:hover {
    background: linear-gradient(45deg, #45a049, #5cb85c);
}

.btn-blue {
    background: linear-gradient(45deg, #2196F3, #42A5F5);
}

.btn-blue:hover {
    background: linear-gradient(45deg, #1976D2, #1e88e5);
}

.btn-orange {
    background: linear-gradient(45deg, #FF5722, #FF7043);
}

.btn-orange:hover {
    background: linear-gradient(45deg, #D84315, #f4511e);
}

/* 英雄区域样式 */
.hero-section {
    padding: 80px 0;
    text-align: center;
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
}

.hero-title {
    font-size: 3.5rem;
    font-weight: bold;
    margin-bottom: 20px;
    background: linear-gradient(45deg, #FFC107, #FFD54F);
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.hero-subtitle {
    font-size: 1.4rem;
    margin-bottom: 30px;
}

/* 英雄区域图片样式 */
.hero-image-container {
    margin: 50px auto 0;
    max-width: 500px;
    padding: 0 20px;
}

.hero-image {
    width: 100%;
    height: auto;
    max-width: 100%;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    border: 2px solid rgba(255, 255, 255, 0.1);
}

.hero-image:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
}

.hero-description {
    font-size: 1.1rem;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}

.cta-button {
    background: linear-gradient(45deg, #4CAF50, #66BB6A);
    padding: 18px 40px;
    font-size: 1.2rem;
    border-radius: 30px;
    margin: 20px auto;
    display: inline-block;
}

/* 区域标题样式 */
.section-title {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 50px;
    color: #FFC107;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

/* 服务特色区域 */
.features-section {
    padding: 80px 0;
    background: rgba(255, 255, 255, 0.05);
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 50px;
}

.feature-card {
    background: rgba(255, 255, 255, 0.1);
    padding: 30px;
    border-radius: 15px;
    text-align: center;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.feature-card:hover {
    transform: translateY(-5px);
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.feature-icon {
    font-size: 3rem;
    margin-bottom: 20px;
}

.feature-card h3 {
    font-size: 1.3rem;
    margin-bottom: 15px;
    color: #FFC107;
}

.feature-card p {
    line-height: 1.6;
}

/* 服务项目区域 */
.services-section {
    padding: 80px 0;
}

.services-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 25px;
    margin-top: 50px;
}

.service-item {
    background: rgba(255, 255, 255, 0.1);
    padding: 25px;
    border-radius: 10px;
    border-left: 4px solid #4CAF50;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.service-item:hover {
    background: rgba(255, 255, 255, 0.15);
    transform: translateX(5px);
}

.service-item h3 {
    color: #FFC107;
    margin-bottom: 10px;
    font-size: 1.2rem;
}

.service-item p {
}

/* 团队介绍区域 */
.team-section {
    padding: 80px 0;
    background: rgba(255, 255, 255, 0.05);
}

.team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px;
    margin-top: 50px;
}

.team-member {
    text-align: center;
    background: rgba(255, 255, 255, 0.1);
    padding: 30px;
    border-radius: 15px;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.team-member:hover {
    transform: translateY(-5px);
    background: rgba(255, 255, 255, 0.15);
}

.member-avatar {
    font-size: 4rem;
    margin-bottom: 20px;
}

.team-member h3 {
    color: #FFC107;
    margin-bottom: 10px;
    font-size: 1.3rem;
}

.member-role {
    color: #4CAF50;
    font-weight: 600;
    margin-bottom: 15px;
}

.team-member p {
}

/* 客户评价区域 */
.testimonials-section {
    padding: 80px 0;
}

.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 50px;
}

.testimonial-card {
    background: rgba(255, 255, 255, 0.1);
    padding: 30px;
    border-radius: 15px;
    backdrop-filter: blur(10px);
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.testimonial-card:hover {
    background: rgba(255, 255, 255, 0.15);
    transform: translateY(-5px);
}

.quote-mark {
    font-size: 3rem;
    color: #FFC107;
    position: absolute;
    top: 10px;
    left: 20px;
    font-family: serif;
}

.testimonial-card p {
    margin-top: 25px;
    margin-bottom: 20px;
    font-style: italic;
    line-height: 1.6;
}

.testimonial-author {
    text-align: right;
    color: #4CAF50;
    font-weight: 600;
}

/* 页面底部样式 */
.footer {
    background: rgba(0, 0, 0, 0.3);
    padding: 50px 0 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px;
    margin-bottom: 30px;
}

.footer-section h3 {
    color: #FFC107;
    margin-bottom: 20px;
    font-size: 1.2rem;
}

.footer-section p, .footer-section li {
    margin-bottom: 10px;
}

.footer-section ul {
    list-style: none;
}

.footer-section li:before {
    content: "✓ ";
    color: #4CAF50;
    font-weight: bold;
}

.footer-btn {
    background: linear-gradient(45deg, #2196F3, #42A5F5);
    padding: 12px 30px;
    margin-top: 20px;
    display: inline-block;
}

.footer-bottom {
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #BBDEFB;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .nav-container {
        flex-direction: column;
        gap: 15px;
    }

    .nav-buttons {
        flex-wrap: wrap;
        justify-content: center;
    }

    .hero-title {
        font-size: 2.5rem;
    }

    .hero-subtitle {
        font-size: 1.2rem;
    }

    .hero-image-container {
        margin: 40px auto 0;
        max-width: 350px;
        padding: 0 15px;
    }

    .section-title {
        font-size: 2rem;
    }

    .features-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .services-list {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .team-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .testimonials-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .footer-content {
        grid-template-columns: 1fr;
        gap: 30px;
        text-align: center;
    }

    .container {
        padding: 0 15px;
    }

    .hero-section, .features-section, .services-section, .team-section, .testimonials-section {
        padding: 60px 0;
    }
}

@media (max-width: 480px) {
    .hero-title {
        font-size: 2rem;
    }

    .hero-subtitle {
        font-size: 1.1rem;
    }

    .hero-image-container {
        margin: 30px auto 0;
        max-width: 280px;
        padding: 0 10px;
    }

    .hero-image {
        border-radius: 10px;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
    }

    .section-title {
        font-size: 1.8rem;
    }

    .nav-btn {
        padding: 10px 20px;
        font-size: 0.9rem;
    }

    .cta-button {
        padding: 15px 30px;
        font-size: 1.1rem;
    }

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

    .feature-card, .service-item, .team-member, .testimonial-card {
        padding: 20px;
    }
}

/* 平板端优化 */
@media (min-width: 769px) and (max-width: 1024px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .services-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .team-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* 动画效果 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.feature-card, .service-item, .team-member, .testimonial-card {
    animation: fadeInUp 0.6s ease-out;
}

/* 滚动条美化 */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(45deg, #4CAF50, #2196F3);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(45deg, #45a049, #1976D2);
}




:root{ --sbz-blue:#2563eb; --sbz-green:#10b981; --sbz-ink:#0f172a; --sbz-muted:#6b7280; --sbz-bg2:#f1f5f9; --sbz-line:#e5e7eb; } .sbzX-wrap{max-width:1100px;margin:0 auto;padding:0 16px} .sbzX-sec{margin:28px auto 22px} .sbzX-ttl{font-size:20px;line-height:1.35;margin:0 0 12px} .sbzX-sub{font-size:13px;color:var(--sbz-muted);margin:-6px 0 10px} .sbzX-card{background:#fff;border:1px solid var(--sbz-line);border-radius:12px;padding:14px;box-shadow:0 4px 16px rgba(15,23,42,.04)} .sbzX-grid{display:grid;gap:12px} @media(min-width:768px){.sbzX-grid.cols-2{grid-template-columns:repeat(2,1fr)}.sbzX-grid.cols-3{grid-template-columns:repeat(3,1fr)}.sbzX-grid.cols-4{grid-template-columns:repeat(4,1fr)}} .sbzX-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;background:#eef2ff;color:#3730a3;margin-left:6px} .sbzX-list{margin:6px 0 0;padding-left:18px} .sbzX-list li{margin:6px 0} /* 微型条形图：设置 style="--v:68%" 即可控制长度 */ .mxbar{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--sbz-blue),var(--sbz-green));width:var(--v,40%);min-width:6%;transition:width .4s} .mxbar-bg{background:#eef2ff;border-radius:999px;height:8px;width:100%} /* 微型时间线点 */ .dot{width:8px;height:8px;border-radius:50%;background:var(--sbz-blue);display:inline-block;margin-right:8px} /* 火花线占位（CSS 背景模拟） */ .spark{height:36px;background:linear-gradient( to right,#e5e7eb 40%,#c7d2fe 40% 42%,#e5e7eb 42% 60%,#bfdbfe 60% 62%,#e5e7eb 62% );border-radius:8px} /* 标签行 */ .kv{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:#111827} .kv .k{color:var(--sbz-muted)} /* 表格-like 栅格 */ .softTbl{display:grid;grid-template-columns:1.1fr .6fr .6fr;gap:10px;align-items:center} @media(max-width:767px){.softTbl{grid-template-columns:1fr}} .pill{display:inline-block;padding:4px 10px;border-radius:999px;background:#ecfeff;color:#0e7490;font-size:12px} .tip{font-size:12px;color:var(--sbz-muted)} .ok{color:#16a34a}.warn{color:#f59e0b}.bad{color:#dc2626} .note{background:var(--sbz-bg2);border:1px dashed var(--sbz-line);border-radius:10px;padding:10px;margin-top:8px;font-size:13px;color:#334155} .cta-min{display:inline-block;margin-top:8px;padding:6px 10px;border-radius:10px;background:var(--sbz-blue);color:#fff;font-weight:600;font-size:13px} .flag{font-size:12px;padding:2px 6px;border:1px solid var(--sbz-line);border-radius:8px;color:#334155}


:root{
      --sbz-brand:#2563eb;      /* 品牌主色（轻微换色） */
      --sbz-ink:#0f172a;        /* 主文字色 */
      --sbz-muted:#64748b;      /* 次文字色 */
      --sbz-bg:#f8fafc;         /* 背景 */
      --sbz-accent:#10b981;     /* 强调色 */
    }
    body{background:linear-gradient(135deg, #1a237e 0%, #8418e7 100%); color:var(--sbz-ink); -webkit-font-smoothing:antialiased}
    .bz-fer6g26rggr.header.hdr-zl9{background:#4710d9; backdrop-filter:saturate(1.2) blur(6px); border-bottom:1px solid #eef1f5}
    .bz-fer6g26rggr.nav-container.qx9{max-width:1100px; margin:0 auto; padding:12px 16px; display:flex; justify-content:space-between; align-items:center}
    .bz-fer6g26rggr.logo.mA7{font-size:18px; letter-spacing:.5px}
    .bz-fer6g26rggr.nav-btn.btn-green, .bz-fer6g26rggr.nav-btn.btn-blue, .bz-fer6g26rggr.cta-button{
      display:inline-block; padding:10px 16px; border-radius:10px; font-weight:600
    }
    .bz-fer6g26rggr.nav-btn.btn-green{background:var(--sbz-accent); color:#fff}
    .bz-fer6g26rggr.nav-btn.btn-blue{background:var(--sbz-brand); color:#fff}
    .bz-fer6g26rggr.hero-section#sbz-hero-k6{
      background:linear-gradient(120deg,#e0f2fe 0%,#eef2ff 60%,#f0fdf4 100%);
      padding:48px 0 28px
    }
    .bz-fer6g26rggr.container.wY9{max-width:1100px; margin:0 auto; padding:0 16px}
    .bz-fer6g26rggr.hero-title.kp3{font-size:22px; line-height:1.35}
    .bz-fer6g26rggr.hero-subtitle.x1m{color:var(--sbz-muted); margin:8px 0 6px}
    .bz-fer6g26rggr.hero-description.vVh{margin:4px 0 14px}
    .bz-fer6g26rggr.cta-button{background:var(--sbz-brand); color:#fff; margin-top:8px}
    .hero-image-container{margin-top:16px}
    .bz-fer6g26rggr.hero-image{width:100%; height:auto; border-radius:12px; box-shadow:0 6px 24px rgba(15,23,42,.08)}

    .bz-fer6g26rggr.section-title.t8q{font-size:20px; margin:20px 0 12px}
    .bz-fer6g26rggr.features-grid.gd7, .bz-fer6g26rggr.services-list.sL5, .bz-fer6g26rggr.team-grid.Tm9, .bz-fer6g26rggr.testimonials-grid.ts8, .sbz-faq-grid.aq2{
      display:grid; gap:14px
    }
    @media(min-width:768px){
      .bz-fer6g26rggr.features-grid.gd7{grid-template-columns:repeat(3,1fr)}
      .bz-fer6g26rggr.services-list.sL5{grid-template-columns:repeat(3,1fr)}
      .bz-fer6g26rggr.team-grid.Tm9{grid-template-columns:repeat(3,1fr)}
      .bz-fer6g26rggr.testimonials-grid.ts8{grid-template-columns:repeat(3,1fr)}
      .sbz-faq-grid.aq2{grid-template-columns:repeat(2,1fr)}
    }
    .bz-fer6g26rggr.feature-card.fc4, .bz-fer6g26rggr.service-item.si3, .bz-fer6g26rggr.testimonial-card.tc2, .bz-fer6g26rggr.team-member.tm6, .sbz-card{
      background:#fff; border:1px solid #eef1f5; border-radius:12px; padding:14px; box-shadow:0 4px 16px rgba(15,23,42,.04)
    }
    .bz-fer6g26rggr.feature-icon.ic2{font-size:18px}
    .bz-fer6g26rggr.footer.ft9{background:#0b1220; color:#d8e0ea; margin-top:28px; padding-top:18px}
    .bz-fer6g26rggr.footer a{color:#b9d1ff}
    .sbz-kpis.xp1{display:grid; grid-template-columns:repeat(3,1fr); gap:12px}
    .sbz-kpi h4{font-size:18px; margin:0}
    .sbz-kpi p{margin:6px 0 0; color:var(--sbz-muted)}
    .sbz-guide.stp ol{margin:0; padding-left:18px}
    .sbz-calc label{display:block; font-size:13px; color:var(--sbz-muted); margin-top:8px}
    .sbz-calc input{width:100%; border:1px solid #e5e7eb; border-radius:10px; padding:8px; margin-top:4px}
    .sbz-calc .out{font-weight:700; color:var(--sbz-brand)}
    .sbz-badge.bad1{display:inline-block; padding:4px 8px; font-size:12px; border-radius:999px; background:#ecfeff; color:#0e7490; margin-left:8px}