<view class="container">
  <view class="hero fade-up">
    <view class="hero-badge">SECURE ACCESS</view>
    <view class="hero-title">垃圾信息识别平台</view>
    <view class="hero-sub">登录后即可使用文本检测、发布拦截、申诉处理和管理看板能力。</view>
    <view class="hero-meta">
      <text class="hero-metric">实时风控</text>
      <text class="hero-metric">闭环审核</text>
      <text class="hero-metric">模型迭代</text>
    </view>
  </view>

  <view class="card fade-up fade-up-delay-1">
    <view class="card-title">账号登录</view>
    <view class="card-desc">请输入用户名和密码，进入你的工作台。</view>

    <view class="field">
      <text class="field-label">用户名</text>
      <input class="input" placeholder="请输入用户名" value="{{username}}" data-field="username" bindinput="onInput" />
    </view>

    <view class="field">
      <text class="field-label">密码</text>
      <input class="input" placeholder="请输入密码" password value="{{password}}" data-field="password" bindinput="onInput" />
    </view>

    <button class="btn btn-primary pulse" loading="{{loading}}" bindtap="submit">立即登录</button>

    <view class="btn-row">
      <button class="btn btn-ghost" bindtap="fillDemo">填充演示账号</button>
      <button class="btn btn-accent" bindtap="goRegister">注册新账号</button>
    </view>
  </view>
</view>
