/**
 * 选校研究起点 — the funnel's front door, 绛红纸金 at full attention.
 * Tier C: motion is functional feedback only; reduced-motion honored; the
 * no-JS state (all steps stacked) is a complete, calm long-form page.
 */
:root{--ox:#7C2230;--oxd:#5A1420;--brass:#A67F33;--brass-ink:#7E5E1F;--paper:#F7F3EC;--card:#FFFDF9;--ink:#26201C;--ink2:#6B5F58;--line:#E9E0D3}
*{box-sizing:border-box}
body.lia-assess{margin:0;color:var(--ink);font:16px/1.7 -apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  background:var(--paper);
  background-image:radial-gradient(1200px 500px at 85% -10%, rgba(166,127,51,.07), transparent 60%),
                   radial-gradient(900px 420px at -10% 8%, rgba(124,34,48,.05), transparent 55%)}
.lia-assess .wrap{max-width:640px;margin:0 auto;padding:34px 20px 90px}

/* ── hero ─────────────────────────────────────────────────────────── */
.lia-assess .kicker{font-size:13px;letter-spacing:.14em;color:var(--brass-ink);margin:0 0 10px;text-transform:uppercase}
.lia-assess .hero h1{font-size:clamp(28px,6vw,38px);line-height:1.28;margin:0 0 16px;color:var(--oxd);font-weight:700;text-wrap:balance}
.lia-assess .lead{font-size:16px;color:var(--ink);margin:0 0 10px}
.lia-assess .lead-note{font-size:13.5px;color:var(--ink2);margin:0 0 22px}

/* ── steps ────────────────────────────────────────────────────────── */
.lia-assess .step{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px 24px;margin:0 0 18px;box-shadow:0 1px 0 rgba(38,32,28,.03)}
.lia-assess .hero.step{background:none;border:0;box-shadow:none;padding:8px 0 6px}
.lia-assess legend,.lia-assess .preview h2{font-size:19px;font-weight:700;color:var(--ink);padding:0;margin:0 0 16px;display:flex;align-items:baseline;gap:10px}
.lia-assess .qno{font-size:12.5px;color:var(--brass-ink);font-variant-numeric:tabular-nums;letter-spacing:.08em}
.lia-assess fieldset{border:0}
.lia-assess .sublabel{font-size:13.5px;color:var(--ink2);margin:16px 0 8px;font-weight:600}
.lia-assess .sublabel:first-of-type{margin-top:0}

/* ── chips: the tap surface ───────────────────────────────────────── */
.lia-assess .chips{display:flex;flex-wrap:wrap;gap:9px}
.lia-assess .chip{position:relative;display:inline-flex}
.lia-assess .chip input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.lia-assess .chip span{display:inline-flex;align-items:center;min-height:46px;padding:8px 18px;border:1.5px solid var(--line);border-radius:999px;background:var(--card);font-size:15px;color:var(--ink);transition:border-color .15s,background .15s,color .15s;cursor:pointer;user-select:none}
.lia-assess .chip input:checked+span{background:var(--ox);border-color:var(--ox);color:#FBF2E9;font-weight:600}
.lia-assess .chip input:focus-visible+span{outline:2.5px solid var(--brass);outline-offset:2px}
.lia-assess .chip input:hover+span{border-color:var(--brass)}

/* ── text inputs ──────────────────────────────────────────────────── */
.lia-assess .ti{display:block;width:100%;font:inherit;padding:11px 14px;border:1.5px solid var(--line);border-radius:10px;background:var(--card);margin:0 0 10px}
.lia-assess .ti:focus{outline:2.5px solid var(--brass);outline-offset:1px;border-color:var(--brass)}
.lia-assess .never{font-size:12.5px;color:var(--ink2);margin:8px 0 0}
.lia-assess .minor-note{font-size:13px;color:var(--brass-ink);background:rgba(166,127,51,.08);border-radius:8px;padding:8px 12px;margin:10px 0 0}

/* ── consent ──────────────────────────────────────────────────────── */
.lia-assess .consent{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.65;margin:0 0 14px;cursor:pointer}
.lia-assess .consent input{width:20px;height:20px;margin-top:3px;accent-color:var(--ox);flex:none}
.lia-assess .consent input:focus-visible{outline:2.5px solid var(--brass);outline-offset:2px}
.lia-assess .consent em{font-style:normal;font-size:12px;color:var(--brass-ink);margin-left:6px}

/* ── buttons + nav ────────────────────────────────────────────────── */
.lia-assess .go{font:inherit;font-size:16.5px;font-weight:700;color:#FBF2E9;background:linear-gradient(160deg,var(--ox),var(--oxd));border:0;border-radius:999px;padding:13px 34px;cursor:pointer;box-shadow:0 2px 10px rgba(90,20,32,.22)}
.lia-assess .go:hover{filter:brightness(1.07)}
.lia-assess .go:focus-visible{outline:2.5px solid var(--brass);outline-offset:3px}
.lia-assess .stepnav{position:sticky;bottom:0;display:flex;gap:12px;align-items:center;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(6px);border-top:1px solid var(--line);margin:0 -20px;padding:12px 20px}
.lia-assess .stepnav button{font:inherit;font-size:14.5px;color:var(--ox);background:none;border:1.5px solid var(--line);border-radius:999px;padding:8px 18px;cursor:pointer}
.lia-assess .stepnav button:disabled{opacity:.35;cursor:default}
.lia-assess .stepnav button:focus-visible{outline:2.5px solid var(--brass);outline-offset:2px}
.lia-assess .stepct{font-size:12.5px;color:var(--ink2);font-variant-numeric:tabular-nums}
.lia-assess .dots{display:flex;gap:6px;margin:0 auto}
.lia-assess .dots i{width:7px;height:7px;border-radius:50%;background:var(--line);transition:background .2s,transform .2s}
.lia-assess .dots i.on{background:var(--brass);transform:scale(1.25)}
.lia-assess .dots i.done{background:var(--ox)}

/* ── stepper mode (html.js-stepper set by assessment.js) ──────────── */
.js-only{display:none}
html.js-stepper .js-only{display:revert}
html.js-stepper .lia-assess .step{display:none}
html.js-stepper .lia-assess .step.on{display:block;animation:rise .28s ease}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ── preview + report cards ───────────────────────────────────────── */
.lia-assess .pv-wait,.lia-assess .pv-pending{font-size:14px;color:var(--ink2)}
.lia-assess .pv-note{font-size:13px;color:var(--brass-ink);margin:14px 0 0}
.lia-assess .clusters{display:flex;flex-direction:column;gap:14px}
.lia-assess .cluster{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--brass);border-radius:10px;padding:16px 18px}
.lia-assess .cl-head{font-size:14px;color:var(--brass-ink);margin:0 0 10px;font-weight:700}
.lia-assess .cl-school{display:block;text-decoration:none;padding:8px 0;border-top:1px dashed var(--line)}
.lia-assess .cl-school:first-of-type{border-top:0}
.lia-assess .cl-school .nm{color:var(--ink);font-weight:600}
.lia-assess .cl-school:hover .nm,.lia-assess .cl-school:focus .nm{color:var(--ox);text-decoration:underline}
.lia-assess .cl-school .meta{display:block;font-size:12.5px;color:var(--ink2);font-variant-numeric:tabular-nums}
.lia-assess .cl-why{font-size:13.5px;color:var(--ink2);margin:10px 0 0}
.lia-assess .gap{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--ox);border-radius:10px;padding:14px 18px;font-size:14.5px;margin:16px 0 0}
.lia-assess .pv-basis{font-size:12px;color:var(--ink2);margin:14px 0 0}

/* ── thank-you ────────────────────────────────────────────────────── */
.lia-assess .thanks h1{font-size:30px;color:var(--oxd);margin:0 0 12px}
.lia-assess .subscribe{margin:26px 0 0;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 24px}
.lia-assess .subscribe h2{font-size:17px;margin:0 0 8px}
.lia-assess .subscribe p{font-size:14px;color:var(--ink2);margin:0 0 8px}
.lia-assess .qr-slot{border:1.5px dashed var(--line);border-radius:10px;padding:26px;text-align:center;font-size:13px;color:var(--ink2)}

/* ── misc ─────────────────────────────────────────────────────────── */
.lia-assess .errors{background:#FDF3F2;border:1px solid #E6C7C3;border-left:3px solid #B4433A;border-radius:8px;padding:12px 16px;font-size:14px;margin:0 0 18px}
.lia-assess .hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
@media (prefers-reduced-motion:reduce){.lia-assess *{transition:none!important;animation:none!important}}

.lia-assess .linkbox{margin:18px 0 0;background:var(--card);border:1.5px solid var(--brass);border-radius:12px;padding:16px 18px}
.lia-assess .linkbox p{margin:0 0 6px;font-size:14px}
.lia-assess .linkbox .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;word-break:break-all}

.lia-assess .qr-slot.has-qr{border-style:solid;padding:18px}
.lia-assess .qr-slot img{display:block;margin:0 auto;border-radius:8px}