feat(web): 对齐 Alright 主题视觉规范（配色/字体/图标/背景/动效），并补充设计规范文档

stash-web/src/components/sidebar/ProfileCard.tsx

@@ -0,0 +1,24 @@
+import { PLACEHOLDER_PROFILE } from '../../profile'
+import { UserIcon } from '../common/Icon'
+
+/**
+ * 用户资料卡：头像、认证徽标、昵称、角色、简介、IP 属地。
+ * 数据来自 profile.ts 的占位对象，后端接入鉴权后替换。
+ */
+export function ProfileCard() {
+  const { name, role, bio, location } = PLACEHOLDER_PROFILE
+
+  return (
+    <section className="profile-card card-box" aria-label="用户信息">
+      <div className="profile-avatar" aria-hidden="true">
+        <UserIcon />
+        <span className="profile-badge">✓</span>
+      </div>
+
+      <div className="profile-name">{name}</div>
+      <span className="profile-role">{role}</span>
+      <p className="profile-bio">{bio}</p>
+      <div className="profile-location">IP属地：{location}</div>
+    </section>
+  )
+}