.container { padding: 24rpx; }
.header { text-align: center; margin-bottom: 32rpx; }
.title { font-size: 36rpx; font-weight: bold; color: #333; }
.subtitle { font-size: 26rpx; color: #888; margin-top: 8rpx; display: block; }
.service-list { background: #fff; border-radius: 16rpx; overflow: hidden; }
.service-item { display: flex; align-items: center; padding: 28rpx 24rpx; border-bottom: 1rpx solid #f0f0f0; }
.service-item:last-child { border-bottom: none; }
.service-icon { font-size: 40rpx; margin-right: 20rpx; }
.service-info { flex: 1; }
.service-name { font-size: 30rpx; color: #333; display: block; }
.service-desc { font-size: 24rpx; color: #999; margin-top: 6rpx; display: block; }
.arrow { font-size: 36rpx; color: #ccc; }
.notice { margin-top: 24rpx; padding: 20rpx; background: #fff8e1; border-radius: 12rpx; text-align: center; }
.notice text { font-size: 24rpx; color: #f57c00; }