@charset "UTF-8";
/* 水平间距 */
/* 水平间距 */
.container.data-v-137d5072 {
  min-height: 100vh;
  background: #f5f5f5;
}
.header.data-v-137d5072 {
  background: linear-gradient(135deg, #FF6600 0%, #FF8533 100%);
  padding: 60rpx 30rpx 40rpx;
  color: white;
}
.header .user-info.data-v-137d5072, .header .login-prompt.data-v-137d5072 {
  display: flex;
  align-items: center;
}
.header .user-info .avatar.data-v-137d5072, .header .login-prompt .avatar.data-v-137d5072 {
  width: 120rpx;
  height: 120rpx;
  border-radius: 60rpx;
  background: rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 30rpx;
}
.header .user-info .avatar .avatar-text.data-v-137d5072, .header .login-prompt .avatar .avatar-text.data-v-137d5072 {
  font-size: 48rpx;
  font-weight: bold;
  color: white;
}
.header .user-info .user-details.data-v-137d5072, .header .login-prompt .user-details.data-v-137d5072 {
  flex: 1;
}
.header .user-info .user-details .nickname.data-v-137d5072, .header .login-prompt .user-details .nickname.data-v-137d5072 {
  display: block;
  font-size: 36rpx;
  font-weight: bold;
  margin-bottom: 10rpx;
}
.header .user-info .user-details .phone.data-v-137d5072, .header .login-prompt .user-details .phone.data-v-137d5072 {
  display: block;
  font-size: 28rpx;
  opacity: 0.8;
}
.header .user-info .user-details .login-btn.data-v-137d5072, .header .login-prompt .user-details .login-btn.data-v-137d5072 {
  background: rgba(255, 255, 255, 0.2);
  color: white;
  border: 2rpx solid rgba(255, 255, 255, 0.5);
  border-radius: 30rpx;
  padding: 15rpx 30rpx;
  font-size: 28rpx;
  margin-top: 10rpx;
}
.header .user-info .user-details .login-btn.data-v-137d5072:active, .header .login-prompt .user-details .login-btn.data-v-137d5072:active {
  background: rgba(255, 255, 255, 0.3);
}
.menu-section.data-v-137d5072 {
  padding: 20rpx;
}
.menu-section .menu-group.data-v-137d5072 {
  background: white;
  border-radius: 20rpx;
  margin-bottom: 20rpx;
  overflow: hidden;
}
.menu-section .menu-group .menu-item.data-v-137d5072 {
  display: flex;
  align-items: center;
  padding: 30rpx;
  border-bottom: 1rpx solid #f0f0f0;
}
.menu-section .menu-group .menu-item.data-v-137d5072:last-child {
  border-bottom: none;
}
.menu-section .menu-group .menu-item.data-v-137d5072:active {
  background: #f8f8f8;
}
.menu-section .menu-group .menu-item .menu-icon.data-v-137d5072 {
  font-size: 40rpx;
  margin-right: 30rpx;
}
.menu-section .menu-group .menu-item .menu-text.data-v-137d5072 {
  flex: 1;
  font-size: 32rpx;
  color: #333;
}
.menu-section .menu-group .menu-item .menu-arrow.data-v-137d5072 {
  font-size: 32rpx;
  color: #ccc;
}
.logout-section.data-v-137d5072 {
  padding: 40rpx 20rpx;
}
.logout-section .logout-btn.data-v-137d5072 {
  width: 100%;
  background: #fff;
  color: #ff4757;
  border: 2rpx solid #ff4757;
  border-radius: 40rpx;
  padding: 30rpx;
  font-size: 32rpx;
}
.logout-section .logout-btn.data-v-137d5072:active {
  background: #ff4757;
  color: white;
}