补充项目分析个人详情页正式化样式

ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisSidebar.vue

@@ -91,21 +91,21 @@ export default {
 }
 
 .sidebar-profile {
-  padding: 24px 26px 20px;
+  padding: 34px 42px 28px;
   border-bottom: 1px solid #edf1f5;
 }
 
 .sidebar-summary {
-  padding: 22px 26px 26px;
+  padding: 30px 42px 34px;
   border-top: 1px solid #dde3ec;
   background: #fcfdfe;
 }
 
 .sidebar-profile__identity-label {
   color: #637187;
-  font-size: 15px;
-  font-weight: 600;
-  margin-bottom: 16px;
+  font-size: 16px;
+  font-weight: 700;
+  margin-bottom: 28px;
 }
 
 .sidebar-profile__name-row {
@@ -117,7 +117,7 @@ export default {
 
 .sidebar-profile__name {
   color: #111827;
-  font-size: 30px;
+  font-size: 34px;
   font-weight: 700;
   line-height: 1.2;
 }
@@ -126,30 +126,30 @@ export default {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  min-width: 64px;
-  height: 28px;
-  padding: 0 10px;
-  border: 1px solid #edcaca;
+  min-width: 102px;
+  height: 44px;
+  padding: 0 16px;
+  border: 1px solid #f0c6c1;
   border-radius: 2px;
-  background: #fbefef;
-  color: #ad2f2f;
-  font-size: 14px;
+  background: #fff3f2;
+  color: #c43d33;
+  font-size: 17px;
   font-weight: 600;
-  line-height: 26px;
+  line-height: 42px;
   text-align: center;
 }
 
 .sidebar-profile__meta {
   display: grid;
   gap: 0;
-  margin-top: 18px;
+  margin-top: 30px;
 }
 
 .sidebar-profile__item {
   display: grid;
-  grid-template-columns: 88px minmax(0, 1fr);
-  gap: 12px;
-  padding: 10px 0;
+  grid-template-columns: 116px minmax(0, 1fr);
+  gap: 16px;
+  padding: 18px 0;
   border-bottom: 1px solid #edf1f5;
 }
 
@@ -160,46 +160,46 @@ export default {
 .sidebar-profile__label,
 .sidebar-summary__count-label {
   color: #637187;
-  font-size: 15px;
+  font-size: 16px;
 }
 
 .sidebar-profile__value,
 .sidebar-summary__count-value {
   color: #172033;
-  font-size: 16px;
+  font-size: 17px;
   font-weight: 500;
   line-height: 1.4;
   word-break: break-all;
 }
 
 .sidebar-summary__title {
-  margin: 0 0 18px;
+  margin: 0 0 24px;
   color: #223047;
-  font-size: 16px;
+  font-size: 18px;
   font-weight: 700;
 }
 
 .sidebar-summary__count {
   display: flex;
   align-items: baseline;
-  gap: 12px;
+  gap: 16px;
   margin-top: 0;
-  margin-bottom: 22px;
+  margin-bottom: 28px;
 }
 
 .sidebar-summary__tags {
   display: grid;
-  gap: 10px;
+  gap: 16px;
   margin-top: 0;
 }
 
 .sidebar-summary__count-label {
-  font-size: 15px;
+  font-size: 17px;
 }
 
 .sidebar-summary__count-value {
   color: #172033;
-  font-size: 22px;
+  font-size: 40px;
   font-weight: 700;
   line-height: 1;
 }
@@ -212,14 +212,14 @@ export default {
 }
 
 .sidebar-tag-list ::v-deep(.el-tag) {
-  height: 28px;
-  padding: 0 10px;
-  border: 1px solid #bfd0e2;
+  height: 38px;
+  padding: 0 16px;
+  border: 1px solid #cad8eb;
   border-radius: 2px;
   background: #ffffff;
   color: #245b8f;
-  font-size: 14px;
+  font-size: 15px;
   font-weight: 600;
-  line-height: 26px;
+  line-height: 36px;
 }
 </style>