diff --git a/miniprogram/src/pages/event-detail/index.scss b/miniprogram/src/pages/event-detail/index.scss index a84d121..f48b87f 100644 --- a/miniprogram/src/pages/event-detail/index.scss +++ b/miniprogram/src/pages/event-detail/index.scss @@ -9,11 +9,11 @@ display: flex; flex-direction: column; justify-content: flex-end; gap: 14rpx; padding: 44rpx; box-sizing: border-box; - background: linear-gradient(135deg, #1b2a5e 0%, #241b4a 55%, #3a1e5e 100%); + background: linear-gradient(150deg, #dbe7ff 0%, #e6dcff 55%, #f3e3ff 100%); } .ed-img-tag { - align-self: flex-start; font-size: 24rpx; font-weight: 700; color: #23315c; - background: rgba(255, 255, 255, 0.18); border: 1rpx solid rgba(255, 255, 255, 0.3); + align-self: flex-start; font-size: 24rpx; font-weight: 700; color: #6284ff; + background: rgba(255, 255, 255, 0.88); border: 1rpx solid rgba(99, 132, 255, 0.18); border-radius: 999px; padding: 6rpx 22rpx; } .ed-img-title { font-size: 44rpx; font-weight: 800; color: #23315c; line-height: 1.3; } diff --git a/miniprogram/src/pages/index/index.scss b/miniprogram/src/pages/index/index.scss index 16a24e3..a25cee8 100644 --- a/miniprogram/src/pages/index/index.scss +++ b/miniprogram/src/pages/index/index.scss @@ -245,9 +245,9 @@ } .mk-product.hot { - border-color: rgba(255, 255, 255, 0.55); - box-shadow: 0 0 0 1rpx #fff; - background: #111113; + border: 1rpx solid rgba(99, 132, 255, 0.18); + box-shadow: 0 10rpx 30rpx rgba(98, 132, 255, 0.14); + background: linear-gradient(150deg, #eaf0ff 0%, #f2e9ff 52%, #e9f5fb 100%); } .mk-tag { @@ -263,8 +263,8 @@ } .mk-tag.alt { - background: #323234; - color: #c8c8c8; + background: rgba(255, 255, 255, 0.72); + color: #6284ff; } .mk-pname { @@ -371,8 +371,9 @@ /* ---------- 倒计时 ---------- */ .mk-count { - background: linear-gradient(135deg, #161618, #28282a); - border: 1rpx solid rgba(255, 255, 255, 0.22); + background: rgba(255, 255, 255, 0.88); + border: 1rpx solid rgba(99, 132, 255, 0.14); + box-shadow: 0 8rpx 24rpx rgba(59, 79, 125, 0.08); border-radius: 20px; padding: 44rpx 36rpx; text-align: center; @@ -484,14 +485,15 @@ /* ---------- OPC 测评入口 ---------- */ .mk-assess { - background: linear-gradient(135deg, #161618, #28282a); - border: 1rpx solid rgba(255, 255, 255, 0.22); - border-radius: 20px; - padding: 48rpx 40rpx; + background: linear-gradient(150deg, #eaf0ff 0%, #f2e8ff 52%, #e9f5fb 100%); + border: 1rpx solid rgba(99, 132, 255, 0.16); + border-radius: 24rpx; + padding: 40rpx 36rpx; display: flex; flex-direction: column; - gap: 32rpx; + gap: 28rpx; text-align: center; + box-shadow: 0 10rpx 30rpx rgba(59, 79, 125, 0.10); } .assess-badge {