兴趣小组、好友动态
Change-Id: I7aa713600dea31eb2cd5b32ecc4e257b2bbd8be1
diff --git a/src/pages/UserInfo/UserInfo.css b/src/pages/UserInfo/UserInfo.css
new file mode 100644
index 0000000..476cc86
--- /dev/null
+++ b/src/pages/UserInfo/UserInfo.css
@@ -0,0 +1,61 @@
+/* src/pages/UserInfo.css */
+.user-info-container {
+ display: flex;
+ justify-content: center;
+ padding: 40px 20px;
+ background-color: #f8f1e9; /* 米色背景 */
+ min-height: 100vh;
+}
+
+.user-card {
+ background-color: #fff0f5; /* 淡粉背景 */
+ border-radius: 16px;
+ padding: 30px;
+ max-width: 500px;
+ width: 100%;
+ box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
+ text-align: center;
+ font-family: 'Segoe UI', sans-serif;
+}
+
+.avatar {
+ width: 120px;
+ height: 120px;
+ object-fit: cover;
+ border-radius: 50%;
+ border: 4px solid #d2b48c; /* 浅棕色边框 */
+ margin-bottom: 20px;
+}
+
+.nickname {
+ font-size: 24px;
+ font-weight: bold;
+ color: #8b4513; /* 深棕色 */
+ margin-bottom: 8px;
+}
+
+.bio {
+ color: #a0522d; /* 棕红色 */
+ font-style: italic;
+ margin-bottom: 20px;
+}
+
+.details {
+ text-align: left;
+ font-size: 16px;
+ line-height: 1.8;
+ color: #5c4033;
+}
+
+.error {
+ color: red;
+ text-align: center;
+ margin-top: 40px;
+}
+
+.loading {
+ text-align: center;
+ font-size: 18px;
+ margin-top: 40px;
+ color: #8b4513;
+}