/* 法务与合规页面的共用样式（/privacy、/privacy/<app>）。
   2026-08-07 从 privacy.html 的内联 <style> 原样抽出，未改动任何数值 ——
   目的是让「主策略 + 每个 App 一页」这套结构不用把 60 行 CSS 复制五遍。
   ⚠ terms.html / dmca.html 仍是各自内联的旧写法，本次没动它们。 */
/* 顶部导航窄屏不折行（与首页、产品、支持页共用）；@import 必须在所有规则之前 */
@import url('/site-nav.css');
  :root{
    --paper:#ffffff;--bg:#f9f9f9;--mist:#e0e0e0;--ink:#1a1a1a;--ink-60:rgba(26,26,26,.62);
    --cyan:#00e5ff;--cyan-deep:#006875;--gold:#d4af37;--red:#d32f2f;
    --serif:"Playfair Display","Noto Serif SC",serif;
    --serif-sc:"Noto Serif SC","Playfair Display",serif;
    --mono:"JetBrains Mono",monospace;
    --sans:"Inter","Noto Sans SC",-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.9;overflow-x:hidden;-webkit-font-smoothing:antialiased}
  ::selection{background:rgba(0,229,255,.35)}
  .bg-shanshui{position:fixed;inset:0;z-index:-3;background:var(--paper) url('/shanshui-bg.jpg') center bottom / cover no-repeat}
  .bg-veil{position:fixed;inset:0;z-index:-2;background:rgba(255,255,255,.72)}
  .tech-grid{position:fixed;inset:0;z-index:-1;pointer-events:none;background-size:40px 40px;
    background-image:linear-gradient(to right,rgba(0,229,255,.05) 1px,transparent 1px),
                     linear-gradient(to bottom,rgba(0,229,255,.05) 1px,transparent 1px)}
  nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:24px;
    padding:14px min(4vw,48px);background:rgba(26,26,26,.55);backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,229,255,.22)}
  .brand{display:flex;align-items:center;gap:14px;text-decoration:none;margin-right:auto}
  .seal-chip{width:46px;height:46px;flex:none;background:var(--paper);display:flex;align-items:center;justify-content:center;border:1px solid rgba(212,175,55,.6)}
  .seal-chip img{width:42px;height:42px;object-fit:contain;display:block}
  .brand-name{font-family:var(--serif);font-weight:700;font-size:17px;letter-spacing:.04em;color:var(--paper);line-height:1.25}
  .brand-name small{display:block;font-family:var(--mono);font-weight:500;font-size:9.5px;letter-spacing:.3em;color:rgba(224,224,224,.65)}
  nav a.back{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--mist);text-decoration:none}
  nav a.back:hover{color:var(--cyan)}
  main{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:128px min(4vw,32px) 80px}
  .doc{
    position:relative;background:rgba(255,255,255,.9);
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    border:1px solid rgba(26,26,26,.14);padding:min(7vw,58px);
  }
  .corner-tl,.corner-br{position:absolute;width:16px;height:16px;pointer-events:none}
  .corner-tl{top:0;left:0;border-top:2px solid var(--cyan-deep);border-left:2px solid var(--cyan-deep)}
  .corner-br{bottom:0;right:0;border-bottom:2px solid var(--cyan-deep);border-right:2px solid var(--cyan-deep)}
  .eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.26em;color:var(--cyan-deep);text-transform:uppercase;display:flex;align-items:center;gap:12px;margin-bottom:16px}
  .eyebrow::before{content:'';width:26px;height:1px;background:var(--cyan-deep)}
  h1{font-family:var(--serif-sc);font-weight:900;font-size:clamp(1.7rem,4.4vw,2.4rem);letter-spacing:.03em}
  .date{display:inline-block;margin:16px 0 6px;font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;color:var(--ink-60);border:1px solid rgba(26,26,26,.2);padding:5px 16px}
  h2{font-family:var(--serif-sc);font-weight:900;font-size:19px;margin:44px 0 12px;padding-left:14px;border-left:3px solid var(--gold)}
  p{color:#3a3a3a;font-size:15px;margin:10px 0}
  ul{margin:10px 0 10px 22px;color:#3a3a3a;font-size:15px}
  li{margin:6px 0}
  b{color:var(--ink)}
  a{color:var(--cyan-deep);text-decoration:none}
  a:hover{text-decoration:underline}
  .note{font-size:13px;color:var(--ink-60);margin-top:38px;padding-top:20px;border-top:1px dashed rgba(26,26,26,.25)}
  footer{position:relative;z-index:2;display:flex;align-items:center;gap:22px;flex-wrap:wrap;
    padding:28px min(4vw,48px);background:rgba(26,26,26,.82);backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,229,255,.22)}
  footer .f-brand{display:flex;align-items:center;gap:12px;margin-right:auto}
  footer .seal-chip{width:36px;height:36px}
  footer .seal-chip img{width:32px;height:32px}
  footer .copy{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:rgba(224,224,224,.5)}
  footer .f-links{display:flex;gap:22px;font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;flex-wrap:wrap}
  footer .f-links a{color:rgba(224,224,224,.65)}
  footer .f-links a:hover{color:var(--cyan);text-decoration:none}

/* 「本英文版为便利翻译，以中文版为准」的提示条。
   此前 privacy.html / terms.html 里有 .courtesy-note 这个 class，但全站没有任何地方
   给它写过样式，所以一直是没样式的裸文字。这里补上。 */
.courtesy-note{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--ink-60);
  margin:10px 0 4px;padding:6px 12px;border-left:2px solid rgba(212,175,55,.55);background:rgba(212,175,55,.06)}

/* 每个 App 专属页顶部指回主策略的面包屑 */
.applies-to{font-size:14px;color:#3a3a3a;margin:18px 0 4px;padding:12px 16px;
  border:1px solid rgba(0,229,255,.28);background:rgba(0,229,255,.05)}