/* 本地分步演示表单：与首页资源分开，兼容手机和键盘。 */
.join-dialog{border:0;padding:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;background:#faf9f7;color:#071925;overflow:auto;font-family:Indivisible,Arial,sans-serif}
.join-dialog::backdrop{background:#fff}.join-top{height:62px;background:white;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:12px 24px}.join-top img{width:115px}.join-close{background:none!important;color:#15212b!important;border:0;font-size:28px;padding:4px 12px;cursor:pointer}
.join-card{background:#fff;border-radius:16px;box-shadow:0 2px 24px #0002;width:min(460px,calc(100% - 32px));margin:64px auto;padding:32px 18px}.join-brand{display:block;width:118px;margin:12px auto 24px}.join-title{text-align:center;color:#ed626b;font-size:15px;margin:0 0 12px}.join-demo{font-size:12px;line-height:1.5;color:#687079;text-align:center;margin:0 0 20px}.join-progress{height:6px;border-radius:4px;background:#f6d7d9;margin:12px 4px 24px;overflow:hidden}.join-progress span{display:block;width:50%;height:100%;background:#ff4b57;transition:width .2s}
.join-card fieldset{border:0;padding:0;margin:0 0 30px;min-width:0}.join-card legend{font-family:Georgia,serif;font-size:30px;line-height:1.25;margin-bottom:14px}.join-options{display:flex;gap:8px}.join-option{position:relative;flex:1;cursor:pointer}.join-option input{position:absolute;opacity:0}.join-option span{display:flex;align-items:center;justify-content:center;min-height:56px;border:1px solid #aaa;border-radius:12px;padding:12px 6px;text-align:center;font-size:15px}.join-option input:checked+span{border-color:#fa4b59;color:#db3245;background:#fff1f2}.join-option input:focus-visible+span{outline:3px solid #18394d;outline-offset:3px}
.join-field{display:block;font-size:14px;margin:0 0 18px}.join-field input{display:block;width:100%;height:48px;border:1px solid #bbb;border-radius:8px;background:#fff;padding:10px 12px;margin-top:6px;color:#10212d;font:inherit}.join-actions{display:flex;gap:12px;margin-top:32px}.join-actions button,.join-success button{border:0;border-radius:28px;background:linear-gradient(100deg,#ff4a58,#c52d36);color:#fff;padding:14px 20px;cursor:pointer;flex:1;font:inherit;font-weight:600}.join-actions button:disabled{background:#d0d0d4;color:#6d7378;cursor:not-allowed}.join-actions .join-back{background:#f0eeee;color:#25333e}.join-error{color:#b12332;font-size:14px}.join-success{text-align:center;padding:40px 0}.join-success h2{font-size:30px}.join-check{color:#df4654;font-size:56px}.join-success p{font-size:15px}.join-dialog [hidden]{display:none!important}
@media(max-width:600px){.join-card{margin:24px auto;padding:24px 16px}.join-top{padding:10px 16px}.join-card legend{font-size:27px}}