yp_web
/
pet-system-merchant-app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221
							<!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=yes, viewport-fit=cover">
    <title>好萌友隐私政策</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            background-color: #f5f7fb;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            line-height: 1.5;
            padding: 20px 0 48px 0;
        }
        .privacy-container {
            max-width: 720px;
            margin: 0 auto;
            background-color: #ffffff;
            border-radius: 20px;
            box-shadow: 0 8px 24px rgba(0,0,0,0.05);
            overflow: hidden;
            padding: 28px 20px 40px 20px;
        }
        @media (min-width: 600px) {
            .privacy-container {
                padding: 40px 36px 52px 36px;
            }
        }
        h1 {
            font-size: 26px;
            font-weight: 700;
            text-align: center;
            margin-bottom: 8px;
            letter-spacing: -0.3px;
        }
        .update-date {
            text-align: center;
            font-size: 14px;
            border-bottom: 1px solid #eef2f6;
            padding-bottom: 20px;
            margin-bottom: 24px;
        }
        .update-date p {
            margin: 4px 0;
        }
        h2 {
            font-size: 20px;
            font-weight: 700;
            margin: 1.6em 0 0.8em 0;
            padding-left: 12px;
            border-left: 4px solid #ccc;
        }
        h3 {
            font-size: 18px;
            font-weight: 600;
            margin: 1.2em 0 0.5em 0;
        }
        h4 {
            font-size: 16px;
            font-weight: 600;
            margin: 1em 0 0.5em 0;
        }
        .sub-section {
            font-weight: 600;
            font-size: 16px;
            margin: 1em 0 0.3em 0;
        }
        p {
            font-size: 15px;
            margin-bottom: 0.9em;
            line-height: 1.55;
        }
        .text-muted {
            font-size: 14px;
        }
        strong, b {
            font-weight: 600;
        }
        ul, ol {
            margin: 0.6em 0 1em 1.8em;
            font-size: 15px;
        }
        li {
            margin: 0.5em 0;
            line-height: 1.5;
        }
        hr {
            margin: 28px 0;
            border: 0;
            height: 1px;
            background: #e0e7ed;
        }
        .contact-info {
            background-color: #f8fafc;
            border-radius: 16px;
            padding: 16px 20px;
            margin-top: 24px;
            font-size: 14px;
        }
        footer {
            margin-top: 32px;
            text-align: center;
            font-size: 12px;
            border-top: 1px solid #ecf3f9;
            padding-top: 24px;
        }
        a {
            text-decoration: none;
            word-break: break-all;
        }
        a:hover {
            text-decoration: underline;
        }
        .small-note {
            font-size: 13px;
            background: #f9fafc;
            padding: 10px 14px;
            border-radius: 12px;
            margin: 12px 0;
        }
        .sdk-table-like {
            background: #fefef9;
            border-left: 3px solid #d0dbe9;
            padding: 12px 18px;
            margin: 16px 0;
            border-radius: 14px;
        }
        @media (max-width: 480px) {
            .privacy-container {
                padding: 20px 16px 32px 16px;
            }
            h1 {
                font-size: 24px;
            }
            h2 {
                font-size: 19px;
            }
        }
    </style>
</head>
<body>
<div class="privacy-container">
    <h1 id="privacy-title" style="text-align: center; margin-bottom: 20px;">好萌友隐私政策</h1>
    <div id="privacy-content" style="padding: 100px 0; text-align: center; color: #999; font-size: 16px;">
        正在获取最新的隐私政策，请稍候...
    </div>
    <div id="privacy-footer" style="margin-top: 32px; text-align: center; font-size: 12px; border-top: 1px solid #ecf3f9; padding-top: 24px; color: #999;">
        © 好萌友APP · 重庆盈锐文化传播有限公司
    </div>
</div>
<script>
    (function() {
        var apiURL = 'http://www.hoomeng.pet/api/system/agreement/2';
        var headers = {
            'clientid': 'fe63fea7be31b0200b496d08bc6b517d',
            'X-Platform-Code': 'MfJkMNMW2JKXBuPcbP2rxkD3ynXmReAZZFm4fN7cAGwGJdKCmd',
            'Content-Type': 'application/json'
        };
        
        var xhr = new XMLHttpRequest();
        xhr.open('GET', apiURL, true);
        for (var key in headers) {
            if (headers.hasOwnProperty(key)) {
                xhr.setRequestHeader(key, headers[key]);
            }
        }
        xhr.onreadystatechange = function() {
            if (xhr.readyState === 4) {
                var loaded = false;
                if (xhr.status === 200) {
                    try {
                        var response = JSON.parse(xhr.responseText);
                        if (response && response.code === 200 && response.data) {
                            var data = response.data;
                            var title = data.title;
                            var content = data.content;
                            
                            var decodedContent = content;
                            if (content) {
                                try {
                                    decodedContent = decodeURIComponent(escape(window.atob(content)));
                                } catch (e) {
                                    decodedContent = content;
                                }
                            }
                            
                            if (decodedContent) {
                                var titleEl = document.getElementById('privacy-title');
                                var contentEl = document.getElementById('privacy-content');
                                if (titleEl && title) titleEl.innerText = title;
                                if (contentEl) {
                                    contentEl.style.padding = '0';
                                    contentEl.style.textAlign = 'left';
                                    contentEl.style.color = 'inherit';
                                    contentEl.style.fontSize = 'inherit';
                                    contentEl.innerHTML = decodedContent;
                                }
                                loaded = true;
                            }
                        }
                    } catch (e) {
                        console.error('Failed to parse dynamic privacy policy', e);
                    }
                }
                if (!loaded) {
                    var contentEl = document.getElementById('privacy-content');
                    if (contentEl) {
                        contentEl.innerText = '加载隐私政策失败，请检查网络连接后重试。';
                    }
                }
            }
        };
        xhr.send();
    })();
</script>
</body>
</html>