.custom-content-wrap {
    width: 100%;
    max-width: 1350px; /* 如果觉得宽了或窄了，可以改成 1320px 或其他与导航条一致的宽度 */
    padding-left: 15px;
    padding-right: 15px;
}
        /* 模块二居中大标题 */
        .section-title-center {
            font-size: 24px;
            font-weight: bold;
            color: #212529;
            text-align: center;
            margin-bottom: 40px;
            letter-spacing: 2px;
        }

        /* 上半部分复合容器 */
        .contact-box {
            background-color: #ffffff;
            border-radius: 8px;
            /*box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);*/
            overflow: hidden;
            margin-bottom: 60px;
        }

        /* 左侧地址列表区 (固定高度可滚动，还原原图特征) */
        .address-sidebar {
            max-height: auto;
            overflow-y: auto;
            padding: 0px 25px 25px 25px;
        }

        /* 总部/办事处项目样式 */
        .office-item {
            padding: 20px;
            background-color: #f8f9fa;
            border-radius: 6px;
            margin-bottom: 15px;
            font-size: 13px;
            color: #555555;
            line-height: 1.6;
        }
        .office-item:last-child {
            margin-bottom: 0;
        }
        .office-name {
            font-size: 15px;
            font-weight: 600;
            color: #222222;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        /* 二维码样式 */
        .qr-code-box {
            width: 100px;
            text-align: center;
            font-size: 11px;
            color: #888888;
            flex-shrink: 0;
        }
        .qr-placeholder {
            width: 100px;
            height: 100px;
            background-color: #333; /* 模拟原图黑色外观 */
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 10px;
            margin-bottom: 4px;
            border-radius: 4px;
        }
        
        .qr-placeholder img{max-width:100%; height:auto}

        /* 地图占位区域 */
        .map-container {
            background-color: #e5e3df;
            min-height: 350px;
            height: 100%;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #777777;
        }
        /* 模拟地图上的信息浮窗 */
        .map-popup-mock {
            position: absolute;
            background: white;
            padding: 12px 20px;
            border-radius: 4px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.15);
            font-size: 13px;
            border-left: 4px solid #198754;
            top: 30%;
            left: 20%;
            max-width: 280px;
        }

        /* 下半部分：5列响应式网格配置 */
        .grid-5-columns {
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: 20px;
        }

        /* 区域销售卡片样式 */
        .region-card {
            background-color: #ffffff;
            border: 1px solid #eef2f5;
            border-radius: 6px;
            padding: 20px;
            font-size: 13px;
            color: #666666;
            box-shadow: 0 2px 6px rgba(0,0,0,0.01);
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }
        .region-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 20px rgba(0,0,0,0.06);
        }
        .region-header {
            font-size: 16px;
            font-weight: 600;
            color: #198754; /* 绿色 */
            margin-bottom: 15px;
            padding-bottom: 8px;
            border-bottom: 1px solid #f0f0f0;
            display: flex;
            align-items: center;
            gap: 6px;
        }

        /* 特殊断点：处理独创的 5 列布局在中小屏幕下的退化 */
        @media (max-width: 1200px) {
            .grid-5-columns { grid-template-columns: repeat(3, minmax(0, 1fr)); }
        }
        @media (max-width: 768px) {
            .grid-5-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
            .address-sidebar { max-height: none; }
        }
        @media (max-width: 480px) {
            .grid-5-columns { grid-template-columns: repeat(1, minmax(0, 1fr)); }
        }
        
        /* 提升表单卡片的视觉感 */
.card {
    background-color: #ffffff;
    border-radius: 8px;
}
/* 确保输入框在移动端适配良好 */
.form-control {
    border: 1px solid #dee2e6;
    padding: 10px;
}