/* 合作页面专用样式 */

.page-header p {
    font-size: 1.2rem;
    color: #388e3c;
    max-width: 800px;
    margin: 0 auto;
}

/* 地图和地区列表容器 */
.map-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 5%;
    position: relative;
}

.china-map {
    width: 600px;
    height: 550px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 550" width="600" height="550"><path d="M300,100 C350,120 400,150 380,200 C360,250 320,280 300,300 C280,320 250,350 220,380 C200,400 180,420 200,450 C220,480 250,500 300,520 C350,500 380,480 400,450 C420,420 400,400 380,380 C350,350 320,320 300,300 C280,280 240,250 220,200 C200,150 250,120 300,100 Z" fill="%23c8e6c9" stroke="%232e7d32" stroke-width="2"/></svg>') no-repeat center center;
    background-size: contain;
    margin: 30px 0;
    position: relative;
    z-index: 1;
}

/* 地区列表布局 */
.regions-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

.region-column {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.region-column h3 {
    color: #1b5e20;
    font-size: 1.4rem;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #c8e6c9;
    text-align: center;
}

.region-item {
    margin-bottom: 25px;
}

.region-item h4 {
    color: #2e7d32;
    font-size: 1.1rem;
    margin-bottom: 10px;
}

.city-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.city-list span {
    background: #e8f5e9;
    padding: 4px 10px;
    border-radius: 15px;
    font-size: 0.9rem;
    color: #424242;
}

/* 联系我们部分 */
.contact-section {
    background: rgba(255, 255, 255, 0.9);
    padding: 40px 10%;
    text-align: center;
    margin: 50px 0;
}

.contact-section h2 {
    color: #1b5e20;
    font-size: 2rem;
    margin-bottom: 20px;
}

.contact-btn {
    display: inline-block;
    background: #2e7d32;
    color: white;
    padding: 12px 30px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1rem;
    margin-top: 20px;
    transition: all 0.3s;
}

.contact-btn:hover {
    background: #1b5e20;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* 响应式设计 */
@media (max-width: 1200px) {
    .regions-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 900px) {
    .china-map {
        width: 90%;
        height: 400px;
    }
    
    .regions-wrapper {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .china-map {
        height: 300px;
    }
    
    .page-header h1 {
        font-size: 2rem;
    }
}