<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>技术支持 | 食单 The Menu</title>

    <meta name="description" content="食单 The Menu - 您的私人米其林厨房助手。提供技术支持、用户协议与隐私政策。">

    <!-- 引入 Tailwind CSS -->

    <script src="https://cdn.tailwindcss.com"></script>

    <style>

        /* 引入宋体风格,营造典雅感 */

        @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&display=swap');

        

        body {

            font-family: 'Noto Serif SC', 'STSong', 'SimSun', serif;

            background-color: #f9f7f2; /* 宣纸暖白 */

            color: #1c1c1e; /* 墨色 */

        }

        

        /* 模拟印章质感 */

        .seal-red {

            background-color: #c02c28; /* 中国红 */

        }

        

        .section-title {

            position: relative;

            display: inline-block;

            margin-bottom: 1.5rem;

            padding-bottom: 0.5rem;

        }

        .section-title::after {

            content: '';

            position: absolute;

            bottom: 0;

            left: 0;

            width: 40px;

            height: 2px;

            background-color: #c02c28;

        }

    </style>

</head>

<body class="antialiased leading-relaxed">


    <div class="max-w-3xl mx-auto px-6 py-12">


        <!-- 顶部导航 & Logo -->

        <header class="flex items-center justify-between mb-16">

            <div class="flex items-center gap-4">

                <!-- CSS 绘制的 Logo (无需图片) -->

                <div class="relative w-14 h-14 border-[3px] border-gray-900 flex flex-col items-center justify-center bg-white shadow-sm">

                    <span class="text-xl font-bold leading-none mt-[-2px]">食</span>

                    <span class="text-xl font-bold leading-none mb-[-2px]">單</span>

                    <!-- 红色印章点缀 -->

                    <div class="absolute -top-1 -right-1 w-3 h-3 seal-red rounded-full border-2 border-[#f9f7f2]"></div>

                </div>

                

                <div>

                    <h1 class="text-2xl font-bold tracking-widest text-gray-900">食單</h1>

                    <p class="text-[10px] tracking-[0.2em] text-gray-500 uppercase font-sans">The Menu</p>

                </div>

            </div>


            <nav>

                <a href="support_en.html" class="text-sm text-gray-500 hover:text-red-700 transition-colors font-sans">English</a>

            </nav>

        </header>


        <!-- 1. 联系与支持 -->

        <section class="mb-16">

            <h2 class="text-2xl font-bold section-title">技术支持</h2>

            <p class="mb-6 text-gray-700">感谢您使用《食单 The Menu》。如果您在使用过程中遇到数据同步、AI 生成异常或订阅问题,请通过以下方式联系我们。</p>

            

            <div class="bg-white p-6 border border-gray-200 shadow-sm rounded-sm">

                <ul class="space-y-3 text-sm">

                    <li class="flex items-start">

                        <span class="font-bold w-24 shrink-0">电子邮箱:</span>

                        <a href="mailto:support@shidanthemenu.com" class="text-red-700 hover:underline">support@shidanthemenu.com</a>

                    </li>

                    <li class="flex items-start">

                        <span class="font-bold w-24 shrink-0">响应时间:</span>

                        <span>通常在 24 小时内回复(工作日)</span>

                    </li>

                </ul>

            </div>

        </section>


        <!-- 2. 隐私政策 -->

        <section class="mb-16" id="privacy">

            <h2 class="text-2xl font-bold section-title">隐私政策</h2>

            <div class="prose prose-stone prose-sm max-w-none text-gray-600">

                <p class="text-xs text-gray-400 mb-4">最后更新:2025年12月11日</p>

                <p>我们非常重视您的隐私。《食单 The Menu》遵循“最小化数据收集”原则。</p>

                

                <h3 class="font-bold text-black mt-4">1. 信息收集与使用</h3>

                <ul class="list-disc pl-5 space-y-1">

                    <li><strong>核心数据:</strong>您的菜谱、膳程计划等数据默认存储在您的设备本地或您的 iCloud 个人账户中。开发者无法直接访问这些数据。</li>

                    <li><strong>AI 功能:</strong>当您使用“智能识别”或“AI 绘图”时,必要的文本信息会发送至第三方 AI 服务商(SiliconFlow)进行处理。这些数据仅用于生成结果,不会被用于模型训练。</li>

                    <li><strong>账号信息:</strong>如果您选择邮箱登录,我们会安全存储您的邮箱地址用于身份验证。</li>

                </ul>


                <h3 class="font-bold text-black mt-4">2. 数据安全</h3>

                <p>我们使用行业标准加密技术传输数据。您的 iCloud 数据安全由 Apple Inc. 提供保障。</p>


                <h3 class="font-bold text-black mt-4">3. 第三方服务</h3>

                <p>本应用包含 Apple Sign In(登录)、StoreKit(订阅)等服务,使用这些服务须遵循 Apple 的隐私政策。</p>

                

                <h3 class="font-bold text-black mt-4">4. 账号注销</h3>

                <p>您可以在 App 的“设置”页面申请注销账号并删除所有云端数据。</p>

            </div>

        </section>


        <!-- 3. 用户协议 -->

        <section class="mb-12" id="terms">

            <h2 class="text-2xl font-bold section-title">用户协议 (EULA)</h2>

            <div class="prose prose-stone prose-sm max-w-none text-gray-600">

                <p>使用本应用即表示您同意以下条款:</p>

                <ul class="list-decimal pl-5 space-y-2 mt-2">

                    <li><strong>Pro 订阅:</strong>订阅费用将通过您的 iTunes 账户扣除。如需取消续订,请在当前周期结束前至少 24 小时在 Apple ID 设置中关闭。</li>

                    <li><strong>免责声明:</strong>AI 生成的菜谱步骤、热量数据仅供参考,不作为专业的营养学或医疗建议。</li>

                    <li><strong>知识产权:</strong>App 内的设计、代码逻辑归开发者所有。用户自行录入的内容版权归用户所有。</li>

                    <li><strong>禁止行为:</strong>严禁利用本 App 进行任何违法活动或尝试逆向工程。</li>

                </ul>

            </div>

        </section>


        <!-- 底部 -->

        <footer class="border-t border-gray-300 pt-8 text-center">

            <p class="text-xs text-gray-400 font-sans">

                &copy; 2025 ShiDan The Menu. All rights reserved.<br>

                Designed with Zen & Taste.

            </p>

        </footer>


    </div>


</body>

</html>