:root{--bg:#dce9e8;--ink:#0f2b2b;--muted:#0f2b2bb3;--card:#ffffffbf;--stroke:#0f2b2b2e;--stroke-strong:#0f2b2b47;--focus:#0f2b2b40;--brand:#1b5151;--accent:#f5b400;--shadow:0 20px 55px #0f2b2b1f;--radius:18px;--radius-sm:12px;--w:750px}*{box-sizing:border-box}html,body{height:100%}body{color:var(--ink);background:var(--bg);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}.wrap{place-items:center;min-height:100%;padding:28px 16px;display:grid}.shell{width:min(var(--w),100%);gap:14px;display:grid}.topbar{-webkit-user-select:none;user-select:none;place-items:center;padding:10px 0 4px;display:grid}.logo{align-items:center;gap:10px;display:flex}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes chargingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.logo-badge{border:1px solid var(--stroke);background:#1b51511f;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.logo-badge svg{width:18px;height:18px}.logo-title{letter-spacing:.2px;font-size:20px;font-weight:800;line-height:1}.logo-sub{color:var(--muted);text-align:center;margin-top:2px;font-size:12px}.card{background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-head{gap:6px;padding:18px 18px 0;display:grid}h1{letter-spacing:-.2px;margin:0;font-size:22px}.lead{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.progress{gap:10px;padding:14px 18px 10px;display:grid}.bar{border:1px solid var(--stroke);background:#0f2b2b14;border-radius:999px;height:10px;overflow:hidden}.bar>i{background:#1b5151bf;border-right:1px solid #ffffff59;width:0%;height:100%;transition:width .25s;display:block}.steps{color:var(--muted);justify-content:space-between;gap:8px;font-size:12px;display:flex}.steps .pill{border:1px solid var(--stroke);white-space:nowrap;background:#ffffff8c;border-radius:999px;padding:6px 10px}.steps .pill.active{border-color:var(--stroke-strong);color:var(--ink);background:#ffffffd9;font-weight:650}.card-body{padding:10px 18px 18px}.panel{animation:.18s fadeIn;display:none}.panel.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.grid{gap:12px;margin-top:12px;display:grid}label{color:var(--ink);gap:6px;font-size:13px;font-weight:600;display:grid}.hint{color:var(--muted);font-size:12px;font-weight:500;line-height:1.45}input,select{border:1px solid var(--stroke);width:100%;color:var(--ink);background:#ffffffd9;border-radius:12px;outline:none;padding:12px;font-size:14px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--stroke-strong);box-shadow:0 0 0 4px var(--focus)}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:520px){.row{grid-template-columns:1fr}}.radio{gap:10px;display:grid}.seg{grid-template-columns:1fr 1fr;gap:10px;display:grid}.seg button{border:1px solid var(--stroke);width:100%;color:var(--ink);cursor:pointer;text-align:left;background:#ffffffbf;border-radius:14px;padding:12px;font-weight:700;transition:transform 60ms,background .15s,border-color .15s}.seg button:active{transform:translateY(1px)}.seg button.selected{border-color:var(--stroke-strong);background:#ffffffeb;box-shadow:0 0 0 4px #1b51511a}.seg small{color:var(--muted);margin-top:4px;font-weight:600;line-height:1.35;display:block}.field-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.qmark{border:1px solid var(--stroke);width:22px;height:22px;color:var(--ink);cursor:default;-webkit-user-select:none;user-select:none;background:#ffffffb8;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex;position:relative}.qmark .tip{border:1px solid var(--stroke);opacity:0;pointer-events:none;text-align:left;z-index:2;background:#fffffff5;border-radius:14px;width:320px;max-width:80vw;padding:12px;transition:opacity .15s,transform .15s;position:absolute;top:28px;right:0;transform:translateY(-6px);box-shadow:0 18px 45px #0f2b2b24}.qmark:hover .tip{opacity:1;transform:translateY(0)}.tip p{color:var(--ink);margin:0;font-size:12px;line-height:1.45}.tip b{font-weight:800}.tip .muted{color:var(--muted);font-weight:650}details{border:1px solid var(--stroke);background:#ffffff9e;border-radius:14px;padding:10px 12px}summary{cursor:pointer;font-size:13px;font-weight:750}details .content{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.5}details ol{margin:8px 0 0 18px;padding:0}details li{margin:4px 0}.actions{border-top:1px solid #0f2b2b1a;justify-content:space-between;gap:10px;margin-top:16px;padding-top:14px;display:flex}.btn{border:1px solid var(--stroke);color:var(--ink);cursor:pointer;background:#ffffffc7;border-radius:14px;min-width:120px;padding:12px 14px;font-weight:800;transition:transform 60ms,background .15s,border-color .15s}.btn:active{transform:translateY(1px)}.btn.primary{color:#fffffff2;background:#1b5151eb;border-color:#1b515159}.btn.primary[disabled]{opacity:.55;cursor:not-allowed}.footer-note{text-align:center;color:#0f2b2b8c;padding:8px 0 0;font-size:12px}.ok{gap:10px;padding:8px 0 0;display:grid}.check{border:1px solid var(--stroke);background:#ffffffc7;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.check svg{width:22px;height:22px}.mono{color:#0f2b2bb8;border:1px solid var(--stroke);background:#ffffff9e;border-radius:12px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;overflow:auto}.toast{border:1px solid var(--stroke);color:var(--ink);opacity:0;pointer-events:none;background:#ffffffeb;border-radius:14px;width:min(520px,100% - 24px);padding:10px 12px;font-size:13px;transition:opacity .18s,transform .18s;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 45px #0f2b2b24}.toast.show{opacity:1;transform:translate(-50%)translateY(-2px)}