整理即梦生视频的API 代码

web/src/assets/css/member.styl

@@ -1,5 +1,4 @@
 .member {
-  // background-color: #282c34;
   height 100%
 
   .title {
@@ -13,36 +12,79 @@
 
   .inner {
     color var(--text-theme-color)
-    padding 15px 0 15px 15px;
+    padding 15px 0 15px 15px
     overflow-x hidden
     overflow-y visible
     display flex
     flex-flow row
 
-    .user-profile {
-      padding 10px 20px 20px 20px
-      width 300px
-      background-color var(--chat-bg)
-      color var(--text-theme-color)
-      border-radius 10px
-      //height 100vh
-
-      .el-form-item__label {
-        color var(--text-theme-color)
-        justify-content start
+    .profile-card {
+      max-width 300px
+      border-radius 18px
+      box-shadow 0 4px 8px rgba(0,0,0,0.08)
+      padding 24px 16px
+      background var(--panel-bg)
+      position relative
+      z-index 1
+      margin-bottom 24px
+    }
+    .profile-title {
+      font-size 18px
+      font-weight bold
+      margin-bottom 18px
+      color #2d8cf0
+      letter-spacing 2px
+      text-align center
+    }
+    .profile-btn {
+      width 100%
+      margin-bottom 12px
+      font-size 16px
+      font-weight 500
+      display flex
+      align-items center
+      justify-content center
+      border none
+      border-radius 8px
+      background linear-gradient(90deg, #6dd5ed 0%, #2193b0 100%)
+      color #fff
+      transition all 0.3s
+      i {
+        margin-right 8px
+        font-size 20px
       }
-
-      .user-opt {
-        .el-col {
-          padding 10px
-
-          .el-button {
-            width 100%
-          }
-        }
+      &:hover {
+        box-shadow 0 2px 12px #2193b0aa
+        transform translateY(-2px) scale(1.03)
+        background linear-gradient(90deg, #2193b0 0%, #6dd5ed 100%)
       }
     }
-
+    .profile-btn.email {
+      background linear-gradient(90deg, #f7971e 0%, #ffd200 100%)
+    }
+    .profile-btn.mobile {
+      background linear-gradient(90deg, #43cea2 0%, #185a9d 100%)
+    }
+    .profile-btn.third {
+      background linear-gradient(90deg, #ff512f 0%, #dd2476 100%)
+    }
+    .profile-btn.password {
+      background linear-gradient(90deg, #1d4350 0%, #a43931 100%)
+    }
+    .profile-btn.redeem {
+      background linear-gradient(90deg, #00c6ff 0%, #0072ff 100%)
+    }
+    .profile-bg {
+      position absolute
+      left 0
+      top 0
+      width 100%
+      height 100%
+      z-index 0
+      background url('data:image/svg+xml;utf8,<svg width="100%25" height="100%25" viewBox="0 0 400 200" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="100" cy="100" r="80" fill="%23e0eaff"/><circle cx="300" cy="60" r="40" fill="%23f0f7ff"/><circle cx="320" cy="180" r="30" fill="%23e0eaff"/></svg>') no-repeat center/cover
+      opacity 0.08
+      pointer-events none
+    }
 
     .product-box {
       padding 0 20px