h1 {
  font-size: 40px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 22px;
}

h5 {
  font-size: 20px;
}

.font-theme {
  color: #2563eb;
}

textarea {
  resize: none;
}

body {
  background-color: #FFFFFF;
  color: rgba(0, 0, 0, 0.90);
  font-size: 14px;
  font-family: PingFang SC, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
  font-weight: 400;
}

input {
  outline: none;
}

.box-shadow {
  background: #FFFFFF;
  box-shadow: 0 12px 32px -12px rgba(15, 23, 42, 0.10), 0 2px 6px rgba(15, 23, 42, 0.04);
}

.box-shadow-light {
  background: #FFFFFF;
  box-shadow: 0 6px 20px -8px rgba(15, 23, 42, 0.07), 0 1px 4px rgba(15, 23, 42, 0.03);
}

a {
  color: #475569;
  cursor: pointer;
  text-decoration: none;
  transition: color 0.22s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.22s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.22s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.22s cubic-bezier(0.22, 1, 0.36, 1), transform 0.22s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.22s ease;
}

a:hover,
a:focus {
  color: #2563eb;
  text-decoration: none;
  outline: none;
}

.link-hover {
  cursor: pointer;
  transition: color 0.2s ease;
}

.link-hover:hover {
  color: #2563eb !important;
}

.title-desc {
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid #fff;
  border-radius: 10px;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.animated {
  animation-duration: .5s !important;
}

.btn {
  padding: 8px 20px;
  opacity: 1;
  border-radius: 6px;
  cursor: pointer;
  transition: color 0.22s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.22s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.22s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.22s cubic-bezier(0.22, 1, 0.36, 1), transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

.btn:hover,
.btn:focus {
  text-decoration: none;
  outline: none;
}

.btn2 {
  padding: 8px 32px;
  opacity: 1;
  border-radius: 6px;
  cursor: pointer;
  transition: color 0.22s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.22s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.22s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.22s cubic-bezier(0.22, 1, 0.36, 1), transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

.btn-s {
  padding: 8px 32px;
}

.btn-normal,
a.btn-normal {
  color: #ffffff;
  background: #2563eb;
  border: 1px solid #2563eb;
  box-shadow: 0 4px 12px -2px rgba(37, 99, 235, 0.24);
}

.btn-normal:hover,
.btn-normal:focus,
a.btn-normal:hover,
a.btn-normal:focus {
  color: #ffffff;
  background: #1d4ed8;
  border-color: #1d4ed8;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px -4px rgba(37, 99, 235, 0.36);
}

.btn-normal:active,
a.btn-normal:active {
  color: #ffffff;
  background: #1e40af;
  border-color: #1e40af;
  transform: translateY(0);
}

.btn-normal:disabled {
  opacity: 0.4;
}

.btn-normal-light,
a.btn-normal-light {
  color: #1e293b;
  background: #ffffff;
  border: 1px solid #dce3ed;
}

.btn-normal-light:hover,
.btn-normal-light:focus,
a.btn-normal-light:hover,
a.btn-normal-light:focus {
  background: #f5f9ff;
  border-color: #2563eb;
  color: #2563eb;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px -6px rgba(37, 99, 235, 0.16);
}

.btn-dark,
a.btn-dark {
  color: #ffffff;
  background: #1e293b;
  border: 1px solid #1e293b;
}

.btn-dark:hover,
.btn-dark:focus,
a.btn-dark:hover,
a.btn-dark:focus {
  color: #ffffff;
  background: #2563eb;
  border-color: #2563eb;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px -4px rgba(37, 99, 235, 0.32);
}

.btn-orgin,
a.btn-orgin {
  color: #ffffff;
  background: #2563eb;
  border: 1px solid #2563eb;
}

.btn-orgin:hover,
.btn-orgin:focus,
a.btn-orgin:hover,
a.btn-orgin:focus {
  color: #ffffff;
  background: #1d4ed8;
  border-color: #1d4ed8;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px -4px rgba(37, 99, 235, 0.36);
}