.agreement-container { /* display: flex; flex-direction: column; */ height: 100vh; background-color: #fff; } .agreement-header { display: flex; align-items: center; justify-content: space-between; height: 90rpx; background-color: #fff; padding: 0 30rpx; position: relative; border-bottom: 1rpx solid #eee; } .back-btn { width: 60rpx; height: 60rpx; display: flex; align-items: center; justify-content: center; } .icon-back { font-size: 40rpx; color: #333; } .title { font-size: 34rpx; font-weight: 500; color: #333; } .placeholder { width: 60rpx; } .agreement-content { width: 100%; padding: 20rpx 30rpx; box-sizing: border-box; background-color: #fff; } .agreement-title { font-size: 36rpx; font-weight: bold; text-align: center; margin-bottom: 40rpx; color: #333; } .section { margin-bottom: 30rpx; } .section-title { font-size: 32rpx; font-weight: 500; color: #333; margin-bottom: 20rpx; } .section-content { font-size: 28rpx; color: #666; line-height: 1.6; } .paragraph { display: block; margin-bottom: 20rpx; text-align: justify; } .loading, .error { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40rpx; color: #666; font-size: 28rpx; } .error { color: #ff4d4f; } .retry-btn { margin-top: 20rpx; padding: 10rpx 30rpx; background-color: #1890ff; color: #fff; border-radius: 8rpx; font-size: 28rpx; }