<!--
  freeze.html —— `jusbtek.com/freeze` 紧急冻结页 · 静态稿（令 `AC203` ①②，2026-09-19）

  ══════════════════════════════════════════════════════════════════════
  🔴🔴 本档之【身份】—— 读此段先于读页面本身
  ══════════════════════════════════════════════════════════════════════
  🔴 **本页归 🌐 website 线**；本档系 ⚫ AC 代落之静态稿（决策人一字：website 无窗，AC 代落，
     照 `docs/website/get_app.html` 之成例）。website 线接手后可【随意改写、替换、推翻】。
  🔴 **对表尺**：`docs/prototypes/account_foundation_prototype_v3_1.html` 之 `S.freeze`
     右栏 id 表【四项】：`fz_phone` ／ `fz_go`（唯一写动作）／ `fz_done`（成功态）／ `fz_limit`（限流/锁定态）。
     正文另有 `fz_m1`/`fz_m2`/`fz_m3`（三法）—— 🔴 **其不在右栏表内**，本页照录其 id。
     🔴 **本页自行补号者逐一标出（非原表所有，照 `AC182` 四 之成例）**：
       `fz_payload`（凭据输入格）／`fz_err`（失败态 · 同形错文）／`fz_lang`（语言切换）／`fz_unfreeze`（解冻指路）。

  ══════════════════════════════════════════════════════════════════════
  🔴🔴 在案裁定（本页逐条照办，不自拟）
  ══════════════════════════════════════════════════════════════════════
  ① **不用短信** —— 短信在小偷手里。本页零短信口 —— 校码/发码之路径于页面本体命中 = 0（其路径不在此逐字复述，免自我引用；判据见 `scripts/freeze-page-test.sh` L1f）。
  ② **验证三选一**：支付密码 ／ 好友辨认 ／ 实名三要素。
  ③ **同号 24h 3 次；验证失败锁 15 分钟** —— 🔴 其数由**服务端**判与回显，本页不自算、不自拦
     （页上自算即两处判据，迟早分家；且端侧之数可被改）。
  ④ **解冻不在本页** —— 解冻系【App 内换机阶梯】之副产物；本页只指路（`fz_unfreeze`）。
  ⑤ **商家 scope 设备不受牵连** —— 页面文案照此说明，不承诺冻结商家侧设备。

  ══════════════════════════════════════════════════════════════════════
  🔴🔴 三处【当刻之实况】，不得读成「已通」
  ══════════════════════════════════════════════════════════════════════
  ① ~~服务端三端点当刻【未挂】（`FreezeDeps.Verifier = nil`）~~ ⇒ ✅ **已装**（令 `AC204` ①，划改留痕）：
     `Verifier = user.NewFreezeVerifier(...)` ⇒ 三端点已挂。🔴 而其【二法之实况】见下 ②③。
  ② ~~好友辨认（`fz_m2`）于网页路【不接】~~ ⇒ ✅ **接**（令 `AC205` 补 ③′ 裁改，划改留痕）：
     **好友辨认「冻结专用版」** —— 开题以【手机号 ＋ 流水号】，**不用短信令牌**；题库与 App 内换机第③档同源。
     序：`POST /account/quiz {phone, serial}` ⇒ 得 `quiz_set_key` ＋ 三题四选一
       ⇒ `POST /account/freeze {phone, method:"friend_quiz", quiz_set_key, quiz_answers}`。
     🔴 **流水号不是秘密**（对外可见可口述）⇒ 其只作【门槛】，真正的证仍是【答对题】。
  ③′ **实名三要素（`fz_m3`）当刻〔缺·候〕** —— 服务端之 Tier1 读口【不在】：
     令所指之 `ADR-0035` 当次实取系「home appbar grid batch4」（非 Tier1 之号 ⇒ 报差）；
     且 `kyc_verification` 只存 provider／provider_ref／status，**无姓名·生日·证件后四位**可比对
     ⇒ 照令「无则报〔缺·候〕不造」⇒ 🔴 服务端该法恒拒（同形错），**本页遂亦停用之并写明其由**。
     📌 二法之裁未改：其口一到即开，页上只须把 `disabled` 撤去。
  ③ **API 地址**：`API_BASE` 取同域 `/`（部署时由 website 线按其反代改）——
     🔴 本档不写死跨域主机名，免把一个猜的地址当成事实。

  🔴 UI 禁内部词自查（细则 3.2）：九词于【本注释区之外、页面主体】逐一命中 = 0
     （当次实取；其词表见 `get_app.html` 同段，此处不复述以免自我引用误报）。
