alien
/
h5


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995
							<!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>打卡分享</title>
	<style>
		:root {
			--orange: #F58220;
			--text: #333333;
			--text-secondary: #999999;
			--text-muted: #666666;
			--page-bg: #F5F6F7;
			--card-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
			--card-border: 1px solid #EEEEEE;
			--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.page-checkin {
			font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
			background: var(--page-bg);
			color: var(--text);
			padding-bottom: calc(100px + var(--safe-bottom));
			min-height: 100vh;
			overflow-x: hidden;
		}

		/* 用户 + 打卡信息（顶部） */
		.checkin-head {
			padding: 16px 15px 14px;
		}

		.checkin-head__row {
			display: flex;
			align-items: flex-start;
			gap: 12px;
		}

		.checkin-head__avatar {
			width: 48px;
			height: 48px;
			border-radius: 50%;
			object-fit: cover;
			background: #ddd;
			flex-shrink: 0;
		}

		.checkin-head__main {
			flex: 1;
			min-width: 0;
		}

		.checkin-head__name {
			font-size: 17px;
			font-weight: 700;
			line-height: 1.3;
			margin-bottom: 8px;
		}

		.checkin-head__status {
			font-size: 15px;
			line-height: 1.55;
			color: var(--text);
			margin-bottom: 8px;
		}

		.checkin-head__accent {
			color: var(--orange);
			font-weight: 700;
		}

		.checkin-head__loc {
			display: flex;
			align-items: flex-start;
			gap: 6px;
			font-size: 14px;
			color: var(--text-muted);
			line-height: 1.45;
		}

		.checkin-head__loc svg {
			flex-shrink: 0;
			margin-top: 2px;
			color: var(--text);
		}

		/* 主图轮播 */
		.checkin-hero {
			position: relative;
			margin: 0 15px 14px;
			border-radius: 12px;
			overflow: hidden;
			background: #e8e8e8;
		}

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

		.checkin-hero__slide {
			flex: 0 0 100%;
			background: #e0e0e0;
		}

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

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

		.checkin-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;
		}

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

		/* 店铺卡片 */
		.checkin-card {
			margin: 0 15px 12px;
			padding: 14px;
			background: #fff;
			border-radius: 12px;
			border: var(--card-border);
			box-shadow: var(--card-shadow);
		}

		.store-row {
			display: flex;
			gap: 12px;
			align-items: flex-start;
		}

		.store-row__thumb {
			width: 80px;
			height: 80px;
			border-radius: 8px;
			object-fit: cover;
			background: #eee;
			flex-shrink: 0;
		}

		.store-row__main {
			flex: 1;
			min-width: 0;
		}

		.store-row__title {
			font-size: 16px;
			font-weight: 700;
			color: var(--text);
			margin-bottom: 6px;
		}

		.store-row__rating {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			gap: 4px 8px;
			margin-bottom: 6px;
		}

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

		.store-row__rating .star-slot {
			position: relative;
			display: inline-block;
			width: 12px;
			height: 12px;
			flex-shrink: 0;
		}

		.store-row__rating .star {
			width: 12px;
			height: 12px;
			display: block;
		}

		.store-row__rating .star--base {
			color: #e5e5e5;
		}

		.store-row__rating .star-fill-wrap {
			position: absolute;
			left: 0;
			top: 0;
			height: 100%;
			overflow: hidden;
			pointer-events: none;
		}

		.store-row__rating .star--fill {
			color: var(--orange);
		}

		.store-row__rating .rating-num {
			font-size: 13px;
			font-weight: 600;
			color: var(--orange);
		}

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

		.store-row__cat {
			font-size: 12px;
			color: var(--text-secondary);
			margin-bottom: 4px;
		}

		.store-row__tagline {
			font-size: 13px;
			color: var(--text);
			line-height: 1.45;
		}

		.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;
			background: #F47D1F;
		}

		.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 class="page-checkin">

	<header class="checkin-head">
		<div class="checkin-head__row">
			<img class="checkin-head__avatar" id="userAvatar" src="images/demouser.png" alt="">
			<div class="checkin-head__main">
				<div class="checkin-head__name" id="userName">用户名称</div>
				<p class="checkin-head__status">
					我在 <span class="checkin-head__accent" id="checkInYear">2025</span> 年打卡的第 <span class="checkin-head__accent" id="checkInPlaceIndex">1</span> 个地点
				</p>
				<div class="checkin-head__loc">
					<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
						<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
						<circle cx="12" cy="10" r="3"/>
					</svg>
					<span id="checkInPoiLine">— · —星</span>
				</div>
			</div>
		</div>
	</header>

	<!-- 配图轮播：仅用 URL 与 options.item 的 checkInImages；无图则用 images/map.png（不用 coverUrl / imagePath） -->
	<div class="checkin-hero" id="dynHero">
		<div class="checkin-hero__track" id="dynHeroTrack"></div>
		<div class="checkin-hero__dots" id="dynHeroDots" aria-hidden="true"></div>
	</div>

	<div class="checkin-card">
		<div class="store-row">
			<img class="store-row__thumb" id="storeThumb" src="images/hero.png" alt="">
			<div class="store-row__main">
				<div class="store-row__title" id="storeTitle">Sober</div>
				<div class="store-row__rating">
					<span class="stars" id="storeStarsRow" aria-hidden="true"></span>
					<span class="rating-num" id="storeScore">4.9</span>
					<!-- <span class="store-row__meta"><span id="storeReviews">200</span>条</span> -->
				</div>
				<!-- <div class="store-row__cat" id="storeCat">live house</div>
				<div class="store-row__tagline" id="storeTagline">24小时水果饮料无限畅享受!</div> -->
			</div>
		</div>
	</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';

		/**
		 * 与 shareIndex / group_user manifest 一致：shopro、包名以云打包为准
		 * 打卡落地：默认 pages/checkIn/index；URL 带 isShareCheckInSquare 且为真时 → pages/checkIn/details（合并 search + hash query）
		 */
		var APP_ANDROID_PACKAGE = 'com.alien.Udianzaizhe';
		var APP_IOS_URL_SCHEME = 'shopro://';
		var APP_UNI_STORE_PATH = 'pages/checkIn/index';

		/** 与 shareUndefined.html 一致 */
		var API_BASE = 'http://120.26.186.130:8000/alienStore';

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

		/**
		 * 唤起 App 时携带当前 H5 全部查询参数：先 location.search，再 hash 中 ? 后一段；
		 * 逐项 append，避免丢参、并保留重名键顺序。
		 */
		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;
		}

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

		/**
		 * isShareCheckInSquare 为真（如 1、true）时打开详情页；缺省、空、0、false → 打卡首页
		 */
		function getCheckInAppUniPath() {
			var p = mergeSearchAndHashParams();
			if (!p.has('isShareCheckInSquare')) {
				return 'pages/checkIn/index';
			}
			var v = String(p.get('isShareCheckInSquare') || '').trim().toLowerCase();
			if (v === '' || v === '0' || v === 'false' || v === 'no') {
				return 'pages/checkIn/index';
			}
			return 'pages/checkIn/details';
		}

		function buildAppDeepLink() {
			var path = getCheckInAppUniPath().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) {}
		}

		function tryOpenHBuilderApp() {
			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 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 getMergedQueryString() {
			var chunks = [];
			if (location.search && location.search.length > 1) {
				chunks.push(location.search.slice(1));
			}
			var hash = location.hash || '';
			var qi = hash.indexOf('?');
			if (qi >= 0) {
				chunks.push(hash.slice(qi + 1));
			}
			return chunks.join('&');
		}

		function forEachQueryParam(queryStr, fn) {
			if (!queryStr) return;
			var p = new URLSearchParams(queryStr);
			p.forEach(function (val, key) {
				fn(val, key);
			});
		}

		function getAllParamValuesCI(queryStr, nameLower) {
			var list = [];
			forEachQueryParam(queryStr, function (val, key) {
				if (key && String(key).toLowerCase() === nameLower) {
					list.push(val);
				}
			});
			return list;
		}

		/** checkInImages 无任何有效地址时，头图用该默认图 */
		var CHECKIN_HERO_DEFAULT_MAP_SRC = 'images/map.png';
		/** URL 参数 userImage 及 options.item.userImage 均无有效图时使用 */
		var CHECKIN_USER_AVATAR_DEFAULT = 'images/demouser.png';

		function getMergedParam(name) {
			var m = getMergedQueryString();
			if (!m) return '';
			var v = new URLSearchParams(m).get(name);
			return v == null ? '' : String(v);
		}

		/**
		 * getDeleteFlagById：data 为数字 1（旧格式），或 data.businessStatus 为 99 时进「已删除」落地页。
		 */
		function shouldRedirectToShareCheckInUndefined(res) {
			if (!res || typeof res !== 'object') return false;
			var d = res.data;
			if (d === 1 || d === '1' || Number(d) === 1) return true;
			if (d && typeof d === 'object') {
				var bs = d.businessStatus;
				if (bs === 99 || bs === '99' || Number(bs) === 99) return true;
			}
			return false;
		}

		/** 当前页合并 query + 接口返回的 storeId、businessStatus（若有）供 shareCheckInUndefined 使用 */
		function buildShareCheckInUndefinedHref(res) {
			var params = new URLSearchParams(getMergedQueryString());
			if (res && res.data && typeof res.data === 'object') {
				if (res.data.storeId != null) {
					var sid = String(res.data.storeId).trim();
					if (sid) params.set('storeId', sid);
				}
				if (res.data.businessStatus != null && String(res.data.businessStatus).trim() !== '') {
					params.set('businessStatus', String(res.data.businessStatus).trim());
				}
			}
			var m = params.toString();
			return 'shareCheckInUndefined.html' + (m ? ('?' + m) : '');
		}

		/** 进入页先拉删除标记；query 拼在 ? 后，如 getDeleteFlagById?id=545 */
		function fetchGetDeleteFlagByIdIfId() {
			var id =
				getMergedParam('id').trim() ||
				getMergedParam('storeId').trim() ||
				q('id').trim() ||
				q('storeId').trim();
			if (!id) return Promise.resolve(null);
			var qs = new URLSearchParams();
			qs.set('id', id);
			var path = '/storeClockIn/getDeleteFlagById?' + qs.toString();
			return apiFetch(path)
				.then(function (res) {
					return res;
				})
				.catch(function (e) {
					console.warn('[getDeleteFlagById]', e);
					return null;
				});
		}

		function tryDecode(s) {
			if (!s) return '';
			try {
				return decodeURIComponent(s);
			} catch (e) {
				return s;
			}
		}

		function pushUniqueUrl(list, u) {
			u = String(u == null ? '' : u).trim();
			if (!u) return;
			if (list.indexOf(u) >= 0) return;
			list.push(u);
		}

		/** 解析单个 query 值：JSON 数组或逗号分隔 URL，写入 list */
		function pushUrlsFromRawParam(list, val) {
			val = String(val == null ? '' : val).trim();
			if (!val) return;
			if (val.charAt(0) === '[') {
				try {
					var arr = JSON.parse(val);
					if (Array.isArray(arr)) {
						arr.forEach(function (u) {
							pushUniqueUrl(list, u);
						});
						return;
					}
				} catch (e1) {
					try {
						var arr2 = JSON.parse(decodeURIComponent(val));
						if (Array.isArray(arr2)) {
							arr2.forEach(function (u) {
								pushUniqueUrl(list, u);
							});
							return;
						}
					} catch (e2) {}
				}
			}
			val.split(',').forEach(function (seg) {
				seg = String(seg).trim();
				if (!seg) return;
				if (/%[0-9A-Fa-f]{2}/.test(seg)) {
					try {
						seg = decodeURIComponent(seg.replace(/\+/g, ' '));
					} catch (e) {}
				}
				pushUniqueUrl(list, seg);
			});
		}

		function parseOptionsItem() {
			var raw = getMergedParam('options');
			if (!raw) return null;
			var opts;
			try {
				opts = JSON.parse(raw);
			} catch (e) {
				return null;
			}
			if (!opts || typeof opts !== 'object') return null;
			var item = opts.item;
			if (typeof item === 'string' && item) {
				try {
					item = JSON.parse(item);
				} catch (e2) {
					return null;
				}
			}
			if (!item || typeof item !== 'object') return null;
			return item;
		}

		function normalizeMediaUrl(raw) {
			raw = String(raw == null ? '' : raw).trim();
			if (!raw || raw === '0') return '';
			if (/%[0-9A-Fa-f]{2}/.test(raw)) {
				try {
					raw = decodeURIComponent(raw.replace(/\+/g, ' '));
				} catch (e) {}
			}
			return raw;
		}

		function resolveUserAvatarUrl() {
			var top = normalizeMediaUrl(getMergedParam('userImage'));
			if (top) return top;
			var item = parseOptionsItem();
			if (!item) return '';
			var u = item.userImage;
			if (u == null || u === '') return '';
			if (typeof u === 'number') return '';
			return normalizeMediaUrl(String(u));
		}

		/** 轮播仅使用 checkInImages：① URL 参数 ② options.item.checkInImages；无则用默认图 */
		function collectImageUrlsFromUrl() {
			var merged = getMergedQueryString();
			var urls = [];

			getAllParamValuesCI(merged, 'checkinimages').forEach(function (val) {
				pushUrlsFromRawParam(urls, val);
			});

			var item = parseOptionsItem();
			if (item && item.checkInImages != null && item.checkInImages !== '') {
				if (Array.isArray(item.checkInImages)) {
					item.checkInImages.forEach(function (u) {
						pushUniqueUrl(urls, u);
					});
				} else {
					pushUrlsFromRawParam(urls, String(item.checkInImages));
				}
			}

			if (!urls.length) {
				pushUniqueUrl(urls, CHECKIN_HERO_DEFAULT_MAP_SRC);
			}
			return urls;
		}

		var heroI = 0;
		var heroTimer = null;
		var dynHeroSwipeInited = false;

		function getHeroSlideCount() {
			return document.getElementById('dynHeroDots').querySelectorAll('.checkin-hero__dot').length;
		}

		function initDynCarousel(slides) {
			var track = document.getElementById('dynHeroTrack');
			var dotsWrap = document.getElementById('dynHeroDots');

			function go(n) {
				var count = getHeroSlideCount();
				if (count < 1) return;
				heroI = ((n % count) + count) % count;
				track.style.transform = 'translateX(' + (-heroI * 100) + '%)';
				dotsWrap.querySelectorAll('.checkin-hero__dot').forEach(function (el, idx) {
					el.classList.toggle('is-active', idx === heroI);
				});
			}

			if (heroTimer) {
				clearInterval(heroTimer);
				heroTimer = null;
			}
			if (slides < 2) {
				heroI = 0;
				track.style.transform = 'translateX(0)';
				return;
			}
			heroTimer = setInterval(function () { go(heroI + 1); }, 4000);
			if (!dynHeroSwipeInited) {
				dynHeroSwipeInited = true;
				var hero = document.getElementById('dynHero');
				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 buildDynSlides(urls) {
			heroI = 0;
			var track = document.getElementById('dynHeroTrack');
			var dotsWrap = document.getElementById('dynHeroDots');
			track.innerHTML = '';
			dotsWrap.innerHTML = '';
			track.style.transform = 'translateX(0)';
			var list = (urls || []).filter(Boolean);
			if (!list.length) {
				var slide = document.createElement('div');
				slide.className = 'checkin-hero__slide';
				var img = document.createElement('img');
				img.src = CHECKIN_HERO_DEFAULT_MAP_SRC;
				img.alt = '';
				slide.appendChild(img);
				track.appendChild(slide);
				var dot = document.createElement('span');
				dot.className = 'checkin-hero__dot is-active';
				dotsWrap.appendChild(dot);
				return initDynCarousel(1);
			}
			list.forEach(function (url, d) {
				var s = document.createElement('div');
				s.className = 'checkin-hero__slide';
				var im = document.createElement('img');
				im.src = url;
				im.alt = '';
				s.appendChild(im);
				track.appendChild(s);
				var dot = document.createElement('span');
				dot.className = 'checkin-hero__dot' + (d === 0 ? ' is-active' : '');
				dotsWrap.appendChild(dot);
			});
			initDynCarousel(list.length);
		}

		function formatStar(score) {
			var n = Number(score);
			if (isNaN(n)) return '—';
			return (Math.round(n * 10) / 10).toString();
		}

		var STAR_PATH_D = 'M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z';

		function createStarSvg(className) {
			var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
			svg.setAttribute('class', 'star ' + (className || ''));
			svg.setAttribute('viewBox', '0 0 24 24');
			svg.setAttribute('fill', 'currentColor');
			var p = document.createElementNS('http://www.w3.org/2000/svg', 'path');
			p.setAttribute('d', STAR_PATH_D);
			svg.appendChild(p);
			return svg;
		}

		/** 按 0～5 分（与 App 店铺评分一致）绘制五星：灰底 + 橙色按小数裁剪 */
		function applyStoreStarsRow(score) {
			var wrap = document.getElementById('storeStarsRow');
			if (!wrap) return;
			var n = Number(score);
			if (isNaN(n) || n < 0) n = 0;
			if (n > 5) n = 5;
			wrap.innerHTML = '';
			for (var i = 0; i < 5; i++) {
				var frac = Math.min(1, Math.max(0, n - i));
				var slot = document.createElement('span');
				slot.className = 'star-slot';
				slot.appendChild(createStarSvg('star--base'));
				if (frac > 0) {
					var fw = document.createElement('span');
					fw.className = 'star-fill-wrap';
					fw.style.width = (frac * 100) + '%';
					fw.appendChild(createStarSvg('star--fill'));
					slot.appendChild(fw);
				}
				wrap.appendChild(slot);
			}
		}

		function applyPage() {
			var item = parseOptionsItem();

			var uname = getMergedParam('userName') || getMergedParam('nickname') || q('userName');
			if (uname) document.getElementById('userName').textContent = tryDecode(uname);
			else if (item && item.userName) document.getElementById('userName').textContent = String(item.userName);

			var av = resolveUserAvatarUrl();
			document.getElementById('userAvatar').src = av || CHECKIN_USER_AVATAR_DEFAULT;

			var year = getMergedParam('checkInYear') || getMergedParam('year') || q('checkInYear') || q('year');
			if (!year && item && item.checkInYear != null) year = String(item.checkInYear);
			if (!year) year = String(new Date().getFullYear());
			document.getElementById('checkInYear').textContent = tryDecode(year);

			var idx = getMergedParam('checkInIndex') || getMergedParam('placeIndex') || q('checkInIndex') || q('placeIndex');
			if (idx === '' && item) {
				if (item.checkInIndex != null) idx = String(item.checkInIndex);
				else if (item.placeIndex != null) idx = String(item.placeIndex);
			}
			if (idx === '') idx = '1';
			document.getElementById('checkInPlaceIndex').textContent = tryDecode(idx);

			var poiName = getMergedParam('poiName') || getMergedParam('locationName') || q('poiName') || q('locationName');
			if (!poiName && item) {
				poiName = item.poiName || item.addressName || item.storeName || '';
				poiName = poiName ? String(poiName) : '';
			}
			if (!poiName) poiName = getMergedParam('storeName') || q('storeName');
			poiName = poiName ? tryDecode(String(poiName)) : '';

			var poiScore = getMergedParam('scoreAvg') || q('scoreAvg');
			if (poiScore === '') poiScore = getMergedParam('poiScore') || getMergedParam('storeRating') || q('poiScore') || q('storeRating');
			if (poiScore === '' && item && item.scoreAvg != null) poiScore = String(item.scoreAvg);
			var starText = formatStar(poiScore);
			document.getElementById('checkInPoiLine').textContent =
				(poiName || '—') + ' · ' + starText + '星';

			buildDynSlides(collectImageUrlsFromUrl());

			var cardName = getMergedParam('cardStoreName') || q('cardStoreName');
			if (!cardName && item && item.cardStoreName) cardName = String(item.cardStoreName);
			if (!cardName && item && item.storeName) cardName = String(item.storeName);
			if (!cardName) cardName = getMergedParam('storeName') || q('storeName') || 'Sober';
			document.getElementById('storeTitle').textContent = tryDecode(cardName);

			var sAvg = getMergedParam('scoreAvg') || q('scoreAvg');
			if (sAvg === '') sAvg = getMergedParam('cardScore') || q('cardScore');
			if (sAvg === '' && item && item.scoreAvg != null) sAvg = String(item.scoreAvg);
			if (sAvg === '') sAvg = '4.9';
			var sn = Number(sAvg);
			document.getElementById('storeScore').textContent = !isNaN(sn) ? sn.toFixed(1) : sAvg;
			applyStoreStarsRow(isNaN(sn) ? 0 : sn);

			var rc = getMergedParam('ratingCount') || q('ratingCount');
			if (rc === '' && item && item.ratingCount != null) rc = String(item.ratingCount);
			if (rc === '' && item && item.commitCount != null) rc = String(item.commitCount);
			if (rc === '') rc = '200';
			var elReviews = document.getElementById('storeReviews');
			if (elReviews) elReviews.textContent = rc;

			var cat = getMergedParam('businessTypeName') || getMergedParam('category') || q('category') || q('storeCat');
			if (!cat && item && item.businessTypeName) cat = String(item.businessTypeName);
			if (!cat) cat = 'live house';
			var elCat = document.getElementById('storeCat');
			if (elCat) elCat.textContent = tryDecode(cat);

			var tag = getMergedParam('tagline') || q('tagline');
			if (!tag && item && item.promotionText) tag = String(item.promotionText);
			if (!tag) tag = '24小时水果饮料无限畅享受!';
			var elTag = document.getElementById('storeTagline');
			if (elTag) elTag.textContent = tryDecode(tag);

			var thumb = getMergedParam('coverUrl') || q('coverUrl');
			if (!thumb && item && item.coverUrl != null && String(item.coverUrl).trim() !== '') {
				thumb = String(item.coverUrl);
			}
			if (!thumb) thumb = getMergedParam('cardCover') || q('cardCover');
			if (!thumb && item) {
				if (item.entranceImage) thumb = String(item.entranceImage);
				else if (Array.isArray(item.storeAlbumUrlList) && item.storeAlbumUrlList[0]) thumb = item.storeAlbumUrlList[0];
				else if (Array.isArray(item.imageList) && item.imageList[0]) thumb = item.imageList[0];
			}
			if (thumb) document.getElementById('storeThumb').src = normalizeMediaUrl(thumb) || thumb;
		}

		function boot() {
			fetchGetDeleteFlagByIdIfId().then(function (res) {
				if (shouldRedirectToShareCheckInUndefined(res)) {
					window.location.replace(buildShareCheckInUndefinedHref(res));
					return;
				}
				applyPage();
			});
			var openBtn = document.getElementById('openApp');
			if (openBtn) {
				openBtn.addEventListener('click', function () {
					tryOpenHBuilderApp();
				});
			}
		}

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