/* === 3. Hero 区域 === */
        .page-hero {
            position: relative; height: 50vh; min-height: 400px;
            display: flex; align-items: center; justify-content: center;
            text-align: center; color: white; overflow: hidden;
            background: #222;
        }
        .hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; opacity: 0.6; }
        .page-hero .container { position: relative; z-index: 1; padding-top: 60px; }
        .hero-breadcrumb { font-size: 14px; color: rgba(255,255,255,0.7); margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; }
        .page-hero h1 { font-size: clamp(40px, 5vw, 64px); margin-bottom: 24px; font-weight: 800; letter-spacing: -1px; }
        .page-hero p { font-size: 20px; color: rgba(255,255,255,0.9); max-width: 800px; margin: 0 auto; }

        /* === 4. 公司简介 (About Us) === */
        .about-section { padding: 100px 0; background: #fff; }
        .about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
        
        .about-text h2 { font-size: 32px; font-weight: 800; margin-bottom: 24px; position: relative; }
        .about-text h2::after { content: ''; display: block; width: 60px; height: 4px; background: var(--primary-color); margin-top: 15px; }
        .about-text p { font-size: 16px; color: var(--text-light); margin-bottom: 20px; text-align: justify; line-height: 1.8; }
        
        /* 数据统计条 */
        .stats-bar {
            display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
            margin-top: 40px; padding-top: 40px; border-top: 1px solid #eee;
        }
        .stat-item h4 { font-size: 36px; color: var(--primary-color); font-weight: 800; margin-bottom: 5px; }
        .stat-item span { font-size: 13px; color: var(--text-light); text-transform: uppercase; letter-spacing: 1px; }

        .about-img-box {
            position: relative; height: 500px; border-radius: var(--radius-unified); overflow: hidden;
            box-shadow: 0 20px 50px rgba(0,0,0,0.1);
        }
        .about-tag {
            position: absolute; bottom: 30px; left: 30px;
            background: rgba(255,255,255,0.95); padding: 20px;
            border-radius: var(--radius-unified); backdrop-filter: blur(10px);
            max-width: 300px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        }
        .about-tag p { font-size: 14px; margin: 0; color: var(--text-main); font-weight: 600; }

        /* === 5. 运营网络 (Map) === */
        .network-section {
            position: relative; padding: 100px 0; background: var(--dark-bg); color: white;
            overflow: hidden;
        }
        .network-header { text-align: center; margin-bottom: 60px; position: relative; z-index: 2; }
        .network-header h2 { font-size: 32px; margin-bottom: 16px; }
        .network-header p { color: rgba(255,255,255,0.6); }

        .map-container {
            position: relative; width: 100%; max-width: 1000px; height: 600px; margin: 0 auto;
            background-image: url(../about/china-map.jpg); /* 中国地图背景图 */
            background-size: contain; background-position: center; background-repeat: no-repeat;
            /* 简单的滤镜让地图变暗适应深色主题 */
            filter: invert(1) opacity(0.8); 
        }

        /* 地图标点 */
        .map-point {
            position: absolute; width: 16px; height: 16px;
            background: var(--primary-color); border-radius: 50%;
            cursor: pointer; transform: translate(-50%, -50%);
            box-shadow: 0 0 0 4px rgba(255, 183, 0, 0.3);
            transition: all 0.3s; z-index: 10;
        }
        .map-point:hover { transform: translate(-50%, -50%) scale(1.2); background: white; }
        
        /* 脉冲动画 */
        .map-point::before {
            content: ''; position: absolute; top: 50%; left: 50%;
            width: 100%; height: 100%; border-radius: 50%;
            border: 1px solid var(--primary-color);
            transform: translate(-50%, -50%);
            animation: pulse 2s infinite;
        }
        @keyframes pulse {
            0% { width: 100%; height: 100%; opacity: 1; }
            100% { width: 300%; height: 300%; opacity: 0; }
        }

        /* 重点城市高亮 */
        .map-point.hq { width: 24px; height: 24px; border: 3px solid white; z-index: 11; }

        /* 信息标牌 (Tooltip) */
        .map-card {
            position: absolute; bottom: 120%; left: 50%; transform: translateX(-50%);
            width: 260px; background: white; color: var(--text-main);
            padding: 20px; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            opacity: 0; visibility: hidden; transition: 0.3s; pointer-events: none;
            z-index: 20; text-align: left;
        }
        /* 小三角 */
        .map-card::after {
            content: ''; position: absolute; top: 100%; left: 50%; margin-left: -8px;
            border-width: 8px; border-style: solid; border-color: white transparent transparent transparent;
        }
        .map-point:hover .map-card { opacity: 1; visibility: visible; bottom: 140%; }

        .card-title { font-size: 16px; font-weight: 700; margin-bottom: 8px; border-bottom: 2px solid var(--primary-color); padding-bottom: 5px; display: inline-block; }
        .card-info { font-size: 13px; color: #666; line-height: 1.6; }
        .card-info i { color: var(--primary-color); margin-right: 5px; width: 16px; text-align: center; }

        /* 坐标位置 (示例百分比，需根据实际地图调整) */
        .point-cd { top: 62%; left: 48%; } /* 成都 */
        .point-cq { top: 63%; left: 51%; } /* 重庆 */
        .point-xa { top: 52%; left: 53%; } /* 西安 */
        .point-zz { top: 50%; left: 62%; } /* 郑州 */
        .point-cs { top: 70%; left: 60%; } /* 长沙 */
        .point-gy { top: 72%; left: 52%; } /* 贵阳 */
        .point-gz { top: 82%; left: 62%; } /* 广州 */

        /* === 6. 人员信息 (Team Grid) === */
        .team-section { padding: 100px 0; background: #f9fafb; }
        .team-grid {
            display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 30px;
        }
        .team-card {
            background: white; border-radius: var(--radius-unified); overflow: hidden;
            padding: 40px 30px; text-align: center;
            border: 1px solid #eee; transition: 0.3s;
            position: relative;
        }
        .team-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,0,0,0.08); border-color: var(--primary-color); }

        .avatar-box {
            width: 120px; height: 120px; border-radius: 50%; margin: 0 auto 20px;
            overflow: hidden; border: 4px solid #f5f5f5;
        }
        .team-name { font-size: 20px; font-weight: 700; margin-bottom: 5px; }
        .team-role { font-size: 14px; color: var(--text-light); margin-bottom: 15px; font-weight: 500; }
        .role-tag {
            display: inline-block; padding: 4px 12px; background: #fff8e1;
            color: var(--primary-color); font-size: 12px; border-radius: 4px;
            font-weight: 600; margin-bottom: 20px;
        }
        
        /* 联系方式覆盖层 (Hover显示) */
        .contact-overlay {
            margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee;
            opacity: 0.6; transition: 0.3s;
        }
        .team-card:hover .contact-overlay { opacity: 1; }
        .contact-item { font-size: 13px; color: #555; margin-bottom: 8px; display: flex; align-items: center; justify-content: center; gap: 8px; }
        .qr-code-mini { width: 20px; height: 20px; vertical-align: middle; }

        /* === 7. 资质荣誉 (Responsive Grid & Checkerboard) === */
        .cert-section { padding: 100px 0; background: white; }
        
        /* 棋盘格容器 (类似于 Logo Wall) */
        .cert-checkerboard {
            display: grid;
            grid-template-columns: repeat(4, 1fr); /* 4列 */
            border: 1px solid #eee;
            border-radius: var(--radius-unified);
            overflow: hidden;
            background: white;
        }

        /* 证书格子 (正方形) */
        .cert-cell {
            aspect-ratio: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 30px; /* 留白 */
            position: relative;
            opacity: 0; /* 用于动画 */
            transform-style: preserve-3d;
            perspective: 1000px;
            text-decoration: none; /* 如果是链接 */
            color: inherit;
        }

        /* 翻牌动画 */
        .cert-cell.animate-flip {
            animation: flipInX 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
        }

        /* 明暗背景 */
        .cert-cell.bg-light { background-color: #ffffff; }
        .cert-cell.bg-dark { background-color: #f9f9f9; }

        /* 证书内容容器 */
        .cert-content-wrapper {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 15px; /* 图片和标题的间距 */
        }

        /* 证书图片 */
        .cert-img {
            width: 100%;
            height: auto;
            max-height: 80%; /* 留出空间给标题 */
            object-fit: contain;
            /* 给图片加一点阴影，像纸张一样 */
            box-shadow: 0 4px 10px rgba(0,0,0,0.05);
            transition: transform 0.3s;
            background: rgba(255, 255, 255, 0); /* 防止png透明底显得奇怪 */
        }

        /* 标题 */
        .cert-title {
            font-size: 14px;
            font-weight: 600;
            color: var(--text-main);
            text-align: center;
            line-height: 1.4;
            max-height: 2.8em; /* 限制高度，防止溢出 */
            overflow: hidden;
        }

        /* 悬停效果 */
        .cert-cell:hover {
            z-index: 2;
            box-shadow: 0 0 30px rgba(0,0,0,0.1);
            background-color: #fff; /* 悬停高亮 */
        }
        .cert-cell:hover .cert-img {
            transform: scale(1.05);
        }
        .cert-cell:hover .cert-title {
            color: var(--primary-color);
        }

        /* Footer (同步) */
        footer { padding: 100px 0 40px; background: white; border-top: 1px solid #eee; }
        .footer-top { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; padding-bottom: 60px; border-bottom: 1px solid #eee; }
        .footer-brand h4 { font-size: 24px; font-weight: 800; margin-bottom: 20px; }
        .footer-col h5 { font-size: 16px; margin-bottom: 24px; color: var(--text-main); }
        .footer-col ul { list-style: none; }
        .footer-col li { margin-bottom: 12px; }
        .footer-col a { color: var(--text-light); font-size: 14px; }
        .footer-col a:hover { color: var(--primary-color); }
        .footer-bottom { padding-top: 40px; display: flex; justify-content: space-between; color: var(--text-light); font-size: 13px; }

        @media (max-width: 1024px) {
            .about-grid { grid-template-columns: 1fr; }
            .team-grid { grid-template-columns: repeat(2, 1fr); }
            /* 平板端 2列 */
            .cert-checkerboard { grid-template-columns: repeat(2, 1fr); }
            .footer-top { grid-template-columns: 1fr; gap: 40px; }
        }
        @media (max-width: 768px) {
            .team-grid { grid-template-columns: 1fr; }
            /* 手机端 1列 */
            .cert-checkerboard { grid-template-columns: 1fr; }
            .map-container { height: 400px; } 
        }
        
        /* 翻牌动画定义复用 */
        @keyframes flipInX {
            from { transform: perspective(400px) rotateY(90deg); opacity: 0; }
            to { transform: perspective(400px) rotateY(0deg); opacity: 1; }
        }