.sort-items[data-v-10502efa]{margin-top:18px;border:1px solid #d8d8d8;height:30px;line-height:30px;font-size:14px;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#262525}.sort-items>span[data-v-10502efa]{padding:0 8px;border-right:1px solid #d8d8d8}.sort-items>.npsitefont[data-v-10502efa]{cursor:pointer}.sort-item[data-v-10502efa]{height:30px;color:#262525;cursor:pointer}.sort-item[data-v-10502efa]:hover{background:#c7c7c7;color:#409eff}.sort-active-item[data-v-10502efa]{background:#d8d8d8;color:#409eff}.sort-items-capsule[data-v-10502efa]{border:none;height:auto;line-height:normal;margin-top:0;display:flex;gap:16px}.sort-items-capsule .sort-item[data-v-10502efa]{height:34px;line-height:34px;padding:0 16px;border-radius:20px;border:1px solid #dcdfe6;background:#fff;color:#606266;font-size:14px;transition:all .3s}.sort-items-capsule .sort-item[data-v-10502efa]:hover{background:#f5f7fa;color:#409eff}.sort-items-capsule .sort-active-item[data-v-10502efa]{background:#409eff;color:#fff;border-color:#409eff}.zone[data-v-2ae7c236]{box-sizing:border-box;box-shadow:0 2px 8px 1px rgba(0,0,0,.1);border:1px solid #e5e5e5;border-radius:20px;color:#6d7278;font-size:12px;width:290px;height:258px;background:#fff;display:inline-flex;flex-direction:column;margin:10px 13px 10px 0;overflow:hidden;transition:all .3s ease;position:relative}.zone[data-v-2ae7c236]:hover{box-shadow:0 4px 12px 2px rgba(0,0,0,.15);transform:translateY(-2px)}.zone[data-v-2ae7c236]:nth-child(4n){margin-right:0}.zone [data-v-2ae7c236]{box-sizing:border-box}.thumbnail[data-v-2ae7c236]{position:relative;overflow:hidden;border-radius:8px 8px 0 0;cursor:pointer;width:100%;height:162px;background:#fafafa}.thumbnail2[data-v-2ae7c236]{background:linear-gradient(0deg,transparent,transparent),linear-gradient(130deg,#fef2f2 1%,#f0fdf4 98%)}.thumbnail-image[data-v-2ae7c236]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.group-image[data-v-2ae7c236]{width:100px;height:100px;border-radius:50%;display:block;margin:25px auto}.pin-tag[data-v-2ae7c236]{left:8px;background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;box-shadow:0 2px 6px rgba(255,107,53,.3)}.pin-tag[data-v-2ae7c236],.zone_tag[data-v-2ae7c236]{position:absolute;top:8px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;z-index:10}.zone_tag[data-v-2ae7c236]{right:8px}.type_open[data-v-2ae7c236]{background:linear-gradient(135deg,#2c974a,#34d058);box-shadow:0 2px 6px rgba(44,151,74,.3)}.type_member[data-v-2ae7c236]{background:linear-gradient(135deg,#fdc900,gold);box-shadow:0 2px 6px rgba(253,201,0,.3)}.zone .name[data-v-2ae7c236]{margin:10px 16px 8px;font-size:16px;color:#333;line-height:24px;font-weight:600;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.zone .counts[data-v-2ae7c236]{flex:1;margin:0 16px 12px;display:flex;align-items:center;justify-content:space-around}.count-item[data-v-2ae7c236]{display:flex;flex-direction:column;align-items:center;flex:1}.count-label[data-v-2ae7c236]{font-size:12px;color:#999;margin-bottom:6px}.count-value[data-v-2ae7c236]{display:flex;align-items:center;font-size:14px;color:#333;font-weight:600}.counts .npsitefont[data-v-2ae7c236]{font-size:16px;margin-right:4px}.zone_type[data-v-2ae7c236]{position:absolute;left:235px;top:12px;width:40px;height:24px;border-radius:9999px;font-size:12px;font-weight:500}.type_show[data-v-2ae7c236]{color:#fff;background:red}.type_member[data-v-2ae7c236]{color:#fff;background:#fdc900}.type_open[data-v-2ae7c236]{color:#fff;background:#22c55e}.type_top[data-v-2ae7c236]{color:#fff;background:#ff6b35;left:13px}.loading-container[data-v-2ae7c236]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.loading-spinner[data-v-2ae7c236]{position:relative;width:60px;height:60px}.spinner-ring[data-v-2ae7c236]{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:#409eff;border-radius:50%;-webkit-animation:spin-data-v-2ae7c236 1.5s cubic-bezier(.5,0,.5,1) infinite;animation:spin-data-v-2ae7c236 1.5s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring[data-v-2ae7c236]:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.spinner-ring[data-v-2ae7c236]:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s;border-top-color:#67c23a}.spinner-ring[data-v-2ae7c236]:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s;border-top-color:#e6a23c}@-webkit-keyframes spin-data-v-2ae7c236{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-data-v-2ae7c236{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text[data-v-2ae7c236]{margin-top:16px;color:#909399;font-size:14px}.empty-container[data-v-2ae7c236]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.empty-icon[data-v-2ae7c236]{font-size:64px;opacity:.6;-webkit-animation:float-data-v-2ae7c236 2s ease-in-out infinite;animation:float-data-v-2ae7c236 2s ease-in-out infinite}@-webkit-keyframes float-data-v-2ae7c236{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-data-v-2ae7c236{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-text[data-v-2ae7c236]{margin-top:16px;color:#909399;font-size:14px}.pagination-container[data-v-2ae7c236]{display:flex;justify-content:center;padding:30px 0}.pagination[data-v-2ae7c236]{display:flex;align-items:center;gap:8px}.pagination-btn[data-v-2ae7c236]{min-width:36px;height:36px;padding:0 12px;border:1px solid #dcdfe6;background:#fff;border-radius:6px;color:#606266;font-size:14px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.pagination-btn[data-v-2ae7c236]:hover:not(:disabled):not(.active):not(.ellipsis){color:#409eff;border-color:#409eff}.pagination-btn.active[data-v-2ae7c236]{background:#409eff;border-color:#409eff;color:#fff}.pagination-btn[data-v-2ae7c236]:disabled{color:#c0c4cc;cursor:not-allowed;background:#f5f7fa}.pagination-btn.ellipsis[data-v-2ae7c236]{border:none;background:transparent;cursor:default;padding:0 4px}.arrow-icon[data-v-2ae7c236]{font-weight:700;font-size:12px}.vip-image[data-v-2ae7c236]{width:36px;height:30px;position:absolute;top:94px;right:85px}.zones-base-new[data-v-77ff1732]{width:100%}.zones-header[data-v-77ff1732]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:20px;background:#fff;border-radius:8px;padding:10px}.filter-section[data-v-77ff1732]{display:flex;align-items:center;flex:1}.right-section[data-v-77ff1732]{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:6px 0}.search-input[data-v-77ff1732]{height:36px;padding:0 16px 0 40px;border:1px solid #dcdfe6;border-radius:18px;font-size:14px;color:#606266;background:#fff;min-width:90px;max-width:100px;outline:none;transition:all .3s}.search-icon[data-v-77ff1732]{position:absolute;left:14px;font-size:16px;color:#909399;z-index:1}.search-input[data-v-77ff1732]:focus{border-color:#409eff}.search-input[data-v-77ff1732]::-moz-placeholder{color:#c0c4cc}.search-input[data-v-77ff1732]:-ms-input-placeholder{color:#c0c4cc}.search-input[data-v-77ff1732]::placeholder{color:#c0c4cc}.result-count[data-v-77ff1732]{color:#666;font-size:14px;white-space:nowrap}.search-input-wrapper[data-v-77ff1732]{position:relative;display:flex;align-items:center}