:root{font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:#18332d;background:#f3f1e9}*{box-sizing:border-box}body{margin:0}.page{--green:#153f35;--lime:#c9ef8f;min-height:100vh;position:relative;overflow:hidden;padding:0 5vw 28px}header{height:78px;max-width:1240px;margin:auto;display:flex;align-items:center;gap:12px;position:relative;z-index:2}.logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--green);color:var(--lime);font-family:serif;font-size:22px}.secure{margin-left:auto;font-size:12px;padding:8px 13px;border:1px solid #d6dbd3;border-radius:30px;color:#64736e}.shell{max-width:1240px;margin:28px auto 36px;display:grid;grid-template-columns:.78fr 1.22fr;box-shadow:0 28px 80px #1a362e24;border-radius:28px;overflow:hidden;position:relative;z-index:1}aside{background:var(--green);color:white;padding:70px 56px}aside small{color:var(--lime);letter-spacing:3px}aside h1{font-size:42px;line-height:1.25;margin:24px 0 18px;letter-spacing:-2px}aside em{font-style:normal;color:var(--lime)}aside>p{color:#c4d1cc;line-height:1.8;margin-bottom:55px}dl>div{display:flex;gap:18px;margin:25px 0}dt{font:700 11px Arial;color:var(--lime);border:1px solid #55756c;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex:none}dd{margin:0;color:#b9c9c3;font-size:13px;line-height:1.55}dd b{display:block;color:white;font-size:15px}article{background:#fff;padding:48px 58px}.title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0ed;padding-bottom:22px;margin-bottom:28px}.title span,.title small{font-size:12px;color:#7b8c86}.title h2{font-size:27px;margin:5px 0 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.grid>label,.grid>fieldset{display:flex;flex-direction:column;gap:9px;border:0;margin:0;padding:0;min-width:0}.grid label>span,legend{font-size:13px;font-weight:700}.grid b,legend b{color:#df684f}.wide{grid-column:1/-1}.grid input:not([type=radio]):not([type=file]),textarea{width:100%;border:1px solid #dce3df;background:#fafbf9;border-radius:10px;padding:13px 14px;outline:none;font:inherit;color:#18332d}textarea{resize:vertical}.grid input:focus,textarea:focus{border-color:#7ea98d;box-shadow:0 0 0 3px #edf5ef}.choices{display:flex;gap:10px}.choices label{position:relative}.choices input{position:absolute;opacity:0}.choices span{display:block;border:1px solid #dce3df;border-radius:10px;padding:12px 35px;color:#65746e}.choices input:checked+span{border-color:var(--green);background:#edf5ef;color:var(--green)}.upload{position:relative}.upload>input{position:absolute;inset:25px 0 0;opacity:0;z-index:2;cursor:pointer}.upload>div{border:1px dashed #b9c7c0;border-radius:12px;padding:20px;text-align:center;background:#fafcf9}.upload small{display:block;margin-top:6px;color:#8b9893}.consent{display:flex;gap:9px;align-items:flex-start;margin:26px 0 14px;font-size:12px;color:#6d7975}.consent a{color:#246a54;text-decoration:none}.notice{color:#c94737;font-size:13px}button{border:0;width:100%;border-radius:12px;background:var(--green);color:white;padding:15px;font:700 15px inherit;cursor:pointer;box-shadow:0 10px 22px #153f352e}button:disabled{opacity:.6}.hint,footer{text-align:center;color:#9aa6a1;font-size:11px}.orb{position:absolute;border-radius:50%}.one{width:320px;height:320px;background:#deefba;top:-180px;right:-90px}.two{width:220px;height:220px;background:#dce7df;bottom:20px;left:-130px}.success{max-width:600px;margin:100px auto;background:white;border-radius:28px;padding:70px;text-align:center;box-shadow:0 28px 80px #1a362e24}.success i{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#e3f4d0;color:#2e6a50;font-size:32px;font-style:normal;margin:auto}.success p{color:#70807a}.success a{display:inline-block;margin-top:16px;background:var(--green);color:white;padding:12px 35px;border-radius:10px;text-decoration:none}@media(max-width:800px){.page{padding:0 16px 24px}header{height:64px}.shell{display:block;margin-top:8px;border-radius:20px}aside{padding:38px 28px}aside h1{font-size:32px}aside>p{margin-bottom:0}dl{display:none}article{padding:30px 22px}.title small{display:none}.grid{grid-template-columns:1fr}.wide{grid-column:auto}.success{margin:50px auto;padding:45px 24px}}
