.page-privacy {
  --privacy-measure: 40rem;
  --privacy-rule: 1px solid var(--line);
  background: var(--indigo);
  color: var(--frost);
  font-family: var(--font-body);
  overflow-x: hidden;
}

.page-privacy .breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 1rem 0 0;
  font-size: 0.78rem;
  color: var(--haze);
}

.page-privacy .breadcrumb__list li + li::before {
  content: "/";
  margin-right: 0.4rem;
  color: var(--haze);
}

.page-privacy .breadcrumb__list a {
  color: var(--silver);
  text-decoration: none;
}

.page-privacy .breadcrumb__list a:hover {
  color: var(--mint);
}

.page-privacy .breadcrumb__list [aria-current="page"] {
  color: var(--frost);
}

/* 页首 */
.page-privacy .privacy-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 2.5rem 0 2.5rem;
  border-bottom: var(--privacy-rule);
}

.page-privacy .privacy-hero__texture {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.18;
  filter: saturate(0.45) contrast(1.1);
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0) 88%);
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0) 88%);
}

.page-privacy .privacy-hero__inner {
  position: relative;
  z-index: 1;
}

.page-privacy .privacy-hero__eyebrow {
  font-family: var(--font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.2em;
  color: var(--cinnabar);
  margin: 0;
}

.page-privacy .privacy-hero__title {
  font-family: var(--font-display);
  font-weight: 900;
  letter-spacing: -0.035em;
  font-size: clamp(1.9rem, 7.4vw, 3.4rem);
  line-height: 1.18;
  margin: 0.75rem 0 1rem;
  max-width: 20ch;
  color: var(--frost);
}

.page-privacy .privacy-hero__lead {
  max-width: 42ch;
  margin: 0;
  font-size: 0.96rem;
  line-height: 1.9;
  color: var(--silver);
}

.page-privacy .privacy-hero__stamp {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  margin-top: 1.35rem;
  font-family: var(--font-mono);
  font-size: 0.74rem;
  letter-spacing: 0.1em;
  color: var(--sand);
}

.page-privacy .privacy-hero__stamp::before {
  content: "";
  width: 26px;
  height: 1px;
  background: var(--cinnabar);
}

/* 摘要卡 */
.page-privacy .privacy-summary {
  padding: 2.25rem 0 0.5rem;
}

.page-privacy .privacy-summary__title {
  font-family: var(--font-display);
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--haze);
  margin: 0 0 1rem;
}

.page-privacy .privacy-summary__grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: minmax(0, 1fr);
}

.page-privacy .privacy-summary__card {
  background: var(--frost);
  color: var(--ink);
  border-radius: var(--radius-sm);
  border: 1px solid rgba(11, 21, 48, 0.1);
  box-shadow: 0 12px 26px rgba(3, 9, 24, 0.38);
  padding: 1.05rem 1.1rem;
}

.page-privacy .privacy-summary__k {
  margin: 0 0 0.5rem;
  font-family: var(--font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.16em;
  color: var(--cinnabar);
}

.page-privacy .privacy-summary__v {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.72;
  color: #21304d;
}

/* 正文两栏 */
.page-privacy .privacy-body {
  margin-top: 2rem;
  padding: 1.75rem 0 3rem;
  border-top: var(--privacy-rule);
}

.page-privacy .privacy-body__title {
  font-family: var(--font-mono);
  font-size: 0.7rem;
  font-weight: 400;
  letter-spacing: 0.2em;
  color: var(--haze);
  margin: 0 0 1.4rem;
}

.page-privacy .privacy-body__grid {
  display: grid;
  gap: 1.75rem;
  grid-template-columns: minmax(0, 1fr);
}

/* 目录 */
.page-privacy .privacy-toc__label {
  margin: 0 0 0.7rem;
  font-family: var(--font-mono);
  font-size: 0.66rem;
  letter-spacing: 0.2em;
  color: var(--haze);
}

.page-privacy .privacy-toc__list {
  display: flex;
  gap: 0.5rem;
  margin: 0;
  padding: 0 0 0.4rem;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

.page-privacy .privacy-toc__link {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  white-space: nowrap;
  padding: 0.48rem 0.8rem;
  border: var(--privacy-rule);
  border-radius: 999px;
  color: var(--silver);
  text-decoration: none;
  font-size: 0.8rem;
  transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}

.page-privacy .privacy-toc__num {
  font-family: var(--font-mono);
  font-size: 0.68rem;
  color: var(--haze);
}

.page-privacy .privacy-toc__link:hover,
.page-privacy .privacy-toc__link:focus-visible {
  color: var(--frost);
  border-color: var(--mint);
  outline: none;
}

/* 条款 */
.page-privacy .privacy-doc {
  max-width: var(--privacy-measure);
  min-width: 0;
}

.page-privacy .privacy-clause {
  padding: 1.5rem 0;
  border-top: var(--privacy-rule);
  scroll-margin-top: calc(var(--topbar-h) + 1rem);
}

.page-privacy .privacy-clause:first-child {
  border-top: 0;
  padding-top: 0;
}

.page-privacy .privacy-clause__head {
  display: flex;
  align-items: baseline;
  gap: 0.7rem;
  margin-bottom: 0.85rem;
}

.page-privacy .privacy-clause__num {
  font-family: var(--font-mono);
  font-size: 0.76rem;
  letter-spacing: 0.1em;
  color: var(--cinnabar);
}

.page-privacy .privacy-clause__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: 1.28rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--frost);
}

