前端极简黑白重设计,并纳入客户端注册、站点设置与后台相关改动

- storefront 全站改为极简黑白配色:直角、细线分隔、卡片 hover 浅底、深色模式(跟随系统+手动切换)
- 抽出 storefront/partials/card 复用卡片
- 一并提交此前暂存的客户端注册 API、站点设置、后台页面与测试

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

resources/views/admin/account.blade.php

@@ -0,0 +1,90 @@
+@extends('admin.layout', [
+    'title' => 'Tstore Admin · 账户安全',
+    'pageTitle' => '账户安全',
+    'pageSubtitle' => '修改当前管理员的用户名、邮箱和登录密码。',
+    'pageBadge' => 'Account',
+])
+
+@section('content')
+<div class="split">
+    <section class="panel soft">
+        <div class="section-title">
+            <div>
+                <h2>账户资料</h2>
+                <p>这里可以直接修改当前登录管理员的名称和邮箱地址。</p>
+            </div>
+        </div>
+
+        <form method="post" action="{{ route('webadmin.account.profile') }}" class="grid">
+            @csrf
+            @method('PUT')
+
+            <div class="field">
+                <label>用户名</label>
+                <input class="input" name="name" value="{{ old('name', $user->name) }}" placeholder="输入管理员名称" required>
+            </div>
+
+            <div class="field">
+                <label>邮箱</label>
+                <input class="input" type="email" name="email" value="{{ old('email', $user->email) }}" placeholder="输入管理员邮箱" required>
+            </div>
+
+            <div class="form-actions">
+                <button class="btn" type="submit">更新资料</button>
+            </div>
+        </form>
+
+        <div class="kv-grid">
+            <div class="kv-card">
+                <span class="kv-label">当前邮箱</span>
+                <span class="kv-value">{{ $user->email }}</span>
+            </div>
+            <div class="kv-card">
+                <span class="kv-label">当前用户名</span>
+                <span class="kv-value">{{ $user->name ?: '未设置' }}</span>
+            </div>
+            <div class="kv-card">
+                <span class="kv-label">创建时间</span>
+                <span class="kv-value">{{ optional($user->created_at)->format('Y-m-d H:i') ?: '-' }}</span>
+            </div>
+            <div class="kv-card">
+                <span class="kv-label">最近更新</span>
+                <span class="kv-value">{{ optional($user->updated_at)->format('Y-m-d H:i') ?: '-' }}</span>
+            </div>
+        </div>
+    </section>
+
+    <section class="panel">
+        <div class="section-title">
+            <div>
+                <h2>修改密码</h2>
+                <p>输入当前密码后设置新密码。为了避免误操作，新密码必须至少 8 位，并重复确认一次。</p>
+            </div>
+        </div>
+
+        <form method="post" action="{{ route('webadmin.account.password') }}" class="grid">
+            @csrf
+            @method('PUT')
+
+            <div class="field">
+                <label>当前密码</label>
+                <input class="input" type="password" name="current_password" placeholder="输入当前密码" required>
+            </div>
+
+            <div class="field">
+                <label>新密码</label>
+                <input class="input" type="password" name="new_password" placeholder="至少 8 位" required>
+            </div>
+
+            <div class="field">
+                <label>确认新密码</label>
+                <input class="input" type="password" name="new_password_confirmation" placeholder="再次输入新密码" required>
+            </div>
+
+            <div class="form-actions">
+                <button class="btn" type="submit">更新密码</button>
+            </div>
+        </form>
+    </section>
+</div>
+@endsection