.page { min-height: 100vh; box-sizing: border-box; padding: 0 30rpx 100rpx; background: #f5f8ff; }
.state { margin: 100rpx 0; color: #8295a5; text-align: center; font-size: 28rpx; }
.retry { display: inline-block; margin-top: 28rpx; padding: 14rpx 38rpx; border-radius: 40rpx; background: #e5f2ff; color: #268dec; }
.hero { margin: 24rpx 0; padding: 36rpx 30rpx; border-radius: 24rpx; background: linear-gradient(120deg, #49a5fc, #237fe2); color: #fff; }
.hero-title { font-size: 34rpx; font-weight: bold; }
.hero-date { margin-top: 12rpx; font-size: 24rpx; opacity: .9; }
.hero-stats { display: flex; margin-top: 34rpx; }
.hero-stats view { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 8rpx; font-size: 21rpx; }
.hero-stats view + view { border-left: 1rpx solid rgba(255,255,255,.3); }
.hero-stats view text:first-child { font-size: 36rpx; font-weight: bold; }
.card { margin-top: 24rpx; padding: 28rpx 30rpx; background: #fff; border-radius: 22rpx; box-shadow: 0 4rpx 18rpx rgba(35,127,226,.07); }
.card-title { margin-bottom: 12rpx; font-size: 30rpx; font-weight: bold; color: #193e60; }
.metric { display: flex; align-items: center; justify-content: space-between; min-height: 75rpx; border-bottom: 1rpx solid #eef3f8; color: #52677b; font-size: 26rpx; }
.metric:last-child { border-bottom: 0; }
.metric-value { color: #237fe2; font-size: 29rpx; font-weight: bold; }
.metric-unit { color: #96a5b3; font-size: 22rpx; }
.message { padding: 12rpx 0; color: #52677b; font-size: 26rpx; line-height: 1.6; }
.summary, .action, .home-task { padding: 10rpx 0; color: #52677b; font-size: 26rpx; line-height: 1.6; }
.home-task { margin-top: 8rpx; color: #237fe2; }
.disclaimer { margin: 32rpx 8rpx; color: #9aabb9; font-size: 22rpx; line-height: 1.6; }