.page-privacy .privacy-clause:target .privacy-clause__title {
  color: var(--sand);
}

.page-privacy .privacy-clause__body p {
  margin: 0 0 0.95rem;
  font-size: 0.94rem;
  line-height: 1.92;
  color: var(--silver);
}

.page-privacy .privacy-clause__body p:last-child {
  margin-bottom: 0;
}

.page-privacy .privacy-list {
  display: grid;
  gap: 0.65rem;
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
}

.page-privacy .privacy-list li {
  position: relative;
  padding-left: 1.1rem;
  font-size: 0.92rem;
  line-height: 1.82;
  color: var(--silver);
}

.page-privacy .privacy-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.78em;
  width: 8px;
  height: 1px;
  background: var(--cinnabar);
}

.page-privacy .privacy-list strong {
  color: var(--frost);
  font-weight: 600;
}

/* 折叠细则 */
.page-privacy .privacy-details {
  margin: 1rem 0 0;
  padding: 0 1rem;
  border: var(--privacy-rule);
  border-radius: var(--radius-sm);
  background: var(--indigo-panel);
}

.page-privacy .privacy-details summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 0;
  cursor: pointer;
  font-family: var(--font-mono);
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  color: var(--sand);
  list-style: none;
}

.page-privacy .privacy-details summary::-webkit-details-marker {
  display: none;
}

.page-privacy .privacy-details summary::after {
  content: "+";
  font-family: var(--font-mono);
  color: var(--mint);
  font-size: 0.95rem;
  line-height: 1;
}

.page-privacy .privacy-details[open] summary::after {
  content: "\2013";
}

.page-privacy .privacy-details__content {
  padding: 0.9rem 0 1rem;
  border-top: var(--privacy-rule);
}

.page-privacy .privacy-details__content p {
  margin: 0 0 0.8rem;
  font-size: 0.88rem;
  line-height: 1.85;
  color: var(--silver);
}

.page-privacy .privacy-details__content p:last-child {
  margin-bottom: 0;
}

/* 联系块 */
.page-privacy .privacy-contact {
  margin: 1.1rem 0 1.2rem;
  padding: 0.9rem 1rem;
  border: var(--privacy-rule);
  border-radius: var(--radius);
  background: rgba(20, 38, 79, 0.72);
}

.page-privacy .privacy-contact__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3rem 0.7rem;
  padding: 0.7rem 0;
  border-bottom: 1px dashed rgba(36, 64, 122, 0.8);
}

.page-privacy .privacy-contact__row:first-child {
  padding-top: 0.2rem;
}

.page-privacy .privacy-contact__row:last-child {
  border-bottom: 0;
  padding-bottom: 0.2rem;
}

