/* 1. 育婴 Banner */
        .child-banner {
            height: 400px;
            /* 选用更活泼明亮的图片背景 */
            background: url('https://via.placeholder.com/1920x400/FFEBEE/B71C1C?text=0-3岁黄金期+抓住宝宝成长关键点') no-repeat center center/cover;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }
        .banner-text-box {
            background: rgba(255,255,255,0.9);
            padding: 40px;
            border-radius: 8px;
            text-align: center;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            max-width: 600px;
        }
        .banner-text-box h1 { color: var(--primary-red); margin-bottom: 10px; }
        .banner-text-box p { font-size: 18px; color: #555; }

        /* 2. 区别对比板块 */
        .vs-section { padding: 60px 0; background: #fff; }
        .section-header { text-align: center; margin-bottom: 40px; }
        .section-header h2 { font-size: 30px; margin-bottom: 10px; }
        .section-header p { color: #888; }
        
        .vs-container { display: flex; gap: 30px; align-items: stretch; }
        .vs-card { flex: 1; padding: 30px; border-radius: 10px; text-align: center; transition: 0.3s; }
        .vs-card.normal { background: #f5f5f5; border: 1px solid #ddd; }
        .vs-card.pro { background: var(--soft-bg); border: 2px solid var(--accent-gold); transform: scale(1.05); box-shadow: 0 10px 20px rgba(0,0,0,0.1); position: relative; }
        .vs-card.pro::before { content: '推荐'; position: absolute; top:0; right:0; background: var(--primary-red); color: #fff; padding: 5px 15px; font-size: 12px; border-bottom-left-radius: 10px; border-top-right-radius: 8px; }
        
        .vs-icon { font-size: 50px; margin-bottom: 20px; }
        .vs-list { text-align: left; margin-top: 20px; }
        .vs-list li { margin-bottom: 10px; padding-left: 20px; position: relative; font-size: 14px; }
        .normal .vs-list li::before { content: '×'; position: absolute; left: 0; color: #999; font-weight: bold; }
        .pro .vs-list li::before { content: '√'; position: absolute; left: 0; color: var(--primary-red); font-weight: bold; }

        /* 3. 成长阶段服务内容 */
        .stage-section { padding: 60px 0; background: #fff; }
        .stage-tabs { display: flex; justify-content: center; margin-bottom: 30px; gap: 20px; }
        .stage-tab { padding: 10px 30px; border: 1px solid #ddd; border-radius: 50px; cursor: pointer; font-weight: bold; font-size: 16px; }
        .stage-tab.active { background: var(--primary-red); color: #fff; border-color: var(--primary-red); }
        
        .stage-content { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
        .stage-img img { border-radius: 10px; width: 100%; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
        .stage-details h3 { color: var(--primary-red); font-size: 24px; margin-bottom: 20px; }
        .skill-list { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
        .skill-item { display: flex; align-items: center; gap: 10px; }
        .skill-icon { width: 40px; height: 40px; background: #FFF3E0; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #E65100; font-weight: bold; }

        /* 4. 育婴师列表 (卡片样式微调) */
        .nanny-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
        .nanny-card { background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: 0.3s; border: 1px solid #eee; }
        .nanny-card:hover { transform: translateY(-5px); box-shadow: 0 8px 16px rgba(0,0,0,0.12); border-color: var(--accent-gold); }
        .nanny-photo { height: 220px; overflow: hidden; position: relative; }
        .nanny-photo img { width: 100%; height: 100%; object-fit: cover; }
        .cert-tag { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.6); color: #fff; text-align: center; font-size: 12px; padding: 5px 0; }
        
        .nanny-info { padding: 15px; text-align: center; }
        .nanny-name { font-size: 18px; font-weight: bold; margin-bottom: 5px; }
        .nanny-exp { color: var(--primary-red); font-size: 14px; font-weight: bold; margin-bottom: 10px; }
        .skill-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; margin-bottom: 15px; }
        .tag { font-size: 12px; background: #f0f0f0; color: #666; padding: 2px 6px; border-radius: 2px; }
        
        /* 5. 预约Banner */
        .cta-bar { background: var(--primary-red); color: #fff; padding: 40px 0; text-align: center; margin-top: 60px; }
        .cta-btn { display: inline-block; background: var(--accent-gold); color: #333; padding: 12px 35px; border-radius: 50px; margin-top: 20px; font-weight: bold; font-size: 18px; }
        .cta-btn:hover { background: #fff; }

        /* Footer (简略) */
        footer { background: #222; color: #fff; padding: 30px 0; text-align: center; font-size: 13px; }

        /* 响应式 */
        @media (max-width: 768px) {
            .nav-list { display: none; }
            .mobile-menu-btn { display: block; }
            .header-main .container { flex-direction: column; gap: 10px; }
            .vs-container { flex-direction: column; }
            .stage-content { grid-template-columns: 1fr; }
            .nanny-grid { grid-template-columns: 1fr 1fr; }
            .banner-text-box { margin: 0 15px; }
        }