*{box-sizing:border-box}body{margin:0;font:15px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#172d42;background:radial-gradient(circle at top left,#dff2fb 0,transparent 45%),radial-gradient(circle at bottom right,#def7f2 0,transparent 45%),#f7f9fd}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100dvh;max-width:1100px;margin:auto;padding:40px;display:grid;grid-template-columns:1fr 465px;align-items:center;gap:66px}.brand h1{font-size:42px;line-height:1.27;letter-spacing:-1.5px;margin:20px 0}.brand p{color:#61758a;font-size:16px;line-height:1.85}.logo{display:grid;place-items:center;background:linear-gradient(130deg,#1379da,#11abb6);width:62px;height:62px;color:white;border-radius:20px;font-size:32px;box-shadow:0 12px 25px #187acd34}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.chips span{padding:9px 14px;border:1px solid #dfeefa;border-radius:999px;background:#fff8;color:#55788b;font-size:12px}.card{background:#fff;border:1px solid #e5edf4;border-radius:27px;padding:35px;box-shadow:0 18px 60px #30577216}.top{display:flex;justify-content:space-between;align-items:center}.pill{background:#eaf7f7;color:#208493;padding:6px 12px;border-radius:99px;font-size:12px;font-weight:700}.card h2{font-size:27px;margin:14px 0 6px}.sub{color:#8392a2;font-size:13px;margin:0}.tabs{display:flex;background:#f3f7fb;border-radius:12px;padding:5px;margin:26px 0 22px;gap:5px}.tabs button{flex:1;border:0;border-radius:9px;padding:12px;background:transparent;color:#6a7f90;font-weight:bold}.tabs button.on{color:#0975bd;background:#fff;box-shadow:0 2px 9px #192c4519}.modes{display:flex;gap:20px;margin:0 0 20px}.modes button{border:0;border-bottom:2px solid transparent;background:transparent;color:#8799aa;padding:7px 0}.modes button.on{border-color:#0795d7;color:#0878bf}.field{margin:16px 0}.field label{display:block;font-weight:700;font-size:13px;margin-bottom:9px}.wrap{display:flex;align-items:center;border:1px solid #dae5ee;border-radius:12px;min-height:52px;padding:0 12px}.wrap:focus-within{border-color:#188ed4;box-shadow:0 0 0 3px #1689c520}.wrap input{width:100%;border:0;background:none;outline:0;min-width:0}.wrap input::placeholder{color:#a2b0bc}.code{display:flex;gap:9px}.code .wrap{flex:1;min-width:0}.secondary{border:1px solid #c4e3f4;border-radius:12px;background:#eff8fd;color:#137cb8;font-size:12px;font-weight:bold;padding:0 12px;white-space:nowrap}.light{background:none;border:0;color:#1479b9;font-size:12px;font-weight:700;padding:4px}.hint{display:flex;justify-content:space-between;font-size:12px;color:#8da0ae;align-items:center;margin:14px 0 20px}.mainbtn{width:100%;padding:15px;border:0;border-radius:12px;background:linear-gradient(120deg,#096ac3,#0d9eac);color:#fff;font-weight:800;box-shadow:0 9px 20px #107fb534}.bottom{text-align:center;font-size:13px;color:#8b9aa7;margin:22px 0}.notice{display:none;border-radius:10px;background:#fff3ed;color:#945336;padding:11px 13px;margin:14px 0;font-size:13px}.notice.on{display:block}.warn{border:1px solid #f2e5c6;background:#fffaef;color:#937134;padding:12px;border-radius:11px;font-size:12px;line-height:1.7}.small{color:#92a1ad;font-size:12px;text-align:center;margin:20px 0 0}.hidden{display:none!important}button:focus-visible{outline:3px solid #69b8de;outline-offset:2px}@media(max-width:820px){.shell{display:block;max-width:480px;padding:30px 16px}.brand{display:none}.card{padding:29px 24px}.mobile{display:block!important}}@media(min-width:821px){.mobile{display:none!important}}