.splash-container.data-v-b5d3b004 { width: 100%; height: 100vh; background-color: #FFFFFF; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; box-sizing: border-box; overflow: hidden; padding-top: 30px; } .skip-btn.data-v-b5d3b004 { position: absolute; top: calc(env(safe-area-inset-top) + 40rpx); right: 40rpx; padding: 12rpx 24rpx; border: 2rpx solid #4FC3F7; border-radius: 40rpx; background-color: #E0F7FA; z-index: 10; } .skip-text.data-v-b5d3b004 { font-size: 28rpx; color: #00838F; } .app-info.data-v-b5d3b004 { display: flex; flex-direction: column; align-items: center; position: absolute; bottom: calc(env(safe-area-inset-bottom) + 160rpx); left: 50%; transform: translateX(-50%); } .app-icon.data-v-b5d3b004 { margin-bottom: 35rpx; } .icon-square.data-v-b5d3b004 { width: 140rpx; height: 140rpx; background-color: #4FC3F7; border-radius: 20rpx; display: flex; align-items: center; justify-content: center; } .book-icon.data-v-b5d3b004 { position: relative; width: 90rpx; height: 70rpx; } .book-left.data-v-b5d3b004, .book-right.data-v-b5d3b004 { position: absolute; width: 45rpx; height: 70rpx; background-color: #FFFFFF; border-radius: 3rpx 0 0 3rpx; } .book-right.data-v-b5d3b004 { right: 0; border-radius: 0 3rpx 3rpx 0; } .book-line.data-v-b5d3b004 { position: absolute; left: 45rpx; top: 8rpx; width: 2rpx; height: 54rpx; background-color: #4FC3F7; } .app-name.data-v-b5d3b004 { font-size: 44rpx; color: #000000; font-weight: 600; }