修改配色，修改功能

codes/minipro/calculation/miniprogram/pages/index/index.wxss

@@ -18,74 +18,71 @@ page {
 /* 顶部背景区 */
 .header-bg {
   width: 100%;
-  height: 380rpx;
+  height: 340rpx; /* Adjusted height */
   background: #11616B; /* Color 01 - Solid Color */
-  border-bottom-left-radius: 48rpx;
-  border-bottom-right-radius: 48rpx;
+  border-bottom-left-radius: 0; /* Removed radius as requested */
+  border-bottom-right-radius: 0; /* Removed radius as requested */
   padding: 40rpx;
+  padding-top: 100rpx;
   box-sizing: border-box;
   display: flex;
   justify-content: center;
-  box-shadow: 0 12rpx 32rpx rgba(17, 97, 107, 0.25);
+  align-items: flex-start;
+  box-shadow: 0 4rpx 12rpx rgba(17, 97, 107, 0.15);
   position: relative;
   overflow: hidden;
 }
 
-.header-bg::after {
-  content: '';
-  position: absolute;
-  top: -80rpx;
-  right: -60rpx;
-  width: 240rpx;
-  height: 240rpx;
-  border-radius: 50%;
-  background: rgba(255,255,255,0.08);
-  pointer-events: none; /* Prevent blocking clicks */
-}
+/* Removed ::after pseudo-element to remove the large transparent circle */
 
 .header-content {
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin-top: 20rpx;
-  height: 140rpx;
-  position: relative; /* Ensure z-index works */
-  z-index: 2; /* Ensure it is above the background decoration */
+  margin-top: 0;
+  height: auto;
+  position: relative; 
+  z-index: 2; 
 }
 
 .text-area {
   display: flex;
   flex-direction: column;
   justify-content: center;
+  gap: 8rpx;
 }
 
 .greeting {
-  color: rgba(255, 255, 255, 0.85);
-  font-size: 26rpx;
-  margin-bottom: 10rpx;
+  color: rgba(255, 255, 255, 0.9);
+  font-size: 28rpx;
   font-weight: 500;
 }
 
 .nickname {
   color: #ffffff;
-  font-size: 44rpx;
+  font-size: 48rpx;
   font-weight: 700;
   letter-spacing: 2rpx;
 }
 
 .avatar-wrapper {
-  padding: 4rpx;
-  background: rgba(255, 255, 255, 0.25);
+  padding: 6rpx;
+  background: rgba(255, 255, 255, 0.2);
   border-radius: 50%;
+  backdrop-filter: blur(4rpx);
+  display: flex; /* Flex to center content */
+  align-items: center;
+  justify-content: center;
 }
 
 .avatar {
-  width: 110rpx;
-  height: 110rpx;
+  width: 120rpx;
+  height: 120rpx;
   border-radius: 50%;
   background-color: #fff;
-  border: 3rpx solid #ffffff;
+  border: 4rpx solid #ffffff;
+  display: block; /* Remove inline spacing */
 }
 
 /* 主要内容区 */
@@ -94,7 +91,7 @@ page {
   width: 100%;
   padding: 0 28rpx;
   box-sizing: border-box;
-  margin-top: -80rpx;
+  margin-top: 20rpx; /* Separated layout */
   z-index: 10;
   padding-bottom: 60rpx;
 }
@@ -122,7 +119,7 @@ page {
   padding: 32rpx;
   display: flex;
   align-items: center;
-  box-shadow: 0 8rpx 24rpx rgba(17, 97, 107, 0.06); /* Teal shadow */
+  box-shadow: 0 12rpx 36rpx rgba(17, 97, 107, 0.20); /* Increased shadow opacity and size for better contrast */
 }
 
 .grid-item-hover {