.page-privacy .privacy-contact__label {
  min-width: 3rem;
  font-family: var(--font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.14em;
  color: var(--haze);
}

.page-privacy .privacy-contact__value {
  flex: 1 1 12rem;
  min-width: 0;
  font-size: 0.9rem;
  line-height: 1.7;
  color: var(--frost);
  word-break: break-word;
}

.page-privacy .copy-btn {
  padding: 0.28rem 0.6rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: transparent;
  color: var(--sand);
  font-family: var(--font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  cursor: pointer;
  transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}

.page-privacy .copy-btn:hover,
.page-privacy .copy-btn:focus-visible {
  color: var(--mint);
  border-color: var(--mint);
  outline: none;
}

.page-privacy .copy-btn[data-copied] {
  color: var(--mint);
  border-color: var(--mint);
}

/* 相关入口 */
.page-privacy .privacy-next {
  margin-top: 1.75rem;
  padding-top: 1.4rem;
  border-top: var(--privacy-rule);
}

.page-privacy .privacy-next__label {
  margin: 0 0 0.8rem;
  font-family: var(--font-mono);
  font-size: 0.66rem;
  letter-spacing: 0.2em;
  color: var(--haze);
}

.page-privacy .privacy-next__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-privacy .privacy-next__link {
  display: inline-block;
  padding: 0.55rem 1rem;
  border: var(--privacy-rule);
  border-radius: 999px;
  color: var(--frost);
  text-decoration: none;
  font-size: 0.82rem;
  transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}

.page-privacy .privacy-next__link:hover,
.page-privacy .privacy-next__link:focus-visible {
  color: var(--sand);
  border-color: var(--cinnabar);
  outline: none;
}

@media (min-width: 640px) {
  .page-privacy .privacy-summary__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-privacy .privacy-hero {
    padding: 3.25rem 0 3rem;
  }

  .page-privacy .privacy-clause__title {
    font-size: 1.42rem;
  }
}

@media (min-width: 1024px) {
  .page-privacy .privacy-summary__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .page-privacy .privacy-body__grid {
    grid-template-columns: 172px minmax(0, var(--privacy-measure));
    gap: 3.5rem;
    align-items: start;
  }

  .page-privacy .privacy-toc {
    position: sticky;
    top: calc(var(--topbar-h) + 1.75rem);
  }

  .page-privacy .privacy-toc__list {
    flex-direction: column;
    gap: 0.1rem;
    overflow: visible;
    padding-bottom: 0;
  }

  .page-privacy .privacy-toc__link {
    border: 0;
    border-left: 2px solid transparent;
    border-radius: 0;
    padding: 0.42rem 0.7rem;
    white-space: normal;
    font-size: 0.84rem;
  }

  .page-privacy .privacy-toc__link:hover,
  .page-privacy .privacy-toc__link:focus-visible {
    border-left-color: var(--cinnabar);
    background: rgba(47, 212, 196, 0.06);
  }

  .page-privacy .privacy-hero__lead {
    font-size: 1.02rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .privacy-toc__link,
  .page-privacy .copy-btn,
  .page-privacy .privacy-next__link {
    transition: none;
  }
}
<<<PAGE_CSS_END>>>
<<<END>>>

<main id="main-content" class="page-privacy">
  <div class="container">
    <nav class="breadcrumb" aria-label="面包屑导航">
      <ol class="breadcrumb__list">
        <li><a href="/">首页</a></li>
        <li aria-current="page">个人信息说明</li>
      </ol>
    </nav>
  </div>

  <section class="privacy-hero" aria-labelledby="privacy-hero-title">
    <img class="privacy-hero__texture" src="{zhanqunpic:h:800w:1400}" width="1400" height="800" alt="蜡染冰纹与银灰细线组成的抽象纹理，局部透出靛蓝与朱砂色块">
    <div class="container privacy-hero__inner">
      <p class="eyebrow privacy-hero__eyebrow">个人信息说明</p>
      <h1 id="privacy-hero-title" class="privacy-hero__title">把联系方式交给会馆之前，您应当知道它的去向</h1>
      <p class="lead privacy-hero__lead">从一通预约电话到一次到店接待，鼎盛娱乐会馆会接触到您的称呼、联系方式与接待偏好。下面按实际场景说明这些信息如何被记录、用于什么、保存多久，以及您可以怎样查询、更正、删除或退订。</p>
      <p class="privacy-hero__stamp timestamp">2025年6月更新</p>
    </div>
  </section>

  <section class="privacy-summary" aria-labelledby="privacy-summary-title">
    <div class="container">
      <h2 id="privacy-summary-title" class="privacy-summary__title">先看要点</h2>
      <div class="privacy-summary__grid">
        <article class="privacy-summary__card">
          <p class="privacy-summary__k">记录什么</p>
          <p class="privacy-summary__v">称呼、手机号、邮箱、到店人数、意向时段与需求备注，都是完成一次接待所必需的内容。</p>
        </article>
        <article class="privacy-summary__card">
          <p class="privacy-summary__k">为什么记录</p>
          <p class="privacy-summary__v">用于确认预约、安排包间与茶餐、回复咨询，以及按订阅推送每月内容索引。</p>
        </article>
        <article class="privacy-summary__card">
          <p class="privacy-summary__k">留存多久</p>
          <p class="privacy-summary__v">在完成接待与离店回访所需的服务周期内保存，之后清理可直接识别到个人的部分。</p>
        </article>
        <article class="privacy-summary__card">
          <p class="privacy-summary__k">您的选择</p>
          <p class="privacy-summary__v">查询、更正、删除或退订，通过客服邮箱与客服电话即可办理，无需到店。</p>
        </article>
      </div>
    </div>
  </section>

  <section class="privacy-body" aria-labelledby="privacy-body-title">
    <div class="container">
      <h2 id="privacy-body-title" class="privacy-body__title">条款细则</h2>
      <div class="privacy-body__grid">
        <aside class="privacy-toc" aria-label="条款目录">
          <p class="privacy-toc__label">条款索引</p>
          <ol class="privacy-toc__list">
            <li><a class="privacy-toc__link" href="#scope"><span class="privacy-toc__num">01</span>适用范围</a></li>
            <li><a class="privacy-toc__link" href="#collect"><span class="privacy-toc__num">02</span>我们记录哪些信息</a></li>
            <li><a class="privacy-toc__link" href="#purpose"><span class="privacy-toc__num">03</span>信息用于什么</a></li>
            <li><a class="privacy-toc__link" href="#retention"><span class="privacy-toc__num">04</span>保存期限与保护措施</a></li>
            <li><a class="privacy-toc__link" href="#rights"><span class="privacy-toc__num">05</span>您可以怎样选择</a></li>
            <li><a class="privacy-toc__link" href="#contact"><span class="privacy-toc__num">06</span>联系与更新</a></li>
          </ol>
        </aside>

        <div class="privacy-doc">
          <article id="scope" class="privacy-clause">
            <header class="privacy-clause__head">
              <span class="privacy-clause__num">01</span>
              <h3 class="privacy-clause__title">适用范围</h3>
            </header>
            <div class="privacy-clause__body">
              <p>您在官网上提交预约意向、拨打客服电话 400-4467-9445、向客服邮箱发送咨询邮件、到店登记接待信息，以及订阅每月内容索引时提供的个人信息，都按本说明处理。会员办理、活动报名与商务合作洽谈，同样沿用这些安排。</p>
              <p>如果您是通过本地生活平台或活动合作渠道看到会馆信息，那个渠道会依照它自己的规则处理账号与订单信息。建议您在提交之前，也把那边的说明读一遍，两边合起来才是完整的情况。</p>
            </div>
          </article>

          <article id="collect" class="privacy-clause">
            <header class="privacy-clause__head">
              <span class="privacy-clause__num">02</span>
              <h3 class="privacy-clause__title">我们记录哪些信息</h3>
            </header>
            <div class="privacy-clause__body">
              <ul class="privacy-list">
                <li><strong>预约与咨询：</strong>您的称呼、手机号、电子邮箱（需要接收确认信息时填写）、到店人数、意向时段、包间或场地偏好，以及需求备注，例如用餐忌口、茶饮偏好、是否需要影音设备。</li>
                <li><strong>会员办理：</strong>称呼、联系方式、会员等级与历次接待偏好，用于优先安排空间与主题活动通知。</li>
                <li><strong>内容索引订阅：</strong>邮箱地址与订阅偏好，每月推送一次会馆主题内容索引。</li>
                <li><strong>到店接待：</strong>现场登记的称呼与联系方式，用于核对接引、安排座位与离店回访。</li>
                <li><strong>合作洽谈：</strong>对接人称呼、所属机构名称、联系方式与合作需求说明。</li>
              </ul>
              <p>与当次接待无关的信息，您不必提供。如果沟通中您主动提起更多内容，会馆只把它用于这一次接待本身，不会挪作别的用途。</p>
            </div>
          </article>

          <article id="purpose" class="privacy-clause">
            <header class="privacy-clause__head">
              <span class="privacy-clause__num">03</span>
              <h3 class="privacy-clause__title">信息用于什么</h3>
            </header>
            <div class="privacy-clause__body">
              <ul class="privacy-list">
                <li>与您确认到店时间、人数与场地，必要时回电沟通细节。</li>
                <li>安排包间、茶餐出品、影音设备与接待人员，让您到店后不必重复说明。</li>
                <li>处理时间变更、取消申请，以及到店路线与停车指引。</li>
                <li>回复您通过电话或邮件提出的咨询，并跟进离店回访。</li>
                <li>按您的订阅，每月寄送一次内容索引，介绍近期主题活动与空间安排。</li>
                <li>复盘服务流程，改进空间分区、出品节奏与接待体验。</li>
              </ul>
              <p>会馆不会把您的联系方式转交给与本次接待无关的第三方，也不会用于与上述目的无关的推销。</p>
            </div>
          </article>

          <article id="retention" class="privacy-clause">
            <header class="privacy-clause__head">
              <span class="privacy-clause__num">04</span>
              <h3 class="privacy-clause__title">保存期限与保护措施</h3>
            </header>
            <div class="privacy-clause__body">
              <p>访问权限按岗位分配：接待礼仪与客户服务同事可以查看当次接待所需的信息；技术保障与后勤岗位不开放联系方式模块。纸质到店登记表在当日接待结束后归档存放，电子预约记录在完成接待与回访所需的服务周期内保留，超出期限后由客户服务统一清理。</p>
              <p>内容订阅信息保留至您退订为止。涉及财务凭证的部分，按相关法律法规要求单独保存。</p>
              <details class="privacy-details">
                <summary>访问与清理的具体做法</summary>
                <div class="privacy-details__content">
                  <p>预约记录以预约编号为主线存放，同一手机号的历史接待记录可以合并查看，这样您再次到访时不必从头说明偏好。清理时，会馆删除可直接识别到个人的字段，保留匿名的到店人数与场景分类用于服务统计。</p>
                  <p>员工入职时须签署信息保密承诺，离岗时账号即时收回。如发生可能影响您权益的情形，会馆会通过您预留的手机号或邮箱告知处理进展。</p>
                </div>
              </details>
            </div>
          </article>

          <article id="rights" class="privacy-clause">
            <header class="privacy-clause__head">
              <span class="privacy-clause__num">05</span>
              <h3 class="privacy-clause__title">您可以怎样选择</h3>
            </header>
            <div class="privacy-clause__body">
              <ul class="privacy-list">
                <li><strong>查询：</strong>了解会馆留存了您的哪些预约、会员或订阅信息。</li>
                <li><strong>更正：</strong>手机号、称呼或偏好发生变化时，可随时告知更新。</li>
                <li><strong>删除：</strong>不再需要会馆保留您的信息时，可提出删除申请；已完成接待的预约记录会同步处理。</li>
                <li><strong>退订：</strong>内容索引可随时停止接收，退订后不再推送后续月份。</li>
              </ul>
              <p>以上事项通过客服邮箱或客服电话办理即可，不必到店。会馆在核实您的身份后会安排处理，并在工作日 9:00-18:00 内回复进展。已经发出的索引邮件无法撤回，但停止推送会从下一次发送起生效。</p>
            </div>
          </article>

          <article id="contact" class="privacy-clause">
            <header class="privacy-clause__head">
              <span class="privacy-clause__num">06</span>
              <h3 class="privacy-clause__title">联系与更新</h3>
            </header>
            <div class="privacy-clause__body">
              <p>对信息处理有疑问，或希望查询、更正、删除信息与退订内容索引，请通过以下方式联系客服。电话与邮件均可，邮件适合附带具体说明。</p>
              <div class="privacy-contact">
                <div class="privacy-contact__row">
                  <span class="privacy-contact__label">邮箱</span>
                  <span class="privacy-contact__value">support@ds-yule.com.cn</span>
                  <button type="button" class="copy-btn" data-copy="support@ds-yule.com.cn">复制邮箱</button>
                </div>
                <div class="privacy-contact__row">
                  <span class="privacy-contact__label">电话</span>
                  <span class="privacy-contact__value">400-4467-9445</span>
                  <button type="button" class="copy-btn" data-copy="400-4467-9445">复制电话</button>
                </div>
                <div class="privacy-contact__row">
                  <span class="privacy-contact__label">地址</span>
                  <span class="privacy-contact__value">贵州省贵阳市观山湖区长岭北路128号鼎盛大厦7层</span>
                </div>
                <div class="privacy-contact__row">
                  <span class="privacy-contact__label">时间</span>
                  <span class="privacy-contact__value">客服邮箱在工作日 9:00-18:00 内回复；会馆主服务时段为每日 11:00 至次日 02:00</span>
                </div>
              </div>
              <p>本说明随服务场景调整而更新，最近一次更新于 2025年6月。条款若有实质性变化，会馆会在预约确认信息中提示，并同步更新页首日期。</p>
            </div>
          </article>

          <div class="privacy-next">
            <p class="privacy-next__label">继续了解</p>
            <ul class="privacy-next__list">
              <li><a class="privacy-next__link" href="/usage/">平台规则与使用指引</a></li>
              <li><a class="privacy-next__link" href="/inquiry/">咨询通道</a></li>
              <li><a class="privacy-next__link" href="/answers/">答疑中心</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </section>
</main>

.page-privacy {
  --privacy-measure: 40rem;
  --privacy-rule: 1px solid var(--line);
  background: var(--indigo);
  color: var(--frost);
  font-family: var(--font-body);
  overflow-x: hidden;
}

.page-privacy .breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 1rem 0 0;
  font-size: 0.78rem;
  color: var(--haze);
}

.page-privacy .breadcrumb__list li + li::before {
  content: "/";
  margin-right: 0.4rem;
  color: var(--haze);
}

.page-privacy .breadcrumb__list a {
  color: var(--silver);
  text-decoration: none;
}

.page-privacy .breadcrumb__list a:hover {
  color: var(--mint);
}

.page-privacy .breadcrumb__list [aria-current="page"] {
  color: var(--frost);
}

.page-privacy .privacy-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 2.5rem 0;
  border-bottom: var(--privacy-rule);
}

.page-privacy .privacy-hero__texture {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.18;
  filter: saturate(0.45) contrast(1.1);
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0) 88%);
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0) 88%);
}

