zacjiang.github.io/support.html at master · zacjiang/zacjiang.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Good Habit 技术支持 | Technical Support</title>
    <meta name="description" content="Good Habit（habittracker）iOS 应用的技术支持与联系信息，提供产品说明、常见问题与隐私政策链接。" />
    <style>
      :root {
        --bg: #fff9e6;
        --text: #222;
        --muted: #555;
        --accent: #ff9f1c;
        --accent-dark: #e58900;
        --card: #ffffff;
        --border: rgba(0,0,0,0.08);
      }
      html, body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; color: var(--text); background: var(--bg); }
      .container { max-width: 980px; margin: 0 auto; padding: 0 16px; }
      header { position: sticky; top: 0; backdrop-filter: blur(8px); background: rgba(255, 249, 230, 0.8); border-bottom: 1px solid var(--border); z-index: 10; }
      .nav { display: flex; align-items: center; justify-content: space-between; height: 60px; }
      .logo { font-weight: 800; letter-spacing: 0.5px; }
      .nav a { color: var(--text); text-decoration: none; margin-left: 16px; font-weight: 600; }
      .nav a:hover { color: var(--accent-dark); }
      .hero { padding: 48px 0 24px; text-align: center; }
      .hero h1 { font-size: 28px; margin: 0 0 12px; }
      .hero p { margin: 4px 0; color: var(--muted); }
      .card { background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 20px; box-shadow: 0 8px 24px rgba(0,0,0,0.05); }
      section { margin: 18px 0; }
      h2 { font-size: 22px; margin: 0 0 12px; }
      ul { margin: 8px 0 0 20px; }
      .grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
      .grid img { width: 100%; height: auto; border: 1px solid var(--border); border-radius: 10px; }
      .cta { display: inline-block; padding: 10px 16px; background: var(--accent); color: #fff; border-radius: 10px; text-decoration: none; font-weight: 700; }
      .cta:hover { background: var(--accent-dark); }
      footer { padding: 20px 0 40px; color: var(--muted); text-align: center; }
      .links { display: inline-flex; gap: 16px; margin-top: 10px; }
      .links a {  text-decoration: none; }
      .links a:hover { text-decoration: underline; }
      .two-col { display: grid; grid-template-columns: 1fr; gap: 14px; }
      @media (min-width: 720px) { .two-col { grid-template-columns: 1fr 1fr; } }
      .kbd { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; background: #fff3d6; border: 1px solid var(--border); border-radius: 6px; padding: 2px 6px; }
    </style>
  </head>
  <body>
    <header>
      <div class="container nav">
        <div class="logo">Good Habit / habittracker</div>
        <nav>
          <a href="#about">关于 / About</a>
          <a href="#contact">联系 / Contact</a>
          <a href="#product">产品 / Product</a>
          <a href="#faq">FAQ</a>
        </nav>
      </div>
    </header>

    <div class="container">
      <div class="hero">
        <h1>技术支持网站 · Technical Support</h1>
        <p>为 App Store 审核与用户提供帮助、联系方式和产品说明。</p>
        <p>Providing help, contact, and product info for App Review and users.</p>
      </div>

      <section id="about" class="card two-col">
        <div>
          <h2>关于（中文）</h2>
          <p>Good Habit（habittracker）是一款专注于习惯养成的 iOS 应用，帮您拆解目标、规划任务并跟踪进度。我们致力于通过清晰的任务拆分与温暖的视觉设计，帮助用户更轻松地持续行动。</p>
          <ul>
            <li>任务拆解与优先级管理</li>
            <li>每日提醒与完成记录</li>
            <li>习惯分析与可视化进度</li>
          </ul>
        </div>
        <div>
          <h2>About (English)</h2>
          <p>Good Habit (habittracker) is an iOS app focused on habit building. It helps you break down goals, plan tasks, and track progress. With clear task planning and warm visuals, it supports sustainable daily actions.</p>
          <ul>
            <li>Task breakdown and prioritization</li>
            <li>Daily reminders and completion logs</li>
            <li>Habit analytics and progress visualization</li>
          </ul>
        </div>
      </section>

      <section id="contact" class="card two-col">
        <div>
          <h2>联系与支持（中文）</h2>
          <p>如需技术支持或商务合作，请通过以下方式与我们联系：</p>
          <p>邮箱：<a href="mailto:1372175082@qq.com">1372175082@qq.com</a></p>
          <p>电话：<a href="tel:+8613486602155">+86 134 8660 2155</a></p>
          <p>工作时间：周一至周五 09:00–18:00（GMT+8）</p>
        </div>
        <div>
          <h2>Contact & Support (English)</h2>
          <p>For technical support or business inquiries, reach us at:</p>
          <p>Email: <a href="mailto:1372175082@qq.com">1372175082@qq.com</a></p>
          <p>Phone: <a href="tel:+8613486602155">+86 134 8660 2155</a></p>
          <p>Hours: Monday–Friday 09:00–18:00 (GMT+8)</p>
        </div>
      </section>

      <section id="product" class="card">
        <h2>产品说明 · Product Description</h2>
        <p>Good Habit 通过将目标拆解为清晰的可执行步骤，帮助用户稳步前进。应用内提供任务编辑、优先级设置、执行时间建议以及批量保存功能。数据在本地与云端之间安全同步，遵循隐私政策与使用条款。</p>
        <p>Good Habit turns goals into actionable steps. It offers task editing, priority, suggested execution time, and batch saving. Data sync is secure and adheres to our privacy policy and terms.</p>
        <div class="links">
          <a class="cta" href="policy.html">隐私政策 / Privacy Policy</a>
        </div>
      </section>


      <section id="faq" class="card">
        <h2>常见问题 · FAQ</h2>
        <details>
          <summary>如何联系人工支持？ / How to reach human support?</summary>
          <p>请发送邮件至 <a href="mailto:support@habittracker.app">support@habittracker.app</a>，或在工作时间致电 <a href="tel:+8613800000000">+86 138 0000 0000</a>。</p>
        </details>
      </section>

      <section class="card">
        <h2>致谢 · Acknowledgements</h2>
        <p>感谢所有参与测试与反馈的用户。我们会持续打磨体验，帮助更多人养成好习惯。</p>
        <p>Thanks to all testers and users for valuable feedback. We keep improving to support better habits.</p>
      </section>
    </div>

    <footer>
      <div class="container">
        <div>© 2025 Good Habit / habittracker</div>
        <div class="links">
          <a href="policy.html">隐私政策 / Privacy Policy</a>
        </div>
      </div>
    </footer>
  </body>
</html>