"<!DOCTYPE html>\r\n<html lang=\"zh-CN\">\r\n\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\"\r\n        content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no\">\r\n    <title>冰城plus<\/title>\r\n    <link rel=\"shortcut icon\" href=\"\/favicon2.ico\">\r\n    <link rel=\"stylesheet\" href=\"\/static\/bootstrap-5.3.0\/css\/bootstrap.min.css\">\r\n    <script src=\"\/static\/jquery\/jquery-3.5.1.min.js\"><\/script>\r\n\r\n    <script type=\"text\/javascript\" charset=\"UTF-8\" src=\"https:\/\/cdn.xinstall.com\/xinstall.js\"><\/script>\r\n\r\n    <style>\r\n        body, html {\r\n            margin: 0;\r\n            padding: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n            background-color: #f5f5f5;\r\n        }\r\n\r\n        .zj-1 {\r\n            background-image: url(\/static\/img\/download\/bg-shu.jpg);\r\n            background-position: top center;\r\n            background-repeat: no-repeat;\r\n            background-size: 100%;\r\n            height: 100%;\r\n            background-color: #beedff;\r\n            text-align: center;\r\n        }\r\n\r\n        .zj-2 {\r\n            width: 60%;\r\n            margin-top: 20%;\r\n        }\r\n\r\n        .zj-3 {\r\n            width: 60%;\r\n            margin-top: 20%;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .zj-4 {\r\n            position: fixed;\r\n            bottom: 0;\r\n            z-index: 0;\r\n        }\r\n\r\n        .zj-21 {\r\n            height: 100%;\r\n            text-align: center;\r\n            background: url(\/static\/img\/download\/line-2.png) no-repeat bottom center \/ contain,\r\n                url(\/static\/img\/download\/bg-heng.jpg) no-repeat top center \/ 1440px;\r\n            background-color: #beedff;\r\n            padding-bottom: 24%;\r\n        }\r\n\r\n        .zj-22 {\r\n            width: 333px;\r\n            margin-top: 73px;\r\n        }\r\n\r\n        .zj-23 {\r\n            width: 342px;\r\n            margin-top: 58px;\r\n            position: relative;\r\n            z-index: 2;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .zj-24 {\r\n            position: fixed;\r\n            bottom: 0;\r\n            z-index: 0;\r\n        }\r\n\r\n        .btn-wrap {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 16px;\r\n            padding-top: 1rem;\r\n        }\r\n        \r\n        .open-btn {\r\n            width: 200px;\r\n            height: 50px;\r\n            background: #ffffff;\r\n            color: #1ebdff;\r\n            border: none;\r\n            border-radius: 26px;\r\n            font-size: 17px;\r\n            font-weight: 600;\r\n            letter-spacing: 2px;\r\n            cursor: pointer;\r\n            box-shadow: 0 8px 24px rgba(0,0,0,0.2);\r\n            transition: transform 0.15s, box-shadow 0.15s, opacity 0.15s;\r\n            -webkit-tap-highlight-color: transparent;\r\n            outline: none;\r\n        }\r\n\r\n        .open-btn:active {\r\n            transform: scale(0.96);\r\n            box-shadow: 0 4px 12px rgba(0,0,0,0.15);\r\n            opacity: 0.92;\r\n        }\r\n\r\n        .status-text {\r\n            font-size: 13px;\r\n            color: #666;\r\n            min-height: 20px;\r\n            text-align: center;\r\n            transition: opacity 0.3s;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n    <div class=\"h-100 d-block d-sm-none\">\r\n        <div class=\"zj-1\">\r\n            <img src=\"\/static\/img\/download\/word.png\" class=\"zj-2\">\r\n            <br>\r\n            <div class=\"btn-wrap\">\r\n                <button class=\"open-btn\" id=\"openBtn\" onclick=\"openApp()\">打开冰城+<\/button>\r\n                <div class=\"status-text\" id=\"statusText\">正在尝试打开应用…<\/div>\r\n            <\/div>\r\n            <br>\r\n            <div class=\"zj-4 w-100\">\r\n                <img src=\"\/static\/img\/download\/line-1.png\" class=\"w-100\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"h-100 d-none d-sm-block\">\r\n        <div class=\"zj-21\">\r\n            <img src=\"\/static\/img\/download\/word.png\" class=\"zj-22\">\r\n            <br>\r\n            <div class=\"btn-wrap\">\r\n                <button class=\"open-btn\" id=\"openBtn\" onclick=\"openApp()\">打开冰城+<\/button>\r\n                <div class=\"status-text\" id=\"statusText\">正在尝试打开应用…<\/div>\r\n            <\/div>\r\n            <br>\r\n        <\/div>\r\n    <\/div>\r\n    <script>\r\n        function adjust() {\r\n            let w = $(window).width();\r\n            if (w < 576) {\r\n                $(\"html\").css(\"height\", \"100%\");\r\n                $(\"body\").css(\"height\", \"100%\");\r\n            } else {\r\n                if ($(window).height() < 671) {\r\n                    $(\"html\").css(\"height\", \"unset\");\r\n                    $(\"body\").css(\"height\", \"unset\");\r\n                } else {\r\n                    $(\"html\").css(\"height\", \"100%\");\r\n                    $(\"body\").css(\"height\", \"100%\");\r\n                }\r\n            }\r\n        }\r\n        $(window).resize(function () {\r\n            adjust();\r\n        });\r\n        $(function ($) {\r\n            adjust();\r\n        });\r\n    <\/script>\r\n    <script>\r\n        \/\/ ====== 配置区域 ======\r\n        const CONFIG = {\r\n            \/\/ URL Scheme（App 提供的协议，需替换为实际值）\r\n            scheme: 'habaonews:\/\/detail',\r\n            \/\/ Android 包名（需替换为实际值）\r\n            androidPkg: 'com.cmstop.icecityplus',\r\n            \/\/ iOS Universal Link（如有，替换为实际值；无则留空）\r\n            universalLink: '',\r\n            \/\/ 各平台下载页地址（替换为实际地址）\r\n            downloadUrl: {\r\n                ios: 'https:\/\/apps.apple.com\/us\/app\/%E5%86%B0%E5%9F%8E\/id1567846405',\r\n                android: 'https:\/\/sj.qq.com\/appdetail\/com.cmstop.icecityplus?ocpc=baidu-search&supply_id=2700200113&account_id=60675343&plan_id=818547061&group_id=11186102417&keyword_id=1033436218567&creative_id=122103215677&adposition=cl1&pagenum=1&matchtype=1&bd_vid=11018698428689157838&q=%E5%86%B0%E5%9F%8E+&use_previous_query=1',\r\n                default: 'https:\/\/sj.qq.com\/appdetail\/com.cmstop.icecityplus?ocpc=baidu-search&supply_id=2700200113&account_id=60675343&plan_id=818547061&group_id=11186102417&keyword_id=1033436218567&creative_id=122103215677&adposition=cl1&pagenum=1&matchtype=1&bd_vid=11018698428689157838&q=%E5%86%B0%E5%9F%8E+&use_previous_query=1'\r\n            }\r\n        };\r\n        \/\/ ====== 配置结束 ======\r\n\r\n        const btn = document.getElementById('openBtn');\r\n        const statusText = document.getElementById('statusText');\r\n\r\n        \/\/ 检测是否在微信内置浏览器中打开\r\n        function isWeChat() {\r\n            return \/MicroMessenger\/i.test(navigator.userAgent);\r\n        }\r\n\r\n        \/\/ 微信环境：显示引导蒙层，提示用户用浏览器打开\r\n        function showWeChatGuide() {\r\n            const mask = document.createElement('div');\r\n            mask.style.cssText = [\r\n                'position:fixed', 'inset:0', 'z-index:9999',\r\n                'background:rgba(0,0,0,0.7)',\r\n                'display:flex', 'flex-direction:column',\r\n                'align-items:center', 'justify-content:flex-start',\r\n                'padding-top:20px'\r\n            ].join(';');\r\n\r\n            \/\/ 右上角箭头指引图\r\n            mask.innerHTML = `\r\n                <div style=\"width:90%;max-width:360px;text-align:right;padding-right:10px;\">\r\n                    <svg width=\"60\" height=\"80\" viewBox=\"0 0 60 80\" fill=\"none\">\r\n                        <path d=\"M50 8 Q55 4 58 10 Q40 30 30 60\" stroke=\"#fff\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n                        <polygon points=\"24,58 36,58 30,72\" fill=\"#fff\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div style=\"\r\n                    background:#fff;border-radius:14px;padding:28px 24px;\r\n                    width:80%;max-width:320px;text-align:center;margin-top:10px;\r\n                \">\r\n                    <div style=\"font-size:22px;margin-bottom:10px;\">🌐<\/div>\r\n                    <div style=\"font-size:17px;font-weight:700;color:#222;margin-bottom:8px;\">请用浏览器打开<\/div>\r\n                    <div style=\"font-size:14px;color:#666;line-height:1.7;\">\r\n                        点击右上角 <strong>「···」<\/strong><br>选择 <strong>「在浏览器中打开」<\/strong>\r\n                    <\/div>\r\n                <\/div>\r\n            `;\r\n            mask.addEventListener('click', function () {\r\n                document.body.removeChild(mask);\r\n            });\r\n            document.body.appendChild(mask);\r\n\r\n            \/\/ 同时更新按钮文案\r\n            document.querySelectorAll('#openBtn').forEach(b => {\r\n                b.textContent = '请在浏览器中打开';\r\n                b.onclick = showWeChatGuide;\r\n            });\r\n            document.querySelectorAll('#statusText').forEach(s => {\r\n                s.textContent = '微信内无法直接唤起App，请用浏览器打开';\r\n            });\r\n        }\r\n        \/\/ 检测系统类型\r\n        function getOS() {\r\n            const ua = navigator.userAgent;\r\n            if (\/iPhone|iPad|iPod\/i.test(ua)) return 'ios';\r\n            if (\/Android\/i.test(ua)) return 'android';\r\n            return 'other';\r\n        }\r\n\r\n        \/\/ 获取对应平台的下载地址\r\n        function getDownloadUrl() {\r\n            const os = getOS();\r\n            return CONFIG.downloadUrl[os] || CONFIG.downloadUrl.default;\r\n        }\r\n\r\n        \/\/ 跳转到下载页\r\n        function goDownload() {\r\n            const url = getDownloadUrl();\r\n            statusText.textContent = '未检测到应用，正在跳转下载页…';\r\n            btn.textContent = '立即下载';\r\n            btn.onclick = function () { location.href = url; };\r\n            setTimeout(() => { location.href = url; }, 800);\r\n        }\r\n\r\n        \/\/ 尝试打开 App\r\n        function openApp() {\r\n            \/\/ 微信内拦截\r\n            if (isWeChat()) {\r\n                showWeChatGuide();\r\n                return;\r\n            }\r\n\r\n            const os = getOS();\r\n            statusText.textContent = '正在尝试打开应用…';\r\n\r\n            \/\/ iOS 优先用 Universal Link\r\n            if (os === 'ios' && CONFIG.universalLink) {\r\n                location.href = CONFIG.universalLink;\r\n                \/\/ Universal Link 无法判断是否成功，延迟跳下载页兜底\r\n                setTimeout(goDownload, 2500);\r\n                return;\r\n            }\r\n\r\n            \/\/ Android \/ 鸿蒙 \/ iOS（scheme）\r\n            const schemeUrl = CONFIG.scheme;\r\n            const startTime = Date.now();\r\n\r\n            \/\/ 尝试唤起 scheme\r\n            location.href = schemeUrl;\r\n\r\n            \/\/ 兜底：若 scheme 没有唤起 App（页面仍在前台），则跳转下载页\r\n            \/\/ 通过 visibilitychange 或 blur 判断是否唤起成功\r\n            let timer = setTimeout(function () {\r\n                \/\/ 页面没有失去焦点，说明 App 未被唤起\r\n                goDownload();\r\n            }, 2000);\r\n\r\n            \/\/ 页面进入后台（App 被打开），清除跳转计时器\r\n            function onHide() {\r\n                if (Date.now() - startTime < 3000) {\r\n                    clearTimeout(timer);\r\n                    statusText.textContent = '应用已打开';\r\n                }\r\n                document.removeEventListener('visibilitychange', onVisChange);\r\n                window.removeEventListener('pagehide', onHide);\r\n            }\r\n\r\n            function onVisChange() {\r\n                if (document.hidden) onHide();\r\n            }\r\n\r\n            document.addEventListener('visibilitychange', onVisChange);\r\n            window.addEventListener('pagehide', onHide);\r\n        }\r\n\r\n        \/\/ 页面加载后自动触发一次\r\n        window.addEventListener('load', function () {\r\n            if (isWeChat()) {\r\n                \/\/ 微信环境直接弹引导\r\n                setTimeout(showWeChatGuide, 300);\r\n            } else {\r\n                setTimeout(openApp, 600);\r\n            }\r\n        });\r\n    <\/script>\r\n<\/body>\r\n\r\n<\/html>"