You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.7 KiB
42 lines
1.7 KiB
// 纯瘾大 全局样式
|
|
page,view,text,button,input,scroll-view,image,navigator,swiper,swiper-item{box-sizing:border-box}
|
|
|
|
page {
|
|
--bg: #0D0D0D;
|
|
--bg-card: #1A1A1A;
|
|
--bg-card-hover: #222222;
|
|
--gold: #F5A623;
|
|
--gold-light: #FFD700;
|
|
--gold-dark: #C8851A;
|
|
--orange: #FF6B35;
|
|
--orange-light: #FF8C5A;
|
|
--red: #FF3B3B;
|
|
--blue: #4A90D9;
|
|
--blue-light: #6BB5FF;
|
|
--text: #E8E4DD;
|
|
--text-dim: #999590;
|
|
--text-muted: #666260;
|
|
--border: #2A2825;
|
|
--radius: 32rpx;
|
|
--radius-sm: 20rpx;
|
|
--radius-xs: 12rpx;
|
|
--nav-h: 100rpx;
|
|
--safe-b: env(safe-area-inset-bottom, 0px);
|
|
background-color: var(--bg);
|
|
color: var(--text);
|
|
font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif;
|
|
font-size: 28rpx;
|
|
height: 100vh;
|
|
width: 100%;
|
|
padding-top: var(--status-bar-height, 0px);
|
|
}
|
|
|
|
// 动画
|
|
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16rpx)}}
|
|
@keyframes pulse-glow{0%,100%{box-shadow:0 0 20rpx rgba(245,166,35,.3)}50%{box-shadow:0 0 40rpx rgba(245,166,35,.6)}}
|
|
@keyframes bell-press{0%,100%{transform:scaleY(1)}40%{transform:scaleY(.6) translateY(16rpx)}60%{transform:scaleY(.7) translateY(12rpx)}}
|
|
@keyframes bell-ring-wave{0%{transform:scale(.5);opacity:1}100%{transform:scale(2.5);opacity:0}}
|
|
@keyframes bounce-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}100%{transform:scale(1)}}
|
|
@keyframes fade-in-up{from{opacity:0;transform:translateY(32rpx)}to{opacity:1;transform:translateY(0)}}
|
|
@keyframes card-appear-top{0%{transform:translateY(-40rpx) scale(.5);opacity:0}100%{transform:translateY(0) scale(1);opacity:1}}
|
|
@keyframes float-bubble{0%{transform:translateY(0) scale(1);opacity:1}100%{transform:translateY(-180rpx) scale(1.3);opacity:0}}
|