*{box-sizing:border-box}body{margin:0;background:#f9f2f2;color:#333;font-family:"PingFang SC","Microsoft YaHei",sans-serif}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:default;opacity:.55}[hidden]{display:none!important}.page{position:relative;max-width:750px;margin:auto;min-height:100svh;background:#9c8582 url("assets/invite-hero.jpg") center top/100% auto no-repeat;padding-top:calc(min(93.07vw,698px));}.topbar{position:absolute;left:0;right:0;top:env(safe-area-inset-top,0px);height:64px;display:flex;align-items:center;justify-content:center;color:#fff}.topbar h1{font-size:18px;font-weight:400;margin:0}.close{position:absolute;left:16px;background:none;color:inherit;font-size:32px;font-weight:300;line-height:1;padding:8px}.sheet{position:relative;border-radius:12px 12px 0 0;background:#f9f2f2;min-height:318px;padding:25px 20px max(24px,env(safe-area-inset-bottom));}h2{margin:0;font-size:22px;font-weight:500}form h2{margin-bottom:19px;font-size:24px;font-weight:600}.field{display:flex;height:44px;background:#f6e6e7;border-radius:8px;align-items:center;margin-bottom:24px;padding:0 16px}.field input{width:0;flex:1;min-width:0;border:0;background:transparent;font-size:14px;outline:none;color:#333}.field:focus-within{outline:1px solid #e58e91}input::placeholder{color:#aaa}#send-code{background:transparent;color:#60a4ff;font-size:14px;white-space:nowrap;padding:10px 0 10px 12px}.field img{width:16px;height:18px;object-fit:contain;margin-right:8px}.register{width:100%;height:44px;border-radius:24px;background:#c90000;color:white;font-size:16px}.status{font-size:12px;color:#c80c14;margin:-16px 2px 8px;line-height:1.4}.status:empty{display:none}.agreement{margin-top:30px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;font-size:12px;line-height:1.8;color:#999;gap:0 1px}.agreement input{appearance:none;width:15px;height:15px;border:1px solid #999;border-radius:50%;margin:0 5px 0 0;flex-shrink:0}.agreement input:checked{background:#c80c14;border-color:#c80c14}.agreement input:checked:after{content:'✓';display:block;line-height:13px;text-align:center;color:white;font-size:11px}.agreement a{ text-decoration:none;padding:0;background:transparent;color:#c80c14;font-size:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{border:0;border-radius:16px;padding:20px;width:min(90vw,600px);max-height:85svh;color:#333;background:#fff}dialog::backdrop{background:rgba(0,0,0,.55)}dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:-20px;background:white;padding:8px 0 16px}dialog header h2{font-size:18px}dialog header button{background:none;font-size:28px;color:#999}dialog article{font-size:14px;line-height:1.8;overflow-wrap:anywhere}dialog article img{max-width:100%;height:auto}dialog article table{width:100%;border-collapse:collapse}dialog article td,dialog article th{border:1px solid #ddd;padding:4px}#protocol-retry{margin-top:16px;color:#c80c14;background:#f9f2f2;padding:10px 20px;border-radius:20px}#success{text-align:center;padding:10px 0 20px}#success p{line-height:1.8;font-size:14px;color:#777}.success-mark{width:60px;height:60px;border-radius:50%;background:#c80c14;color:white;font-size:36px;line-height:60px;margin:0 auto 20px}@media(min-width:600px){.page{max-width:480px;padding-top:447px;background-size:100% auto}.sheet{padding-left:32px;padding-right:32px}}@media(max-height:600px){.page{padding-top:44svh}}