.page-privacy .privacy-hero__inner {
  position: relative;
  z-index: 1;
}

.page-privacy .privacy-hero__eyebrow {
  font-family: var(--font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.2em;
  color: var(--cinnabar);
  margin: 0;
}

.page-privacy .privacy-hero__title {
  font-family: var(--font-display);
  font-weight: 900;
  letter-spacing: -0.035em;
  font-size: clamp(1.9rem, 7.4vw, 3.4rem);
  line-height: 1.18;
  margin: 0.75rem 0 1rem;
  max-width: 20ch;
  color: var(--frost);
}

.page-privacy .privacy-hero__lead {
  max-width: 42ch;
  margin: 0;
  font-size: 0.96rem;
  line-height: 1.9;
  color: var(--silver);
}

.page-privacy .privacy-hero__stamp {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  margin-top: 1.35rem;
  font-family: var(--font-mono);
  font-size: 0.74rem;
  letter-spacing: 0.1em;
  color: var(--sand);
}

.page-privacy .privacy-hero__stamp::before {
  content: "";
  width: 26px;
  height: 1px;
  background: var(--cinnabar);
}

.page-privacy .privacy-summary {
  padding: 2.25rem 0 0.5rem;
}

.page-privacy .privacy-summary__title {
  font-family: var(--font-display);
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--haze);
  margin: 0 0 1rem;
}

