body {
  background: #f3f6fb;
}

.topbar {
  box-shadow: 0 1px 0 rgba(15, 23, 42, .04);
}

.brand {
  color: #1f2937;
}

.card {
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .04);
}

input,
select,
textarea {
  border-radius: 8px;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #1677ff;
  box-shadow: 0 0 0 3px rgba(22, 119, 255, .12);
  outline: none;
}

button,
.btn {
  border-radius: 8px;
  min-height: 38px;
}

.primary {
  background: #1677ff;
}

.primary:hover {
  background: #0958d9;
}

.ghost {
  border: 1px solid #dfe5ee;
  background: #fff;
}

.item {
  border-radius: 8px;
  background: #fff;
}

.mode-hint {
  border-radius: 8px;
  background: #f7faff;
}

@media (max-width: 900px) {
  .layout {
    margin-top: 12px;
  }
}