/* pages/account/account.wxss */
.page-desc {
  font-size: 3.4667vw;
  color: #6b7280;
  line-height: 1.6;
  margin-bottom: 3.2vw;
  padding: 0 1.0667vw;
}

.add-card {
  background: #fff;
  border-radius: 2.6667vw;
  padding: 4.2667vw;
  margin-bottom: 4.2667vw;
  box-shadow: 0 0.2667vw 1.6vw rgba(0, 0, 0, 0.03);
}

.add-row {
  margin-bottom: 2.6667vw;
}

.add-input {
  background: #f7f8fc;
}

.add-btn {
  width: 100%;
  margin-top: 1.0667vw;
}

.account-list {
  background: #fff;
  border-radius: 2.6667vw;
  overflow: hidden;
  box-shadow: 0 0.2667vw 1.6vw rgba(0, 0, 0, 0.03);
}

.account-item {
  display: flex;
  align-items: center;
  padding: 3.7333vw 4.2667vw;
  border-bottom: 0.1333vw solid #f0f2f7;
}

.account-item:last-child {
  border-bottom: none;
}

.account-info {
  flex: 1;
}

.account-name {
  font-size: 3.7333vw;
  font-weight: 600;
  color: #1a1b1c;
  margin-bottom: 0.5333vw;
}

.account-username {
  font-size: 3.2vw;
  color: #9ca3af;
}

.account-role-tag {
  font-size: 2.9333vw;
  padding: 0.8vw 2.1333vw;
  border-radius: 1.6vw;
  margin-right: 2.6667vw;
}

.account-role-tag.teacher {
  background: #eef3fd;
  color: #4a7fd4;
}

.account-role-tag.student {
  background: #eaf8e8;
  color: #3da134;
}

.account-delete {
  font-size: 3.4667vw;
  color: #ea6668;
  padding: 1.0667vw 2.1333vw;
}