.container.data-v-13a78ac6 { width: 100%; height: 100vh; min-height: 100vh; background-color: #FFFFFF; display: flex; padding-top: 30px; box-sizing: border-box; flex-direction: column; box-sizing: border-box; overflow: hidden; } .header.data-v-13a78ac6 { display: flex; align-items: center; justify-content: space-between; padding: 20rpx 30rpx; padding-top: calc(20rpx + env(safe-area-inset-top)); background-color: #FFFFFF; border-bottom: 1rpx solid #F0F0F0; position: relative; flex-shrink: 0; box-sizing: border-box; } .back-btn.data-v-13a78ac6 { width: 60rpx; height: 60rpx; display: flex; align-items: center; justify-content: center; z-index: 10; } .back-icon.data-v-13a78ac6 { font-size: 40rpx; color: #333333; font-weight: bold; } .header-title.data-v-13a78ac6 { position: absolute; left: 50%; transform: translateX(-50%); font-size: 36rpx; font-weight: bold; color: #333333; } .header-right.data-v-13a78ac6 { width: 60rpx; } .scroll-content.data-v-13a78ac6 { flex: 1; width: 100%; height: 0; overflow: hidden; padding-bottom: calc(env(safe-area-inset-bottom)); background-color: #FFFFFF; box-sizing: border-box; } .app-info-section.data-v-13a78ac6 { display: flex; flex-direction: column; align-items: center; padding: 80rpx 30rpx 60rpx; } .app-icon-wrapper.data-v-13a78ac6 { margin-bottom: 30rpx; } .app-icon.data-v-13a78ac6 { width: 160rpx; height: 160rpx; background-color: #4FC3F7; border-radius: 24rpx; display: flex; align-items: center; justify-content: center; box-shadow: 0 4rpx 12rpx rgba(79, 195, 247, 0.3); } .app-icon-text.data-v-13a78ac6 { font-size: 80rpx; } .app-name.data-v-13a78ac6 { font-size: 40rpx; font-weight: bold; color: #333333; margin-bottom: 15rpx; } .app-version.data-v-13a78ac6 { font-size: 26rpx; color: #999999; } .contact-section.data-v-13a78ac6 { padding: 40rpx 30rpx; display: flex; flex-direction: column; gap: 20rpx; } .contact-item.data-v-13a78ac6 { font-size: 28rpx; color: #999999; line-height: 1.6; } .legal-section.data-v-13a78ac6 { display: flex; align-items: center; justify-content: center; padding: 60rpx 30rpx; gap: 20rpx; } .legal-link.data-v-13a78ac6 { font-size: 28rpx; color: #999999; text-decoration: underline; } .legal-separator.data-v-13a78ac6 { font-size: 28rpx; color: #CCCCCC; }