feat(player): 接入创蓝短信手机注册与登录页优化

新增 SMS 验证码注册、8 国手机号选择与 Redis 频控；优化登录/注册 UI 及图形验证码样式。

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/player/src/views/LoginView.vue

@@ -66,10 +66,20 @@ function goRegister() {
       <LocaleSwitcher compact />
     </div>
     <form @submit.prevent="submit" class="login-form ps-gold-frame">
-      <label>{{ t('auth.username') }}</label>
-      <input v-model="username" class="ps-gold-input" required />
-      <label>{{ t('auth.password') }}</label>
-      <input v-model="password" class="ps-gold-input" type="password" required />
+      <div class="field">
+        <label>{{ t('auth.username') }}</label>
+        <input
+          v-model="username"
+          class="field-input"
+          required
+          autocomplete="username"
+          :placeholder="t('auth.login_username_placeholder')"
+        />
+      </div>
+      <div class="field">
+        <label>{{ t('auth.password') }}</label>
+        <input v-model="password" class="field-input" type="password" required />
+      </div>
       <RobotVerify ref="captchaRef" />
       <p v-if="error" class="error">{{ error }}</p>
       <button type="submit" class="btn-login btn-gold-outline" :disabled="loading">
@@ -111,11 +121,45 @@ function goRegister() {
 
 .login-form {
   width: 100%;
-  max-width: 340px;
+  max-width: 320px;
   display: flex;
   flex-direction: column;
-  gap: 10px;
-  padding: 14px;
+  gap: 8px;
+  padding: 12px;
+}
+
+.field {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.field-input {
+  width: 100%;
+  height: 36px;
+  padding: 0 10px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  background: #0d0d0d;
+  color: var(--text);
+  font-size: 14px;
+  font-family: inherit;
+}
+
+.field-input:focus {
+  outline: none;
+  border-color: #555;
+}
+
+.inline-row {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+}
+
+.inline-row .field-input {
+  flex: 1;
+  min-width: 0;
 }
 
 label {