*{box-sizing:border-box}body{margin:0;background:#f3f6fb;color:#24344d;font:15px/1.7 -apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif}.landing,.page{max-width:1040px;margin:0 auto;padding:40px 24px}.landing{max-width:800px;margin:10vh auto}.brand{font-size:24px;font-weight:750;color:#145de4}.brand span{font-size:12px;font-weight:500;color:#75849a;margin-left:8px}h1{font-size:clamp(28px,5vw,44px);line-height:1.2;letter-spacing:-.03em;color:#142641;margin:46px 0 14px}.landing p{color:#65758e;font-size:17px}.landing nav{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}a{color:#145de4}.primary,.secondary,button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cddaf0;border-radius:7px;padding:10px 18px;font:inherit;cursor:pointer;text-decoration:none;background:#fff;color:#315785}.primary,button.primary{color:#fff;background:#1d5be1;border-color:#1d5be1}.hint{font-size:13px!important;color:#77879f!important}.top{display:flex;justify-content:space-between;align-items:center}.top a{text-decoration:none}.page h1{font-size:30px;margin:24px 0 8px}.page>p{color:#687b96;margin:0 0 16px}.notice{border-left:3px solid #6191ed;background:#eaf1ff;padding:12px 16px;color:#365984;font-size:13px;margin:18px 0}.card{background:#fff;border:1px solid #dce5f2;border-radius:8px;padding:18px;box-shadow:0 8px 28px #253d6010}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.actions button{margin:0}.status{font-size:13px;color:#3c7859}.status.error{color:#b3261e}.steps{font-size:13px;color:#62748e;margin:18px 0 0}.steps li{margin:5px 0}code{background:#edf1f8;padding:1px 4px}#saved-info{margin:10px 0 0;color:#687b96;font-size:13px}#editor{min-height:220px}@media(max-width:600px){.page{padding:20px 12px}.card{padding:12px}.page h1{font-size:25px}}