-->
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>紧急冻结账号</title>
<meta name="robots" content="noindex">
<style>
:root{--ink:#1F4E79;--accent:#FF6B5C;--paper:#FAF7F2;--text:#2b2b2b;--muted:#6b6b6b;--line:#e6e0d8;--card:#fff}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--text);font:15px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Arial,sans-serif}
header{background:var(--ink);color:#fff;padding:22px 16px}
.wrap{max-width:560px;margin:0 auto;padding:0 16px}
h1{font-size:22px;margin:0 0 6px}
.sub{color:#dfe8f2;margin:0;font-size:14px}
main{padding:18px 0 40px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;margin:12px 0}
label{display:block;font-size:13px;color:var(--muted);margin:10px 0 4px}
input[type=text],input[type=password]{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;font-size:15px}
.m{display:flex;align-items:flex-start;gap:8px;margin:8px 0}
.m small{display:block;color:var(--muted)}
button.go{width:100%;padding:12px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-size:16px;font-weight:600;margin-top:14px}
button.go[disabled]{background:#c9c9c9}
.note{font-size:13px;color:var(--muted)}
.err{background:#fff2f0;border:1px solid #f3c6c0;border-radius:10px;padding:12px;margin:12px 0;color:#8a2c20}
.ok{background:#eef7f0;border:1px solid #bcdcc6;border-radius:10px;padding:12px;margin:12px 0}
ul{margin:6px 0 0;padding-left:18px}
.langbar{text-align:right;padding:8px 0 0}
.langbar button{background:none;border:1px solid var(--line);border-radius:6px;color:var(--muted);padding:3px 8px;margin-left:4px;font-size:12px}
[hidden]{display:none!important}
</style>
</head>
<body>
<header><div class="wrap"><h1 data-t="h1">紧急冻结账号</h1><p class="sub" data-t="sub">手机丢了或被偷？在这里立刻冻结。小偷手里的那台会被登出并清空。</p></div></header>

<main class="wrap">
  <div class="langbar" id="fz_lang">
    <button type="button" data-lang="zh">中文</button><button type="button" data-lang="en">English</button><button type="button" data-lang="es">Español</button>
  </div>

  <!-- 一 · 验证（三选一，不用短信） -->
  <div class="card">
    <b data-t="noSms">不需要收短信 —— 手机可能已在别人手里。</b>
    <label for="fz_phone" data-t="phoneLabel">账号手机号（+1…）</label>
    <input id="fz_phone" type="text" inputmode="tel" placeholder="+15550100001" autocomplete="off">

    <label data-t="methodLabel">选一种验证方式</label>
    <div class="m"><input type="radio" name="fzm" id="fz_m1" value="payment_password" checked>
      <label for="fz_m1" style="margin:0;color:var(--text)"><span data-t="m1">支付密码</span><small data-t="m1s">换机与冻结都用它</small></label></div>
    <div class="m"><input type="radio" name="fzm" id="fz_m2" value="friend_quiz">
      <label for="fz_m2" style="margin:0;color:var(--text)"><span data-t="m2">好友辨认（认出几位好友）</span><small data-t="m2s">需要你的流水号，不用收短信</small></label></div>
    <div class="m"><input type="radio" name="fzm" id="fz_m3" value="tier1_identity" disabled>
      <label for="fz_m3" style="margin:0;color:var(--muted)"><span data-t="m3">实名信息（姓名 + 生日 + 证件后四位）</span><small data-t="m3s">此方式尚未开放</small></label></div>

    <label for="fz_payload" data-t="payloadLabel">支付密码</label>
    <input id="fz_payload" type="password" autocomplete="off">

    <!-- 🔴 令 `AC205` 补 ③′：好友辨认之开题凭据（流水号）；只在该法选中时显。 -->
    <div id="fz_quiz_box" hidden>
      <label for="fz_serial" data-t="serialLabel">流水号（形如 U123456789）</label>
      <input id="fz_serial" type="text" autocomplete="off" placeholder="U123456789">
      <button class="go" id="fz_quiz_open" type="button" data-t="quizOpen">取题</button>
      <div id="fz_quiz" hidden></div>
    </div>

    <button class="go" id="fz_go" type="button" data-t="go">立即冻结</button>
    <p class="note" data-t="oneWrite">这是本页唯一会改动你账号的按钮。</p>
  </div>

  <!-- 二 · 结果三态：成功 / 限流 / 失败（同形） -->
  <div class="ok" id="fz_done" hidden><b data-t="doneT">账号已冻结</b><p data-t="doneB">所有设备已登出。拿到新手机后，打开 App 用「换新手机」即可解冻。</p></div>
  <div class="err" id="fz_limit" hidden><b data-t="limitT">请稍后再试</b><p id="fz_limit_b" data-t="limitB">24 小时内最多冻结 3 次；验证失败请稍后再试。</p></div>
  <div class="err" id="fz_err" hidden data-t="errSame">信息不匹配，请检查后重试。</div>

  <!-- 三 · 说明 -->
  <div class="card">
    <b data-t="whatT">冻结后会发生什么</b>
    <ul>
      <li data-t="w1">所有设备立即登出；手机上的 App 会锁屏并清空本地数据</li>
      <li data-t="w2">钱包不能转账、提现、付款</li>
      <li data-t="w3">消息不能发出；别人发给你的会先存着，解冻后补收</li>
      <li data-t="w4">你的商家设备不受影响</li>
    </ul>
  </div>
  <div class="card" id="fz_unfreeze">
    <b data-t="unfT">怎么解冻</b>
    <p class="note" data-t="unfB">解冻不在本页。拿到新手机后，在 App 里走「换新手机」，成功即解冻。</p>
  </div>
</main>

<script>
// 🔴 API 地址取同域；部署时由 website 线按其反代改（不写死跨域主机名）。
var API_BASE = '';

var T = {
  zh: {h1:'紧急冻结账号', sub:'手机丢了或被偷？在这里立刻冻结。小偷手里的那台会被登出并清空。',
    noSms:'不需要收短信 —— 手机可能已在别人手里。', phoneLabel:'账号手机号（+1…）', methodLabel:'选一种验证方式',
    m1:'支付密码', m1s:'换机与冻结都用它', m2:'好友辨认（认出几位好友）', m2s:'需要你的流水号，不用收短信', serialLabel:'流水号（形如 U123456789）', quizOpen:'取题',
    m3:'实名信息（姓名 + 生日 + 证件后四位）', m3s:'此方式尚未开放',
    payloadLabel:'支付密码', payloadLabel3:'姓名 + 生日 + 证件后四位', go:'立即冻结', going:'正在冻结…',
    oneWrite:'这是本页唯一会改动你账号的按钮。',
    doneT:'账号已冻结', doneB:'所有设备已登出。拿到新手机后，打开 App 用「换新手机」即可解冻。',
    limitT:'请稍后再试', limitB:'24 小时内最多冻结 3 次；验证失败请稍后再试。', limitWait:'请在 {n} 分钟后再试。',
    errSame:'信息不匹配，请检查后重试。', closed:'此功能尚未开放，请稍后再试。', neterr:'网络不通，请稍后再试。',
    whatT:'冻结后会发生什么', w1:'所有设备立即登出；手机上的 App 会锁屏并清空本地数据', w2:'钱包不能转账、提现、付款',
    w3:'消息不能发出；别人发给你的会先存着，解冻后补收', w4:'你的商家设备不受影响',
    unfT:'怎么解冻', unfB:'解冻不在本页。拿到新手机后，在 App 里走「换新手机」，成功即解冻。'},
  en: {h1:'Freeze your account', sub:'Phone lost or stolen? Freeze it here. The phone in their hands is signed out and wiped.',
    noSms:'No text message needed — your phone may be in someone else’s hands.', phoneLabel:'Account phone number (+1…)', methodLabel:'Choose one way to verify',
    m1:'Payment password', m1s:'The same one used to move to a new phone', m2:'Recognize your friends', m2s:'Needs your ID number; no text message', serialLabel:'ID number (like U123456789)', quizOpen:'Get questions',
    m3:'Identity details (name + birth date + last 4 of ID)', m3s:'Not available yet',
    payloadLabel:'Payment password', payloadLabel3:'Name + birth date + last 4 of ID', go:'Freeze now', going:'Freezing…',
    oneWrite:'This is the only button on this page that changes your account.',
    doneT:'Account frozen', doneB:'All devices are signed out. On your new phone, open the app and use “Move to a new phone” to unfreeze.',
    limitT:'Please try again later', limitB:'Up to 3 freezes per 24 hours; after a failed attempt please wait before trying again.', limitWait:'Please try again in {n} minutes.',
    errSame:'That information does not match. Please check and try again.', closed:'This is not available yet. Please try again later.', neterr:'Network problem. Please try again later.',
    whatT:'What happens after freezing', w1:'Every device is signed out; the app locks and clears local data', w2:'No transfers, withdrawals or payments',
    w3:'You cannot send messages; messages sent to you are held and delivered after unfreezing', w4:'Your merchant devices are not affected',
    unfT:'How to unfreeze', unfB:'Not on this page. On your new phone, use “Move to a new phone” in the app; success unfreezes the account.'},
  es: {h1:'Congelar tu cuenta', sub:'¿Perdiste el teléfono o te lo robaron? Congélala aquí. El teléfono en sus manos se cierra y se borra.',
    noSms:'No hace falta recibir un SMS: tu teléfono puede estar en manos de otra persona.', phoneLabel:'Teléfono de la cuenta (+1…)', methodLabel:'Elige una forma de verificar',
    m1:'Contraseña de pago', m1s:'La misma que se usa para cambiar de teléfono', m2:'Reconocer a tus contactos', m2s:'Necesita tu número de ID; sin SMS', serialLabel:'Número de ID (como U123456789)', quizOpen:'Obtener preguntas',
    m3:'Datos de identidad (nombre + fecha de nacimiento + últimos 4 del documento)', m3s:'Todavía no disponible',
    payloadLabel:'Contraseña de pago', payloadLabel3:'Nombre + fecha de nacimiento + últimos 4 del documento', go:'Congelar ahora', going:'Congelando…',
    oneWrite:'Este es el único botón de esta página que cambia tu cuenta.',
    doneT:'Cuenta congelada', doneB:'Todos los dispositivos se cerraron. En tu teléfono nuevo, abre la app y usa «Cambiar de teléfono» para descongelar.',
    limitT:'Inténtalo más tarde', limitB:'Hasta 3 congelaciones cada 24 horas; tras un intento fallido, espera antes de volver a intentarlo.', limitWait:'Inténtalo de nuevo en {n} minutos.',
    errSame:'Esa información no coincide. Revísala e inténtalo de nuevo.', closed:'Todavía no está disponible. Inténtalo más tarde.', neterr:'Problema de red. Inténtalo más tarde.',
    whatT:'Qué pasa al congelar', w1:'Todos los dispositivos se cierran; la app se bloquea y borra los datos locales', w2:'No se puede transferir, retirar ni pagar',
    w3:'No puedes enviar mensajes; los que te envíen quedan guardados y llegan al descongelar', w4:'Tus dispositivos de comercio no se ven afectados',
    unfT:'Cómo descongelar', unfB:'No es en esta página. En tu teléfono nuevo usa «Cambiar de teléfono» en la app; al lograrlo se descongela.'}
};

var lang = (function(){
  var l = (navigator.language || 'zh').toLowerCase();
  if (l.indexOf('es') === 0) return 'es';
  if (l.indexOf('en') === 0) return 'en';
  return 'zh';
})();

function t(k){ return (T[lang] && T[lang][k]) || T.zh[k] || k; }

function applyLang(){
  document.documentElement.lang = lang === 'zh' ? 'zh-CN' : lang;
  var nodes = document.querySelectorAll('[data-t]');
  for (var i = 0; i < nodes.length; i++) {
    var k = nodes[i].getAttribute('data-t');
    if (T[lang] && T[lang][k]) nodes[i].textContent = T[lang][k];
  }
  syncPayloadLabel();
}

function method(){
  var r = document.querySelector('input[name="fzm"]:checked');
  return r ? r.value : 'payment_password';
}

function syncPayloadLabel(){
  var lab = document.querySelector('label[for="fz_payload"]');
  var inp = document.getElementById('fz_payload');
  // 🔴 好友法之凭据系【答卷】，不走 payload 格 ⇒ 该格与其标俱隐（留着即是一个没人读的输入）。
  var quiz = method() === 'friend_quiz';
  lab.hidden = quiz; inp.hidden = quiz;
  document.getElementById('fz_quiz_box').hidden = !quiz;
  if (method() === 'tier1_identity') { lab.textContent = t('payloadLabel3'); inp.type = 'text'; }
  else { lab.textContent = t('payloadLabel'); inp.type = 'password'; }
}

// 🔴 好友辨认（冻结专用版）之答卷；开题前为空。
var quizSetKey = '';
var quizAnswers = [];

// 取题 —— POST /account/quiz {phone, serial}；🔴 本路零短信。
function openQuiz(){
  var phone = document.getElementById('fz_phone').value.trim();
  var serial = document.getElementById('fz_serial').value.trim();
  hideAll();
  fetch(API_BASE + '/account/quiz', {
    method: 'POST', headers: {'Content-Type': 'application/json'},
    body: JSON.stringify({phone: phone, serial: serial})
  }).then(function(res){
    return res.json().catch(function(){ return {}; }).then(function(body){
      if (res.status !== 200) {
        if (res.status === 429) { showLimit(Number(body.retry_after || 0)); return; }
        if (res.status === 404 || res.status === 503) { showClosed(); return; }
        // 🔴 开题之败与冻结之败【同一句】—— 其别即泄该号之实况
        showSameShapeError(); return;
      }
      quizSetKey = body.quiz_set_key || '';
      quizAnswers = [];
      renderQuiz(body.questions || []);
    });
  }).catch(function(){ showSameShapeError(); });
}

function renderQuiz(qs){
  var box = document.getElementById('fz_quiz');
  box.innerHTML = '';
  qs.forEach(function(q, qi){
    var wrap = document.createElement('div');
    wrap.className = 'card';
    (q.options || []).forEach(function(name){
      var b = document.createElement('button');
      b.type = 'button';
      b.className = 'go';
      b.textContent = name;
      b.addEventListener('click', function(){
        quizAnswers[qi] = name;
        b.style.opacity = '0.6';
      });
      wrap.appendChild(b);
    });
    box.appendChild(wrap);
  });
  box.hidden = false;
}

function hideAll(){
  ['fz_done','fz_limit','fz_err'].forEach(function(id){ document.getElementById(id).hidden = true; });
}

// 🔴🔴 零枚举：失败一律同一句 —— 「号不存在」「凭据不对」「该法不适用」在本页【同形】。
//	服务端亦只给一个出口（401 + 同一错文）；页面【不解析】其文、不按其分支。
function showSameShapeError(){
  hideAll();
  var e = document.getElementById('fz_err');
  e.textContent = t('errSame');
  e.hidden = false;
}

function showClosed(){
  hideAll();
  var e = document.getElementById('fz_err');
  e.textContent = t('closed');
  e.hidden = false;
}

// 🔴 限流之数由服务端回显（retry_after 秒）——本页不自算、不自拦。
function showLimit(retryAfterSec){
  hideAll();
  var b = document.getElementById('fz_limit_b');
  if (retryAfterSec > 0) {
    var mins = Math.ceil(retryAfterSec / 60);
    b.textContent = t('limitWait').replace('{n}', String(mins));
  } else {
    b.textContent = t('limitB');
  }
  document.getElementById('fz_limit').hidden = false;
}

function showDone(){
  hideAll();
  document.getElementById('fz_done').hidden = false;
  document.getElementById('fz_go').disabled = true;
}

function freeze(){
  var btn = document.getElementById('fz_go');
  var phone = document.getElementById('fz_phone').value.trim();
  var payload = document.getElementById('fz_payload').value;
  hideAll();
  btn.disabled = true;
  btn.textContent = t('going');
  fetch(API_BASE + '/account/freeze', {
    method: 'POST',
    headers: {'Content-Type': 'application/json'},
    body: JSON.stringify(
      method() === 'friend_quiz'
        ? {phone: phone, method: 'friend_quiz', quiz_set_key: quizSetKey, quiz_answers: quizAnswers}
        : {phone: phone, method: method(), payload: payload}
    )
  }).then(function(res){
    return res.json().catch(function(){ return {}; }).then(function(body){
      if (res.status === 200) { showDone(); return; }
      if (res.status === 429) {
        var ra = Number(body.retry_after || res.headers.get('Retry-After') || 0);
        showLimit(ra); return;
      }
      if (res.status === 404 || res.status === 503) { showClosed(); return; }
      // 🔴 其余一切（401 凭据不对 ／ 号不存在 ／ 400）⇒ 同形错文，不分支
      showSameShapeError();
    });
  }).catch(function(){
    hideAll();
    var e = document.getElementById('fz_err');
    e.textContent = t('neterr');
    e.hidden = false;
  }).then(function(){
    if (document.getElementById('fz_done').hidden) { btn.disabled = false; }
    btn.textContent = t('go');
  });
}

document.getElementById('fz_go').addEventListener('click', freeze);
['fz_m1','fz_m2','fz_m3'].forEach(function(id){
  document.getElementById(id).addEventListener('change', syncPayloadLabel);
});
document.getElementById('fz_quiz_open').addEventListener('click', openQuiz);
document.getElementById('fz_lang').addEventListener('click', function(ev){
  var l = ev.target && ev.target.getAttribute && ev.target.getAttribute('data-lang');
  if (l && T[l]) { lang = l; applyLang(); }
});
applyLang();
</script>
</body>
</html>