/* Ramp 落地页样式。
 *
 * 抽成独立文件而不是内联在每个页面里：中英两版的 <style> 块原本逐字节相同，
 * 共 7116 字节的复制品，而「保持它们一致」当时只能靠一个检查脚本盯着。
 * 外链之后这个不变量在结构上就不可能被违反了。
 *
 * CSP 里 style-src 因此加了 'self'（仍保留 'unsafe-inline'，
 * 页面上还有若干 style="" 属性）。**脚本仍然是 script-src 'none'。**
 */
:root{
    --bg:#fff;--fg:#14161a;--mut:#5b6270;--line:#e3e6eb;--card:#f7f8fa;
    --acc:#1f5fd0;--on-acc:#fff;--good:#0a7d3f;--bad:#b3261e;--warn:#96590a;--radius:12px;
  }
  @media (prefers-color-scheme:dark){:root{
    --bg:#0e1014;--fg:#e6e8ec;--mut:#98a0ad;--line:#252a33;--card:#161a21;
    --acc:#6fa2ff;--on-acc:#0e1014;--good:#4ade80;--bad:#f87171;--warn:#fbbf24;}}
  :root[data-theme=dark]{--bg:#0e1014;--fg:#e6e8ec;--mut:#98a0ad;--line:#252a33;--card:#161a21;
    --acc:#6fa2ff;--on-acc:#0e1014;--good:#4ade80;--bad:#f87171;--warn:#fbbf24;}
  :root[data-theme=light]{--bg:#fff;--fg:#14161a;--mut:#5b6270;--line:#e3e6eb;--card:#f7f8fa;
    --acc:#1f5fd0;--on-acc:#fff;--good:#0a7d3f;--bad:#b3261e;--warn:#96590a;}

  *{box-sizing:border-box}
  body{margin:0;background:var(--bg);color:var(--fg);
    font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing:antialiased}
  .wrap{max-width:820px;margin-inline:auto;padding:0 20px}
  section{padding:56px 0;border-top:1px solid var(--line)}
  section:first-of-type{border-top:0}
  h1{font-size:clamp(28px,5vw,42px);line-height:1.15;letter-spacing:-.02em;margin:0 0 16px}
  h2{font-size:clamp(21px,3.2vw,26px);line-height:1.25;letter-spacing:-.01em;margin:0 0 8px}
  h3{font-size:16px;margin:0 0 6px}
  p{margin:0 0 14px}
  .lead{font-size:18px;color:var(--mut)}
  .mut{color:var(--mut)}
  .sm{font-size:14px}
  code{font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;
    background:var(--card);border:1px solid var(--line);padding:1px 5px;border-radius:5px}
  a{color:var(--acc)}

  header{padding:64px 0 8px}
  .badge{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.04em;
    text-transform:uppercase;color:var(--warn);border:1px solid currentColor;
    padding:3px 9px;border-radius:99px;margin-bottom:20px}

  /* 表单、按钮、Turnstile 的样式随表单一起删掉了 ——
     页面已无任何交互元素，留着死规则只会让下一个人以为还有表单。
     上架后加安装按钮时再把 button 的样式加回来。 */
  .formnote{font-size:13.5px;color:var(--mut);margin:24px 0 0}

  .grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin:22px 0}
  .card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}
  .stat .n{font-size:30px;font-weight:680;line-height:1.1;letter-spacing:-.02em}
  .stat .l{font-size:13.5px;color:var(--mut);margin-top:3px}

  .scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);margin:20px 0}
  .scroll:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
  table{border-collapse:collapse;width:100%;font-size:14.5px}
  th,td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
  th{background:var(--card);font-weight:620}
  tr:last-child td{border-bottom:0}
  .num{font-variant-numeric:tabular-nums;font-weight:640}

  .swap{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:10px 0}
  .chip{display:block;border-radius:8px;border:1px solid rgba(128,128,128,.28)}
  .arrow{color:var(--mut);font-size:20px;line-height:1}
  .meta{font-size:12.5px;color:var(--mut);font-variant-numeric:tabular-nums}

  .note{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--acc);
    border-radius:0 var(--radius) var(--radius) 0;padding:14px 18px;margin:20px 0;font-size:15px}
  .note.warn{border-left-color:var(--warn)}

  .price{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:24px 0}
  .tier{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
  .tier.on{border-color:var(--acc);border-width:2px}
  .tier .amt{font-size:32px;font-weight:680;letter-spacing:-.02em;margin:4px 0 2px}
  .tier ul{list-style:none;padding:0;margin:14px 0 0;font-size:14.5px}
  .tier li{padding:5px 0 5px 22px;position:relative}
  .tier li::before{content:"";position:absolute;left:2px;top:12px;width:9px;height:9px;
    border-radius:2px;background:var(--acc);opacity:.55}


  /* 语言切换。**故意做成普通链接，不是按钮、不带脚本** ——
     这个页面的 CSP 是 script-src 'none'，整站零 JS（见 _headers）。
     用 JS 切语言的话，禁用脚本的人、脚本加载失败的人就没有语言可选，
     而我们卖的正是无障碍。两个语言两个 URL 也对搜索引擎更友好。 */
  .langbar{display:flex;justify-content:flex-end;padding:14px 0 0;margin:0;font-size:14px}
  .langbar a{text-decoration:none;border:1px solid var(--line);border-radius:99px;padding:4px 12px}
  .langbar a:hover{border-color:var(--acc)}
  .langbar a:focus-visible{outline:2px solid var(--acc);outline-offset:2px}

  footer{padding:40px 0 60px;color:var(--mut);font-size:13.5px;border-top:1px solid var(--line)}