:root{--theme:#2458d8;--button:#2458d8;--font-size:16px;--title-size:26px;--ink:#142c4a;--muted:#617590;--line:#dbe4ef;font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-size:var(--font-size);background:#eff4fa}
*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,input:focus-visible{outline:3px solid var(--theme);outline-offset:3px}[hidden]{display:none!important}
.shell{max-width:480px;min-height:100vh;min-height:100dvh;background:#fff;margin:auto;display:flex;flex-direction:column}.brand{padding:18px 22px;display:flex;gap:12px;align-items:center;font-weight:700;border-bottom:1px solid var(--line)}.brand-mark{color:var(--theme);font-size:28px;line-height:1}.hero{position:relative;aspect-ratio:18/7;background:#e9eff7;overflow:hidden}.hero img{width:100%;height:100%;object-fit:contain;display:block}.hero-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.hero-dots button{width:10px;height:10px;border:0;border-radius:50%;padding:0;background:#fff;box-shadow:0 0 3px #51637f}.hero-dots button[aria-current=true]{background:var(--theme)}.hero-pause{position:absolute;right:8px;bottom:6px;border:0;background:#142c4abf;color:#fff;border-radius:4px;font-size:12px;padding:4px 7px}
.content{padding:24px 22px 18px;flex:1}h1{font-size:var(--title-size);line-height:1.35;margin:0 0 8px;font-weight:750}h2{font-size:1.2em;margin:0 0 12px}p{line-height:1.65;margin:8px 0 18px}.hint,.details{color:var(--muted);font-size:.9em}.fields{display:grid;gap:16px;margin:24px 0 30px}.field{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:9px}.field label{font-weight:600}.required{color:#dc3e45;margin-left:4px}input{width:100%;min-height:46px;padding:11px 12px;background:white;border:1px solid var(--line);border-radius:7px;color:var(--ink)}input::placeholder{color:#8b99ad}.primary,.secondary,.text-button{border-radius:7px;padding:13px 18px;font-weight:600;min-height:46px}.primary{background:var(--button);color:white;border:1px solid transparent;width:100%}.secondary{background:#fff;color:var(--theme);border:1px solid var(--line)}.text-button{border:0;background:none;color:var(--theme);width:100%;margin-top:8px}.notice{margin:16px 22px 0;background:#fff2ed;color:#9f3522;border-left:3px solid #d85435;padding:12px 14px;line-height:1.6}.quota{padding:10px 14px;background:#f0f5fb;text-align:center;border-radius:6px;margin:18px 0;color:var(--muted)}.quota strong{color:var(--theme)}.quota.exhausted{background:#fff3e8;color:#9a531a}.person-name{font-size:1.25em;font-weight:700;margin:18px 0 5px}.details{overflow-wrap:anywhere;margin-bottom:12px}.portrait-preview{width:200px;max-width:100%;height:250px;object-fit:cover;border-radius:7px;background:#f0f4f9;display:block;margin:18px auto}.photo-empty{width:200px;height:250px;display:grid;place-content:center;border:1px dashed #9fafc4;border-radius:7px;margin:18px auto;text-align:center;font-size:3em;color:#8fa1b8}.photo-actions{display:flex;gap:12px;justify-content:center;margin-bottom:15px}.photo-actions .secondary{flex:1;font-size:.9em;padding:10px}.verify-note{background:#ecf3ff;color:#345a91;padding:10px 12px;border-radius:6px;font-size:.9em;margin:18px 0 12px}.candidate{display:block;width:100%;background:white;border:1px solid var(--line);border-radius:8px;padding:14px;text-align:left;margin:12px 0;color:var(--ink)}.candidate:hover{border-color:var(--theme)}.candidate strong{display:block;font-size:1.1em}.candidate small{display:block;color:var(--muted);line-height:1.7;margin-top:5px;overflow-wrap:anywhere}.pager{display:flex;align-items:center;justify-content:space-between;margin:20px 0}.pager button{padding:8px}.success{padding-top:45px;text-align:center}.success-icon{width:80px;height:80px;border-radius:50%;background:#27a258;color:#fff;font-size:52px;line-height:80px;margin:10px auto 28px}.success .primary{margin-top:36px}.submit-status{color:var(--muted);font-size:.9em;text-align:center}
footer{min-height:45px;padding:4px 16px 12px;display:flex;align-items:center;justify-content:space-between;color:#8a9bb3;font-size:12px}.support{font-size:26px;background:transparent;color:#9fc6e3;padding:0 10px 0 0;border:0;min-width:36px;min-height:36px}dialog{width:calc(100% - 44px);max-width:370px;border:0;border-radius:12px;padding:24px;box-shadow:0 16px 60px #142c4a33}dialog::backdrop{background:#132b4866}dialog label{display:block;margin:15px 0 8px}.dialog-actions{display:flex;gap:12px;margin-top:16px}.dialog-actions button{flex:1}#override-error{color:#bc342b;margin-bottom:0}
@media(min-width:600px){body{padding:30px 0}.shell{min-height:860px;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:0 14px 50px #203e6709}}@media(max-width:350px){.content{padding:20px 16px}.field{grid-template-columns:62px minmax(0,1fr)}.photo-actions{gap:6px}.photo-actions .secondary{padding:10px 4px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.portrait-preview{height:auto;aspect-ratio:11/16;object-fit:contain}.photo-summary{color:var(--muted);font-size:.85em;text-align:center;overflow-wrap:anywhere}.crop-dialog{color:var(--ink);width:calc(100% - 24px);max-width:460px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:20px;overflow-y:auto;overscroll-behavior:contain}.crop-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.crop-heading h2{margin:0}.crop-close{border:0;background:transparent;color:var(--muted);font-size:28px;min-width:44px;min-height:44px;padding:0}.crop-dialog .hint{margin:4px 0 16px}.crop-stage{width:240px;max-width:100%;width:min(240px,100%,40vh);width:min(240px,100%,40dvh);margin:auto;background:#edf2f8;border:1px solid var(--line)}#crop-canvas{display:block;width:100%;height:auto;aspect-ratio:11/16;touch-action:none;cursor:grab}.crop-resolution,.crop-copy{font-size:.8em;color:var(--muted);line-height:1.6;margin:12px 0;overflow-wrap:anywhere}.crop-zoom{display:flex;align-items:center;gap:14px}.crop-zoom label{margin:0;white-space:nowrap;font-size:.9em}.crop-zoom input{accent-color:var(--theme);min-height:40px;padding:0;flex:1;min-width:0}.crop-tools{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.crop-tools .secondary{padding:9px 12px;font-size:.85em}.crop-move{display:flex;gap:4px;margin-left:auto}.crop-move button{border:1px solid var(--line);background:#fff;color:var(--theme);border-radius:5px;min-height:44px;min-width:38px;padding:4px}.crop-message{color:#9f3522;background:#fff2ed;padding:10px;font-size:.9em}.crop-dialog .dialog-actions{position:sticky;bottom:-20px;background:#fff;padding:12px 0 max(12px,env(safe-area-inset-bottom));margin-top:8px}.crop-dialog .dialog-actions .secondary{flex:0 0 auto}.crop-dialog .dialog-actions .primary{min-width:0;padding:12px 8px;font-size:.9em}

dialog:not([open]){display:none}dialog[open]{display:block}.modal-backdrop{position:fixed;inset:0;top:0;right:0;bottom:0;left:0;z-index:1000;background:#132b4866}.modal-fallback{position:fixed;z-index:1001;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;background:#fff;color:var(--ink)}