:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#172033;background-color:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f5f7fb}#root{min-height:100vh}.page{min-height:100dvh;display:flex;justify-content:center;padding:0}.onboarding-shell{background:#f4f4f4}.onboarding-card{width:100%;max-width:414px;min-height:100dvh;background:#f5f5f5;margin:0 auto;padding:18px 16px 16px;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:8px;padding-top:10px}.topbar h1{font-size:32px;margin:0;font-weight:700;line-height:1.2;flex:1}.icon-btn{width:28px;height:28px;border:0;background:transparent;font-size:30px;color:#1d222d;padding:0}.top-icons{display:inline-flex;gap:8px;color:#374055;font-size:18px}.progress-line{height:4px;width:100%;margin-top:14px;border-radius:999px;background:linear-gradient(to right,#1d222d 30%,#dedede 30%)}.progress-line.p-1,.progress-line.p-4{background:linear-gradient(to right,#1d222d 20%,#dedede 20%)}.progress-line.p-2{background:linear-gradient(to right,#1d222d 8%,#dedede 8%)}.progress-line.p-5,.progress-line.p-6,.progress-line.p-7,.progress-line.p-8,.progress-line.p-9,.progress-line.p-10,.progress-line.p-11,.progress-line.p-12,.progress-line.p-13,.progress-line.p-14,.progress-line.p-16,.progress-line.p-17,.progress-line.p-18{background:linear-gradient(to right,#1d222d 85%,#dedede 85%)}.content{margin-top:36px}.content h2{font-size:44px;margin:0 0 26px;line-height:1.24;color:#151b28;font-weight:700}.desc{margin:0;color:#54617d;line-height:1.6;font-size:18px}.hint{margin-top:14px;color:#6f7a90;font-size:18px}.identity-list{display:flex;flex-direction:column;gap:14px}.identity-item{width:100%;border:1px solid #d8d8d8;border-radius:12px;background:#fff;min-height:90px;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;text-align:left}.identity-item strong{display:block;font-size:20px;line-height:1.25;color:#101522}.identity-item p{margin-top:6px;font-size:16px;color:#7a7a7a}.identity-item.active{border-color:#9e9e9e}.radio-dot{width:22px;height:22px;border-radius:50%;border:2px solid #9ea2ab;flex-shrink:0;position:relative}.identity-item.active .radio-dot:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:#232833}.footer-actions{margin-top:auto;display:flex;gap:14px;padding-top:20px}.light-btn,.dark-btn{height:48px;border-radius:999px;font-size:32px;border:1px solid #8f8f8f}.light-btn{background:#f6f6f6;color:#2e3441;width:33%}.dark-btn{border:0;background:#272c36;color:#fff;width:67%}.logout-link{margin-top:12px;border:0;background:transparent;color:#4e5d7a;font-size:14px;text-decoration:underline;align-self:center}.page-indicator{text-align:center;color:#8b95a9;font-size:14px;margin-top:8px}.actions{display:flex;gap:12px;margin-top:24px}button{border:0;border-radius:10px;padding:11px 14px;font-size:14px;cursor:pointer;transition:all .2s ease}button:disabled{cursor:not-allowed;opacity:.65}.primary{background:#0048ff;color:#fff;flex:1}.ghost{background:#edf2ff;color:#23458d;flex:1}.step-list{list-style:none;padding:0;margin:10px 0 24px;display:grid;gap:18px}.step-list li{position:relative;padding-left:30px}.step-list li:before{content:counter(step);counter-increment:step;position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:#eceff4;color:#243045;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:12px}.step-list{counter-reset:step}.step-list b{display:block;font-size:20px;margin-bottom:5px}.step-list span{color:#6f7a90;font-size:16px;line-height:1.5}.secondary-link{background:transparent;color:#20293b;text-decoration:underline;padding:0;margin:0 auto;display:block}.blank-page{min-height:500px}.form-field{border:1px solid #dddddd;border-radius:12px;background:#fff;padding:10px 12px;min-height:64px;margin-bottom:12px;position:relative}.form-field small{color:#8d95a2;font-size:13px;display:block}.form-field strong{font-size:18px;display:block;margin-top:4px;color:#252d3e}.field-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#858d9a}h3{margin:16px 0 10px;font-size:16px}.bullets{margin:8px 0 12px;padding-left:20px;line-height:1.4;color:#414f67}.sample-card{border:1px solid #d8dbe2;border-radius:12px;background:#fff;padding:12px;margin-bottom:10px;min-height:48px;color:#2f3a4f}.otp-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:12px}.otp-box{border:1px solid #d4d8e1;border-radius:10px;height:52px;background:#fff}.keyboard-bar{margin-top:24px;display:flex;gap:12px;align-items:center;color:#6a778f}.keyboard-bar b{margin-left:auto;color:#3b82f6}.note-box{background:#eef2f6;color:#4d5b74;border-radius:8px;padding:10px;margin-bottom:12px;line-height:1.5}.checks-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin-top:8px}.checks-grid label,.radio-group label,.check-list label,.check-line{font-size:16px;color:#2d3446}.radio-group{display:grid;gap:8px;margin:8px 0}.dashed-btn{width:100%;border:1px dashed #b8bfcc;background:transparent;color:#2f3b51;margin-top:8px}.pdf-item{border:1px solid #e0e3ea;background:#fff;border-radius:10px;padding:12px;font-weight:700;margin-bottom:12px}.check-line{display:block;margin:8px 0}.doc-preview{border:1px solid #d7dbe3;border-radius:10px;background:#fff;min-height:360px;font-size:12px;color:#555;padding:12px}.check-list{display:grid;gap:10px}.identity-item em{color:#ff7a1a;font-style:normal;font-size:12px}.risk-head{display:flex;align-items:center}.qa-link{margin-left:auto;background:transparent;color:#4f85e9;padding:0}.rep-card{border:1px solid #dce0e8;border-radius:10px;padding:12px;background:#fff;display:flex;gap:10px}.avatar{width:86px;height:86px;border-radius:8px;background:linear-gradient(135deg,#d3d8e2,#8d98ab)}.risk-text{margin-top:10px;color:#2f3a4d;line-height:1.5}@media (max-width: 414px){.topbar h1{font-size:30px}.content h2{font-size:36px}.identity-item strong{font-size:27px}.desc{font-size:17px}.light-btn,.dark-btn{font-size:18px}}@media (min-width: 415px){.onboarding-card{box-shadow:0 8px 28px #0d1b3e1a}}.card{width:100%;max-width:560px;background:#fff;border-radius:16px;padding:24px 20px;box-shadow:0 8px 28px #0d1b3e14}.card h1{margin:0 0 12px;font-size:24px;line-height:1.35}