2 lines
99 KiB
HTML
2 lines
99 KiB
HTML
<!DOCTYPE html><html lang="zh-CN"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/chunks/%5Broot-of-the-server%5D__28bc9c2a._.css" data-precedence="next_static/chunks/[root-of-the-server]__28bc9c2a._.css"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/%5Bturbopack%5D_browser_dev_hmr-client_hmr-client_ts_adefb640._.js"/><script src="/_next/static/chunks/f27f0_next_dist_compiled_react-dom_301ebe99._.js" async=""></script><script src="/_next/static/chunks/f27f0_next_dist_compiled_react-server-dom-turbopack_63ec5daa._.js" async=""></script><script src="/_next/static/chunks/f27f0_next_dist_compiled_next-devtools_index_6920a2ed.js" async=""></script><script src="/_next/static/chunks/f27f0_next_dist_compiled_daaf0094._.js" async=""></script><script src="/_next/static/chunks/f27f0_next_dist_client_76db91da._.js" async=""></script><script src="/_next/static/chunks/f27f0_next_dist_0e9c33c4._.js" async=""></script><script src="/_next/static/chunks/69652_%40swc_helpers_cjs_679851cc._.js" async=""></script><script src="/_next/static/chunks/_a0ff3932._.js" async=""></script><script src="/_next/static/chunks/turbopack-_191284fc._.js" async=""></script><script src="/_next/static/chunks/f27f0_next_dist_76f79757._.js" async=""></script><script src="/_next/static/chunks/app_favicon_ico_mjs_6e48d5fb._.js" async=""></script><script src="/_next/static/chunks/_d218dde8._.js" async=""></script><script src="/_next/static/chunks/app_layout_tsx_79775223._.js" async=""></script><script src="/_next/static/chunks/app_b74c40f4._.js" async=""></script><script src="/_next/static/chunks/app_page_tsx_60db780f._.js" async=""></script><script src="/_next/static/chunks/f27f0_next_dist_client_components_builtin_global-error_79775223.js" async=""></script><meta name="next-size-adjust" content=""/><title>游牧中国 - 数字游民的理想目的地</title><meta name="description" content="发现全球最适合远程工作和生活的城市，加入中国数字游民社区，探索远程办公新方式"/><link rel="icon" href="/favicon.ico?favicon.0b3bf435.ico" sizes="256x256" type="image/x-icon"/><script src="/_next/static/chunks/f27f0_next_dist_build_polyfills_polyfill-nomodule.js" noModule=""></script></head><body class="geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable antialiased"><div hidden=""><!--$--><!--/$--></div><nav class="sticky top-0 z-50 bg-white/80 backdrop-blur-lg border-b border-gray-100"><div class="max-w-[1400px] mx-auto px-4 sm:px-6 h-16 flex items-center justify-between"><a href="/" class="flex items-center gap-2 shrink-0"><span class="text-2xl">🌏</span><span class="text-lg font-bold text-gray-900 tracking-tight">游牧中国</span></a><div class="hidden md:flex items-center gap-1"><a href="#cities" class="flex items-center gap-1.5 px-4 py-2 rounded-full text-sm font-medium transition-colors text-gray-900 bg-gray-100"><span>🏙️</span><span>城市</span></a><a href="#trips" class="flex items-center gap-1.5 px-4 py-2 rounded-full text-sm font-medium transition-colors text-gray-500 hover:text-gray-900 hover:bg-gray-50"><span>✈️</span><span>旅行</span></a><a href="#community" class="flex items-center gap-1.5 px-4 py-2 rounded-full text-sm font-medium transition-colors text-gray-500 hover:text-gray-900 hover:bg-gray-50"><span>💬</span><span>社区</span></a><a href="#explore" class="flex items-center gap-1.5 px-4 py-2 rounded-full text-sm font-medium transition-colors text-gray-500 hover:text-gray-900 hover:bg-gray-50"><span>🎒</span><span>探索</span></a></div><div class="flex items-center gap-2 sm:gap-3"><button class="hidden sm:block text-sm text-gray-600 hover:text-gray-900 px-3 py-2 rounded-full hover:bg-gray-50 transition-colors">登录</button><button class="text-sm bg-gray-900 text-white px-4 py-2 rounded-full hover:bg-gray-800 transition-colors font-medium">加入我们 →</button><button class="md:hidden ml-1 p-2 rounded-lg hover:bg-gray-100"><svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M4 6h16M4 12h16M4 18h16"></path></svg></button></div></div></nav><div class="min-h-screen bg-white"><section class="relative overflow-hidden"><div class="absolute inset-0 bg-gradient-to-b from-orange-50/60 via-white to-white"></div><div class="absolute top-0 right-0 w-96 h-96 opacity-20" style="background:radial-gradient(circle, #f97316 0%, transparent 70%)"></div><div class="absolute bottom-0 left-0 w-64 h-64 opacity-15" style="background:radial-gradient(circle, #8b5cf6 0%, transparent 70%)"></div><div class="relative max-w-[1400px] mx-auto px-4 sm:px-6 py-12 sm:py-16"><div class="flex items-center gap-2 mb-6"><span class="inline-flex items-center gap-1.5 text-xs font-semibold text-orange-700 bg-orange-100 px-3 py-1.5 rounded-full">🏆 中国数字游民社区 · 始于 2024</span></div><h1 class="text-4xl sm:text-5xl lg:text-6xl font-bold tracking-tight leading-tight mb-6"><span class="hero-gradient-text">探索世界</span><br/><span class="text-gray-900">远程工作，自由生活</span></h1><p class="text-lg sm:text-xl text-gray-500 max-w-2xl mb-8 leading-relaxed">加入全球华人数字游民社区，发现最适合远程工作和生活的城市， 与志同道合的人一起开启自由职业新旅程</p><div class="space-y-3 mb-8"><div class="flex items-start gap-3"><span class="text-lg shrink-0 mt-0.5">🍹</span><span class="text-sm sm:text-base text-gray-600">每年举办 200+ 场线下聚会，覆盖全球 80+ 城市</span></div><div class="flex items-start gap-3"><span class="text-lg shrink-0 mt-0.5">❤️</span><span class="text-sm sm:text-base text-gray-600">结识志同道合的远程工作者，拓展你的社交圈</span></div><div class="flex items-start gap-3"><span class="text-lg shrink-0 mt-0.5">🧪</span><span class="text-sm sm:text-base text-gray-600">研究全球目的地数据，找到最适合你生活与工作的城市</span></div><div class="flex items-start gap-3"><span class="text-lg shrink-0 mt-0.5">🌎</span><span class="text-sm sm:text-base text-gray-600">记录你的旅行轨迹，查看社区成员的实时动态</span></div><div class="flex items-start gap-3"><span class="text-lg shrink-0 mt-0.5">💬</span><span class="text-sm sm:text-base text-gray-600">加入游牧社区聊天群，在路上找到你的归属感</span></div></div><div class="flex flex-col sm:flex-row items-start sm:items-center gap-6 mb-10"><button class="bg-gray-900 text-white px-8 py-3.5 rounded-full text-base font-semibold hover:bg-gray-800 transition-all hover:shadow-lg hover:shadow-gray-900/20 active:scale-95">加入游牧中国 →</button><div class="flex items-center gap-3"><div class="flex -space-x-2.5"><div class="w-8 h-8 rounded-full border-2 border-white flex items-center justify-center text-xs text-white font-medium shadow-sm" style="background-color:#f43f5e">张</div><div class="w-8 h-8 rounded-full border-2 border-white flex items-center justify-center text-xs text-white font-medium shadow-sm" style="background-color:#8b5cf6">李</div><div class="w-8 h-8 rounded-full border-2 border-white flex items-center justify-center text-xs text-white font-medium shadow-sm" style="background-color:#3b82f6">王</div><div class="w-8 h-8 rounded-full border-2 border-white flex items-center justify-center text-xs text-white font-medium shadow-sm" style="background-color:#10b981">刘</div><div class="w-8 h-8 rounded-full border-2 border-white flex items-center justify-center text-xs text-white font-medium shadow-sm" style="background-color:#f59e0b">陈</div><div class="w-8 h-8 rounded-full border-2 border-white flex items-center justify-center text-xs text-white font-medium shadow-sm" style="background-color:#ec4899">杨</div><div class="w-8 h-8 rounded-full border-2 border-white flex items-center justify-center text-xs text-white font-medium shadow-sm" style="background-color:#06b6d4">赵</div><div class="w-8 h-8 rounded-full border-2 border-white flex items-center justify-center text-xs text-white font-medium shadow-sm" style="background-color:#ef4444">黄</div></div><span class="text-sm text-gray-500"><strong class="text-gray-900">2,860+</strong> 成员已加入</span></div></div><div class="pt-8 border-t border-gray-100"><p class="text-xs text-gray-400 uppercase tracking-wider mb-4">媒体报道</p><div class="flex flex-wrap items-center gap-x-8 gap-y-3"><span class="text-sm font-semibold text-gray-300 hover:text-gray-400 transition-colors cursor-default">36氪</span><span class="text-sm font-semibold text-gray-300 hover:text-gray-400 transition-colors cursor-default">少数派</span><span class="text-sm font-semibold text-gray-300 hover:text-gray-400 transition-colors cursor-default">极客公园</span><span class="text-sm font-semibold text-gray-300 hover:text-gray-400 transition-colors cursor-default">虎嗅</span><span class="text-sm font-semibold text-gray-300 hover:text-gray-400 transition-colors cursor-default">创业邦</span><span class="text-sm font-semibold text-gray-300 hover:text-gray-400 transition-colors cursor-default">澎湃新闻</span></div></div></div></section><div class="max-w-[1400px] mx-auto px-4 sm:px-6 pb-16"><div class="flex gap-8"><div class="flex-1 min-w-0"><div class="mb-6" id="cities"><div class="flex items-center justify-between mb-4"><div class="flex items-center gap-2"><h2 class="text-lg font-bold text-gray-900">发现目的地</h2><span class="text-sm text-gray-400">18<!-- --> 个城市</span></div><div class="flex items-center gap-2"><span class="text-xs text-gray-400 hidden sm:block">排序:</span><select class="text-sm bg-white border border-gray-200 rounded-lg px-3 py-1.5 text-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-200 cursor-pointer"><option value="score" selected="">综合评分</option><option value="cost-asc">费用最低</option><option value="cost-desc">费用最高</option><option value="internet">网速最快</option><option value="safety">最安全</option><option value="nomads">游民最多</option><option value="temperature">最温暖</option></select></div></div><div class="flex gap-2 overflow-x-auto hide-scrollbar pb-2"><button class="filter-btn shrink-0 flex items-center gap-1 px-3 py-1.5 rounded-full text-sm font-medium border transition-all active border-gray-900"><span class="text-xs">🌍</span><span>全部</span></button><button class="filter-btn shrink-0 flex items-center gap-1 px-3 py-1.5 rounded-full text-sm font-medium border transition-all border-gray-200 text-gray-600 hover:border-gray-300"><span class="text-xs">🔥</span><span>热门</span></button><button class="filter-btn shrink-0 flex items-center gap-1 px-3 py-1.5 rounded-full text-sm font-medium border transition-all border-gray-200 text-gray-600 hover:border-gray-300"><span class="text-xs">💰</span><span>便宜</span></button><button class="filter-btn shrink-0 flex items-center gap-1 px-3 py-1.5 rounded-full text-sm font-medium border transition-all border-gray-200 text-gray-600 hover:border-gray-300"><span class="text-xs">📡</span><span>高速网络</span></button><button class="filter-btn shrink-0 flex items-center gap-1 px-3 py-1.5 rounded-full text-sm font-medium border transition-all border-gray-200 text-gray-600 hover:border-gray-300"><span class="text-xs">☀️</span><span>温暖</span></button><button class="filter-btn shrink-0 flex items-center gap-1 px-3 py-1.5 rounded-full text-sm font-medium border transition-all border-gray-200 text-gray-600 hover:border-gray-300"><span class="text-xs">🛡️</span><span>安全</span></button><button class="filter-btn shrink-0 flex items-center gap-1 px-3 py-1.5 rounded-full text-sm font-medium border transition-all border-gray-200 text-gray-600 hover:border-gray-300"><span class="text-xs">🏖️</span><span>海滨</span></button><button class="filter-btn shrink-0 flex items-center gap-1 px-3 py-1.5 rounded-full text-sm font-medium border transition-all border-gray-200 text-gray-600 hover:border-gray-300"><span class="text-xs">🏔️</span><span>山城</span></button><button class="filter-btn shrink-0 flex items-center gap-1 px-3 py-1.5 rounded-full text-sm font-medium border transition-all border-gray-200 text-gray-600 hover:border-gray-300"><span class="text-xs">🌆</span><span>都市</span></button><button class="filter-btn shrink-0 flex items-center gap-1 px-3 py-1.5 rounded-full text-sm font-medium border transition-all border-gray-200 text-gray-600 hover:border-gray-300"><span class="text-xs">🍜</span><span>美食</span></button><button class="filter-btn shrink-0 flex items-center gap-1 px-3 py-1.5 rounded-full text-sm font-medium border transition-all border-gray-200 text-gray-600 hover:border-gray-300"><span class="text-xs">🎨</span><span>文化</span></button><button class="filter-btn shrink-0 flex items-center gap-1 px-3 py-1.5 rounded-full text-sm font-medium border transition-all border-gray-200 text-gray-600 hover:border-gray-300"><span class="text-xs">🌴</span><span>东南亚</span></button><button class="filter-btn shrink-0 flex items-center gap-1 px-3 py-1.5 rounded-full text-sm font-medium border transition-all border-gray-200 text-gray-600 hover:border-gray-300"><span class="text-xs">⛩️</span><span>东亚</span></button><button class="filter-btn shrink-0 flex items-center gap-1 px-3 py-1.5 rounded-full text-sm font-medium border transition-all border-gray-200 text-gray-600 hover:border-gray-300"><span class="text-xs">🇪🇺</span><span>欧洲</span></button><button class="filter-btn shrink-0 flex items-center gap-1 px-3 py-1.5 rounded-full text-sm font-medium border transition-all border-gray-200 text-gray-600 hover:border-gray-300"><span class="text-xs">💃</span><span>拉丁美洲</span></button><button class="filter-btn shrink-0 flex items-center gap-1 px-3 py-1.5 rounded-full text-sm font-medium border transition-all border-gray-200 text-gray-600 hover:border-gray-300"><span class="text-xs">🤝</span><span>友好社区</span></button><button class="filter-btn shrink-0 flex items-center gap-1 px-3 py-1.5 rounded-full text-sm font-medium border transition-all border-gray-200 text-gray-600 hover:border-gray-300"><span class="text-xs">🏄</span><span>户外运动</span></button></div></div><div class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-5"><div class="city-card card-enter rounded-2xl overflow-hidden bg-white shadow-sm border border-gray-100 cursor-pointer"><div class="relative h-44 p-4 flex flex-col justify-between overflow-hidden" style="background:linear-gradient(135deg, #f59e0b, #ea580c)"><span class="absolute -bottom-3 -right-3 text-8xl opacity-15 select-none pointer-events-none">🏯</span><div class="flex items-center justify-between relative z-10"><span class="text-xs bg-white/20 backdrop-blur-sm rounded-full px-2.5 py-1 text-white font-medium">🇹🇭<!-- --> <!-- -->泰国</span><span class="text-[11px] bg-white/20 backdrop-blur-sm rounded-full px-2 py-1 text-white">👥 <!-- -->1,250<!-- --> 人在此</span></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white drop-shadow-sm">清迈</h3><p class="text-sm text-white/80 mt-1 line-clamp-1">数字游民圣地，生活成本低，美食丰富</p></div></div><div class="px-4 pt-3 pb-2"><div class="grid grid-cols-5 gap-1 text-center"><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">⭐ 综合</span><span class="text-xs font-bold leading-none text-emerald-600">4.6</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">💵 费用</span><span class="text-xs font-bold leading-none text-emerald-600">极低</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">📡 网速</span><span class="text-xs font-bold leading-none text-yellow-600">45M</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👍 好评</span><span class="text-xs font-bold leading-none text-emerald-600">极好</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👮 安全</span><span class="text-xs font-bold leading-none text-green-600">很好</span></div></div></div><div class="px-4 pb-3 pt-1 border-t border-gray-50"><div class="flex items-center justify-between text-sm mb-2"><span class="text-gray-500">☀️<!-- --> 体感 <!-- -->32<!-- -->°C</span><span class="font-semibold text-gray-700">¥<!-- -->4,500<!-- -->/月</span></div><div class="flex flex-wrap gap-1"><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">热门</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">便宜</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">美食</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">温暖</span></div></div></div><div class="city-card card-enter rounded-2xl overflow-hidden bg-white shadow-sm border border-gray-100 cursor-pointer"><div class="relative h-44 p-4 flex flex-col justify-between overflow-hidden" style="background:linear-gradient(135deg, #f97316, #f43f5e)"><span class="absolute -bottom-3 -right-3 text-8xl opacity-15 select-none pointer-events-none">⛵</span><div class="flex items-center justify-between relative z-10"><span class="text-xs bg-white/20 backdrop-blur-sm rounded-full px-2.5 py-1 text-white font-medium">🇵🇹<!-- --> <!-- -->葡萄牙</span><span class="text-[11px] bg-white/20 backdrop-blur-sm rounded-full px-2 py-1 text-white">👥 <!-- -->3,200<!-- --> 人在此</span></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white drop-shadow-sm">里斯本</h3><p class="text-sm text-white/80 mt-1 line-clamp-1">欧洲游民中心，阳光充足，文化底蕴深厚</p></div></div><div class="px-4 pt-3 pb-2"><div class="grid grid-cols-5 gap-1 text-center"><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">⭐ 综合</span><span class="text-xs font-bold leading-none text-emerald-600">4.5</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">💵 费用</span><span class="text-xs font-bold leading-none text-red-500">昂贵</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">📡 网速</span><span class="text-xs font-bold leading-none text-green-600">85M</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👍 好评</span><span class="text-xs font-bold leading-none text-emerald-600">极好</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👮 安全</span><span class="text-xs font-bold leading-none text-green-600">很好</span></div></div></div><div class="px-4 pb-3 pt-1 border-t border-gray-50"><div class="flex items-center justify-between text-sm mb-2"><span class="text-gray-500">🌥<!-- --> 体感 <!-- -->18<!-- -->°C</span><span class="font-semibold text-gray-700">¥<!-- -->12,500<!-- -->/月</span></div><div class="flex flex-wrap gap-1"><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">热门</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">欧洲</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">文化</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">安全</span></div></div></div><div class="city-card card-enter rounded-2xl overflow-hidden bg-white shadow-sm border border-gray-100 cursor-pointer"><div class="relative h-44 p-4 flex flex-col justify-between overflow-hidden" style="background:linear-gradient(135deg, #10b981, #0d9488)"><span class="absolute -bottom-3 -right-3 text-8xl opacity-15 select-none pointer-events-none">🌴</span><div class="flex items-center justify-between relative z-10"><span class="text-xs bg-white/20 backdrop-blur-sm rounded-full px-2.5 py-1 text-white font-medium">🇮🇩<!-- --> <!-- -->印度尼西亚</span><span class="text-[11px] bg-white/20 backdrop-blur-sm rounded-full px-2 py-1 text-white">👥 <!-- -->2,100<!-- --> 人在此</span></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white drop-shadow-sm">巴厘岛</h3><p class="text-sm text-white/80 mt-1 line-clamp-1">热带天堂，冲浪胜地，共享办公文化浓厚</p></div></div><div class="px-4 pt-3 pb-2"><div class="grid grid-cols-5 gap-1 text-center"><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">⭐ 综合</span><span class="text-xs font-bold leading-none text-green-600">4.4</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">💵 费用</span><span class="text-xs font-bold leading-none text-yellow-600">适中</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">📡 网速</span><span class="text-xs font-bold leading-none text-orange-600">25M</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👍 好评</span><span class="text-xs font-bold leading-none text-emerald-600">极好</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👮 安全</span><span class="text-xs font-bold leading-none text-yellow-600">好</span></div></div></div><div class="px-4 pb-3 pt-1 border-t border-gray-50"><div class="flex items-center justify-between text-sm mb-2"><span class="text-gray-500">☀️<!-- --> 体感 <!-- -->30<!-- -->°C</span><span class="font-semibold text-gray-700">¥<!-- -->6,200<!-- -->/月</span></div><div class="flex flex-wrap gap-1"><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">热门</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">海滨</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">温暖</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">东南亚</span></div></div></div><div class="city-card card-enter rounded-2xl overflow-hidden bg-white shadow-sm border border-gray-100 cursor-pointer"><div class="relative h-44 p-4 flex flex-col justify-between overflow-hidden" style="background:linear-gradient(135deg, #ec4899, #ef4444)"><span class="absolute -bottom-3 -right-3 text-8xl opacity-15 select-none pointer-events-none">🗼</span><div class="flex items-center justify-between relative z-10"><span class="text-xs bg-white/20 backdrop-blur-sm rounded-full px-2.5 py-1 text-white font-medium">🇯🇵<!-- --> <!-- -->日本</span><span class="text-[11px] bg-white/20 backdrop-blur-sm rounded-full px-2 py-1 text-white">👥 <!-- -->950<!-- --> 人在此</span></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white drop-shadow-sm">东京</h3><p class="text-sm text-white/80 mt-1 line-clamp-1">科技之都，安全便捷，传统与现代完美融合</p></div></div><div class="px-4 pt-3 pb-2"><div class="grid grid-cols-5 gap-1 text-center"><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">⭐ 综合</span><span class="text-xs font-bold leading-none text-green-600">4.4</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">💵 费用</span><span class="text-xs font-bold leading-none text-red-500">昂贵</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">📡 网速</span><span class="text-xs font-bold leading-none text-emerald-600">120M</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👍 好评</span><span class="text-xs font-bold leading-none text-emerald-600">极好</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👮 安全</span><span class="text-xs font-bold leading-none text-emerald-600">极好</span></div></div></div><div class="px-4 pb-3 pt-1 border-t border-gray-50"><div class="flex items-center justify-between text-sm mb-2"><span class="text-gray-500">🌥<!-- --> 体感 <!-- -->15<!-- -->°C</span><span class="font-semibold text-gray-700">¥<!-- -->15,000<!-- -->/月</span></div><div class="flex flex-wrap gap-1"><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">安全</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">高速网络</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">都市</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">东亚</span></div></div></div><div class="city-card card-enter rounded-2xl overflow-hidden bg-white shadow-sm border border-gray-100 cursor-pointer"><div class="relative h-44 p-4 flex flex-col justify-between overflow-hidden" style="background:linear-gradient(135deg, #eab308, #f59e0b)"><span class="absolute -bottom-3 -right-3 text-8xl opacity-15 select-none pointer-events-none">🛕</span><div class="flex items-center justify-between relative z-10"><span class="text-xs bg-white/20 backdrop-blur-sm rounded-full px-2.5 py-1 text-white font-medium">🇹🇭<!-- --> <!-- -->泰国</span><span class="text-[11px] bg-white/20 backdrop-blur-sm rounded-full px-2 py-1 text-white">👥 <!-- -->1,800<!-- --> 人在此</span></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white drop-shadow-sm">曼谷</h3><p class="text-sm text-white/80 mt-1 line-clamp-1">国际化都市，交通便利，街头美食天堂</p></div></div><div class="px-4 pt-3 pb-2"><div class="grid grid-cols-5 gap-1 text-center"><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">⭐ 综合</span><span class="text-xs font-bold leading-none text-green-600">4.3</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">💵 费用</span><span class="text-xs font-bold leading-none text-green-600">便宜</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">📡 网速</span><span class="text-xs font-bold leading-none text-green-600">68M</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👍 好评</span><span class="text-xs font-bold leading-none text-green-600">很好</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👮 安全</span><span class="text-xs font-bold leading-none text-yellow-600">好</span></div></div></div><div class="px-4 pb-3 pt-1 border-t border-gray-50"><div class="flex items-center justify-between text-sm mb-2"><span class="text-gray-500">☀️<!-- --> 体感 <!-- -->35<!-- -->°C</span><span class="font-semibold text-gray-700">¥<!-- -->5,800<!-- -->/月</span></div><div class="flex flex-wrap gap-1"><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">热门</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">都市</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">美食</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">温暖</span></div></div></div><div class="city-card card-enter rounded-2xl overflow-hidden bg-white shadow-sm border border-gray-100 cursor-pointer"><div class="relative h-44 p-4 flex flex-col justify-between overflow-hidden" style="background:linear-gradient(135deg, #f43f5e, #ec4899)"><span class="absolute -bottom-3 -right-3 text-8xl opacity-15 select-none pointer-events-none">🌮</span><div class="flex items-center justify-between relative z-10"><span class="text-xs bg-white/20 backdrop-blur-sm rounded-full px-2.5 py-1 text-white font-medium">🇲🇽<!-- --> <!-- -->墨西哥</span><span class="text-[11px] bg-white/20 backdrop-blur-sm rounded-full px-2 py-1 text-white">👥 <!-- -->2,800<!-- --> 人在此</span></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white drop-shadow-sm">墨西哥城</h3><p class="text-sm text-white/80 mt-1 line-clamp-1">拉美文化中心，艺术之都，美食丰富多样</p></div></div><div class="px-4 pt-3 pb-2"><div class="grid grid-cols-5 gap-1 text-center"><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">⭐ 综合</span><span class="text-xs font-bold leading-none text-green-600">4.3</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">💵 费用</span><span class="text-xs font-bold leading-none text-yellow-600">适中</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">📡 网速</span><span class="text-xs font-bold leading-none text-yellow-600">42M</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👍 好评</span><span class="text-xs font-bold leading-none text-green-600">很好</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👮 安全</span><span class="text-xs font-bold leading-none text-orange-600">一般</span></div></div></div><div class="px-4 pb-3 pt-1 border-t border-gray-50"><div class="flex items-center justify-between text-sm mb-2"><span class="text-gray-500">🌤<!-- --> 体感 <!-- -->22<!-- -->°C</span><span class="font-semibold text-gray-700">¥<!-- -->7,200<!-- -->/月</span></div><div class="flex flex-wrap gap-1"><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">热门</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">拉丁美洲</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">美食</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">文化</span></div></div></div><div class="city-card card-enter rounded-2xl overflow-hidden bg-white shadow-sm border border-gray-100 cursor-pointer"><div class="relative h-44 p-4 flex flex-col justify-between overflow-hidden" style="background:linear-gradient(135deg, #0ea5e9, #3b82f6)"><span class="absolute -bottom-3 -right-3 text-8xl opacity-15 select-none pointer-events-none">⛪</span><div class="flex items-center justify-between relative z-10"><span class="text-xs bg-white/20 backdrop-blur-sm rounded-full px-2.5 py-1 text-white font-medium">🇪🇸<!-- --> <!-- -->西班牙</span><span class="text-[11px] bg-white/20 backdrop-blur-sm rounded-full px-2 py-1 text-white">👥 <!-- -->2,500<!-- --> 人在此</span></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white drop-shadow-sm">巴塞罗那</h3><p class="text-sm text-white/80 mt-1 line-clamp-1">地中海明珠，建筑艺术之都，生活品质极高</p></div></div><div class="px-4 pt-3 pb-2"><div class="grid grid-cols-5 gap-1 text-center"><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">⭐ 综合</span><span class="text-xs font-bold leading-none text-green-600">4.3</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">💵 费用</span><span class="text-xs font-bold leading-none text-red-500">昂贵</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">📡 网速</span><span class="text-xs font-bold leading-none text-green-600">92M</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👍 好评</span><span class="text-xs font-bold leading-none text-emerald-600">极好</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👮 安全</span><span class="text-xs font-bold leading-none text-yellow-600">好</span></div></div></div><div class="px-4 pb-3 pt-1 border-t border-gray-50"><div class="flex items-center justify-between text-sm mb-2"><span class="text-gray-500">🌥<!-- --> 体感 <!-- -->16<!-- -->°C</span><span class="font-semibold text-gray-700">¥<!-- -->14,000<!-- -->/月</span></div><div class="flex flex-wrap gap-1"><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">热门</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">欧洲</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">海滨</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">文化</span></div></div></div><div class="city-card card-enter rounded-2xl overflow-hidden bg-white shadow-sm border border-gray-100 cursor-pointer"><div class="relative h-44 p-4 flex flex-col justify-between overflow-hidden" style="background:linear-gradient(135deg, #0d9488, #22c55e)"><span class="absolute -bottom-3 -right-3 text-8xl opacity-15 select-none pointer-events-none">🏯</span><div class="flex items-center justify-between relative z-10"><span class="text-xs bg-white/20 backdrop-blur-sm rounded-full px-2.5 py-1 text-white font-medium">🇨🇳<!-- --> <!-- -->中国台湾</span><span class="text-[11px] bg-white/20 backdrop-blur-sm rounded-full px-2 py-1 text-white">👥 <!-- -->520<!-- --> 人在此</span></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white drop-shadow-sm">台北</h3><p class="text-sm text-white/80 mt-1 line-clamp-1">美食天堂，友善宜居，中文无障碍沟通</p></div></div><div class="px-4 pt-3 pb-2"><div class="grid grid-cols-5 gap-1 text-center"><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">⭐ 综合</span><span class="text-xs font-bold leading-none text-green-600">4.3</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">💵 费用</span><span class="text-xs font-bold leading-none text-yellow-600">适中</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">📡 网速</span><span class="text-xs font-bold leading-none text-green-600">95M</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👍 好评</span><span class="text-xs font-bold leading-none text-emerald-600">极好</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👮 安全</span><span class="text-xs font-bold leading-none text-emerald-600">极好</span></div></div></div><div class="px-4 pb-3 pt-1 border-t border-gray-50"><div class="flex items-center justify-between text-sm mb-2"><span class="text-gray-500">🌤<!-- --> 体感 <!-- -->22<!-- -->°C</span><span class="font-semibold text-gray-700">¥<!-- -->8,000<!-- -->/月</span></div><div class="flex flex-wrap gap-1"><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">安全</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">高速网络</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">美食</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">东亚</span></div></div></div><div class="city-card card-enter rounded-2xl overflow-hidden bg-white shadow-sm border border-gray-100 cursor-pointer"><div class="relative h-44 p-4 flex flex-col justify-between overflow-hidden" style="background:linear-gradient(135deg, #64748b, #3b82f6)"><span class="absolute -bottom-3 -right-3 text-8xl opacity-15 select-none pointer-events-none">🏰</span><div class="flex items-center justify-between relative z-10"><span class="text-xs bg-white/20 backdrop-blur-sm rounded-full px-2.5 py-1 text-white font-medium">🇭🇺<!-- --> <!-- -->匈牙利</span><span class="text-[11px] bg-white/20 backdrop-blur-sm rounded-full px-2 py-1 text-white">👥 <!-- -->1,500<!-- --> 人在此</span></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white drop-shadow-sm">布达佩斯</h3><p class="text-sm text-white/80 mt-1 line-clamp-1">多瑙河明珠，温泉之都，性价比极高的欧洲城市</p></div></div><div class="px-4 pt-3 pb-2"><div class="grid grid-cols-5 gap-1 text-center"><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">⭐ 综合</span><span class="text-xs font-bold leading-none text-green-600">4.2</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">💵 费用</span><span class="text-xs font-bold leading-none text-yellow-600">适中</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">📡 网速</span><span class="text-xs font-bold leading-none text-green-600">90M</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👍 好评</span><span class="text-xs font-bold leading-none text-green-600">很好</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👮 安全</span><span class="text-xs font-bold leading-none text-green-600">很好</span></div></div></div><div class="px-4 pb-3 pt-1 border-t border-gray-50"><div class="flex items-center justify-between text-sm mb-2"><span class="text-gray-500">🌥<!-- --> 体感 <!-- -->12<!-- -->°C</span><span class="font-semibold text-gray-700">¥<!-- -->8,500<!-- -->/月</span></div><div class="flex flex-wrap gap-1"><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">便宜</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">欧洲</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">文化</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">高速网络</span></div></div></div><div class="city-card card-enter rounded-2xl overflow-hidden bg-white shadow-sm border border-gray-100 cursor-pointer"><div class="relative h-44 p-4 flex flex-col justify-between overflow-hidden" style="background:linear-gradient(135deg, #06b6d4, #3b82f6)"><span class="absolute -bottom-3 -right-3 text-8xl opacity-15 select-none pointer-events-none">🎎</span><div class="flex items-center justify-between relative z-10"><span class="text-xs bg-white/20 backdrop-blur-sm rounded-full px-2.5 py-1 text-white font-medium">🇰🇷<!-- --> <!-- -->韩国</span><span class="text-[11px] bg-white/20 backdrop-blur-sm rounded-full px-2 py-1 text-white">👥 <!-- -->720<!-- --> 人在此</span></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white drop-shadow-sm">首尔</h3><p class="text-sm text-white/80 mt-1 line-clamp-1">全球网速最快城市之一，K文化魅力无穷</p></div></div><div class="px-4 pt-3 pb-2"><div class="grid grid-cols-5 gap-1 text-center"><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">⭐ 综合</span><span class="text-xs font-bold leading-none text-green-600">4.2</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">💵 费用</span><span class="text-xs font-bold leading-none text-orange-600">偏贵</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">📡 网速</span><span class="text-xs font-bold leading-none text-emerald-600">150M</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👍 好评</span><span class="text-xs font-bold leading-none text-green-600">很好</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👮 安全</span><span class="text-xs font-bold leading-none text-green-600">很好</span></div></div></div><div class="px-4 pb-3 pt-1 border-t border-gray-50"><div class="flex items-center justify-between text-sm mb-2"><span class="text-gray-500">🌥<!-- --> 体感 <!-- -->10<!-- -->°C</span><span class="font-semibold text-gray-700">¥<!-- -->11,000<!-- -->/月</span></div><div class="flex flex-wrap gap-1"><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">高速网络</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">安全</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">都市</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">东亚</span></div></div></div><div class="city-card card-enter rounded-2xl overflow-hidden bg-white shadow-sm border border-gray-100 cursor-pointer"><div class="relative h-44 p-4 flex flex-col justify-between overflow-hidden" style="background:linear-gradient(135deg, #3b82f6, #4f46e5)"><span class="absolute -bottom-3 -right-3 text-8xl opacity-15 select-none pointer-events-none">🏔️</span><div class="flex items-center justify-between relative z-10"><span class="text-xs bg-white/20 backdrop-blur-sm rounded-full px-2.5 py-1 text-white font-medium">🇨🇳<!-- --> <!-- -->中国</span><span class="text-[11px] bg-white/20 backdrop-blur-sm rounded-full px-2 py-1 text-white">👥 <!-- -->320<!-- --> 人在此</span></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white drop-shadow-sm">大理</h3><p class="text-sm text-white/80 mt-1 line-clamp-1">苍山洱海，文艺气息浓厚的慢生活之城</p></div></div><div class="px-4 pt-3 pb-2"><div class="grid grid-cols-5 gap-1 text-center"><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">⭐ 综合</span><span class="text-xs font-bold leading-none text-green-600">4.1</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">💵 费用</span><span class="text-xs font-bold leading-none text-emerald-600">极低</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">📡 网速</span><span class="text-xs font-bold leading-none text-green-600">55M</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👍 好评</span><span class="text-xs font-bold leading-none text-green-600">很好</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👮 安全</span><span class="text-xs font-bold leading-none text-green-600">很好</span></div></div></div><div class="px-4 pb-3 pt-1 border-t border-gray-50"><div class="flex items-center justify-between text-sm mb-2"><span class="text-gray-500">🌤<!-- --> 体感 <!-- -->20<!-- -->°C</span><span class="font-semibold text-gray-700">¥<!-- -->3,500<!-- -->/月</span></div><div class="flex flex-wrap gap-1"><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">便宜</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">山城</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">文化</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">东亚</span></div></div></div><div class="city-card card-enter rounded-2xl overflow-hidden bg-white shadow-sm border border-gray-100 cursor-pointer"><div class="relative h-44 p-4 flex flex-col justify-between overflow-hidden" style="background:linear-gradient(135deg, #84cc16, #22c55e)"><span class="absolute -bottom-3 -right-3 text-8xl opacity-15 select-none pointer-events-none">🌺</span><div class="flex items-center justify-between relative z-10"><span class="text-xs bg-white/20 backdrop-blur-sm rounded-full px-2.5 py-1 text-white font-medium">🇨🇴<!-- --> <!-- -->哥伦比亚</span><span class="text-[11px] bg-white/20 backdrop-blur-sm rounded-full px-2 py-1 text-white">👥 <!-- -->1,600<!-- --> 人在此</span></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white drop-shadow-sm">梅德林</h3><p class="text-sm text-white/80 mt-1 line-clamp-1">常春之城，气候宜人，拉美游民社区活跃</p></div></div><div class="px-4 pt-3 pb-2"><div class="grid grid-cols-5 gap-1 text-center"><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">⭐ 综合</span><span class="text-xs font-bold leading-none text-green-600">4.1</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">💵 费用</span><span class="text-xs font-bold leading-none text-green-600">便宜</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">📡 网速</span><span class="text-xs font-bold leading-none text-yellow-600">38M</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👍 好评</span><span class="text-xs font-bold leading-none text-green-600">很好</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👮 安全</span><span class="text-xs font-bold leading-none text-orange-600">一般</span></div></div></div><div class="px-4 pb-3 pt-1 border-t border-gray-50"><div class="flex items-center justify-between text-sm mb-2"><span class="text-gray-500">🌤<!-- --> 体感 <!-- -->24<!-- -->°C</span><span class="font-semibold text-gray-700">¥<!-- -->5,500<!-- -->/月</span></div><div class="flex flex-wrap gap-1"><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">便宜</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">温暖</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">拉丁美洲</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">友好社区</span></div></div></div><div class="city-card card-enter rounded-2xl overflow-hidden bg-white shadow-sm border border-gray-100 cursor-pointer"><div class="relative h-44 p-4 flex flex-col justify-between overflow-hidden" style="background:linear-gradient(135deg, #6b7280, #475569)"><span class="absolute -bottom-3 -right-3 text-8xl opacity-15 select-none pointer-events-none">🏛️</span><div class="flex items-center justify-between relative z-10"><span class="text-xs bg-white/20 backdrop-blur-sm rounded-full px-2.5 py-1 text-white font-medium">🇩🇪<!-- --> <!-- -->德国</span><span class="text-[11px] bg-white/20 backdrop-blur-sm rounded-full px-2 py-1 text-white">👥 <!-- -->1,900<!-- --> 人在此</span></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white drop-shadow-sm">柏林</h3><p class="text-sm text-white/80 mt-1 line-clamp-1">欧洲创意之都，多元文化交融，创业氛围浓厚</p></div></div><div class="px-4 pt-3 pb-2"><div class="grid grid-cols-5 gap-1 text-center"><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">⭐ 综合</span><span class="text-xs font-bold leading-none text-green-600">4.1</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">💵 费用</span><span class="text-xs font-bold leading-none text-orange-600">偏贵</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">📡 网速</span><span class="text-xs font-bold leading-none text-green-600">75M</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👍 好评</span><span class="text-xs font-bold leading-none text-green-600">很好</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👮 安全</span><span class="text-xs font-bold leading-none text-yellow-600">好</span></div></div></div><div class="px-4 pb-3 pt-1 border-t border-gray-50"><div class="flex items-center justify-between text-sm mb-2"><span class="text-gray-500">❄️<!-- --> 体感 <!-- -->8<!-- -->°C</span><span class="font-semibold text-gray-700">¥<!-- -->11,500<!-- -->/月</span></div><div class="flex flex-wrap gap-1"><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">欧洲</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">文化</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">都市</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">友好社区</span></div></div></div><div class="city-card card-enter rounded-2xl overflow-hidden bg-white shadow-sm border border-gray-100 cursor-pointer"><div class="relative h-44 p-4 flex flex-col justify-between overflow-hidden" style="background:linear-gradient(135deg, #22c55e, #eab308)"><span class="absolute -bottom-3 -right-3 text-8xl opacity-15 select-none pointer-events-none">🏍️</span><div class="flex items-center justify-between relative z-10"><span class="text-xs bg-white/20 backdrop-blur-sm rounded-full px-2.5 py-1 text-white font-medium">🇻🇳<!-- --> <!-- -->越南</span><span class="text-[11px] bg-white/20 backdrop-blur-sm rounded-full px-2 py-1 text-white">👥 <!-- -->890<!-- --> 人在此</span></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white drop-shadow-sm">胡志明市</h3><p class="text-sm text-white/80 mt-1 line-clamp-1">活力四射的新兴游民目的地，咖啡文化出众</p></div></div><div class="px-4 pt-3 pb-2"><div class="grid grid-cols-5 gap-1 text-center"><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">⭐ 综合</span><span class="text-xs font-bold leading-none text-green-600">4.0</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">💵 费用</span><span class="text-xs font-bold leading-none text-green-600">便宜</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">📡 网速</span><span class="text-xs font-bold leading-none text-yellow-600">35M</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👍 好评</span><span class="text-xs font-bold leading-none text-yellow-600">好</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👮 安全</span><span class="text-xs font-bold leading-none text-yellow-600">好</span></div></div></div><div class="px-4 pb-3 pt-1 border-t border-gray-50"><div class="flex items-center justify-between text-sm mb-2"><span class="text-gray-500">☀️<!-- --> 体感 <!-- -->34<!-- -->°C</span><span class="font-semibold text-gray-700">¥<!-- -->4,800<!-- -->/月</span></div><div class="flex flex-wrap gap-1"><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">便宜</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">温暖</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">美食</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">东南亚</span></div></div></div><div class="city-card card-enter rounded-2xl overflow-hidden bg-white shadow-sm border border-gray-100 cursor-pointer"><div class="relative h-44 p-4 flex flex-col justify-between overflow-hidden" style="background:linear-gradient(135deg, #22c55e, #10b981)"><span class="absolute -bottom-3 -right-3 text-8xl opacity-15 select-none pointer-events-none">🐼</span><div class="flex items-center justify-between relative z-10"><span class="text-xs bg-white/20 backdrop-blur-sm rounded-full px-2.5 py-1 text-white font-medium">🇨🇳<!-- --> <!-- -->中国</span><span class="text-[11px] bg-white/20 backdrop-blur-sm rounded-full px-2 py-1 text-white">👥 <!-- -->280<!-- --> 人在此</span></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white drop-shadow-sm">成都</h3><p class="text-sm text-white/80 mt-1 line-clamp-1">天府之国，美食之都，休闲生活节奏</p></div></div><div class="px-4 pt-3 pb-2"><div class="grid grid-cols-5 gap-1 text-center"><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">⭐ 综合</span><span class="text-xs font-bold leading-none text-green-600">4.0</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">💵 费用</span><span class="text-xs font-bold leading-none text-emerald-600">极低</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">📡 网速</span><span class="text-xs font-bold leading-none text-green-600">80M</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👍 好评</span><span class="text-xs font-bold leading-none text-green-600">很好</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👮 安全</span><span class="text-xs font-bold leading-none text-green-600">很好</span></div></div></div><div class="px-4 pb-3 pt-1 border-t border-gray-50"><div class="flex items-center justify-between text-sm mb-2"><span class="text-gray-500">🌥<!-- --> 体感 <!-- -->18<!-- -->°C</span><span class="font-semibold text-gray-700">¥<!-- -->4,200<!-- -->/月</span></div><div class="flex flex-wrap gap-1"><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">便宜</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">美食</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">东亚</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">文化</span></div></div></div><div class="city-card card-enter rounded-2xl overflow-hidden bg-white shadow-sm border border-gray-100 cursor-pointer"><div class="relative h-44 p-4 flex flex-col justify-between overflow-hidden" style="background:linear-gradient(135deg, #8b5cf6, #7c3aed)"><span class="absolute -bottom-3 -right-3 text-8xl opacity-15 select-none pointer-events-none">🏙️</span><div class="flex items-center justify-between relative z-10"><span class="text-xs bg-white/20 backdrop-blur-sm rounded-full px-2.5 py-1 text-white font-medium">🇲🇾<!-- --> <!-- -->马来西亚</span><span class="text-[11px] bg-white/20 backdrop-blur-sm rounded-full px-2 py-1 text-white">👥 <!-- -->450<!-- --> 人在此</span></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white drop-shadow-sm">吉隆坡</h3><p class="text-sm text-white/80 mt-1 line-clamp-1">现代都市，多元文化，中文友好度高</p></div></div><div class="px-4 pt-3 pb-2"><div class="grid grid-cols-5 gap-1 text-center"><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">⭐ 综合</span><span class="text-xs font-bold leading-none text-green-600">4.0</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">💵 费用</span><span class="text-xs font-bold leading-none text-green-600">便宜</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">📡 网速</span><span class="text-xs font-bold leading-none text-green-600">55M</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👍 好评</span><span class="text-xs font-bold leading-none text-yellow-600">好</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👮 安全</span><span class="text-xs font-bold leading-none text-yellow-600">好</span></div></div></div><div class="px-4 pb-3 pt-1 border-t border-gray-50"><div class="flex items-center justify-between text-sm mb-2"><span class="text-gray-500">☀️<!-- --> 体感 <!-- -->32<!-- -->°C</span><span class="font-semibold text-gray-700">¥<!-- -->5,000<!-- -->/月</span></div><div class="flex flex-wrap gap-1"><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">便宜</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">温暖</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">都市</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">东南亚</span></div></div></div><div class="city-card card-enter rounded-2xl overflow-hidden bg-white shadow-sm border border-gray-100 cursor-pointer"><div class="relative h-44 p-4 flex flex-col justify-between overflow-hidden" style="background:linear-gradient(135deg, #06b6d4, #0d9488)"><span class="absolute -bottom-3 -right-3 text-8xl opacity-15 select-none pointer-events-none">🏖️</span><div class="flex items-center justify-between relative z-10"><span class="text-xs bg-white/20 backdrop-blur-sm rounded-full px-2.5 py-1 text-white font-medium">🇹🇭<!-- --> <!-- -->泰国</span><span class="text-[11px] bg-white/20 backdrop-blur-sm rounded-full px-2 py-1 text-white">👥 <!-- -->680<!-- --> 人在此</span></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white drop-shadow-sm">普吉岛</h3><p class="text-sm text-white/80 mt-1 line-clamp-1">安达曼海上的宝石，阳光沙滩与远程工作兼得</p></div></div><div class="px-4 pt-3 pb-2"><div class="grid grid-cols-5 gap-1 text-center"><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">⭐ 综合</span><span class="text-xs font-bold leading-none text-yellow-600">3.9</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">💵 费用</span><span class="text-xs font-bold leading-none text-green-600">便宜</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">📡 网速</span><span class="text-xs font-bold leading-none text-yellow-600">40M</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👍 好评</span><span class="text-xs font-bold leading-none text-yellow-600">好</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👮 安全</span><span class="text-xs font-bold leading-none text-yellow-600">好</span></div></div></div><div class="px-4 pb-3 pt-1 border-t border-gray-50"><div class="flex items-center justify-between text-sm mb-2"><span class="text-gray-500">☀️<!-- --> 体感 <!-- -->31<!-- -->°C</span><span class="font-semibold text-gray-700">¥<!-- -->5,500<!-- -->/月</span></div><div class="flex flex-wrap gap-1"><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">海滨</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">温暖</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">东南亚</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">户外运动</span></div></div></div><div class="city-card card-enter rounded-2xl overflow-hidden bg-white shadow-sm border border-gray-100 cursor-pointer"><div class="relative h-44 p-4 flex flex-col justify-between overflow-hidden" style="background:linear-gradient(135deg, #ef4444, #f43f5e)"><span class="absolute -bottom-3 -right-3 text-8xl opacity-15 select-none pointer-events-none">💃</span><div class="flex items-center justify-between relative z-10"><span class="text-xs bg-white/20 backdrop-blur-sm rounded-full px-2.5 py-1 text-white font-medium">🇦🇷<!-- --> <!-- -->阿根廷</span><span class="text-[11px] bg-white/20 backdrop-blur-sm rounded-full px-2 py-1 text-white">👥 <!-- -->1,100<!-- --> 人在此</span></div><div class="relative z-10"><h3 class="text-2xl font-bold text-white drop-shadow-sm">布宜诺斯艾利斯</h3><p class="text-sm text-white/80 mt-1 line-clamp-1">南美巴黎，探戈之都，汇率优势明显</p></div></div><div class="px-4 pt-3 pb-2"><div class="grid grid-cols-5 gap-1 text-center"><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">⭐ 综合</span><span class="text-xs font-bold leading-none text-yellow-600">3.9</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">💵 费用</span><span class="text-xs font-bold leading-none text-emerald-600">极低</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">📡 网速</span><span class="text-xs font-bold leading-none text-yellow-600">35M</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👍 好评</span><span class="text-xs font-bold leading-none text-green-600">很好</span></div><div class="flex flex-col items-center gap-0.5"><span class="text-[10px] text-gray-400 whitespace-nowrap leading-none">👮 安全</span><span class="text-xs font-bold leading-none text-orange-600">一般</span></div></div></div><div class="px-4 pb-3 pt-1 border-t border-gray-50"><div class="flex items-center justify-between text-sm mb-2"><span class="text-gray-500">🌤<!-- --> 体感 <!-- -->28<!-- -->°C</span><span class="font-semibold text-gray-700">¥<!-- -->4,000<!-- -->/月</span></div><div class="flex flex-wrap gap-1"><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">便宜</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">拉丁美洲</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">文化</span><span class="text-[11px] bg-gray-50 text-gray-500 rounded-full px-2 py-0.5">美食</span></div></div></div></div><div class="mt-12 text-center"><div class="inline-block rounded-2xl bg-gradient-to-r from-orange-50 to-pink-50 border border-orange-100 px-8 py-8 max-w-lg"><span class="text-3xl mb-3 block">🌍</span><h3 class="font-bold text-gray-900 text-lg mb-2">探索更多目的地</h3><p class="text-sm text-gray-500 mb-4">加入游牧中国，解锁 195+ 国家的详细数据， 找到最适合你的远程工作城市</p><button class="bg-gray-900 text-white px-6 py-2.5 rounded-full text-sm font-semibold hover:bg-gray-800 transition-colors">免费加入 →</button></div></div></div><aside class="w-[320px] shrink-0 hidden lg:block"><div class="sticky top-20 space-y-4 sidebar-scroll max-h-[calc(100vh-100px)] overflow-y-auto pr-1"><div class="rounded-2xl bg-gradient-to-br from-emerald-50 to-teal-50 border border-emerald-100 p-5"><div class="flex items-start gap-3 mb-3"><span class="text-2xl">🛡️</span><div><h3 class="font-bold text-gray-900 text-sm">全球旅行保险</h3><p class="text-xs text-gray-500 mt-0.5">为数字游民定制的全球医疗保障方案</p></div></div><p class="text-xs text-emerald-700 bg-emerald-100/50 rounded-lg px-3 py-2 mb-3">覆盖 195+ 国家和地区，远程工作专属条款，¥15/天起</p><button class="w-full text-center text-sm font-semibold text-emerald-700 hover:text-emerald-800 bg-white border border-emerald-200 rounded-full py-2 transition-colors hover:bg-emerald-50">了解更多 →</button><p class="text-[10px] text-gray-400 text-center mt-2">广告</p></div><div class="rounded-2xl bg-white border border-gray-100 shadow-sm p-5"><div class="flex items-center justify-between mb-4"><h3 class="font-bold text-gray-900 text-sm flex items-center gap-1.5">🍹 近期聚会</h3><span class="text-[11px] text-gray-400">8场/月</span></div><div class="space-y-3"><div class="flex items-center justify-between py-2 border-b border-gray-50 last:border-0 last:pb-0"><div class="flex items-center gap-2.5"><span class="text-lg">🇹🇭</span><div><p class="text-sm font-medium text-gray-800">清迈</p><p class="text-[11px] text-gray-400">3月9日 周一</p></div></div><span class="text-[11px] text-gray-400 bg-gray-50 rounded-full px-2 py-0.5">12<!-- --> 人报名</span></div><div class="flex items-center justify-between py-2 border-b border-gray-50 last:border-0 last:pb-0"><div class="flex items-center gap-2.5"><span class="text-lg">🇹🇭</span><div><p class="text-sm font-medium text-gray-800">曼谷</p><p class="text-[11px] text-gray-400">3月12日 周四</p></div></div><span class="text-[11px] text-gray-400 bg-gray-50 rounded-full px-2 py-0.5">8<!-- --> 人报名</span></div><div class="flex items-center justify-between py-2 border-b border-gray-50 last:border-0 last:pb-0"><div class="flex items-center gap-2.5"><span class="text-lg">🇮🇩</span><div><p class="text-sm font-medium text-gray-800">巴厘岛</p><p class="text-[11px] text-gray-400">3月14日 周六</p></div></div><span class="text-[11px] text-gray-400 bg-gray-50 rounded-full px-2 py-0.5">15<!-- --> 人报名</span></div><div class="flex items-center justify-between py-2 border-b border-gray-50 last:border-0 last:pb-0"><div class="flex items-center gap-2.5"><span class="text-lg">🇨🇳</span><div><p class="text-sm font-medium text-gray-800">大理</p><p class="text-[11px] text-gray-400">3月16日 周一</p></div></div><span class="text-[11px] text-gray-400 bg-gray-50 rounded-full px-2 py-0.5">6<!-- --> 人报名</span></div><div class="flex items-center justify-between py-2 border-b border-gray-50 last:border-0 last:pb-0"><div class="flex items-center gap-2.5"><span class="text-lg">🇵🇹</span><div><p class="text-sm font-medium text-gray-800">里斯本</p><p class="text-[11px] text-gray-400">3月20日 周五</p></div></div><span class="text-[11px] text-gray-400 bg-gray-50 rounded-full px-2 py-0.5">23<!-- --> 人报名</span></div></div><button class="w-full text-center text-xs font-medium text-gray-500 hover:text-gray-700 mt-3 pt-3 border-t border-gray-100 transition-colors">查看全部聚会 →</button></div><div class="rounded-2xl bg-white border border-gray-100 shadow-sm p-5"><div class="flex items-center justify-between mb-4"><h3 class="font-bold text-gray-900 text-sm flex items-center gap-1.5">🛩️ 正在旅行</h3><span class="text-[11px] text-gray-400">16<!-- --> 人</span></div><div class="flex flex-wrap gap-2"><div class="group relative"><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform avatar-online" style="background-color:#f43f5e" title="小明 · 清迈">小</div></div><div class="group relative"><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform avatar-online" style="background-color:#8b5cf6" title="雨晴 · 巴厘岛">雨</div></div><div class="group relative"><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform avatar-online" style="background-color:#3b82f6" title="阿杰 · 曼谷">阿</div></div><div class="group relative"><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform avatar-online" style="background-color:#10b981" title="小燕 · 东京">小</div></div><div class="group relative"><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform avatar-online" style="background-color:#f59e0b" title="大伟 · 里斯本">大</div></div><div class="group relative"><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform avatar-online" style="background-color:#ec4899" title="佳琪 · 墨西哥城">佳</div></div><div class="group relative"><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform avatar-online" style="background-color:#06b6d4" title="志远 · 柏林">志</div></div><div class="group relative"><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform avatar-online" style="background-color:#ef4444" title="心怡 · 首尔">心</div></div><div class="group relative"><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform avatar-online" style="background-color:#84cc16" title="凯文 · 巴塞罗那">凯</div></div><div class="group relative"><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform avatar-online" style="background-color:#7c3aed" title="子豪 · 成都">子</div></div><div class="group relative"><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform avatar-online" style="background-color:#0d9488" title="浩然 · 大理">浩</div></div><div class="group relative"><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform avatar-online" style="background-color:#ea580c" title="雅琪 · 台北">雅</div></div><div class="group relative"><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform avatar-online" style="background-color:#6366f1" title="天翔 · 布达佩斯">天</div></div><div class="group relative"><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform avatar-online" style="background-color:#d946ef" title="美玲 · 梅德林">美</div></div><div class="group relative"><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform avatar-online" style="background-color:#14b8a6" title="俊杰 · 普吉岛">俊</div></div><div class="group relative"><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform avatar-online" style="background-color:#f97316" title="晓华 · 吉隆坡">晓</div></div></div></div><div class="rounded-2xl bg-white border border-gray-100 shadow-sm p-5"><div class="flex items-center justify-between mb-4"><h3 class="font-bold text-gray-900 text-sm flex items-center gap-1.5">👋 新加入成员</h3><span class="text-[11px] text-gray-400">86人/月</span></div><div class="flex flex-wrap gap-2"><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform" style="background-color:#3b82f6">林</div><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform" style="background-color:#8b5cf6">张</div><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform" style="background-color:#f43f5e">陈</div><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform" style="background-color:#10b981">周</div><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform" style="background-color:#f59e0b">吴</div><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform" style="background-color:#ec4899">杨</div><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform" style="background-color:#06b6d4">赵</div><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform" style="background-color:#ef4444">黄</div><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform" style="background-color:#84cc16">孙</div><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform" style="background-color:#7c3aed">马</div><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform" style="background-color:#0d9488">朱</div><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform" style="background-color:#ea580c">胡</div><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform" style="background-color:#6366f1">郭</div><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform" style="background-color:#d946ef">何</div><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform" style="background-color:#14b8a6">高</div><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform" style="background-color:#f97316">梁</div><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform" style="background-color:#a855f7">郑</div><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform" style="background-color:#22c55e">罗</div><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform" style="background-color:#e11d48">谢</div><div class="w-9 h-9 rounded-full flex items-center justify-center text-xs text-white font-medium shadow-sm cursor-pointer hover:scale-110 transition-transform" style="background-color:#0ea5e9">韩</div></div></div><div class="rounded-2xl bg-white border border-gray-100 shadow-sm p-5"><h3 class="font-bold text-gray-900 text-sm flex items-center gap-1.5 mb-4">🔥 热门讨论</h3><div class="space-y-3"><a href="#" class="flex items-start gap-2.5 group"><span class="text-xs font-bold text-gray-300 mt-0.5 w-4 shrink-0">1</span><div class="flex-1 min-w-0"><p class="text-sm text-gray-700 group-hover:text-gray-900 transition-colors line-clamp-1 leading-snug">清迈最佳共享办公空间推荐 Top 10</p><p class="text-[11px] text-gray-400 mt-0.5">2,340<!-- --> 次浏览</p></div></a><a href="#" class="flex items-start gap-2.5 group"><span class="text-xs font-bold text-gray-300 mt-0.5 w-4 shrink-0">2</span><div class="flex-1 min-w-0"><p class="text-sm text-gray-700 group-hover:text-gray-900 transition-colors line-clamp-1 leading-snug">2026年数字游民签证政策汇总</p><p class="text-[11px] text-gray-400 mt-0.5">1,890<!-- --> 次浏览</p></div></a><a href="#" class="flex items-start gap-2.5 group"><span class="text-xs font-bold text-gray-300 mt-0.5 w-4 shrink-0">3</span><div class="flex-1 min-w-0"><p class="text-sm text-gray-700 group-hover:text-gray-900 transition-colors line-clamp-1 leading-snug">远程工作者的跨国税务规划指南</p><p class="text-[11px] text-gray-400 mt-0.5">1,560<!-- --> 次浏览</p></div></a><a href="#" class="flex items-start gap-2.5 group"><span class="text-xs font-bold text-gray-300 mt-0.5 w-4 shrink-0">4</span><div class="flex-1 min-w-0"><p class="text-sm text-gray-700 group-hover:text-gray-900 transition-colors line-clamp-1 leading-snug">东南亚 vs 拉美：哪个更适合游民？</p><p class="text-[11px] text-gray-400 mt-0.5">1,230<!-- --> 次浏览</p></div></a><a href="#" class="flex items-start gap-2.5 group"><span class="text-xs font-bold text-gray-300 mt-0.5 w-4 shrink-0">5</span><div class="flex-1 min-w-0"><p class="text-sm text-gray-700 group-hover:text-gray-900 transition-colors line-clamp-1 leading-snug">新手游民必备工具与装备清单</p><p class="text-[11px] text-gray-400 mt-0.5">980<!-- --> 次浏览</p></div></a></div><button class="w-full text-center text-xs font-medium text-gray-500 hover:text-gray-700 mt-3 pt-3 border-t border-gray-100 transition-colors">查看更多话题 →</button></div><div class="rounded-2xl bg-gradient-to-br from-violet-50 to-purple-50 border border-violet-100 p-5"><div class="flex items-start gap-3 mb-3"><span class="text-2xl">💬</span><div><h3 class="font-bold text-gray-900 text-sm">游牧中国社区聊天</h3><p class="text-xs text-gray-500 mt-0.5">本月已有 3,200+ 条消息</p></div></div><button class="w-full text-center text-sm font-semibold text-violet-700 hover:text-violet-800 bg-white border border-violet-200 rounded-full py-2 transition-colors hover:bg-violet-50">加入聊天 →</button></div><div class="rounded-2xl bg-gradient-to-br from-amber-50 to-orange-50 border border-amber-100 p-5"><div class="flex items-start gap-3 mb-3"><span class="text-2xl">🏛️</span><div><h3 class="font-bold text-gray-900 text-sm">签证代办服务</h3><p class="text-xs text-gray-500 mt-0.5">数字游民签证、工作签证、税务规划一站式服务</p></div></div><div class="flex flex-wrap gap-1.5 mb-3"><span class="text-[11px] bg-amber-100/60 text-amber-700 rounded-full px-2 py-0.5">🇹🇭 泰国</span><span class="text-[11px] bg-amber-100/60 text-amber-700 rounded-full px-2 py-0.5">🇵🇹 葡萄牙</span><span class="text-[11px] bg-amber-100/60 text-amber-700 rounded-full px-2 py-0.5">🇪🇸 西班牙</span><span class="text-[11px] bg-amber-100/60 text-amber-700 rounded-full px-2 py-0.5">🇮🇩 印尼</span></div><button class="w-full text-center text-sm font-semibold text-amber-700 hover:text-amber-800 bg-white border border-amber-200 rounded-full py-2 transition-colors hover:bg-amber-50">了解详情 →</button><p class="text-[10px] text-gray-400 text-center mt-2">广告</p></div></div></aside></div></div><footer class="border-t border-gray-100 bg-gray-50/50"><div class="max-w-[1400px] mx-auto px-4 sm:px-6 py-12"><div class="grid grid-cols-2 md:grid-cols-4 gap-8 mb-8"><div><h4 class="font-bold text-gray-900 text-sm mb-3">社区</h4><ul class="space-y-2"><li><a href="#" class="text-sm text-gray-500 hover:text-gray-700">社区聊天</a></li><li><a href="#" class="text-sm text-gray-500 hover:text-gray-700">线下聚会</a></li><li><a href="#" class="text-sm text-gray-500 hover:text-gray-700">交友约会</a></li><li><a href="#" class="text-sm text-gray-500 hover:text-gray-700">成员地图</a></li></ul></div><div><h4 class="font-bold text-gray-900 text-sm mb-3">工具</h4><ul class="space-y-2"><li><a href="#" class="text-sm text-gray-500 hover:text-gray-700">气候查询</a></li><li><a href="#" class="text-sm text-gray-500 hover:text-gray-700">生活成本计算</a></li><li><a href="#" class="text-sm text-gray-500 hover:text-gray-700">签证日历</a></li><li><a href="#" class="text-sm text-gray-500 hover:text-gray-700">FIRE 计算器</a></li></ul></div><div><h4 class="font-bold text-gray-900 text-sm mb-3">资源</h4><ul class="space-y-2"><li><a href="#" class="text-sm text-gray-500 hover:text-gray-700">远程工作指南</a></li><li><a href="#" class="text-sm text-gray-500 hover:text-gray-700">签证攻略</a></li><li><a href="#" class="text-sm text-gray-500 hover:text-gray-700">游民故事</a></li><li><a href="#" class="text-sm text-gray-500 hover:text-gray-700">常见问题</a></li></ul></div><div><h4 class="font-bold text-gray-900 text-sm mb-3">关于</h4><ul class="space-y-2"><li><a href="#" class="text-sm text-gray-500 hover:text-gray-700">关于我们</a></li><li><a href="#" class="text-sm text-gray-500 hover:text-gray-700">使用条款</a></li><li><a href="#" class="text-sm text-gray-500 hover:text-gray-700">隐私政策</a></li><li><a href="#" class="text-sm text-gray-500 hover:text-gray-700">联系我们</a></li></ul></div></div><div class="pt-8 border-t border-gray-200 flex flex-col sm:flex-row items-center justify-between gap-4"><div class="flex items-center gap-2"><span class="text-xl">🌏</span><span class="text-sm font-bold text-gray-900">游牧中国</span></div><p class="text-xs text-gray-400">© 2024-2026 游牧中国 NomadCNA. All rights reserved.</p><div class="flex items-center gap-4"><span class="text-xs text-gray-400">CNY ¥</span><span class="text-xs text-gray-400">°C</span><span class="text-xs text-gray-400">游民费用</span></div></div></div></footer></div><!--$--><!--/$--><script id="_R_">self.__next_r="HrTezVAUbKvTqr_Fl5hvj"</script><script src="/_next/static/chunks/%5Bturbopack%5D_browser_dev_hmr-client_hmr-client_ts_adefb640._.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"7:I[\"[project]/node_modules/.pnpm/next@16.1.6_@babel+core@7.2_9d8d1bf7a8807769963b5151bd760c41/node_modules/next/dist/next-devtools/userspace/app/segment-explorer-node.js [app-client] (ecmascript)\",[\"/_next/static/chunks/f27f0_next_dist_76f79757._.js\",\"/_next/static/chunks/app_favicon_ico_mjs_6e48d5fb._.js\"],\"SegmentViewNode\"]\n9:\"$Sreact.fragment\"\n1a:I[\"[project]/app/components/Navbar.tsx [app-client] (ecmascript)\",[\"/_next/static/chunks/_d218dde8._.js\",\"/_next/static/chunks/app_layout_tsx_79775223._.js\"],\"default\"]\n1c:I[\"[project]/node_modules/.pnpm/next@16.1.6_@babel+core@7.2_9d8d1bf7a8807769963b5151bd760c41/node_modules/next/dist/client/components/layout-router.js [app-client] (ecmascript)\",[\"/_next/static/chunks/f27f0_next_dist_76f79757._.js\",\"/_next/static/chunks/app_favicon_ico_mjs_6e48d5fb._.js\"],\"default\"]\n1e:I[\"[project]/node_modules/.pnpm/next@16.1.6_@babel+core@7.2_9d8d1bf7a8807769963b5151bd760c41/node_modules/next/dist/client/components/render-from-template-context.js [app-client] (ecmascript)\",[\"/_next/static/chunks/f27f0_next_dist_76f79757._.js\",\"/_next/static/chunks/app_favicon_ico_mjs_6e48d5fb._.js\"],\"default\"]\n2f:I[\"[project]/node_modules/.pnpm/next@16.1.6_@babel+core@7.2_9d8d1bf7a8807769963b5151bd760c41/node_modules/next/dist/client/components/client-page.js [app-client] (ecmascript)\",[\"/_next/static/chunks/f27f0_next_dist_76f79757._.js\",\"/_next/static/chunks/app_favicon_ico_mjs_6e48d5fb._.js\"],\"ClientPageRoot\"]\n30:I[\"[project]/app/page.tsx [app-client] (ecmascript)\",[\"/_next/static/chunks/_d218dde8._.js\",\"/_next/static/chunks/app_layout_tsx_79775223._.js\",\"/_next/static/chunks/app_b74c40f4._.js\",\"/_next/static/chunks/app_page_tsx_60db780f._.js\"],\"default\"]\n36:I[\"[project]/node_modules/.pnpm/next@16.1.6_@babel+core@7.2_9d8d1bf7a8807769963b5151bd760c41/node_modules/next/dist/lib/framework/boundary-components.js [app-client] (ecmascript)\",[\"/_next/static/chunks/f27f0_next_dist_76f79757._.js\",\"/_next/static/chunks/app_favicon_ico_mjs_6e48d5fb._.js\"],\"OutletBoundary\"]\n38:\"$Sreact.suspense\"\n41:I[\"[project]/node_modules/.pnpm/next@16.1.6_@babel+core@7.2_9d8d1bf7a8807769963b5151bd760c41/node_modules/next/dist/lib/framework/boundary-components.js [app-client] (ecmascript)\",[\"/_next/static/chunks/f27f0_next_dist_76f79757._.js\",\"/_next/static/chunks/app_favicon_ico_mjs_6e48d5fb._.js\"],\"ViewportBoundary\"]\n48:I[\"[project]/node_modules/.pnpm/next@16.1.6_@babel+core@7.2_9d8d1bf7a8807769963b5151bd760c41/node_modules/next/dist/lib/framework/boundary-components.js [app-client] (ecmascript)\",[\"/_next/static/chunks/f27f0_next_dist_76f79757._.js\",\"/_next/static/chunks/app_favicon_ico_mjs_6e48d5fb._.js\"],\"MetadataBoundary\"]\n4e:I[\"[project]/node_modules/.pnpm/next@16.1.6_@babel+core@7.2_9d8d1bf7a8807769963b5151bd760c41/node_modules/next/dist/client/components/builtin/global-error.js [app-client] (ecmascript)\",[\"/_next/static/chunks/f27f0_next_dist_client_components_builtin_global-error_79775223.js\"],\"default\"]\n56:I[\"[project]/node_modules/.pnpm/next@16.1.6_@babel+core@7.2_9d8d1bf7a8807769963b5151bd760c41/node_modules/next/dist/lib/metadata/generate/icon-mark.js [app-client] (ecmascript)\",[\"/_next/static/chunks/f27f0_next_dist_76f79757._.js\",\"/_next/static/chunks/app_favicon_ico_mjs_6e48d5fb._.js\"],\"IconMark\"]\n:HL[\"/_next/static/chunks/%5Broot-of-the-server%5D__28bc9c2a._.css\",\"style\"]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.dbea232f.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.853070df.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:N1772903300393.0405\n3:\"$EObject.defineProperty(()=\u003e{ctx.componentMod.preloadStyle(fullHref,ctx.renderOpts.crossOrigin,ctx.nonce)},\\\"name\\\",{value:\\\"\\\"})\"\n4:\"$EObject.defineProperty(()=\u003e{ctx.componentMod.preloadFont(href,type,ctx.renderOpts.crossOrigin,ctx.nonce)},\\\"name\\\",{value:\\\"\\\"})\"\n5:\"$EObject.defineProperty(()=\u003e{ctx.componentMod.preloadFont(href,type,ctx.renderOpts.crossOrigin,ctx.nonce)},\\\"name\\\",{value:\\\"\\\"})\"\n2:{\"name\":\"Preloads\",\"key\":null,\"env\":\"Server\",\"stack\":[],\"props\":{\"preloadCallbacks\":[\"$3\",\"$4\",\"$5\"]}}\n6:[]\n8:["])</script><script>self.__next_f.push([1,"]\na:[[\"Array.map\",\"\",0,0,0,0,false]]\nb:[[\"Array.map\",\"\",0,0,0,0,false]]\nc:[[\"Array.map\",\"\",0,0,0,0,false]]\nf:I[\"[project]/node_modules/.pnpm/next@16.1.6_@babel+core@7.2_9d8d1bf7a8807769963b5151bd760c41/node_modules/next/dist/client/components/layout-router.js [app-client] (ecmascript)\",[\"/_next/static/chunks/f27f0_next_dist_76f79757._.js\",\"/_next/static/chunks/app_favicon_ico_mjs_6e48d5fb._.js\"],\"default\"]\n12:I[\"[project]/node_modules/.pnpm/next@16.1.6_@babel+core@7.2_9d8d1bf7a8807769963b5151bd760c41/node_modules/next/dist/client/components/render-from-template-context.js [app-client] (ecmascript)\",[\"/_next/static/chunks/f27f0_next_dist_76f79757._.js\",\"/_next/static/chunks/app_favicon_ico_mjs_6e48d5fb._.js\"],\"default\"]\n13:{}\n14:[[\"Function.all\",\"\",0,0,0,0,true]]\n11:{\"children\":[\"$\",\"$L12\",null,\"$13\",null,\"$14\",1]}\n15:[[\"Function.all\",\"\",0,0,0,0,true]]\n10:{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$9\",null,\"$11\",null,\"$15\",0],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$Y\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\",\"segmentViewBoundaries\":\"$Y\"}\n16:[[\"Function.all\",\"\",0,0,0,0,true]]\ne:{\"name\":\"RootLayout\",\"key\":null,\"env\":\"Server\",\"stack\":[],\"props\":{\"children\":[\"$\",\"$Lf\",null,\"$10\",null,\"$16\",1],\"params\":\"$Y\"}}\n17:[[\"RootLayout\",\"C:\\\\Users\\\\admin\\\\Desktop\\\\nextnomadcna\\\\.next\\\\dev\\\\server\\\\chunks\\\\ssr\\\\[root-of-the-server]__52f1971c._.js\",117,374,116,1,false]]\n18:[[\"RootLayout\",\"C:\\\\Users\\\\admin\\\\Desktop\\\\nextnomadcna\\\\.next\\\\dev\\\\server\\\\chunks\\\\ssr\\\\[root-of-the-server]__52f1971c._.js\",119,381,116,1,false]]\n19:[[\"RootLayout\",\"C:\\\\Users\\\\admin\\\\Desktop\\\\nextnomadcna\\\\.next\\\\dev\\\\server\\\\chunks\\\\ssr\\\\[root-of-the-server]__52f1971c._.js\",122,379,116,1,false]]\n1b:[[\"Function.all\",\"\",0,0,0,0,true]]\n1d:[[\"Function.all\",\"\",0,0,0,0,true]]\n1f:[]\n21:{\"name\":\"NotFound\",\"key\":null,\"env\":\"Server\",\"stack\":[],\"props\":{}}\n22:{\"name\":\"HTTPAccessErrorFallback\",\"key\":null,\"env\":\"Server\",\"owner\":\"$21\",\"stack\":[],\"props\":{\"status\":404,\"message\":\"This page could not be found.\"}}\n23:[]\n24:[]\n25:[]\n26:[]\n27:[]\n28:[]\n29:[]\n2a:[[\"Function.all\",\"\",0,0,0,0,true]]\n2b:[[\"Function.all\",\"\",0,0,0,0,true]]\n2c:[[\"Function.all\",\"\",0,0,0,0,true]]\n2d:[[\"Function.all\",\"\",0,0,0,0,true]]\n2e:[[\"Function.all\",\"\",0,0,0,0,true]]\n31:[[\"Array.map\",\"\",0,0,0,0,false],[\"Array.map\",\"\",0,0,0,0,false]]\n32:[[\"Array.map\",\"\",0,0,0,0,false],[\"Array.map\",\"\",0,0,0,0,false]]\n34:{\"name\":\"Next.MetadataOutlet\",\"key\":null,\"env\":\"Server\",\"stack\":[[\"Function.all\",\"\",0,0,0,0,true]],\"props\":{}}\n35:[]\n37:[]\n3a:[]\n"])</script><script>self.__next_f.push([1,"3d:\"$EObject.defineProperty(function(type,config,children){for(var propName,i=2;i\u003carguments.length;i++)validateChildKeys(arguments[i]);i={};var key=null;if(null!=config)for(propName in didWarnAboutOldJSXRuntime||!(\\\"__self\\\"in config)||\\\"key\\\"in config||(didWarnAboutOldJSXRuntime=!0,console.warn(\\\"Your app (or one of its dependencies) is using an outdated JSX transform. Update to the modern JSX transform for faster performance: https://react.dev/link/new-jsx-transform\\\")),hasValidKey(config)\u0026\u0026(checkKeyStringCoercion(config.key),key=\\\"\\\"+config.key),config)hasOwnProperty.call(config,propName)\u0026\u0026\\\"key\\\"!==propName\u0026\u0026\\\"__self\\\"!==propName\u0026\u0026\\\"__source\\\"!==propName\u0026\u0026(i[propName]=config[propName]);var childrenLength=arguments.length-2;if(1===childrenLength)i.children=children;else if(1\u003cchildrenLength){for(var childArray=Array(childrenLength),_i=0;_i\u003cchildrenLength;_i++)childArray[_i]=arguments[_i+2];Object.freeze\u0026\u0026Object.freeze(childArray),i.children=childArray}if(type\u0026\u0026type.defaultProps)for(propName in childrenLength=type.defaultProps)void 0===i[propName]\u0026\u0026(i[propName]=childrenLength[propName]);return key\u0026\u0026function(props,displayName){function warnAboutAccessingKey(){specialPropKeyWarningShown||(specialPropKeyWarningShown=!0,console.error(\\\"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)\\\",displayName))}warnAboutAccessingKey.isReactWarning=!0,Object.defineProperty(props,\\\"key\\\",{get:warnAboutAccessingKey,configurable:!0})}(i,\\\"function\\\"==typeof type?type.displayName||type.name||\\\"Unknown\\\":type),(propName=1e4\u003eReactSharedInternals.recentlyCreatedOwnerStacks++)?(childArray=Error.stackTraceLimit,Error.stackTraceLimit=10,childrenLength=Error(\\\"react-stack-top-frame\\\"),Error.stackTraceLimit=childArray):childrenLength=unknownOwnerDebugStack,ReactElement(type,key,i,getOwner(),childrenLength,propName?createTask(getTaskName(type)):unknownOwnerDebugTask)},\\\"name\\\",{value:\\\"\\\"})\"\n"])</script><script>self.__next_f.push([1,"3c:{\"name\":\"NonIndex\",\"key\":null,\"env\":\"Server\",\"stack\":[],\"props\":{\"createElement\":\"$3d\",\"pagePath\":\"/\",\"statusCode\":200,\"isPossibleServerAction\":false}}\n3f:{\"name\":\"ViewportWrapper\",\"key\":null,\"env\":\"Server\",\"stack\":[],\"props\":{}}\n40:[]\n43:{\"name\":\"Next.Viewport\",\"key\":null,\"env\":\"Server\",\"owner\":\"$3f\",\"stack\":[],\"props\":{}}\n45:{\"name\":\"MetadataWrapper\",\"key\":null,\"env\":\"Server\",\"stack\":[],\"props\":{}}\n46:[]\n47:[]\n49:[]\n4b:{\"name\":\"Next.Metadata\",\"key\":null,\"env\":\"Server\",\"owner\":\"$45\",\"stack\":[],\"props\":{}}\n4c:[]\n4f:[]\n50:[]\n51:[]\n52:[]\n53:[]\n54:[[\"Array.map\",\"\",0,0,0,0,false]]\n55:[]\n1:D{\"time\":6.380100000009406}\n1:D\"$2\"\n1:D{\"time\":33.78870000000461}\n1:null\nd:D{\"time\":62.24460000000545}\nd:D\"$e\"\nd:D{\"time\":62.892699999996694}\n20:D{\"time\":64.32110000000102}\n20:D\"$21\"\n20:D{\"time\":64.82850000000326}\n20:D\"$22\"\n20:D{\"time\":66.54069999999774}\n20:[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"},\"$22\",\"$23\",1],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}},\"$22\",\"$26\",1],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404},\"$22\",\"$27\",1],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"},\"$22\",\"$29\",1]},\"$22\",\"$28\",1]]},\"$22\",\"$25\",1]},\"$22\",\"$24\",1]]\nd:[\"$\",\"html\",null,{\"lang\":\"zh-CN\",\"children\":[\"$\",\"body\",null,{\"className\":\"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable antialiased\",\"children\":[[\"$\",\"$L1a\",null,{},\"$e\",\"$19\",1],[\"$\",\"$L1c\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L1e\",null,{},null,\"$1d\",1],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$\",\"$L7\",\"c-not-found\",{\"type\":\"not-found\",\"pagePath\":\"__next_builtin__not-found.js\",\"children\":[\"$20\",[]]},null,\"$1f\",0],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\",\"segmentViewBoundaries\":[[\"$\",\"$L7\",null,{\"type\":\"boundary:not-found\",\"pagePath\":\"__next_builtin__not-found.js@boundary\"},null,\"$2a\",1],\"$undefined\",\"$undefined\",[\"$\",\"$L7\",null,{\"type\":\"boundary:global-error\",\"pagePath\":\"__next_builtin__global-error.js\"},null,\"$2b\",1]]},null,\"$1b\",1]]},\"$e\",\"$18\",1]},\"$e\",\"$17\",1]\n33:D{\"time\":210.80590000000666}\n33:D\"$34\"\n33:D{\"time\":466.81029999999737}\n33:[\"$\",\"$L36\",null,{\"children\":[\"$\",\"$38\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@39\"},\"$34\",\"$37\",1]},\"$34\",\"$35\",1]\n3b:D{\"time\":475.207699999999}\n3b:D\"$3c\"\n3b:D{\"time\":475.2548000000097}\n3b:null\n3e:D{\"time\":475.5402000000031}\n3e:D\"$3f\"\n3e:D{\"time\":475.83640000000014}\n42:D{\"time\":476.10050000000047}\n42:D\"$43\"\n3e:[\"$\",\"$L41\",null,{\"children\":\"$L42\"},\"$3f\",\"$40\",1]\n44:D{\"time\":479.6396000000095}\n44:D\"$45\"\n44:D{\"time\":480.3960000000079}\n4a:D{\"time\":481.65580000000773}\n4a:D\"$4b\"\n44:[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L48\",null,{\"children\":[\"$\",\"$38\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L4a\"},\"$45\",\"$49\",1]},\"$45\",\"$47\",1]},\"$45\",\"$46\",1]\n4d:[]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":\"$1\",\"b\":\"development\",\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$L7\",\"layout\",{\"type\":\"layout\",\"pagePath\":\"layout.tsx\",\"children\":[\"$\",\"$9\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/%5Broot-of-the-server%5D__28bc9c2a._.css\",\"precedence\":\"next_static/chunks/[root-of-the-server]__28bc9c2a._.css\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"},null,\"$a\",0],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/_d218dde8._.js\",\"async\":true,\"nonce\":\"$undefined\"},null,\"$b\",0],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/app_layout_tsx_79775223._.js\",\"async\":true,\"nonce\":\"$undefined\"},null,\"$c\",0]],\"$d\"]},null,\"$8\",1]},null,\"$6\",0],{\"children\":[[\"$\",\"$9\",\"c\",{\"children\":[[\"$\",\"$L7\",\"c-page\",{\"type\":\"page\",\"pagePath\":\"page.tsx\",\"children\":[\"$\",\"$L2f\",null,{\"Component\":\"$30\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":null}},null,\"$2e\",1]},null,\"$2d\",1],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/app_b74c40f4._.js\",\"async\":true,\"nonce\":\"$undefined\"},null,\"$31\",0],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/app_page_tsx_60db780f._.js\",\"async\":true,\"nonce\":\"$undefined\"},null,\"$32\",0]],\"$33\"]},null,\"$2c\",0],{},null,false,false]},null,false,false],[\"$\",\"$9\",\"h\",{\"children\":[\"$3b\",\"$3e\",\"$44\",[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"},null,\"$4c\",1]]},null,\"$3a\",0],false]],\"m\":\"$W4d\",\"G\":[\"$4e\",[\"$\",\"$L7\",\"ge-svn\",{\"type\":\"global-error\",\"pagePath\":\"__next_builtin__global-error.js\",\"children\":[]},null,\"$4f\",0]],\"S\":false}\n"])</script><script>self.__next_f.push([1,"42:D{\"time\":632.3099000000075}\n42:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"},\"$34\",\"$50\",0],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"},\"$34\",\"$51\",0]]\n39:D{\"time\":895.3761999999988}\n39:null\n4a:D{\"time\":895.4181000000099}\n4a:[[\"$\",\"title\",\"0\",{\"children\":\"游牧中国 - 数字游民的理想目的地\"},\"$34\",\"$52\",0],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"发现全球最适合远程工作和生活的城市，加入中国数字游民社区，探索远程办公新方式\"},\"$34\",\"$53\",0],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0b3bf435.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"},\"$34\",\"$54\",0],[\"$\",\"$L56\",\"3\",{},\"$34\",\"$55\",0]]\n"])</script></body></html>
|