*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:#f0f0f0;color:#222;display:flex;align-items:center;justify-content:center}

#app{width:100%;max-width:400px;padding:24px}
.auth-box{background:#fff;border-radius:16px;padding:40px 32px;box-shadow:0 2px 12px rgba(0,0,0,.08);text-align:center}
.auth-logo{font-size:48px;margin-bottom:12px}
.auth-title{font-size:24px;font-weight:700;color:#333;margin-bottom:4px}
.auth-subtitle{font-size:14px;color:#888;margin-bottom:28px}

.auth-form{text-align:left}
.input-group{margin-bottom:16px}
.auth-input{width:100%;height:48px;border:1.5px solid #e0e0e0;border-radius:10px;padding:0 14px;font-size:15px;outline:none;transition:border-color .2s;background:#fafafa}
.auth-input:focus{border-color:#07c160;background:#fff}

.auth-btn{width:100%;height:48px;background:#07c160;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;margin-top:8px;transition:background .2s}
.auth-btn:hover{background:#06ad56}
.auth-btn:active{background:#059a4c}
.auth-btn:disabled{background:#ccc;cursor:not-allowed}

.auth-error{background:#fef2f2;color:#dc2626;font-size:13px;padding:10px 14px;border-radius:8px;margin-bottom:16px;text-align:center}
.auth-error.hide{display:none}

.auth-link{margin-top:24px;font-size:13px;color:#888}
.auth-link a{color:#07c160;text-decoration:none;font-weight:500}
.auth-link a:hover{text-decoration:underline}
.remember-label{display:flex;align-items:center;gap:6px;font-size:13px;color:#666;margin-bottom:4px;cursor:pointer;user-select:none}
.remember-label input{width:16px;height:16px;accent-color:#07c160;cursor:pointer}