<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>今天穿什么 使用支持</title>
<style>
  :root {
    --paper: #f4f1ea;
    --paper-card: #ffffff;
    --ink: #1c1c1e;
    --ink-muted: #6b6a63;
    --ink-faint: #97958c;
    --accent: #3c4a6b;
    --accent-soft: #e8ebf1;
    --rule: rgba(28,28,30,0.12);
    --rule-strong: rgba(28,28,30,0.22);
  }
  @media (prefers-color-scheme: dark) {
    :root {
      --paper: #17181b;
      --paper-card: #202126;
      --ink: #ece9e2;
      --ink-muted: #a3a196;
      --ink-faint: #706e66;
      --accent: #93a6cc;
      --accent-soft: #262b38;
      --rule: rgba(236,233,226,0.14);
      --rule-strong: rgba(236,233,226,0.24);
    }
  }

  * { box-sizing: border-box; }
  body {
    margin: 0;
    background: var(--paper);
    color: var(--ink);
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
  }
  .serif { font-family: "STSong", "Songti SC", "Noto Serif SC", serif; }
  a { color: var(--accent); text-decoration-thickness: 1px; text-underline-offset: 2px; }
  a:focus-visible, summary:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 3px;
    border-radius: 2px;
  }

  .shell {
    max-width: 720px;
    margin: 0 auto;
    padding: clamp(28px, 6vw, 64px) clamp(20px, 5vw, 40px) 80px;
  }

  header.mast {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    padding-bottom: 28px;
    margin-bottom: 36px;
    border-bottom: 2px solid var(--ink);
  }
  .mast-mark { display: flex; align-items: center; gap: 12px; }
  .mast-tag {
    width: 34px; height: 34px;
    border: 1.6px solid var(--ink);
    border-radius: 7px;
    position: relative;
    flex: none;
  }
  .mast-tag::before {
    content: "";
    position: absolute;
    top: 8px; left: 8px; right: 8px; bottom: 8px;
    border-top: 1.4px dashed var(--ink-faint);
  }
  .mast-title h1 {
    font-size: clamp(22px, 3.4vw, 30px);
    margin: 0 0 2px;
    letter-spacing: 0.01em;
    text-wrap: balance;
  }
  .mast-title p { margin: 0; color: var(--ink-muted); font-size: 13.5px; }

  .contact-card {
    background: var(--paper-card);
    border: 1px solid var(--rule);
    border-radius: 14px;
    padding: 20px clamp(18px, 4vw, 26px);
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
  }
  .contact-card p { margin: 0; font-size: 14px; color: var(--ink-muted); }
  .contact-card a.btn {
    display: inline-block;
    background: var(--accent);
    color: #fff;
    font-size: 13.5px;
    font-weight: 600;
    padding: 9px 18px;
    border-radius: 999px;
    text-decoration: none;
    white-space: nowrap;
  }
  @media (prefers-color-scheme: dark) {
    .contact-card a.btn { color: #17181b; }
  }

  h2.group-title {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    color: var(--accent);
    font-weight: 700;
    margin: 40px 0 14px;
  }
  h2.group-title:first-of-type { margin-top: 0; }

  details.faq {
    border-top: 1px solid var(--rule);
  }
  details.faq:last-of-type { border-bottom: 1px solid var(--rule); }
  details.faq summary {
    cursor: pointer;
    list-style: none;
    padding: 16px 28px 16px 0;
    font-size: 15px;
    font-weight: 500;
    color: var(--ink);
    position: relative;
  }
  details.faq summary::-webkit-details-marker { display: none; }
  details.faq summary::after {
    content: "+";
    position: absolute;
    right: 2px;
    top: 14px;
    font-size: 18px;
    color: var(--ink-faint);
    font-weight: 400;
    transition: transform 0.15s ease;
  }
  details.faq[open] summary::after { content: "–"; }
  details.faq .a {
    padding: 0 28px 18px 0;
    font-size: 14px;
    color: var(--ink-muted);
    max-width: 62ch;
  }
  details.faq .a p { margin: 0 0 10px; }
  details.faq .a p:last-child { margin-bottom: 0; }
  details.faq .a a { color: var(--accent); }

  footer {
    margin-top: 56px;
    padding-top: 24px;
    border-top: 1px solid var(--rule);
    font-size: 12.5px;
    color: var(--ink-faint);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
  }
</style>
</head>
<body>
<div class="shell">

  <header class="mast">
    <div class="mast-mark">
      <div class="mast-tag" aria-hidden="true"></div>
      <div class="mast-title">
        <h1 class="serif">今天穿什么 · 使用支持</h1>
        <p>OOTD Wardrobe App Support</p>
      </div>
    </div>
  </header>

  <div class="contact-card">
    <p>没找到你要的答案？直接写邮件给开发者，我们会尽快回复。</p>
    <a class="btn" href="mailto:dandy5201799@gmail.com">写邮件反馈</a>
  </div>

  <h2 class="group-title">快速上手</h2>

  <details class="faq">
    <summary>怎么把衣服加进衣橱？</summary>
    <div class="a">
      <p>首页点相机图标拍照，或从相册批量选图（最多一次 9 张）。拍完会自动抠图、AI 识别名称和类别，几秒后就能在衣橱里看到。</p>
      <p>刚安装时衣橱里的几件是「示例」标注的样品，用来演示搭配效果；拍下你自己的第一件衣服后，搭配推荐就会以你真实的衣服为准。</p>
    </div>
  </details>

  <details class="faq">
    <summary>识别结果不准确，或者类别识别错了怎么办？</summary>
    <div class="a">
      <p>进入这件衣服的详情页，顶部类别标签可以直接点开手动改（比如把误判成「鞋包」的衣服改回「上衣」）。</p>
      <p>如果识别一直没成功，衣服会显示「识别没成功」的提示，点一下可以重新识别，不会重复扣除次数。</p>
    </div>
  </details>

  <details class="faq">
    <summary>为什么生成搭配时有的衣服不参与推荐？</summary>
    <div class="a">
      <p>示例衣服（带「示例」标注的样品）不会真的出现在你的搭配推荐里——你没有实物，推荐了也穿不出门。等你自己拍够 5 件衣服后，示例衣橱会自动收起。</p>
      <p>识别一直没成功的衣服，元数据不完整也会暂时跳过推荐，重新识别成功后会自动恢复。</p>
    </div>
  </details>

  <h2 class="group-title">生成搭配与上身效果图</h2>

  <details class="faq">
    <summary>点生成上身效果图，弹出订阅提示是怎么回事？</summary>
    <div class="a">
      <p>搭配方案本身完全免费、不限次数。AI 生成上身效果图是订阅功能，首次使用会引导你开通「衣橱 Pro」7 天免费试用，试用结束后按年自动续费，可以随时在「设置 › Apple 账户 › 订阅」中取消，试用期内取消不会扣费。</p>
    </div>
  </details>

  <details class="faq">
    <summary>上身效果图生成失败怎么办？</summary>
    <div class="a">
      <p>失败不会扣除你的额度。搭配卡片上会出现「生成失败，点击重试」，点一下就会针对这一套重新生成，不影响其他已经生成好的搭配。</p>
    </div>
  </details>

  <details class="faq">
    <summary>怎么取消订阅？</summary>
    <div class="a">
      <p>订阅由 Apple 处理，在 iPhone 的「设置 › [你的名字] › 订阅」中可以随时查看或取消，开发者这边看不到、也无法代为操作你的订阅状态。</p>
    </div>
  </details>

  <h2 class="group-title">数据与账号</h2>

  <details class="faq">
    <summary>需要注册账号吗？</summary>
    <div class="a">
      <p>不需要。App 内没有账号系统，衣橱数据直接保存在你的设备本机，卸载重装前一直都在。</p>
    </div>
  </details>

  <details class="faq">
    <summary>换手机之后，衣橱数据还在吗？</summary>
    <div class="a">
      <p>如果开启过 iCloud 同步，换新设备登录同一个 Apple 账户后会自动找回。数据具体如何收集与使用，见我们的<a href="/privacy.html">隐私政策</a>。</p>
    </div>
  </details>

  <details class="faq">
    <summary>怎么彻底删除某件衣服或某套搭配？</summary>
    <div class="a">
      <p>衣服详情页、搭配详情页都有删除入口，删除后本机文件会一并清除，无法恢复，操作前会有二次确认。</p>
    </div>
  </details>

  <footer>
    <span>© 2026 丹迪唐 · 今天穿什么</span>
    <span><a href="/privacy.html">隐私政策</a></span>
  </footer>

</div>
</body>
</html>
