feat: 样式调整

This commit is contained in:
Blizzard
2026-04-28 10:32:19 +08:00
parent 7f51b2a0a8
commit ce91e2cbbe
33 changed files with 1553 additions and 619 deletions
+2 -2
View File
@@ -1,5 +1,5 @@
<!-- 启动页 —— 沉浸式暖棕主题 -->
<page-meta page-style="overflow:hidden; background:#1A1208;" />
<page-meta page-style="overflow:hidden; background:#FAFAF8;" />
<view class="splash-page">
<!-- 环境光 -->
@@ -39,7 +39,7 @@
<!-- 底部版权 -->
<view class="splash-footer">
<text class="footer-text">每天分钟,精准获取所需</text>
<text class="footer-text">每天分钟,精准获取所需</text>
</view>
</view>
+12 -12
View File
@@ -1,9 +1,9 @@
/* 启动页 — 暖棕沉浸主题,与播放器保持一致 */
/* 启动页 — 深空蓝沉浸主题 */
.splash-page {
width: 100%;
height: 100vh;
background: #1A1208;
background: #FAFAF8;
display: flex;
flex-direction: column;
align-items: center;
@@ -20,7 +20,7 @@
transform: translateX(-50%);
width: 120vw;
height: 60vh;
background: radial-gradient(ellipse at center, rgba(255,157,66,0.22) 0%, transparent 70%);
background: radial-gradient(ellipse at center, rgba(255,158,109,0.2) 0%, transparent 60%);
pointer-events: none;
}
@@ -49,7 +49,7 @@
}
.logo-icon {
font-size: 120rpx;
filter: drop-shadow(0 16rpx 40rpx rgba(255,120,0,0.4));
filter: drop-shadow(0 16rpx 40rpx rgba(255,158,109,0.35));
position: relative;
z-index: 2;
}
@@ -59,7 +59,7 @@
position: absolute;
inset: -20rpx;
border-radius: 50%;
border: 3rpx solid rgba(255, 157, 66, 0.45);
border: 3rpx solid rgba(255, 158, 109, 0.35);
animation: pulse-expand 2s ease-out infinite;
}
.pulse-ring-2 {
@@ -74,14 +74,14 @@
.app-title {
font-size: 64rpx;
font-weight: 800;
color: rgba(255, 240, 210, 0.95);
color: #333333;
letter-spacing: -2rpx;
margin-bottom: 8rpx;
}
.app-sub {
font-size: 22rpx;
font-weight: 400;
color: rgba(255, 200, 120, 0.45);
color: #999999;
letter-spacing: 6rpx;
margin-bottom: 28rpx;
text-transform: uppercase;
@@ -89,7 +89,7 @@
.app-slogan {
font-size: 26rpx;
font-weight: 400;
color: rgba(255, 200, 120, 0.55);
color: #666666;
letter-spacing: 3rpx;
}
@@ -117,7 +117,7 @@
width: 12rpx;
height: 12rpx;
border-radius: 50%;
background: rgba(255, 157, 66, 0.7);
background: rgba(255, 158, 109, 0.8);
animation: dot-bounce 1.2s ease-in-out infinite alternate;
}
@keyframes dot-bounce {
@@ -128,12 +128,12 @@
/* 成功状态 */
.status-check {
font-size: 32rpx;
color: #FF9D42;
color: #FF9E6D;
font-weight: 700;
}
.status-ok {
font-size: 26rpx;
color: rgba(255, 200, 120, 0.7);
color: #999999;
font-weight: 500;
}
@@ -147,6 +147,6 @@
}
.footer-text {
font-size: 20rpx;
color: rgba(255, 200, 120, 0.2);
color: #CCCCCC;
letter-spacing: 2rpx;
}