:root{font-family:Microsoft YaHei,Arial;color:#172033;background:#e9eef4;font-size:16px}*{box-sizing:border-box}body{margin:0}.phone{max-width:430px;min-height:100vh;margin:auto;background:#f4f8fc;box-shadow:0 0 28px #b8c4d2}header{padding:22px 16px 16px;color:#fff;background:linear-gradient(135deg,#0b4f91,#1177c8)}header h1{margin:4px 0;font-size:24px}header p,header small{margin:0;font-size:13px;opacity:.9}main{padding:14px 10px 88px}.card{padding:16px;margin-bottom:12px;border:1px solid #dce4ee;border-radius:8px;background:#fff}.card h2{margin:0 -16px 16px;padding:12px 16px;background:#eaf4ff;color:#0f4777;font-size:18px}.auth{margin-top:18px}.auth h2{text-align:center;background:none;color:#21324a;font-size:24px}label{display:block;margin:12px 0;font-size:15px;font-weight:700}input,select,button{width:100%;min-height:50px;margin-top:6px;padding:12px;border-radius:6px;border:1px solid #cfd8e3;font:inherit;font-size:16px}button{margin-top:12px;border:0;background:#1177c8;color:#fff;font-weight:700;cursor:pointer}.secondary{background:#eef4fb;color:#255071;border:1px solid #c7d5e4}.captcha{display:flex;gap:8px}.captcha input{flex:1}.captcha img{width:108px;height:50px;margin-top:6px;border:1px solid #cfd8e3;border-radius:6px;cursor:pointer}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid label{margin:0}.upload{padding:16px;text-align:center;border:1px dashed #b6c5d7;border-radius:8px}.upload img,.preview{display:block;max-height:140px;max-width:112px;margin:10px auto}.education{padding:12px 0;border-bottom:1px solid #dce4ee}.education h3{margin:0 0 10px;font-size:16px}dl{display:grid;grid-template-columns:116px 1fr;margin:0;border-top:1px solid #dce4ee}dt,dd{padding:12px 10px;margin:0;border-bottom:1px solid #dce4ee;font-size:15px}dt{background:#f1f5f9;font-weight:700}.steps{display:flex;justify-content:space-between;margin:0 0 14px}.steps div{text-align:center;flex:1;font-size:11px;color:#8792a3}.steps b{display:grid;place-items:center;width:30px;height:30px;margin:auto;border-radius:50%;background:#d6dde7}.steps .active{color:#148d4a}.steps .active b{background:#43ad5a;color:#fff}.check{display:flex;gap:8px;align-items:center}.check input{width:20px;min-height:20px}.success{text-align:center}.success>b{display:grid;place-items:center;width:68px;height:68px;margin:auto;border-radius:50%;background:#dcfce7;color:#15803d;font-size:36px}.green{color:#21b94b!important}nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(430px,100%);display:grid;grid-template-columns:repeat(4,1fr);background:#f8fafc;border-top:1px solid #d7e0eb}nav button{min-height:68px;margin:0;border-radius:0;background:transparent;color:#667085;font-size:13px}@media(max-width:360px){.grid{grid-template-columns:1fr}main{padding-left:8px;padding-right:8px}}