.page-privacy .privacy-summary__grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: minmax(0, 1fr);
}

.page-privacy .privacy-summary__card {
  background: var(--frost);
  color: var(--ink);
  border-radius: var(--radius-sm);
  border: 1px solid rgba(11, 21, 48, 0.1);
  box-shadow: 0 12px 26px rgba(3, 9, 24, 0.38);
  padding: 1.05rem 1.1rem;
}

.page-privacy .privacy-summary__k {
  margin: 0 0 0.5rem;
  font-family: var(--font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.16em;
  color: var(--cinnabar);
}

.page-privacy .privacy-summary__v {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.72;
  color: #21304d;
}

.page-privacy .privacy-body {
  margin-top: 2rem;
  padding: 1.75rem 0 3rem;
  border-top: var(--privacy-rule);
}

.page-privacy .privacy-body__title {
  font-family: var(--font-mono);
  font-size: 0.7rem;
  font-weight: 400;
  letter-spacing: 0.2em;
  color: var(--haze);
  margin: 0 0 1.4rem;
}

.page-privacy .privacy-body__grid {
  display: grid;
  gap: 1.75rem;
  grid-template-columns: minmax(0, 1fr);
}

.page-privacy .privacy-toc__label {
  margin: 0 0 0.7rem;
  font-family: var(--font-mono);
  font-size: 0.66rem;
  letter-spacing: 0.2em;
  color: var(--haze);
}

.page-privacy .privacy-toc__list {
  display: flex;
  gap: 0.5rem;
  margin: 0;
  padding: 0 0 0.4rem;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

.page-privacy .privacy-toc__link {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  white-space: nowrap;
  padding: 0.48rem 0.8rem;
  border: var(--privacy-rule);
  border-radius: 999px;
  color: var(--silver);
  text-decoration: none;
  font-size: 0.8rem;
  transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}

.page-privacy .privacy-toc__num {
  font-family: var(--font-mono);
  font-size: 0.68rem;
  color: var(--haze);
}

.page-privacy .privacy-toc__link:hover,
.page-privacy .privacy-toc__link:focus-visible {
  color: var(--frost);
  border-color: var(--mint);
  outline: none;
}

.page-privacy .privacy-doc {
  max-width: var(--privacy-measure);
  min-width: 0;
}

.page-privacy .privacy-clause {
  padding: 1.5rem 0;
  border-top: var(--privacy-rule);
  scroll-margin-top: calc(var(--topbar-h) + 1rem);
}

.page-privacy .privacy-clause:first-child {
  border-top: 0;
  padding-top: 0;
}

.page-privacy .privacy-clause__head {
  display: flex;
  align-items: baseline;
  gap: 0.7rem;
  margin-bottom: 0.85rem;
}

.page-privacy .privacy-clause__num {
  font-family: var(--font-mono);
  font-size: 0.76rem;
  letter-spacing: 0.1em;
  color: var(--cinnabar);
}

.page-privacy .privacy-clause__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: 1.28rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--frost);
}

