/* Shared chrome for the airople.com legal + privacy-rights pages. Deliberately plain and self-contained: these pages are read by regulators, app-store reviewers and older users on small screens, so they load no fonts, no frameworks and no third-party scripts (which would themselves need disclosing in the SDK notice they sit next to). */ :root{ --green:#407630; --green-deep:#33622a; --bg:#f8faf5; --ink:#18220f; --muted:#5a6b52; --card:#ffffff; --stroke:rgba(31,52,22,.14); --danger:#b3261e; } *{margin:0;padding:0;box-sizing:border-box} body{ font-family:"Inter","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI", Roboto,"PingFang SC","Microsoft YaHei",sans-serif; background:var(--bg); color:var(--ink); line-height:1.65; -webkit-font-smoothing:antialiased; } /* Language switching: both languages ship in the page and one is hidden, so the switch never needs a request and works with no network. */ /* Scoped to `body ...` on purpose: an unscoped [lang] selector also matches and hides the entire page. */ body [lang="en"],body [lang="zh"]{display:none} html[data-lang="en"] body [lang="en"], html[data-lang="zh"] body [lang="zh"]{display:revert} .topbar{ display:flex;align-items:center;justify-content:space-between;gap:16px; padding:14px 20px;border-bottom:1px solid var(--stroke);background:var(--card); position:sticky;top:0;z-index:5; } .brand{font-weight:800;color:var(--green-deep);text-decoration:none;font-size:18px} .lang{ border:1px solid var(--stroke);background:transparent;color:var(--muted); border-radius:999px;padding:6px 14px;font:inherit;font-size:14px;cursor:pointer; } .lang:hover{color:var(--ink)} .doc{max-width:760px;margin:0 auto;padding:28px 20px 56px} .docnav{ display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px; } .docnav a{ font-size:14px;text-decoration:none;color:var(--muted); border:1px solid var(--stroke);border-radius:999px;padding:5px 12px;background:var(--card); } .docnav a:hover{color:var(--ink)} .docnav a[aria-current="page"]{color:#fff;background:var(--green);border-color:var(--green)} h1{font-size:clamp(22px,4.4vw,30px);line-height:1.3;margin-bottom:6px} h2{font-size:clamp(17px,3vw,20px);margin:28px 0 8px;color:var(--green-deep)} h3{font-size:clamp(15px,2.6vw,17px);margin:20px 0 6px} p{margin:10px 0} ul{margin:10px 0 10px 22px} li{margin:6px 0} a{color:var(--green-deep)} .version{color:var(--muted);font-size:14px;margin-bottom:8px} .foot{ border-top:1px solid var(--stroke);background:var(--card); padding:20px;color:var(--muted);font-size:14px; } .foot p{max-width:760px;margin:0 auto} /* --- privacy-rights page ------------------------------------------------- */ .card{ background:var(--card);border:1px solid var(--stroke);border-radius:14px; padding:20px;margin:18px 0; } .card h2{margin-top:0} label{display:block;font-size:14px;color:var(--muted);margin:14px 0 6px} input[type="email"],input[type="text"]{ width:100%;font:inherit;padding:11px 12px;border-radius:10px; border:1px solid var(--stroke);background:#fff;color:var(--ink); } button.primary,button.danger{ font:inherit;font-weight:600;border:none;border-radius:10px; padding:12px 18px;cursor:pointer;margin-top:16px;width:100%; } button.primary{background:var(--green);color:#fff} button.danger{background:var(--danger);color:#fff} button[disabled]{opacity:.55;cursor:not-allowed} .hint{font-size:14px;color:var(--muted);margin-top:10px} .error{color:var(--danger);font-size:14px;margin-top:10px} .ok{color:var(--green-deep);font-weight:600;margin-top:10px} .consequences li{margin:8px 0} /* The honeypot: off-screen rather than display:none, because some bots skip hidden fields but happily fill positioned ones. */ .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}