.hero {
            padding-top: 64px;
            background: linear-gradient(135deg, #0d1b2a 0%, #1b3a5c 40%, #0d2840 70%, #1a2a4a 100%);
            color: white; overflow: hidden; position: relative;
        }
        .hero::before {
            content: '';
            position: absolute; top: 0; left: 0; right: 0; bottom: 0;
            background:
                radial-gradient(circle at 15% 50%, rgba(237,97,0,0.1) 0%, transparent 50%),
                radial-gradient(circle at 85% 30%, rgba(237,97,0,0.08) 0%, transparent 45%);
        }
        .hero-inner { position: relative; z-index: 1; padding: var(--space-8) 0 var(--space-7); text-align: center; }
        .hero-badge {
            display: inline-flex; align-items: center; gap: 8px;
            padding: 7px 20px;
            background: rgba(237,97,0,0.18); border: 1px solid rgba(237,97,0,0.35);
            border-radius: 24px; font-size: 13px; color: #ffb366;
            margin-bottom: var(--space-3); letter-spacing: 1px; font-weight: 500;
        }
        .hero-badge-icon {
            width: 18px; height: 18px;
            background: rgba(255,255,255,0.2);
            border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
        }
        .hero-badge-icon svg { width: 10px; height: 10px; stroke: #ffb366; fill: none; stroke-width: 2; }
        .hero-title {
            font-size: var(--font-size-4xl); font-weight: 800;
            margin-bottom: var(--space-2); letter-spacing: 2px; line-height: 1.35;
        }
        .hero-title span { color: var(--color-primary); }
        .hero-subtitle {
            font-size: var(--font-size-lg); opacity: 0.92;
            margin-bottom: var(--space-3); font-weight: 400;
        }
        .hero-desc {
            font-size: var(--font-size-base); opacity: 0.78;
            max-width: 580px; margin: 0 auto var(--space-5); line-height: 1.8;
        }
        .hero-cta {
            display: inline-flex; align-items: center; gap: 10px;
            background: var(--color-primary); color: white;
            padding: 15px 38px; border-radius: var(--radius);
            font-size: var(--font-size-base); font-weight: 600;
            transition: all 0.3s ease; box-shadow: 0 4px 24px rgba(237,97,0,0.4);
            border: none; cursor: pointer;
        }
        .hero-cta:hover {
            background: var(--color-primary-dark);
            transform: translateY(-2px); box-shadow: 0 8px 32px rgba(237,97,0,0.5);
        }
        .hero-cta-icon {
            width: 20px; height: 20px;
            background: rgba(255,255,255,0.2);
            border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
        }
        .hero-cta-icon svg { width: 10px; height: 10px; stroke: white; fill: none; stroke-width: 2.5; }

        .stats {
            background: var(--color-bg); padding: var(--space-5) 0;
            border-bottom: 1px solid var(--color-border-light);
            box-shadow: 0 4px 24px rgba(0,0,0,0.05);
            position: relative; z-index: 10;
        }
        .stats-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--space-2); }
        .stat-item { text-align: center; padding: var(--space-2) var(--space-1); }
        .stat-number {
            font-size: var(--font-size-3xl); font-weight: 800;
            color: var(--color-primary); line-height: 1.2;
        }
        .stat-label { font-size: var(--font-size-xs); color: var(--color-text-muted); margin-top: 6px; }

        .advantages { padding: var(--space-5) 0; }
        
        
        .section-title span { color: var(--color-primary); }
        .section-desc {
            font-size: var(--font-size-base); color: var(--color-text-light);
            max-width: 540px; margin: 0 auto;
        }

        .advantages-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
        .advantage-card {
            background: var(--color-bg); border: 1px solid var(--color-border-light);
            border-radius: var(--radius-lg); padding: var(--space-2) var(--space-3);
            transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative; overflow: hidden;
        }
        .advantage-card::before {
            content: ''; position: absolute; top: 0; left: 0; right: 0;
            height: 3px; background: var(--card-accent, var(--color-primary));
            transform: scaleX(0); transition: transform 0.35s ease;
        }
        .advantage-card:hover {
            border-color: transparent; box-shadow: var(--shadow-md);
            transform: translateY(-5px);
        }
        .advantage-card:hover::before { transform: scaleX(1); }

        /* 图标样式：每个卡片有专属配色，但风格统一（圆角矩形+实心图标） */
        .advantage-icon {
            width: 44px; height: 44px;
            border-radius: 12px;
            display: flex; align-items: center; justify-content: center;
            margin-bottom: 10px;
            box-shadow: 0 4px 12px var(--icon-shadow, rgba(0,0,0,0.15));
        }
        .advantage-icon svg {
            width: 22px; height: 22px;
            stroke: white; fill: none; stroke-width: 1.8;
        }

        /* 优势卡片专属配色 - 每个不同但和谐 */
        .adv-card-1 { --card-accent: #e74c3c; }
        .adv-card-1 .advantage-icon { background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%); --icon-shadow: rgba(231,76,60,0.3); }

        .adv-card-2 { --card-accent: #f39c12; }
        .adv-card-2 .advantage-icon { background: linear-gradient(135deg, #f39c12 0%, #d68910 100%); --icon-shadow: rgba(243,156,18,0.3); }

        .adv-card-3 { --card-accent: #27ae60; }
        .adv-card-3 .advantage-icon { background: linear-gradient(135deg, #27ae60 0%, #1e8449 100%); --icon-shadow: rgba(39,174,96,0.3); }

        .adv-card-4 { --card-accent: #3498db; }
        .adv-card-4 .advantage-icon { background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); --icon-shadow: rgba(52,152,219,0.3); }

        .adv-card-5 { --card-accent: #9b59b6; }
        .adv-card-5 .advantage-icon { background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%); --icon-shadow: rgba(155,89,182,0.3); }

        .adv-card-6 { --card-accent: #1abc9c; }
        .adv-card-6 .advantage-icon { background: linear-gradient(135deg, #1abc9c 0%, #16a085 100%); --icon-shadow: rgba(26,188,156,0.3); }

        .advantage-title {
            font-size: var(--font-size-base); font-weight: 600;
            color: var(--color-text-dark); margin-bottom: 4px;
        }
        .advantage-desc { font-size: var(--font-size-sm); color: var(--color-text-light); line-height: 1.6; }

        .services { background: var(--color-bg-light); padding: var(--space-7) 0; }
        .services-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-3); }
        .service-card {
            background: var(--color-bg); border-radius: var(--radius-lg);
            overflow: hidden; transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
            box-shadow: var(--shadow-sm); border: 1px solid var(--color-border-light);
        }
        .service-card:hover { box-shadow: var(--shadow-md); transform: translateY(-5px); border-color: transparent; }

        /* 服务卡片图标区域：每个有专属配色 */
        .service-icon-area {
            height: 90px; display: flex; align-items: center; justify-content: center;
            position: relative;
        }
        .service-icon-area svg {
            width: 38px; height: 38px;
            stroke: white; fill: none; stroke-width: 1.5;
        }

        /* 服务卡片专属配色 */
        .svc-1 .service-icon-area { background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%); }
        .svc-2 .service-icon-area { background: linear-gradient(135deg, #16a085 0%, #1abc9c 100%); }
        .svc-3 .service-icon-area { background: linear-gradient(135deg, #2980b9 0%, #3498db 100%); }
        .svc-4 .service-icon-area { background: linear-gradient(135deg, #8e44ad 0%, #9b59b6 100%); }
        .svc-5 .service-icon-area { background: linear-gradient(135deg, #d35400 0%, #e67e22 100%); }
        .svc-6 .service-icon-area { background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%); }
        .svc-7 .service-icon-area { background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%); }
        .svc-8 .service-icon-area { background: linear-gradient(135deg, #1e8449 0%, #27ae60 100%); }

        .service-content { padding: var(--space-3); }
        .service-title { font-size: var(--font-size-base); font-weight: 600; color: var(--color-text-dark); margin-bottom: 8px; }
        .service-desc { font-size: var(--font-size-sm); color: var(--color-text-light); line-height: 1.65; }

        .expert { padding: var(--space-7) 0; }
        .expert-content { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6); align-items: center; }
        .expert-info h2 {
            font-size: var(--font-size-3xl); font-weight: 700;
            color: var(--color-text-dark); margin-bottom: var(--space-3); letter-spacing: 1px;
        }
        .expert-info h2 span { color: var(--color-primary); }
        .expert-name { font-size: var(--font-size-2xl); font-weight: 600; color: var(--color-text-dark); margin-bottom: 6px; }
        .expert-role { font-size: var(--font-size-sm); color: var(--color-primary); margin-bottom: var(--space-3); font-weight: 500; }
        .expert-desc { font-size: var(--font-size-base); color: var(--color-text-light); line-height: 1.85; margin-bottom: var(--space-4); }

        .expert-avatar-wrap { display: flex; justify-content: center; align-items: center; }
        .expert-avatar {
            width: 260px; height: 260px; border-radius: 50%;
            background: linear-gradient(135deg, var(--color-bg-light), var(--color-bg-dark));
            display: flex; align-items: center; justify-content: center;
            border: 4px solid var(--color-primary);
            box-shadow: 0 8px 36px rgba(237,97,0,0.18);
        }
        .expert-avatar svg {
            width: 120px; height: 120px;
            stroke: var(--color-text-muted); fill: none; stroke-width: 1;
        }

        .cta {
            background: linear-gradient(135deg, var(--color-primary), #c94f00);
            padding: var(--space-7) 0; text-align: center; color: white;
            position: relative; overflow: hidden;
        }
        .cta::before {
            content: ''; position: absolute; top: -50%; right: -20%;
            width: 450px; height: 450px; border-radius: 50%; background: rgba(255,255,255,0.06);
        }
        .cta-title { font-size: var(--font-size-3xl); font-weight: 700; margin-bottom: var(--space-2); position: relative; z-index: 1; }
        .cta-desc { font-size: var(--font-size-lg); opacity: 0.92; margin-bottom: var(--space-4); position: relative; z-index: 1; }
        .cta-button {
            display: inline-flex; align-items: center; gap: 10px;
            background: white; color: var(--color-primary);
            padding: 15px 38px; border-radius: var(--radius);
            font-size: var(--font-size-base); font-weight: 600;
            transition: all 0.3s ease; border: none; cursor: pointer;
            position: relative; z-index: 1;
        }
        .cta-button:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); }

        
        
        
        
        
        
        
        
        
        .footer-contact-item { font-size: var(--font-size-sm); color: #888; margin-bottom: 10px; display: flex; align-items: flex-start; gap: 8px; }
        .footer-contact-item svg { width: 14px; height: 14px; stroke: var(--color-primary); fill: none; stroke-width: 2; flex-shrink: 0; margin-top: 2px; }
        

        
@media (max-width: 768px) {
    .advantages-grid { grid-template-columns: repeat(2, 1fr); }
    .services-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
    .hero-title { font-size: var(--font-size-2xl); }
    .stats-grid { grid-template-columns: repeat(2, 1fr); }
    .advantages-grid, .services-grid { grid-template-columns: 1fr; }
    .expert-content { grid-template-columns: 1fr; }
}