:root {
  --gj-red: #e60012;
  --gj-red-dark: #b8000f;
  --gj-red-soft: #fff1f2;
  --gj-red-pale: #fff7f7;
  --gj-red-line: rgba(230, 0, 18, .12);
  --gj-ink: #1d1d1f;
  --gj-muted: #6e6e73;
}

[v-cloak] {
  display: none !important;
}

body {
  background: var(--gj-red-pale) !important;
  color: var(--gj-ink);
}

.hero,
.top {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,244,244,.92)),
    radial-gradient(circle at 88% 0%, rgba(230, 0, 18, .12), transparent 34%) !important;
  color: var(--gj-ink) !important;
  border-bottom: 1px solid var(--gj-red-line);
}

.hero::after,
.top::after {
  display: none !important;
  content: none !important;
}

.hero h1,
.hero p,
.top h1,
.top .muted,
.home-link {
  position: relative;
  z-index: 1;
}

.top .muted {
  color: #6e3a3f !important;
}

.home-link {
  background: #fff !important;
  color: var(--gj-red) !important;
  border: 1px solid var(--gj-red-line) !important;
}

.hero p,
.top p,
.hero .muted {
  color: #6e3a3f !important;
}

.btn.primary,
.btn,
button.primary,
.tab.active {
  background: var(--gj-red) !important;
  border-color: var(--gj-red) !important;
  color: #fff !important;
}

.btn.ghost,
.tab {
  background: #fff7f7 !important;
  color: var(--gj-red) !important;
  border-color: rgba(230,0,18,.18) !important;
}

.tag,
.status {
  background: var(--gj-red-soft) !important;
  color: var(--gj-red) !important;
}

.draft-bar,
.choice button.active {
  background: var(--gj-red-soft) !important;
  color: var(--gj-red) !important;
  border-color: rgba(230,0,18,.28) !important;
}

.draft-clear,
.verify-state.done,
.file-btn {
  color: var(--gj-red) !important;
}

.avatar,
.icon {
  background: linear-gradient(145deg, var(--gj-red), var(--gj-red-dark)) !important;
  color: #fff !important;
}

.panel,
.card,
.detail,
.menu {
  border-color: rgba(230, 0, 18, .1) !important;
}

.name,
.title {
  color: var(--gj-ink);
}