*{box-sizing:border-box}body{margin:0;background:#eee5d6;color:#211d17;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif}header{background:linear-gradient(145deg,#14110d,#292218);color:#f0d79f;text-align:center;padding:22px}header b{display:block;font:600 24px serif;letter-spacing:5px}header span{display:block;font-size:12px;letter-spacing:5px;margin-top:8px}main{max-width:480px;margin:auto;padding:18px 14px 35px;background:linear-gradient(155deg,#eee5d6,#faf7f1,#eee7dc);min-height:85vh}nav{display:flex;justify-content:space-between;margin:12px 0;color:#81786b;font-size:12px}nav span[aria-current=step]{color:#6f5121;font-weight:bold}section{background:#fffefb;border:1px solid #e8dfd1;border-radius:16px;padding:22px;box-shadow:0 12px 30px #31271812}h1{font-size:20px;margin:0 0 18px}label{display:block;margin:14px 0}input,select{width:100%;padding:12px 2px;font:inherit;border:0;border-bottom:1px solid #ded5c7;background:transparent;color:inherit;border-radius:0}button{font:inherit;border:1px solid #b79a65;border-radius:9px;background:#fffefb;color:#29231b;padding:10px 14px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.row{display:flex;gap:10px;align-items:center}.row>input,.row>label,.controls>button{flex:1;min-width:0}.row>button{white-space:nowrap;font-size:13px}.controls{margin-top:20px}#next{background:#292218;color:#f4dfb1}#mode{color:#816020;font-size:13px}#error{color:#b33125}#agreement{white-space:pre-wrap;max-height:240px;overflow:auto;padding:14px;background:#f7f3ec;border-radius:10px}.consent{display:flex;gap:10px;align-items:start;font-size:13px}.consent input{width:18px;margin-top:5px}canvas{display:block;width:100%;height:120px;touch-action:none;border:1px dashed #b99c67;border-radius:10px;margin-bottom:12px}#images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#images img{width:100%;height:90px;object-fit:cover;border-radius:8px}#images button{width:100%;font-size:12px;padding:5px}[hidden]{display:none!important}

.identity-upload{border-bottom:1px solid #ded5c7;padding-bottom:12px}.identity-switch{display:flex;align-items:center;justify-content:space-between;gap:12px}.identity-switch input{width:22px;height:22px;accent-color:#8b6b28}.identity-upload p{font-size:12px;color:#816020}.identity-side{margin:18px 0}.identity-side b{font-size:14px}.identity-side .row{margin-top:10px}.identity-preview{position:relative;margin-top:10px}.identity-preview img{width:100%;max-height:180px;object-fit:contain}.identity-preview span{position:absolute;inset:45% 0 auto;text-align:center;color:#8b6b28;background:#ffffffaa;pointer-events:none}

.identity-tabs{display:flex;gap:8px;margin-top:12px}.identity-tabs button{flex:1;padding:8px;font-size:13px;border-color:transparent;background:transparent;color:#8e8577}.identity-tabs button[aria-pressed=true]{background:#eee4d1;color:#73531e;border-color:#d9c6a3}.identity-card{aspect-ratio:1.586;position:relative;border:1px dashed #bda578;border-radius:14px;background:linear-gradient(135deg,#f6f0e5,#eee4d2);overflow:hidden}.identity-guide{position:absolute;inset:0;padding:20px;color:#b8a37d}.id-lines{width:53%;margin-top:8px}.id-lines i,.id-back-lines i{display:block;height:5px;background:#d7cab3;border-radius:8px;margin:13px 0}.id-lines i:nth-child(2){width:70%}.id-person{position:absolute;right:23px;top:20px;font-size:38px;line-height:.8;text-align:center;background:#e5dac6;padding:15px 9px;border-radius:8px}.id-guide-label{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:13px;color:#8b6b28}.id-emblem{position:absolute;top:23px;left:23px;width:43px;height:43px;border:2px solid #bda578;border-radius:50%;text-align:center;line-height:38px;font-size:26px}.id-back-lines{margin-left:62px;margin-top:10px;font-size:14px}.identity-card .identity-preview{position:absolute;inset:0;margin:0}.identity-card .identity-preview img{width:100%;height:100%;max-height:none;object-fit:contain}.identity-side{margin:12px 0 0}.identity-upload #identity-progress{margin-bottom:0}

.identity-card[role=button]{cursor:pointer}.identity-card:focus-visible{outline:2px solid #8b6b28;outline-offset:3px}.identity-picker{border:1px solid #d9c6a3;border-radius:16px;padding:22px;background:#fffefb;max-width:90vw}.identity-picker::backdrop{background:#211d1766}.identity-picker>button{margin-top:14px;width:100%}