/* 定义动画 */ @keyframes slide-in-96d38e2b { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } /* 应用动画到组件 */ .create-module.data-v-96d38e2b { animation: slide-in-96d38e2b 0.3s ease-in-out; } .Mask.data-v-96d38e2b { width: 100vw; height: 100vh; background: #00000076; display: flex; flex-direction: column-reverse; } .Hint.data-v-96d38e2b { color: rgb(255, 0, 0); font-size: 20rpx; margin-left: 30rpx; margin-top: 10rpx; } .Hintcss.data-v-96d38e2b{ color: rgb(255, 0, 0); font-size: 20rpx; margin-left: 30rpx; margin-top: 20rpx; } .containers.data-v-96d38e2b { background-color: #ffffff; border-radius: 50rpx; } .container.data-v-96d38e2b { display: flex; background-image: linear-gradient(135deg, #00ff4025, #00d5ff3b); flex-direction: column; width: 100%; height: 1300rpx; border-radius: 50rpx; box-shadow: 0 0 10rpx #ccc; } .Fork.data-v-96d38e2b { width: 50rpx; height: 50rpx; margin-top: 20rpx; /* margin-bottom: 40rpx; */ margin-left: 90%; } .Title.data-v-96d38e2b { width: 100%; height: 80rpx; font-size: 70rpx; font-weight: bold; text-align: center; margin-top: 40rpx; margin-bottom: 40rpx; /* 设置渐变背景 */ background-image: linear-gradient(135deg, #ffff00, #00d9ff); /* 关键属性组合 */ -webkit-background-clip: text; /* 兼容 iOS/Android */ background-clip: text; /* 文字颜色设为透明 */ color: transparent; /* 防止背景溢出 */ display: inline-block; padding: 8rpx 16rpx; text-shadow: 0 6rpx 8rpx rgba(0, 0, 0, 0.2); } .Individual.data-v-96d38e2b { display: flex; /* justify-content: center; */ } .NameAnchor.data-v-96d38e2b { width: 90%; margin: 40rpx; } .time.data-v-96d38e2b { width: 90%; margin-left: 5%; margin-top: 50rpx; } .NameAnchorcss.data-v-96d38e2b { width: 99%; height: 85rpx; background-image: linear-gradient(135deg, #d9ff007a, #00ffb364); border-top: 2rpx solid #ffbf0049; border-bottom: 2rpx solid #125b003a; border-left: 2rpx solid #ffbf0050; border-right: 2rpx solid #125b0036; border-radius: 30rpx; text-align: center; color:#ffffff; } .Gender.data-v-96d38e2b { width: 310rpx; display: flex; flex-direction: column; justify-content: center; } .Gendercs.data-v-96d38e2b{ display: flex; justify-content: center; /* align-items: center; */ } .Gendercss.data-v-96d38e2b{ width: 200rpx; height: 60rpx; } .Gendericoncss.data-v-96d38e2b{ display: flex; justify-content: center; align-items: center; width: 60rpx; height: 60rpx; border-radius: 50%; border: 1rpx solid #ff9d0067; margin-left: 20rpx; margin-top: 10rpx; } .Gendericon.data-v-96d38e2b{ width: 40rpx; height: 40rpx; /* margin-top: 10rpx; margin-right: 40rpx; */ } .Accountnumber.data-v-96d38e2b { display: flex; justify-content: center; margin-bottom: 60rpx; margin-top: 50rpx; } .Coins.data-v-96d38e2b { width: 330rpx; height: 65rpx; /* display: flex; */ margin-right: 50rpx; /* flex-direction: column; */ } .country.data-v-96d38e2b { margin-left:10rpx; } .goldCoin.data-v-96d38e2b { width: 100%; height: 100rpx; display: flex; justify-content: center; align-items: center; } .number-box.data-v-96d38e2b { display: flex; justify-content: center; text-align: center; } .number-box-title.data-v-96d38e2b { /* margin-right: 20rpx; */ /* 设置渐变背景 */ background-image: linear-gradient(135deg, #00ff227a, #a200ff64); /* 关键属性组合 */ -webkit-background-clip: text; /* 兼容 iOS/Android */ background-clip: text; /* 文字颜色设为透明 */ color: transparent; /* 防止背景溢出 */ display: inline-block; padding: 8rpx 16rpx; } .number-box-unit.data-v-96d38e2b { color: #ffb30067; width: 48rpx; height: 48rpx; border: 1rpx solid #ff9d006f; border-radius: 50%; line-height: 48rpx; text-align: center; /* color: #003cff5a; */ } .Remarkscss.data-v-96d38e2b { width: 90%; margin-top: 30rpx; margin-left: 5%; margin-right: 5%; margin-bottom: 50rpx; border-radius: 10rpx; } .Publish.data-v-96d38e2b { margin-bottom: 40rpx; width: 90%; margin-left: 5%; } .Publishcss.data-v-96d38e2b { background-image: linear-gradient(135deg, #00ffb354, #c300ff37); /* color: #33ff00; */ color: #ffffff; border-bottom: 2rpx solid #c300ff37; border-top: 2rpx solid #00ffb354; border-right: 2rpx solid #c300ff37; border-left: 2rpx solid #00ffb354; font-weight: bold; border-radius: 50rpx; }