.page-privacy .privacy-clause:target .privacy-clause__title {
  color: var(--sand);
}

.page-privacy .privacy-clause__body p {
  margin: 0 0 0.95rem;
  font-size: 0.94rem;
  line-height: 1.92;
  color: var(--silver);
}

.page-privacy .privacy-clause__body p:last-child {
  margin-bottom: 0;
}

.page-privacy .privacy-list {
  display: grid;
  gap: 0.65rem;
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
}

.page-privacy .privacy-list li {
  position: relative;
  padding-left: 1.1rem;
  font-size: 0.92rem;
  line-height: 1.82;
  color: var(--silver);
}

.page-privacy .privacy-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.78em;
  width: 8px;
  height: 1px;
  background: var(--cinnabar);
}

.page-privacy .privacy-list strong {
  color: var(--frost);
  font-weight: 600;
}

.page-privacy .privacy-details {
  margin: 1rem 0 0;
  padding: 0 1rem;
  border: var(--privacy-rule);
  border-radius: var(--radius-sm);
  background: var(--indigo-panel);
}

.page-privacy .privacy-details summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 0;
  cursor: pointer;
  font-family: var(--font-mono);
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  color: var(--sand);
  list-style: none;
}

.page-privacy .privacy-details summary::-webkit-details-marker {
  display: none;
}

