156 lines
5.5 KiB
HTML
156 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>服务协议｜万趣旅行</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>
|
|
<p>万趣旅行提供贵州定制旅行咨询、线路规划建议、在地执行资源沟通和相关地接服务信息。具体服务内容、价格和履约安排以双方最终确认的方案或合同为准。</p>
|
|
|
|
<h2>用户责任</h2>
|
|
<ul>
|
|
<li>请确保提交的联系人、出行人数、日期、预算和特殊需求真实、准确。</li>
|
|
<li>涉及证件、签证、保险、健康状况和户外活动限制的信息，应在确认方案前主动告知。</li>
|
|
</ul>
|
|
|
|
<h2>内容说明</h2>
|
|
<p>网站展示的线路、图片、酒店、活动和价格信息用于咨询参考，可能因季节、天气、资源档期、政策和供应商情况发生变化。</p>
|
|
|
|
<h2>联系我们</h2>
|
|
<p>如对本协议或服务安排有疑问，请通过 <a href="/contact/">联系页面</a> 与我们沟通。</p>
|
|
</article>
|
|
|
|
<article data-lang-content="en">
|
|
<h1>Service Agreement</h1>
|
|
<p>Welcome to the Wanqu Travel website. By submitting an inquiry or communicating travel needs through this website, you acknowledge and accept the following service notes.</p>
|
|
|
|
<h2>Scope of Service</h2>
|
|
<p>Wanqu Travel provides Guizhou custom travel consultation, route-planning advice, local operating-resource communication, and related destination-management service information. Specific service content, pricing, and fulfillment arrangements are subject to the final plan or contract confirmed by both parties.</p>
|
|
|
|
<h2>User Responsibilities</h2>
|
|
<ul>
|
|
<li>Please ensure that submitted contact details, group size, dates, budget, and special requirements are true and accurate.</li>
|
|
<li>Information involving documents, visas, insurance, health conditions, and outdoor-activity limits should be disclosed before confirming the plan.</li>
|
|
</ul>
|
|
|
|
<h2>Content Notes</h2>
|
|
<p>Routes, images, hotels, activities, and pricing shown on the website are for consultation reference and may change due to season, weather, availability, policy, and supplier conditions.</p>
|
|
|
|
<h2>Contact Us</h2>
|
|
<p>If you have questions about this agreement or service arrangements, please contact us through the <a href="/contact/">contact page</a>.</p>
|
|
</article>
|
|
</main>
|
|
|
|
<script>
|
|
const storageKey = 'wanqu-travel-language';
|
|
const titleText = {
|
|
zh: '服务协议｜万趣旅行',
|
|
en: 'Service Agreement | 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>
|