{kw(card.q)}

{card.sub &&

{card.sub}

} {card.nudge && {card.nudge.text}} {isMulti ? (

{card.opts.map((o, i) => ( ))} {tradeHinted &&

最后一条更适合走「外贸出海」体检——这次先帮你看工厂提效，外贸我们另约。

}

) : (

{card.opts.map((o, i) => ( ))} {!otherOpen ? ( ) : (

setOtherText(e.target.value)} placeholder="把你的实际情况说得越细越好，体检结果也越准…" />
              <div className="ck-other-row">
                <span className="ck-other-hint">说得越细，我们越懂你</span>
                <button className="ck-mini" disabled={!otherText.trim()} onClick={submitOther}>填好了，继续 →</button>
              </div>
            </div>
          )}
        </div>
      )}
    </div>
  );
}

function Lead({ name, setName, contact, setContact, url, setUrl, extra, setExtra, onSubmit, onBack }) {
  const ok = name.trim().length >= 1 && contact.trim().length >= 5;
  return (
    <div className="ck-card">
      <button className="ck-back" onClick={onBack}>← 上一步</button>
      <div className="ck-badge">最后一步</div>
      <h2 className="ck-h1">填手机 / 微信，<span className="kw">立即看得分</span></h2>
      <p className="ck-lead">报告这就生成好了。留个联系方式，方便把<b>完整报告</b>发给你。</p>
      <label className="ck-flabel">怎么称呼您 <span className="ck-req">必填</span></label>
      <input className="ck-input" value={name} onChange={(e) => setName(e.target.value)} placeholder="王总 / 李经理 / 张先生" />
      <label className="ck-flabel">手机 / 微信 <span className="ck-req">必填</span></label>
      <input className="ck-input" value={contact} onChange={(e) => setContact(e.target.value)} placeholder="手机号 / 微信号" inputMode="tel" />
      <label className="ck-flabel">官网 / 独立站网址 <span className="ck-opt2">选填 · 留了我们直接抓取，体检更准</span></label>
      <input className="ck-input" value={url} onChange={(e) => setUrl(e.target.value)} placeholder="https://你的网址（外贸客户强烈建议留）" inputMode="url" />
      <textarea className="ck-textarea lead" rows={3} value={extra} onChange={(e) => setExtra(e.target.value)} placeholder="再留一句：公司 / 最头疼的一件事（选填，越多我们越懂你）" />
      <button className="ck-btn" disabled={!ok} onClick={onSubmit}>查看我的体检得分 →</button>
      <p className="ck-fine">提交即同意骏航在本次体检及后续沟通范围内使用你填写的信息；我们不外传、不做骚扰式电话，符合《个人信息保护法》。</p>
    </div>
  );
}

function Checkup() {
  const [open, setOpen] = useState(false);
  const [phase, setPhase] = useState("intro");
  const [qstep, setQstep] = useState(0);
  const [branch, setBranch] = useState("trade");
  const [ans, setAns] = useState({});
  const [name, setName] = useState("");
  const [contact, setContact] = useState("");
  const [url, setUrl] = useState("");
  const [extra, setExtra] = useState("");
  const [forcedBranch, setForcedBranch] = useState(null);

useEffect(() => {
    const o = (e) => {
      const br = e && e.detail ? e.detail : null;
      setPhase("intro"); setForcedBranch(br); setQstep(0);
      setBranch(br || "trade");
      setAns(br ? { 0: { branch: br } } : {});
      setName(""); setContact(""); setUrl(""); setExtra(""); setOpen(true);
    };
    window.addEventListener("open-checkup", o);
    window.openCheckup = (branch) => window.dispatchEvent(new CustomEvent("open-checkup", { detail: branch }));
    // 预览钩子：#result-trade / #result-eff 直接看结果页（仅用于评审，真实用户不触发）
    const demo = () => {
      const h = location.hash;
      if (h === "#result-trade" || h === "#result-eff") {
        const tr = h === "#result-trade";
        setBranch(tr ? "trade" : "eff");
        setAns(tr
          ? { 0: { l: "主要做外贸 / 出海", branch: "trade" }, 1: { l: "找不到", v: 0 }, 2: { l: "没提我 / 没试过", v: 0 }, 3: { l: "两年以上没动", v: 1 }, 4: { l: "1–5 条", v: 1 }, 5: { l: "2000 元以上", iv: 20 }, 6: { l: "我就是老板", qv: 3 }, 7: { l: "花钱找过顾问", iv: 25 }, 8: { l: "这个月内", iv: 35, tag: "now" }, 9: { l: "要，我方便时直接约", iv: 20, commit: true } }
          : { 0: { l: "主要内销 / 内部管理", branch: "eff" }, 1: { l: "重复填报 / 排产乱", multi: true, sel: ["同一批数据要重复填进好几个表 / 系统，对账乱", "排产靠脑子记 / 微信通知，一插单或设备坏就乱、交期说不准"] }, 2: { l: "3 个或以上", v: 1 }, 3: { l: "业务员手工录、半天", v: 2 }, 4: { l: "厂长 / 老板脑子里", v: 1 }, 5: { l: "1 天以上", v: 1 }, 6: { l: "只有月报", v: 1 }, 7: { l: "1–3 个月内", tag: "mid" } });
        setPhase("result"); setOpen(true);
      }
    };
    window.addEventListener("hashchange", demo); demo();
    return () => { window.removeEventListener("open-checkup", o); window.removeEventListener("hashchange", demo); };
  }, []);
  useEffect(() => {
    const k = (e) => { if (e.key === "Escape") setOpen(false); };
    window.addEventListener("keydown", k);
    return () => window.removeEventListener("keydown", k);
  }, []);

const branchQs = (branch === "trade" ? TRADE : EFF).concat([branch === "trade" ? COST_TRADE : COST_EFF], INTENT);
  const L = branchQs.length;            // 诊断题 + 代价 + 意向题（trade=9, eff=11）
  const total = L + 1;                   // Q1 + 全部分支题
  const current = qstep === 0 ? Q1 : branchQs[qstep - 1];

const res = phase === "result" ? compute(branch, ans) : null;
  const progress = phase === "intro" ? 0 : phase === "q" ? (qstep + 1) / (total + 1) : phase === "lead" ? total / (total + 1) : 1;

if (!open) return null;
  return (
    <div className="ck-overlay" onClick={(e) => { if (e.target === e.currentTarget) setOpen(false); }}>
      <div className="ck-modal">
        <header className="ck-head">
          <div className="ck-brand"><img src="assets/logo-jh.webp" alt="骏航" /><span>骏航 AI 体检</span></div>
          <div className="ck-prog"><span style={{ width: progress * 100 + "%" }} /></div>
          <button className="ck-close" onClick={() => setOpen(false)} aria-label="关闭">✕</button>
        </header>
        <div className="ck-scroll">
          {phase === "intro" && <Intro onStart={() => { if (forcedBranch) setQstep(1); setPhase("q"); }} />}
          {phase === "q" && <Question key={qstep} card={current} qstep={forcedBranch ? qstep - 1 : qstep} total={forcedBranch ? total - 1 : total} onPick={pick} onBack={back} />}
          {phase === "lead" && <Lead name={name} setName={setName} contact={contact} setContact={setContact} url={url} setUrl={setUrl} extra={extra} setExtra={setExtra} onSubmit={() => { saveSubmission(branch, ans, name, contact, url, extra); setPhase("result"); }} onBack={back} />}
          {phase === "result" && <Result res={res} branch={branch} ans={ans} />}
        </div>
      </div>
    </div>
  );
}

Object.assign(window, { Checkup, jhAddWecom: addWecom });