.page-privacy .privacy-details summary::after {
  content: "+";
  font-family: var(--font-mono);
  color: var(--mint);
  font-size: 0.95rem;
  line-height: 1;
}

.page-privacy .privacy-details[open] summary::after {
  content: "\2013";
}

.page-privacy .privacy-details__content {
  padding: 0.9rem 0 1rem;
  border-top: var(--privacy-rule);
}

.page-privacy .privacy-details__content p {
  margin: 0 0 0.8rem;
  font-size: 0.88rem;
  line-height: 1.85;
  color: var(--silver);
}

.page-privacy .privacy-details__content p:last-child {
  margin-bottom: 0;
}

.page-privacy .privacy-contact {
  margin: 1.1rem 0 1.2rem;
  padding: 0.9rem 1rem;
  border: var(--privacy-rule);
  border-radius: var(--radius);
  background: rgba(20, 38, 79, 0.72);
}

.page-privacy .privacy-contact__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3rem 0.7rem;
  padding: 0.7rem 0;
  border-bottom: 1px dashed rgba(36, 64, 122, 0.8);
}

.page-privacy .privacy-contact__row:first-child {
  padding-top: 0.2rem;
}

.page-privacy .privacy-contact__row:last-child {
  border-bottom: 0;
  padding-bottom: 0.2rem;
}

