.view-join{min-height:100dvh;background:#f5f5f5}.join-shell{min-height:100dvh;background:linear-gradient(#ffe4a7 0,#fff0cc 250px,#f5f5f5 430px);padding:14px 17px 105px}.join-head{position:relative;height:58px;display:flex;align-items:center;justify-content:center}.join-head h1{font-size:20px;margin:0}.join-head .mini-back{left:0;box-shadow:none}.join-real-form{display:flex;flex-direction:column;gap:14px}.join-tip{background:#fff5ef;border:1px solid #ff9d57;border-radius:13px;padding:17px}.join-tip h2{font-size:17px;color:#e96405;margin:0 0 8px}.join-tip p{font-size:14px;line-height:1.7;color:#9a541d;margin:0}.join-card{background:#fff;border-radius:13px;padding:17px}.join-card>h2{font-size:17px;margin:0 0 17px;padding-bottom:14px;border-bottom:1px solid #f0f0f0}.join-card>p{color:#999;font-size:14px;margin:0}.join-card.fields label{display:block;position:relative;margin:18px 0}.join-card.fields label>b{display:block;font-size:16px;margin-bottom:10px}.join-card input,.join-card select,.join-card textarea{width:100%;border:0;border-radius:11px;background:#f6f6f6;padding:15px;font-size:14px;outline:none}.join-card select{appearance:auto}.join-card textarea{height:115px;resize:vertical}.join-card.fields label>small{position:absolute;right:10px;bottom:8px;color:#aaa;font-size:11px}.join-muted{line-height:1.65}.join-uploads{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:16px}.join-uploads label{text-align:center;cursor:pointer}.join-uploads label>span{height:105px;border:1px dashed #d5d5d5;border-radius:11px;background:#fafafa;display:grid;place-items:center;overflow:hidden}.join-uploads b{font-size:32px;color:#aaa}.join-uploads img{width:100%;height:100%;object-fit:cover}.join-uploads small{display:block;color:#777;font-size:12px;margin-top:7px}.join-uploads input{display:none}.join-submit{position:fixed;z-index:30;left:max(calc(50% - 239px),18px);bottom:10px;width:min(calc(100% - 36px),478px);border:0;border-radius:28px;background:#191919;color:#fff;text-align:center;padding:15px;font-size:16px;cursor:pointer}.join-error{background:#fff1f2;color:#be123c;padding:11px 14px;border-radius:10px;font-size:13px}.join-success{background:#fff;border-radius:16px;margin-top:45px;padding:55px 22px;text-align:center;box-shadow:0 12px 34px #a86c3515}.join-success>span{display:grid;place-items:center;width:68px;height:68px;margin:auto;border-radius:50%;background:#ecfdf5;color:#10b981;font-size:38px}.join-success h2{font-size:22px;margin:20px 0 8px}.join-success p{font-size:14px;color:#777}.join-success a{display:inline-block;background:#191919;color:#fff;border-radius:22px;padding:11px 32px;margin-top:18px}
