{include "parts/flash.html"}
<div class="wrap">
<div class="breadcrumb"><a href="{$base}/">首页</a> › 用户注册</div>
<div class="card" style="max-width:520px;margin:24px auto">
<div class="card-h"><span class="bar"></span><h1>注册新账号</h1></div>
<div class="card-b">
{if $error}<div class="note err mb16">{$error}</div>{/if}
{if $give}<div class="note info mb16">注册即送 <b>{$give}</b> 积分，每个工具都有免费次数，超出后可用积分继续使用；签到与任务还能持续赚取积分。</div>{/if}
<form method="post" action="{$base}/user/register{if $invite}?invite={$invite}{/if}">
{:ll_csrf_field()}
<label class="f"><span>用户名</span>
<input class="inp" type="text" name="username" value="{$form.username}" data-focus placeholder="4-20 位字母、数字或下划线" autocomplete="username"></label>
<label class="f"><span>密码</span>
<input class="inp" type="password" name="password" placeholder="6-32 位，建议字母+数字组合" autocomplete="new-password"></label>
<label class="f"><span>确认密码</span>
<input class="inp" type="password" name="password2" placeholder="再次输入密码" autocomplete="new-password"></label>
<label class="f"><span>邮箱{if !$conf.reg_email}（选填）{/if}</span>
<input class="inp" type="email" name="email" value="{$form.email}" placeholder="用于找回账号与完成绑定任务"></label>
{if $conf.invite_enable}
<label class="f"><span>邀请码（选填）</span>
<input class="inp" type="text" name="invite" value="{$form.invite|default=$invite}" placeholder="填写好友邀请码双方都得积分"></label>
{/if}
{if $need_captcha}
<label class="f"><span>验证码</span>
<div style="display:flex;gap:10px">
<input class="inp" type="text" name="captcha" maxlength="4" placeholder="4位验证码" autocomplete="off">
<img class="captcha-img" style="height:42px;width:120px;border:1px solid var(--c-line);border-radius:9px;cursor:pointer" src="{$base}/api/captcha" alt="验证码" title="点击刷新">
</div></label>
{/if}
{if $agree}
<label class="f"><label class="check"><input type="checkbox" name="agree" value="1" checked> 我已阅读并同意 <a href="{$base}/p/agreement" target="_blank">用户协议</a> 与 <a href="{$base}/p/privacy" target="_blank">隐私政策</a></label></label>
{/if}
<button class="btn lg" style="width:100%" type="submit">注 册</button>
</form>
<p class="tc mt16 small muted">已有账号？<a href="{$base}/user/login">直接登录</a></p>
</div>
</div>
</div>