.page-privacy .privacy-contact__label {
  min-width: 3rem;
  font-family: var(--font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.14em;
  color: var(--haze);
}

.page-privacy .privacy-contact__value {
  flex: 1 1 12rem;
  min-width: 0;
  font-size: 0.9rem;
  line-height: 1.7;
  color: var(--frost);
  word-break: break-word;
}

.page-privacy .copy-btn {
  padding: 0.28rem 0.6rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: transparent;
  color: var(--sand);
  font-family: var(--font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  cursor: pointer;
  transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}

.page-privacy .copy-btn:hover,
.page-privacy .copy-btn:focus-visible {
  color: var(--mint);
  border-color: var(--mint);
  outline: none;
}

.page-privacy .copy-btn[data-copied] {
  color: var(--mint);
  border-color: var(--mint);
}

.page-privacy .privacy-next {
  margin-top: 1.75rem;
  padding-top: 1.4rem;
  border-top: var(--privacy-rule);
}

.page-privacy .privacy-next__label {
  margin: 0 0 0.8rem;
  font-family: var(--font-mono);
  font-size: 0.66rem;
  letter-spacing: 0.2em;
  color: var(--haze);
}

.page-privacy .privacy-next__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-privacy .privacy-next__link {
  display: inline-block;
  padding: 0.55rem 1rem;
  border: var(--privacy-rule);
  border-radius: 999px;
  color: var(--frost);
  text-decoration: none;
  font-size: 0.82rem;
  transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}

.page-privacy .privacy-next__link:hover,
.page-privacy .privacy-next__link:focus-visible {
  color: var(--sand);
  border-color: var(--cinnabar);
  outline: none;
}

@media (min-width: 640px) {
  .page-privacy .privacy-summary__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-privacy .privacy-hero {
    padding: 3.25rem 0 3rem;
  }

  .page-privacy .privacy-clause__title {
    font-size: 1.42rem;
  }
}

@media (min-width: 1024px) {
  .page-privacy .privacy-summary__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .page-privacy .privacy-body__grid {
    grid-template-columns: 172px minmax(0, 1fr);
    gap: 3.5rem;
    align-items: start;
  }

  .page-privacy .privacy-toc {
    position: sticky;
    top: calc(var(--topbar-h) + 1.75rem);
  }

  .page-privacy .privacy-toc__list {
    flex-direction: column;
    gap: 0.1rem;
    overflow: visible;
    padding-bottom: 0;
  }

  .page-privacy .privacy-toc__link {
    border: 0;
    border-left: 2px solid transparent;
    border-radius: 0;
    padding: 0.42rem 0.7rem;
    white-space: normal;
    font-size: 0.84rem;
  }

  .page-privacy .privacy-toc__link:hover,
  .page-privacy .privacy-toc__link:focus-visible {
    border-left-color: var(--cinnabar);
    background: rgba(47, 212, 196, 0.06);
  }

  .page-privacy .privacy-hero__lead {
    font-size: 1.02rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .privacy-toc__link,
  .page-privacy .copy-btn,
  .page-privacy .privacy-next__link {
    transition: none;
  }
}
<<<END>>>