@charset "UTF-8"; /* 水平间距 */ /* 水平间距 */ .auth-test.data-v-05a3dfda { min-height: 100vh; background: #f5f5f5; padding: 20rpx; } .header.data-v-05a3dfda { text-align: center; padding: 40rpx 0; } .header .title.data-v-05a3dfda { font-size: 36rpx; font-weight: bold; color: #333; display: block; margin-bottom: 10rpx; } .header .subtitle.data-v-05a3dfda { font-size: 26rpx; color: #666; } .test-section.data-v-05a3dfda, .status-section.data-v-05a3dfda, .action-section.data-v-05a3dfda { background: #ffffff; border-radius: 12rpx; padding: 30rpx; margin-bottom: 20rpx; } .test-section .section-title.data-v-05a3dfda, .status-section .section-title.data-v-05a3dfda, .action-section .section-title.data-v-05a3dfda { font-size: 32rpx; font-weight: bold; color: #333; margin-bottom: 20rpx; border-bottom: 1rpx solid #f0f0f0; padding-bottom: 10rpx; } .test-item.data-v-05a3dfda { display: flex; align-items: center; padding: 20rpx 0; border-bottom: 1rpx solid #f5f5f5; } .test-item.data-v-05a3dfda:last-child { border-bottom: none; } .test-item .test-icon.data-v-05a3dfda { font-size: 40rpx; margin-right: 20rpx; } .test-item .test-text.data-v-05a3dfda { font-size: 28rpx; color: #333; font-weight: bold; margin-right: 20rpx; } .test-item .test-desc.data-v-05a3dfda { font-size: 24rpx; color: #999; flex: 1; } .status-item.data-v-05a3dfda { display: flex; align-items: center; padding: 15rpx 0; } .status-item .status-label.data-v-05a3dfda { font-size: 28rpx; color: #666; width: 160rpx; } .status-item .status-value.data-v-05a3dfda { font-size: 28rpx; font-weight: bold; } .status-item .status-value.logged-in.data-v-05a3dfda { color: #28a745; } .status-item .status-value.guest.data-v-05a3dfda { color: #dc3545; } .action-btn.data-v-05a3dfda { width: 100%; height: 80rpx; border: none; border-radius: 40rpx; font-size: 28rpx; font-weight: bold; } .action-btn.logout-btn.data-v-05a3dfda { background: #dc3545; color: #ffffff; } .action-btn.login-btn.data-v-05a3dfda { background: #28a745; color: #ffffff; }