Files
wdm-web/public/privacy-policy.html
2026-07-23 15:43:23 +08:00

158 lines
5.5 KiB
HTML

<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title data-i18n-title>隐私政策|万趣旅行</title>
<style>
:root {
color-scheme: light;
}
body {
margin: 0;
background: #f4f8ef;
color: #243328;
font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
line-height: 1.75;
}
main {
width: min(820px, calc(100% - 40px));
margin: 0 auto;
padding: 72px 0;
}
header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: 40px;
}
a {
color: #2f7436;
}
.home-link {
font-size: 13px;
font-weight: 700;
text-decoration: none;
}
.language-toggle {
border: 1px solid rgba(36, 51, 40, 0.18);
border-radius: 999px;
background: #fff;
color: #243328;
cursor: pointer;
font: inherit;
font-size: 13px;
font-weight: 700;
padding: 8px 14px;
}
h1 {
margin: 0 0 24px;
font-size: clamp(32px, 5vw, 54px);
font-weight: 500;
}
h2 {
margin: 34px 0 10px;
font-size: 22px;
}
p,
li {
color: #536459;
}
[data-lang-content] {
display: none;
}
html[data-page-language='zh'] [data-lang-content='zh'],
html[data-page-language='en'] [data-lang-content='en'] {
display: block;
}
</style>
</head>
<body>
<main>
<header>
<a class="home-link" href="/" data-label-zh="返回首页" data-label-en="Back Home">返回首页</a>
<button class="language-toggle" type="button" data-label-zh="English" data-label-en="中文">English</button>
</header>
<article data-lang-content="zh">
<h1>隐私政策</h1>
<p>万趣旅行重视用户隐私。本页面说明我们在提供贵州定制旅行咨询、线路沟通和地接服务时,可能收集、使用和保护的信息。</p>
<h2>我们可能收集的信息</h2>
<ul>
<li>你主动提交的姓名、联系方式、出行日期、人数、预算和旅行偏好。</li>
<li>你与我们沟通时提供的航班、酒店、饮食禁忌、同行人需求等行程相关信息。</li>
<li>网站运行所需的基础访问数据,例如浏览器类型、页面访问情况和必要的安全日志。</li>
</ul>
<h2>信息用途</h2>
<p>我们仅将上述信息用于回应咨询、设计旅行方案、安排服务资源、改进网站体验和满足必要的合规要求。</p>
<h2>信息保护</h2>
<p>我们会采取合理的管理和技术措施保护你的个人信息。未经你的同意,我们不会将你的个人信息出售给第三方。</p>
<h2>联系我们</h2>
<p>如需查询、更正或删除你提交的信息,请通过网站 <a href="/contact/">联系页面</a> 与我们沟通。</p>
</article>
<article data-lang-content="en">
<h1>Privacy Policy</h1>
<p>Wanqu Travel values your privacy. This page explains what information we may collect, use, and protect when providing Guizhou custom travel consultation, route communication, and destination-management services.</p>
<h2>Information We May Collect</h2>
<ul>
<li>Name, contact details, travel dates, group size, budget, and travel preferences that you submit voluntarily.</li>
<li>Trip-related details you share with us, such as flights, hotels, dietary restrictions, and companion needs.</li>
<li>Basic website operation data, such as browser type, page visits, and necessary security logs.</li>
</ul>
<h2>How We Use Information</h2>
<p>We use this information only to respond to inquiries, design travel plans, arrange service resources, improve the website experience, and meet necessary compliance requirements.</p>
<h2>Information Protection</h2>
<p>We take reasonable administrative and technical measures to protect your personal information. We do not sell your personal information to third parties without your consent.</p>
<h2>Contact Us</h2>
<p>To request access, correction, or deletion of information you submitted, please contact us through the website <a href="/contact/">contact page</a>.</p>
</article>
</main>
<script>
const storageKey = 'wanqu-travel-language';
const titleText = {
zh: '隐私政策|万趣旅行',
en: 'Privacy Policy | Wanqu Travel',
};
function applyLanguage(language) {
const nextLanguage = language === 'en' ? 'en' : 'zh';
document.documentElement.dataset.pageLanguage = nextLanguage;
document.documentElement.lang = nextLanguage === 'zh' ? 'zh-CN' : 'en';
document.title = titleText[nextLanguage];
document.querySelectorAll('[data-label-zh]').forEach((element) => {
element.textContent = element.dataset[nextLanguage === 'zh' ? 'labelZh' : 'labelEn'];
});
localStorage.setItem(storageKey, nextLanguage);
}
applyLanguage(localStorage.getItem(storageKey));
document.querySelector('.language-toggle').addEventListener('click', () => {
const current = document.documentElement.dataset.pageLanguage;
applyLanguage(current === 'zh' ? 'en' : 'zh');
});
</script>
</body>
</html>