*{box-sizing:border-box}body.join-page{margin:0;background:#f6f8f7;color:#17324d;font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif;line-height:1.75}
.join-main{width:min(100% - 40px,940px);margin:0 auto;padding:52px 0 64px}.join-intro{max-width:680px;margin-bottom:36px}.join-kicker{font-weight:800;color:#0f766e;letter-spacing:.1em}.join-intro h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.3;margin:.4em 0}.join-intro>p{font-size:1.1rem}.join-muted,.join-required,small{color:#536770}.join-intro .join-muted{font-size:.95rem}.join-card{min-width:0;border:1px solid #d5e0df;border-radius:18px;background:#fff;margin:28px 0;padding:24px}.join-card legend{font-size:1.2rem;font-weight:800;padding:0 10px}.join-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.join-wide{grid-column:1/-1}.join-card label{display:flex;flex-direction:column;gap:6px;font-weight:650;min-width:0}.join-card>label{margin-top:18px}.join-card input,.join-card select,.join-card textarea{width:100%;min-height:48px;border:1px solid #b6c8c7;border-radius:9px;background:#fff;padding:10px 12px;font:inherit;color:#17324d}.join-card textarea{resize:vertical}.join-card small{font-size:.85rem;font-weight:400}.join-card input:focus-visible,.join-card textarea:focus-visible,.join-card select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #138a80;outline-offset:3px}.join-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.join-card .join-check,.join-check{display:flex;flex-direction:row;align-items:center;gap:10px;min-height:48px;cursor:pointer}.join-check input[type=checkbox]{width:20px;height:20px;min-height:20px;flex:0 0 20px;accent-color:#0f766e}.join-category{border:1px solid #d5e0df;border-radius:12px;margin:12px 0;overflow:hidden}.join-category>.join-check{padding:14px;background:#eef6f5;font-size:1.06rem}.join-category .join-items{padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.join-category .join-items[hidden]{display:none}.join-items label{font-weight:400}.join-consent{font-size:.95rem}.join-submit{border:0;border-radius:12px;background:#17324d;color:#fff;padding:15px 32px;min-height:52px;font:inherit;font-weight:800;cursor:pointer;margin-top:24px}.join-submit:disabled{opacity:.55;cursor:wait}#join-result{min-height:32px;white-space:pre-wrap;overflow-wrap:anywhere}#join-result[data-state=error]{color:#a12929}#join-result[data-state=success]{color:#11654d;font-weight:700}.join-footer{padding:28px 24px;text-align:center;background:#17324d;color:white}.join-footer a{display:inline-flex;align-items:center;min-height:44px;margin:0 12px;color:white}#join-retry{min-height:48px;padding:8px 16px;font:inherit}
@media(max-width:640px){.join-main{width:calc(100% - 32px);padding-top:28px}.join-card{padding:18px 14px}.join-grid,.join-category .join-items{grid-template-columns:1fr}.join-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.join-submit{width:100%}}