alien
/
h5


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
	<meta name="format-detection" content="telephone=no">
	<title>U店在哪</title>
	<style>
		:root {
			--orange: #F58220;
			--orange-light: #FFF4E8;
			--red: #FF4D4F;
			--text: #333333;
			--text-secondary: #999999;
			--border: #EEEEEE;
			--bg: #FFFFFF;
			--safe-bottom: env(safe-area-inset-bottom, 0px);
		}

		* {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
		}

		html {
			font-size: 16px;
			-webkit-tap-highlight-color: transparent;
			overflow-x: hidden;
		}

		body {
			font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
			background: var(--bg);
			color: var(--text);
			padding-bottom: calc(88px + var(--safe-bottom));
			min-height: 100vh;
			overflow-x: hidden;
		}

		/* Header */
		.header {
			position: sticky;
			top: 0;
			z-index: 100;
			display: flex;
			align-items: center;
			justify-content: center;
			height: 44px;
			padding: 0 15px;
			background: var(--bg);
			border-bottom: 1px solid var(--border);
		}

		.header__back {
			position: absolute;
			left: 15px;
			width: 24px;
			height: 24px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: var(--text);
			text-decoration: none;
		}

		.header__title {
			font-size: 17px;
			font-weight: 600;
			color: var(--text);
		}

		/* Hero carousel */
		.hero {
			position: relative;
			margin: 0 15px;
			margin-top: 10px;
			border-radius: 0 0 12px 12px;
			overflow: hidden;
		}

		/* 内容不存在 / 已删除：居中插图 + 说明文案 */
		.hero.hero--empty {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			padding: 48px 24px 56px;
			min-height: min(52vh, 440px);
			background: var(--bg);
			overflow: visible;
		}

		.hero--empty__illustration {
			display: block;
			width: 100%;
			max-width: 280px;
			height: auto;
			object-fit: contain;
		}

		.hero--empty__tip {
			padding: 0 16px;
			font-size: 15px;
			line-height: 1.5;
			color: var(--text-secondary);
			text-align: center;
			font-weight: 400;
		}

		.hero__track {
			display: flex;
			transition: transform 0.35s ease;
		}

		.hero__slide {
			flex: 0 0 100%;
			aspect-ratio: 16 / 10;
			background: #f0f0f0;
		}

		.hero__slide img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
			vertical-align: middle;
		}

		.hero__dots {
			position: absolute;
			bottom: 12px;
			left: 0;
			right: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 6px;
		}

		.hero__dot {
			width: 6px;
			height: 6px;
			border-radius: 3px;
			background: rgba(255, 255, 255, 0.45);
			transition: width 0.25s ease, background 0.25s ease;
		}

		.hero__dot.is-active {
			width: 16px;
			background: #fff;
		}

		/* Store block */
		.section {
			padding: 16px 15px 0;
		}

		.store-name {
			font-size: 20px;
			font-weight: 700;
			line-height: 1.35;
			margin-bottom: 12px;
		}

		.row {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 10px;
		}

		.rating-row {
			margin-bottom: 12px;
		}

		.stars {
			display: inline-flex;
			align-items: center;
			gap: 2px;
		}

		.star {
			width: 14px;
			height: 14px;
			color: var(--orange);
		}

		.rating-num {
			margin-left: 6px;
			font-size: 14px;
			font-weight: 600;
			color: var(--orange);
		}

		.link-muted {
			display: inline-flex;
			align-items: center;
			gap: 2px;
			font-size: 13px;
			color: var(--text-secondary);
			text-decoration: none;
		}

		.chevron {
			width: 14px;
			height: 14px;
			opacity: 0.6;
		}

		.hours-row {
			margin-bottom: 16px;
			align-items: flex-start;
		}

		.hours-left {
			flex: 1;
			min-width: 0;
		}

		.status {
			font-size: 14px;
			color: var(--red);
			margin-right: 8px;
		}

		.status.is-open {
			color: var(--orange);
		}

		.hours-text {
			font-size: 14px;
			color: var(--text-secondary);
		}

		.divider {
			height: 8px;
			background: #F7F7F7;
			margin: 0;
		}

		/* Location */
		.loc-wrap {
			display: flex;
			padding: 16px 15px;
			gap: 12px;
		}

		.loc-main {
			flex: 1;
			min-width: 0;
			padding-right: 12px;
		}

		.addr {
			font-size: 15px;
			font-weight: 600;
			line-height: 1.45;
			margin-bottom: 10px;
		}

		.meta-line {
			display: flex;
			align-items: flex-start;
			gap: 6px;
			font-size: 13px;
			color: var(--text-secondary);
			line-height: 1.45;
			margin-top: 6px;
		}

		.meta-line svg {
			flex-shrink: 0;
			margin-top: 2px;
			opacity: 0.75;
		}

		.loc-actions {
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			gap: 18px;
			flex-shrink: 0;
		}

		.act-btn {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 4px;
			background: none;
			border: none;
			padding: 0;
			cursor: pointer;
			font-size: 12px;
			color: var(--text);
		}

		.act-btn__icon {
			width: 44px;
			height: 44px;
			border-radius: 50%;
			background: #F5F5F5;
			display: flex;
			align-items: center;
			justify-content: center;
			color: var(--orange);
		}

		/* More */
		.more-title {
			padding: 8px 15px 12px;
			font-size: 16px;
			font-weight: 700;
		}

		.more-scroll {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 10px;
			padding: 0 15px 20px;
		}

		#recEmpty {
			grid-column: 1 / -1;
		}

		.rec-card {
			min-width: 0;
			background: #fff;
			border-radius: 8px;
			overflow: hidden;
			box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
		}

		.rec-card__img {
			aspect-ratio: 4 / 3;
			background: #eee;
		}

		.rec-card__img img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.rec-card__body {
			padding: 10px;
		}

		.rec-card__top {
			display: flex;
			justify-content: space-between;
			align-items: baseline;
			gap: 8px;
			margin-bottom: 6px;
		}

		.rec-card__name {
			font-size: 15px;
			font-weight: 700;
			flex: 1;
			min-width: 0;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.rec-card__dist {
			font-size: 12px;
			color: var(--text-secondary);
			flex-shrink: 0;
		}

		.rec-card__rating {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			gap: 4px 8px;
		}

		.rec-card__rating .stars .star {
			width: 11px;
			height: 11px;
		}

		.rec-card__rating .rating-num {
			font-size: 12px;
		}

		.rec-meta {
			font-size: 12px;
			color: var(--text-secondary);
		}

		.rec-card__seller {
			display: flex;
			align-items: center;
			gap: 8px;
			margin-top: 8px;
			min-width: 0;
		}

		.rec-card__avatar {
			width: 22px;
			height: 22px;
			border-radius: 50%;
			object-fit: cover;
			flex-shrink: 0;
			background: #eee;
		}

		.rec-card__seller-name {
			font-size: 12px;
			color: var(--text-secondary);
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		/* FAB */
		.fab-wrap {
			position: fixed;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 200;
			padding: 12px 24px calc(12px + var(--safe-bottom));
			background: linear-gradient(to top, rgba(255, 255, 255, 0.98) 70%, transparent);
			pointer-events: none;
		}

		.fab-wrap .fab {
			pointer-events: auto;
		}

		.fab {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 10px;
			width: 100%;
			max-width: 320px;
			margin: 0 auto;
			height: 48px;
			border: none;
			border-radius: 24px;
			background: var(--orange);
			color: #fff;
			font-size: 16px;
			font-weight: 600;
			box-shadow: 0 4px 16px rgba(245, 130, 32, 0.45);
			cursor: pointer;
		}

		.fab__logo {
			width: 28px;
			height: 28px;
			flex-shrink: 0;
		}

		.home-indicator {
			height: 5px;
			background: #000;
			border-radius: 3px;
			width: 134px;
			margin: 8px auto 4px;
			opacity: 0.2;
		}
	</style>
</head>
<body>

	<div class="hero hero--empty" id="hero" role="status" aria-live="polite">
		<img class="hero--empty__illustration" src="images/empty.png" alt="" decoding="async">
		<p class="hero--empty__tip">内容已删除/下架/卖出</p>
	</div>

	

	<div class="divider"></div>

	<h3 class="more-title">更多推荐</h3>
	<div class="more-scroll" id="recList">
		<p id="recEmpty" style="padding:12px;color:#999;font-size:14px;display:none;">暂无推荐</p>
	</div>

	<div class="fab-wrap">
		<button type="button" class="fab" id="openApp">
			<img src="images/ubtn.png" alt="APP内打开" decoding="async">
		</button>
		<div class="home-indicator" aria-hidden="true"></div>
	</div>

	<script>
	(function () {
		'use strict';
		/**
		 * 更多推荐：POST http://124.93.18.180:9100/ai/life-manager/api/v1/second_hand/global-recommend
		 * 常用 query：userId、userLat/userLng 或 lat/weidu、lon/jingdu、radiusKm、page、pageSize、categoryOneId、categoryTwoId
		 *
		 * 商品已卖出 / 下架 / 删除（secondShareGoods 跳转时带 goodsUnavailable=1 或 goodsStatus=2|4|5）：
		 * 点「APP内打开」深链为 shopro://pages/index/login?…（与 shareIndex.html 关店 businessStatus=99 一致）。
		 *
		 * 注意：用 file:// 打开本页时，浏览器可能因 CORS 拦截跨域请求。
		 */
		var API_BASE = 'http://120.26.186.130:8000/alienStore';
		var API_LIFE_AI_BASE = 'http://124.93.18.180:9100';
		var SECOND_GLOBAL_RECOMMEND_PATH = '/ai/life-manager/api/v1/second_hand/global-recommend';
		var DEFAULT_REC_USER_LAT = 38.925756;
		var DEFAULT_REC_USER_LNG = 121.662543;
		var DEFAULT_REC_RADIUS_KM = 195.69;

		/**
		 * 与 secondShareGoods.html 一致：唤起 App 打开二手商品详情页（合并 search + hash 内 query）
		 */
		var APP_ANDROID_PACKAGE = 'com.alien.Udianzaizhe';
		var APP_IOS_URL_SCHEME = 'shopro://';
		var APP_UNI_STORE_PATH = 'pages/secondHandTransactions/pages/detail/index';

		function showDownloadTip() {
			var msg = '请到应用商店下载';
			if (typeof uni !== 'undefined' && typeof uni.showToast === 'function') {
				uni.showToast({ title: msg, icon: 'none', duration: 2500 });
			} else {
				window.alert(msg);
			}
		}

		function mergeSearchAndHashParams() {
			var params = new URLSearchParams();
			function ingest(querySlice) {
				if (!querySlice) return;
				var p = new URLSearchParams(querySlice);
				p.forEach(function (val, key) {
					params.append(key, val);
				});
			}
			if (location.search && location.search.length > 1) {
				ingest(location.search.slice(1));
			}
			var hash = location.hash || '';
			var qi = hash.indexOf('?');
			if (qi >= 0) {
				ingest(hash.slice(qi + 1));
			}
			return params;
		}

		/**
		 * 二手商品不可用（已卖出 / 下架 / 删除）：URL（含 hash）带 goodsUnavailable=1 或 goodsStatus 为 2、4、5；
		 * businessStatus=99 与 shareIndex 关店唤起登录一致。
		 */
		function isSecondGoodsUnavailableForAppOpen() {
			function checkGoodsUnavailableParam(raw) {
				var s = String(raw == null ? '' : raw).trim().toLowerCase();
				return s === '1' || s === 'true' || s === 'yes';
			}
			function checkGoodsStatusParam(raw) {
				var s = String(raw == null ? '' : raw).trim();
				if (s === '2' || s === '4' || s === '5') return true;
				var n = Number(s);
				return !isNaN(n) && (n === 2 || n === 4 || n === 5);
			}
			function checkBusiness99(raw) {
				var s = String(raw == null ? '' : raw).trim();
				return s === '99' || Number(s) === 99;
			}
			try {
				var p = mergeSearchAndHashParams();
				if (checkGoodsUnavailableParam(p.get('goodsUnavailable'))) return true;
				if (checkGoodsStatusParam(p.get('goodsStatus'))) return true;
				if (checkBusiness99(p.get('businessStatus'))) return true;
			} catch (e0) {}
			if (checkGoodsUnavailableParam(q('goodsUnavailable'))) return true;
			if (checkGoodsStatusParam(q('goodsStatus'))) return true;
			if (checkBusiness99(q('businessStatus'))) return true;
			return false;
		}

		function getAppUniPathForShareUndefined() {
			if (isSecondGoodsUnavailableForAppOpen()) {
				return 'pages/index/login';
			}
			return String(APP_UNI_STORE_PATH || 'pages/secondHandTransactions/pages/detail/index').replace(/^\//, '');
		}

		function buildAppOpenQueryStringMerged() {
			var params = mergeSearchAndHashParams();
			var gid = params.get('goodsId') || params.get('id') || '';
			if (gid && !params.has('goodsId')) {
				params.set('goodsId', gid);
			}
			var sid = params.get('storeId') || params.get('id') || '';
			if (sid && !params.has('storeId')) {
				params.set('storeId', sid);
			}
			var qsOut = params.toString();
			return qsOut ? ('?' + qsOut) : '';
		}

		function buildAppDeepLink() {
			var path = getAppUniPathForShareUndefined().replace(/^\//, '');
			var s = buildAppOpenQueryStringMerged();
			var root = APP_IOS_URL_SCHEME.replace(/\/$/, '');
			if (!s) {
				return root + '/' + path;
			}
			return root + '/' + path + s;
		}

		function isWeChatInAppBrowser() {
			return /MicroMessenger/i.test(navigator.userAgent || '');
		}

		function launchAppDeepLink(deepLink) {
			try {
				var a = document.createElement('a');
				a.href = deepLink;
				a.setAttribute('target', '_self');
				document.body.appendChild(a);
				a.click();
				document.body.removeChild(a);
			} catch (e1) {}
			try {
				window.location.href = deepLink;
			} catch (e2) {}
		}

		/**
		 * App-Plus：检测是否已安装；H5：scheme 唤起 + 超时提示（与 secondShareGoods 一致）。
		 */
		function tryOpenUShopApp() {
			var deepLink = buildAppDeepLink();

			if (typeof plus !== 'undefined' && plus.runtime) {
				var installed = null;
				try {
					if (typeof plus.runtime.isApplicationExist === 'function') {
						installed = plus.runtime.isApplicationExist({
							pname: APP_ANDROID_PACKAGE,
							action: APP_IOS_URL_SCHEME
						});
					}
				} catch (e) {
					console.warn(e);
				}
				if (installed === false) {
					showDownloadTip();
					return;
				}
				try {
					plus.runtime.openURL(deepLink);
				} catch (e2) {
					console.warn(e2);
					showDownloadTip();
				}
				return;
			}

			var t0 = Date.now();
			var done = false;
			function finish() {
				if (done) return;
				done = true;
				document.removeEventListener('visibilitychange', onVis);
				window.removeEventListener('pagehide', onHide);
			}
			function onVis() {
				if (document.visibilityState === 'hidden') finish();
			}
			function onHide() {
				finish();
			}
			document.addEventListener('visibilitychange', onVis);
			window.addEventListener('pagehide', onHide);

			if (isWeChatInAppBrowser()) {
				window.alert('若点击后无法打开 App：请先点右上角「···」，选择「在浏览器中打开」，再点「APP内打开」。');
			}

			try {
				launchAppDeepLink(deepLink);
			} catch (e3) {
				finish();
				showDownloadTip();
				return;
			}

			window.setTimeout(function () {
				if (done) return;
				if (document.visibilityState === 'visible' && Date.now() - t0 < 3500) {
					showDownloadTip();
				}
				finish();
			}, 2600);
		}

		function qs() {
			return new URLSearchParams(location.search || '');
		}
		function q(name) {
			var v = qs().get(name);
			return v == null ? '' : String(v);
		}

		function showErr(msg) {
			var el = document.getElementById('pageError');
			el.textContent = msg;
			el.style.display = 'block';
		}

		function getStoreId() {
			return q('id') || q('storeId');
		}

		function apiFetch(path) {
			return fetch(API_BASE + path, {
				method: 'GET',
				mode: 'cors',
				credentials: 'omit',
				headers: { Accept: 'application/json' }
			}).then(function (res) {
				if (!res.ok) throw new Error('HTTP ' + res.status);
				return res.json();
			});
		}

		function isApiOk(res) {
			if (!res || typeof res !== 'object') return false;
			if (res.success === false) return false;
			var c = res.code;
			return c === 200 || c === '200' || Number(c) === 200;
		}

		function fetchSecondGlobalRecommend() {
			var userIdRaw = q('userId').trim();
			var userId =
				userIdRaw !== '' && !isNaN(Number(userIdRaw)) ? Number(userIdRaw) : null;

			var latRaw = (q('userLat') || q('latitude') || q('lat') || q('weidu')).trim();
			var lngRaw = (q('userLng') || q('longitude') || q('lon') || q('jingdu')).trim();
			var userLat =
				latRaw !== '' && !isNaN(Number(latRaw)) ? Number(latRaw) : DEFAULT_REC_USER_LAT;
			var userLng =
				lngRaw !== '' && !isNaN(Number(lngRaw)) ? Number(lngRaw) : DEFAULT_REC_USER_LNG;

			var rkRaw = q('radiusKm').trim();
			var radiusKm =
				rkRaw !== '' && !isNaN(Number(rkRaw)) ? Number(rkRaw) : DEFAULT_REC_RADIUS_KM;

			var page = parseInt(q('page') || '1', 10);
			var pageSize = parseInt(q('pageSize') || '20', 10);
			if (isNaN(page) || page < 1) page = 1;
			if (isNaN(pageSize) || pageSize < 1) pageSize = 20;

			var c1Raw = q('categoryOneId').trim();
			var c2Raw = q('categoryTwoId').trim();
			var categoryOneId =
				c1Raw === '' || c1Raw.toLowerCase() === 'null'
					? null
					: isNaN(Number(c1Raw))
						? null
						: Number(c1Raw);
			var categoryTwoId =
				c2Raw === '' || c2Raw.toLowerCase() === 'null'
					? null
					: isNaN(Number(c2Raw))
						? null
						: Number(c2Raw);

			var body = {
				categoryOneId: categoryOneId,
				categoryTwoId: categoryTwoId,
				page: page,
				pageSize: pageSize,
				radiusKm: radiusKm,
				userLat: userLat,
				userLng: userLng,
				userId: userId
			};

			return fetch(API_LIFE_AI_BASE + SECOND_GLOBAL_RECOMMEND_PATH, {
				method: 'POST',
				mode: 'cors',
				credentials: 'omit',
				headers: {
					Accept: 'application/json',
					'Content-Type': 'application/json;charset=UTF-8'
				},
				body: JSON.stringify(body)
			}).then(function (res) {
				if (!res.ok) throw new Error('HTTP ' + res.status);
				return res.json();
			});
		}

		function normalizeGlobalRecommendList(res) {
			if (!res || typeof res !== 'object') return [];
			var raw = null;
			if (isApiOk(res)) {
				raw = res.data != null ? res.data : res.result;
			}
			if (Array.isArray(raw)) return raw;
			if (raw && typeof raw === 'object') {
				if (Array.isArray(raw.list)) return raw.list;
				if (Array.isArray(raw.records)) return raw.records;
				if (Array.isArray(raw.rows)) return raw.rows;
				if (Array.isArray(raw.content)) return raw.content;
			}
			return [];
		}

		function buildHeroSlides(urls) {
			var track = document.getElementById('heroTrack');
			var dotsWrap = document.getElementById('heroDots');
			track.innerHTML = '';
			dotsWrap.innerHTML = '';
			var list = (urls || []).filter(Boolean);
			if (!list.length) {
				var slide = document.createElement('div');
				slide.className = 'hero__slide';
				var img = document.createElement('img');
				img.src = 'images/hero.png';
				img.alt = '店铺';
				slide.appendChild(img);
				track.appendChild(slide);
				var dot = document.createElement('span');
				dot.className = 'hero__dot is-active';
				dotsWrap.appendChild(dot);
				return initHeroCarousel(1);
			}
			list.forEach(function (url, d) {
				var slide = document.createElement('div');
				slide.className = 'hero__slide';
				var img = document.createElement('img');
				img.src = url;
				img.alt = '店铺图';
				slide.appendChild(img);
				track.appendChild(slide);
				var dot = document.createElement('span');
				dot.className = 'hero__dot' + (d === 0 ? ' is-active' : '');
				dotsWrap.appendChild(dot);
			});
			initHeroCarousel(list.length);
		}

		var heroI = 0;
		var heroTimer = null;
		function initHeroCarousel(slides) {
			var track = document.getElementById('heroTrack');
			var dotsWrap = document.getElementById('heroDots');
			var dots = dotsWrap.querySelectorAll('.hero__dot');
			if (slides < 2) return;

			function go(n) {
				heroI = (n + slides) % slides;
				track.style.transform = 'translateX(' + (-heroI * 100) + '%)';
				dots.forEach(function (el, idx) {
					el.classList.toggle('is-active', idx === heroI);
				});
			}
			if (heroTimer) clearInterval(heroTimer);
			heroTimer = setInterval(function () { go(heroI + 1); }, 4000);

			var hero = document.getElementById('hero');
			var startX = 0;
			hero.addEventListener('touchstart', function (e) {
				startX = e.changedTouches[0].clientX;
			}, { passive: true });
			hero.addEventListener('touchend', function (e) {
				var dx = e.changedTouches[0].clientX - startX;
				if (Math.abs(dx) > 40) go(dx < 0 ? heroI + 1 : heroI - 1);
			}, { passive: true });
		}

		function timeToMinutes(t) {
			var parts = String(t || '').trim().split(':');
			var h = parseInt(parts[0], 10) || 0;
			var m = parseInt(parts[1], 10) || 0;
			return h * 60 + m;
		}

		function isTimeInRange(startTime, endTime) {
			var s = String(startTime || '').trim();
			var e = String(endTime || '').trim();
			if (s === '00:00' && e === '00:00') return true;
			if (s === '00:00' && e === '23:59') return true;
			var cur = new Date().getHours() * 60 + new Date().getMinutes();
			var sm = timeToMinutes(s);
			var em = timeToMinutes(e);
			if (em < sm) {
				return cur >= sm || cur <= em;
			}
			return cur >= sm && cur <= em;
		}

		function parseHolidayDate(str) {
			if (!str) return null;
			var d = new Date(String(str).trim().replace(/-/g, '/'));
			return isNaN(d.getTime()) ? null : d;
		}

		function isTodayInHolidayRange(holidayInfo) {
			if (!holidayInfo) return false;
			var hi = holidayInfo;
			if (typeof hi === 'string') {
				try {
					hi = JSON.parse(hi);
				} catch (err) {
					return false;
				}
			}
			var start = hi.startDate || hi.holidayStartDate || hi.beginDate || hi.start || hi.holidayStart;
			var end = hi.endDate || hi.holidayEndDate || hi.finishDate || hi.end || hi.holidayEnd;
			if (!start || !end) return false;
			var startD = parseHolidayDate(start);
			var endD = parseHolidayDate(end);
			if (!startD || !endD) return false;
			var today = new Date();
			today.setHours(0, 0, 0, 0);
			startD.setHours(0, 0, 0, 0);
			endD.setHours(0, 0, 0, 0);
			return today >= startD && today <= endD;
		}

		function findNormalBusinessInfo(list) {
			var wdJs = new Date().getDay();
			var i;
			var x;
			var w;
			for (i = 0; i < list.length; i++) {
				x = list[i];
				if (!x || x.holidayInfo) continue;
				w = x.weekDay != null ? x.weekDay : x.week;
				if (w === undefined || w === null) continue;
				if (Number(w) === wdJs) return x;
			}
			var wdMap = wdJs === 0 ? 7 : wdJs;
			for (i = 0; i < list.length; i++) {
				x = list[i];
				if (!x || x.holidayInfo) continue;
				w = x.weekDay != null ? x.weekDay : x.week;
				if (w === undefined || w === null) continue;
				if (Number(w) === wdMap) return x;
			}
			for (i = 0; i < list.length; i++) {
				x = list[i];
				if (x && !x.holidayInfo && (x.startTime || x.endTime)) return x;
			}
			return null;
		}

		/** 营业状态：暂停营业 | 商家暂未配置营业时间 | 休息中 | 营业中 xx:xx至xx:xx | 营业中 全天营业 */
		function computeBusinessStatusDisplay(d) {
			if (!d) return { text: '—', isOpen: false };
			if (Number(d.businessStatus) === 1) {
				return { text: '暂停营业', isOpen: false };
			}

			var list = d.storeBusinessInfoVos || d.storeBusinessInfos || [];
			if (!list.length) {
				return { text: '商家暂未配置营业时间', isOpen: false };
			}

			var holidayList = Array.isArray(d.holidayBusinessInfoList) && d.holidayBusinessInfoList.length
				? d.holidayBusinessInfoList
				: list.filter(function (item) { return item && item.holidayInfo; });

			var todayHolidayItem = holidayList.find(function (item) {
				return isTodayInHolidayRange(item.holidayInfo);
			});

			var normal = d.normalBusinessInfo || d.normalBusinessInfoVo || findNormalBusinessInfo(list);

			var isOpen = false;
			var currentItem = null;

			if (todayHolidayItem) {
				isOpen = isTimeInRange(todayHolidayItem.startTime, todayHolidayItem.endTime);
				currentItem = todayHolidayItem;
			} else if (normal) {
				isOpen = isTimeInRange(normal.startTime, normal.endTime);
				currentItem = normal;
			}

			if (!currentItem) return { text: '休息中', isOpen: false };
			if (!isOpen) return { text: '休息中', isOpen: false };

			var st = String(currentItem.startTime || '').trim();
			var et = String(currentItem.endTime || '').trim();
			if (st === '00:00' && et === '00:00') return { text: '营业中 全天营业', isOpen: true };
			if (st === '00:00' && et === '23:59') return { text: '营业中 全天营业', isOpen: true };
			var needNextDay = timeToMinutes(et) < timeToMinutes(st);
			var suffix = (needNextDay ? '次日' : '') + et;
			return { text: ('营业中 ' + st + ' 至 ' + suffix).trim(), isOpen: true };
		}

		function renderDetail(d) {
			if (!d) return;
			document.getElementById('storeName').textContent = d.storeName || '—';
			var score = d.scoreAvg != null ? Number(d.scoreAvg) : NaN;
			document.getElementById('scoreAvg').textContent = !isNaN(score) ? score.toFixed(1) : '—';
			document.getElementById('commitCount').textContent = d.commitCount != null ? String(d.commitCount) : '0';
			var bizDisp = computeBusinessStatusDisplay(d);
			var bizEl = document.getElementById('bizStatus');
			bizEl.textContent = bizDisp.text;
			bizEl.className = 'status' + (bizDisp.isOpen ? ' is-open' : '');
			document.getElementById('hoursText').textContent = '';
			document.getElementById('storeAddr').textContent = d.queryAddress || d.storeAddress || '—';

			if (d.distance != null) {
				document.getElementById('metaDistance').style.display = 'flex';
				document.getElementById('distanceText').textContent =
					'距您' + (Number(d.distance) > 1 ? d.distance + '千米' : Math.round(Number(d.distance) * 1000) + '米');
			}
			if (d.subwayName && d.distance2 != null) {
				document.getElementById('metaSubway').style.display = 'flex';
				document.getElementById('subwayText').textContent =
					'距' + d.subwayName + '步行' + (Number(d.distance2) >= 1000
						? (Number(d.distance2) / 1000).toFixed(1) + 'km'
						: Math.round(Number(d.distance2)) + 'm');
			}

			var imgs = [];
			if (Array.isArray(d.storeAlbumUrlList) && d.storeAlbumUrlList.length) imgs = d.storeAlbumUrlList.slice();
			else if (d.entranceImage) imgs = [d.entranceImage];
			buildHeroSlides(imgs);
		}

		function formatRecDist(m) {
			if (m == null || m === '') return '';
			var n = Number(m);
			if (isNaN(n)) return String(m);
			return n >= 1000 ? (n / 1000).toFixed(1) + 'km' : Math.round(n) + 'm';
		}

		function escHtml(s) {
			return String(s == null ? '' : s)
				.replace(/&/g, '&amp;')
				.replace(/</g, '&lt;')
				.replace(/>/g, '&gt;')
				.replace(/"/g, '&quot;');
		}

		/** global-recommend records：homeImage、title、position、dist、price、amount、likeCount、collectCount、userName、userImage */
		function renderRecommended(list) {
			var wrap = document.getElementById('recList');
			var empty = document.getElementById('recEmpty');
			wrap.querySelectorAll('.rec-card').forEach(function (n) {
				n.remove();
			});
			if (!list || !list.length) {
				empty.style.display = 'block';
				return;
			}
			empty.style.display = 'none';
			list.forEach(function (item) {
				if (!item || typeof item !== 'object') return;
				var card = document.createElement('article');
				card.className = 'rec-card';
				var home = item.homeImage != null ? String(item.homeImage).trim() : '';
				if (home && /\.mp4(\?|#|$)/i.test(home)) {
					var vf = item.videoFirstFrame != null ? String(item.videoFirstFrame).trim() : '';
					if (vf) home = vf;
				}
				var imgUrl =
					home ||
					(item.coverUrl != null ? String(item.coverUrl).trim() : '') ||
					(item.mainImage != null ? String(item.mainImage).trim() : '') ||
					(item.goodsImage != null ? String(item.goodsImage).trim() : '') ||
					(Array.isArray(item.goodsImageList) && item.goodsImageList[0]) ||
					(Array.isArray(item.imageList) && item.imageList[0]) ||
					'images/hero.png';
				var name = item.title != null && String(item.title).trim() !== ''
					? String(item.title).replace(/\r?\n/g, ' ').replace(/\s+/g, ' ').trim()
					: (item.goodsName ||
							item.secondGoodsTitle ||
							item.name ||
							'商品');
				var dist = '';
				if (item.position != null && String(item.position).trim() !== '') {
					dist = String(item.position).trim();
				} else if (item.dist != null && item.dist !== '') {
					var dn = Number(item.dist);
					if (!isNaN(dn)) {
						dist = dn.toFixed(dn % 1 === 0 ? 0 : 2) + 'km';
					}
				} else if (item.distance != null && item.distance !== '') {
					var d2 = Number(item.distance);
					dist = !isNaN(d2) ? d2.toFixed(d2 % 1 === 0 ? 0 : 2) + 'km' : String(item.distance);
				}
				var priceStr = '';
				if (item.price != null && String(item.price).trim() !== '') {
					var ps = String(item.price).trim();
					var pNum = parseFloat(ps.replace(/[^\d.]/g, ''));
					priceStr = !isNaN(pNum) ? pNum.toFixed(2) : ps;
				} else if (item.amount != null && item.amount !== '') {
					var an = Number(item.amount);
					priceStr = !isNaN(an) ? an.toFixed(2) : String(item.amount);
				} else {
					priceStr = '—';
				}
				var seller =
					item.userName != null && String(item.userName).trim() !== ''
						? String(item.userName).trim()
						: '';
				var userImg =
					item.userImage != null && String(item.userImage).trim() !== ''
						? String(item.userImage).trim()
						: '';
				var likeN = item.likeCount != null ? Number(item.likeCount) : NaN;
				var colN = item.collectCount != null ? Number(item.collectCount) : NaN;
				var metaBits = [];
				// if (!isNaN(likeN)) metaBits.push(likeN + '赞');
				// if (!isNaN(colN)) metaBits.push(colN + '想要');
				var metaRight = metaBits.join(' · ');
				var showSellerRow = !!(seller || userImg);

				card.innerHTML =
					'<div class="rec-card__img"><img class="rec-card__cover" src="" alt=""></div>' +
					'<div class="rec-card__body">' +
					'<div class="rec-card__top">' +
					'<span class="rec-card__name">' + escHtml(name) + '</span>' +
					(dist ? '<span class="rec-card__dist">' + escHtml(dist) + '</span>' : '') +
					'</div>' +
					'<div class="rec-card__rating">' +
					'<span class="rec-meta" style="color:#E62E2E;font-weight:600;">¥' + escHtml(priceStr) + '</span>' +
					(metaRight
						? '<span class="rec-meta">' + escHtml(metaRight) + '</span>'
						: '') +
					'</div>' +
					(showSellerRow
						? '<div class="rec-card__seller">' +
							'<img class="rec-card__avatar" src="" alt="" width="22" height="22" decoding="async">' +
							(seller ? '<span class="rec-card__seller-name">' + escHtml(seller) + '</span>' : '') +
							'</div>'
						: '') +
					'</div>';
				var coverIm = card.querySelector('img.rec-card__cover');
				if (coverIm) {
					coverIm.src = imgUrl;
					coverIm.onerror = function () {
						this.onerror = null;
						this.src = 'images/hero.png';
					};
				}
				var avIm = card.querySelector('img.rec-card__avatar');
				if (avIm) {
					avIm.src = userImg || 'images/demouser.png';
					avIm.onerror = function () {
						this.onerror = null;
						this.src = 'images/demouser.png';
					};
				}
				wrap.appendChild(card);
			});
		}

		function run() {
			fetchSecondGlobalRecommend()
				.then(function (res) {
					var list = normalizeGlobalRecommendList(res);
					if (!list.length && res && res.msg) {
						console.warn('[global-recommend]', res.msg);
					}
					renderRecommended(list);
				})
				.catch(function (e) {
					console.error(e);
					renderRecommended([]);
				});
		}

		function boot() {
			run();
			var openBtn = document.getElementById('openApp');
			if (openBtn) {
				openBtn.addEventListener('click', function () {
					tryOpenUShopApp();
				});
			}
		}

		if (document.readyState === 'complete') {
			boot();
		} else {
			window.onload = boot;
		}
	})();
	</script>
</body>
</html>