{ const provinceElement = document.createElement('div'); provinceElement.className = 'province-item'; if (index === 0) { provinceElement.classList.add('active'); currentProvince = region; } provinceElement.innerHTML = ` ${region.province} ${region.count} `; provinceElement.addEventListener('click', function() { document.querySelectorAll('.province-item').forEach(item => { item.classList.remove('active'); }); this.classList.add('active'); currentProvince = region; showCities(region.cities); }); provinceList.appendChild(provinceElement); }); if (regionData.length > 0) { showCities(regionData[0].cities); } } // 显示城市列表 function showCities(cities, searchText = '') { const cityList = document.getElementById('cityList'); if (!cities || cities.length === 0) { cityList.innerHTML = ''; return; } let filteredCities = cities; if (searchText) { filteredCities = cities.filter(city => city.toLowerCase().includes(searchText.toLowerCase()) ); } if (filteredCities.length === 0) { cityList.innerHTML = ``; return; } cityList.innerHTML = filteredCities.map(city => { const isHighlight = searchText && city.toLowerCase().includes(searchText.toLowerCase()); return ``; }).join(''); } // 搜索功能 function initSearch() { const searchInput = document.getElementById('searchInput'); if (searchInput) { searchInput.addEventListener('input', function(e) { const searchText = e.target.value.toLowerCase().trim(); if (searchText === '') { // 恢复所有省份显示 document.querySelectorAll('.province-item').forEach(item => { item.style.display = 'flex'; }); // 显示当前选中省份的所有城市 if (currentProvince) { showCities(currentProvince.cities); } return; } // 搜索逻辑 let foundAnyMatch = false; let firstMatchedProvince = null; // 先检查所有省份 document.querySelectorAll('.province-item').forEach(item => { const provinceName = item.querySelector('span').textContent; const province = regionData.find(r => r.province === provinceName); const provinceMatch = provinceName.toLowerCase().includes(searchText); const hasMatchingCity = province.cities.some(city => city.toLowerCase().includes(searchText) ); if (provinceMatch || hasMatchingCity) { item.style.display = 'flex'; foundAnyMatch = true; if (!firstMatchedProvince && (provinceMatch || hasMatchingCity)) { firstMatchedProvince = province; } // 如果是省份匹配，自动选中 if (provinceMatch) { document.querySelectorAll('.province-item').forEach(i => i.classList.remove('active')); item.classList.add('active'); currentProvince = province; showCities(province.cities, searchText); } } else { item.style.display = 'none'; } }); // 处理城市匹配的情况 if (!foundAnyMatch) { document.getElementById('cityList').innerHTML = ``; } else if (firstMatchedProvince && !currentProvince.province.toLowerCase().includes(searchText)) { // 如果有城市匹配但当前省份不匹配，显示第一个匹配省份的城市 document.querySelectorAll('.province-item').forEach(item => { if (item.querySelector('span').textContent === firstMatchedProvince.province) { item.classList.add('active'); currentProvince = firstMatchedProvince; showCities(firstMatchedProvince.cities, searchText); } else { item.classList.remove('active'); } }); } }); } } // 打开图片模态框 function openImageModal(src) { document.getElementById('modal-image').src = src; document.getElementById('image-modal').style.display = 'flex'; document.body.style.overflow = 'hidden'; } // 关闭图片模态框 function closeImageModal() { document.getElementById('image-modal').style.display = 'none'; document.body.style.overflow = 'auto'; } // 初始化 function initAll() { // 初始化地区选择组件 initProvinceList(); initSearch(); // 初始化图片模态框 const imageModal = document.getElementById('image-modal'); if (imageModal) { // 点击模态框背景关闭 imageModal.addEventListener('click', function(e) { closeImageModal(); }); // ESC键关闭模态框 document.addEventListener('keydown', function(e) { if (e.key === 'Escape') { closeImageModal(); } }); // 阻止图片点击事件冒泡，防止点击图片时关闭模态框 const modalImage = document.getElementById('modal-image'); if (modalImage) { modalImage.addEventListener('click', function(e) { e.stopPropagation(); }); } } // 添加图片悬停效果 document.querySelectorAll('img[onclick]').forEach(img => { img.addEventListener('mouseenter', function() { this.style.transform = 'scale(1.02)'; }); img.addEventListener('mouseleave', function() { this.style.transform = 'scale(1)'; }); }); } // 页面加载完成后初始化 if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initAll); } else { initAll(); }

🚀 光子IP：以 “高性能协议 + 优质 IP 资源 + 安全保障” 为核心

光子 IP 是基于 SK5 协议研发的高性能代理服务，SK5 协议作为优化后的新一代代理协议，兼容传统 SOCKS5 核心功能，同时在传输效率、加密强度和抗干扰性上实现升级。光子依托大规模 IP 资源池与骨干网络节点，将 SK5 协议的技术优势充分落地，为用户提供低延迟、高匿名、强稳定的网络访问代理服务，适用于个人与企业级多场景需求。

🎯 核心功能

光子SK5覆盖国内200+城市地区静态IP节点和真实家庭住宅节点，支持电信 / 联通 / 移动多运营商线路切换，IP 资源定期清洗，剔除黑名单、被封禁节点，有效降低访问被拦截、账号受限的风险。

🌐 广泛兼容

光子 IP 完美支持 SOCKS5/HTTP/L2TP/PPTP协议，全场景兼容支持win7/10/11及虚拟机系统，老鱼加速器，有米加速器，SSTAP，万安等，项目独享使用，节点地区自由切换，超大带宽，稳定性高。

🎮 适用业务场景

• 短视频运营：抖音、小红书、西瓜、快手等业务

• 游戏工作室：手游、端游批量起号、挂机等项目

• 模拟器多开：雷电/逍遥/蓝叠/MuMu/夜神等

• 软路由设备：ROS软路由、爱快、OpenWrt等

• 电商批量运营：电商多账号运营安全管理

🎁 套餐和价格（量大请联系客服）

套餐	带宽	IP类型	价格（月卡）
A:旗舰200兆独享大宽带	50M-200M	云服务商+IDC机房	6.00元
B:特惠5-10兆	5M-10M	云服务商+IDC机房	3.00元
C:家庭大宽带（可刷视频）	10M-100M	真实家庭住宅	8.00元
D:真实住宅大宽带IP	10M-20M	真实家庭住宅	6.00元
G:安卓APP独享	10M-100M	云服务商+住宅线路	6.00元
E:L2TP/PPTP大宽带	20M-100M	云服务商+IDC机房	10.00元

🖼️️ 后台截图（点击图片可放大查看）

📋 合规与售后保障

光子IP平台建立实时后台日志监控系统，严禁将IP用于非法用途，违规账号将立即封禁且不予退款，确保服务合规性。提供7*24小时不间断IP供应与即时响应客服，用户可联系客服申请免费测试，满意后再付款，大幅降低决策风险。