﻿ /* 全部唯一前缀 park-select-，避免样式污染 */
        .park-select-wrap {
            padding: 50px;
        }
        .park-select-row {
            margin-bottom: 15px;
        }
        .park-select-input {
            padding: 8px 10px;
            width: 340px;
            border: 1px solid #ccc;
            border-radius: 4px;
            font-size: 14px;
        }
        #showModalBtn {
            padding: 8px 16px;
            background: #165DFF;
            color: #fff;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 14px;
            margin-left: 10px;
        }

        /* 弹窗遮罩 */
        .park-select-mask {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            display: none;
            align-items: center;
            justify-content: center;
            z-index: 999;
        }
        .park-select-box {
            width: 680px;
            height: 520px;
            background: #fff;
            border-radius: 8px;
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }
        .park-select-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 14px 20px;
            border-bottom: 1px solid #eee;
        }
        .park-select-title {
            font-size: 16px;
            font-weight: 600;
        }
        .park-select-close {
            width: 26px;
            height: 26px;
            border-radius: 50%;
            border: none;
            background:  #fff;
            cursor: pointer;
            font-size:24px;
            line-height: 26px;
            margin-left:100px;
        }
        .park-select-body {
            flex: 1;
            padding: 15px 20px;
            overflow-y: auto;
        }
        .park-select-area-group {
            margin-bottom: 12px;
            border: 1px solid #e8e8e8;
            border-radius: 6px;
        }
        .park-select-area-title {
            padding: 10px 15px;
            background: #f7f8fa;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 500;
        }
        .park-select-area-title:hover {
            background: #f0f2f5;
        }
        .park-select-toggle-icon {
            transition: transform 0.2s;
        }
        .park-select-toggle-icon.active {
            transform: rotate(180deg);
        }
        .park-select-list-wrap {
            padding: 10px 15px;
            display: none;
            flex-wrap: wrap;
            gap: 10px;
        }
        .park-select-list-wrap.show {
            display: flex;
        }
        .park-select-item {
            width:45%;
            padding: 8px 10px;
            border: 1px solid #e5e7eb;
            border-radius: 4px;
            cursor: pointer;
            font-size: 14px;
        }
        .park-select-item:hover {
            border-color: #165DFF;
            background: #f0f7ff;
        }
        .park-select-item.active {
            background: #165DFF;
            color: #fff;
            border-color: #165DFF;
        }
        .park-select-footer {
            padding: 14px 20px;
            border-top: 1px solid #eee;
            text-align: right;
        }
        .park-select-footer-btn {
            padding: 8px 20px;
            border-radius: 4px;
            border: none;
            cursor: pointer;
            font-size: 14px;
            margin-left: 10px;
        }
        .park-select-cancel-btn {
            background: #f5f7fa;
            color: #333;
        }
        .park-select-confirm-btn {
            background: #165DFF;
            color: #fff;
        }