/*自动隐藏文字*/
.XyBaS {
  display: inline-block;
  border: none;
  border-radius: 0.1875rem;
  cursor: pointer;
  padding: 0.5rem 0.9375rem;
  color: var(--color-button-font);
  outline: none;
  transition: background-color 0.2s ease;
  background-color: var(--color-button-background);
  font-size: 0.875rem;
}
.XyBaS[disabled] {
  opacity: 0.4;
  cursor: default;
}
.XyBaS.E8Tke {
  background-color: transparent;
}
.XyBaS:hover {
  background-color: var(--color-button-background-hover);
}
.XyBaS:active {
  background-color: var(--color-button-background-active);
}
.m6e34 {
  padding: 0.1875rem 0.5rem;
  font-size: 0.75rem;
}

/*自动隐藏文字*/
.qbzHC {
  display: inline-block;
}
.fvMx7 {
  display: none;
}
.fvMx7[disabled] + .DGUeH {
  opacity: 0.5;
}
.fvMx7[disabled] + .DGUeH .AzCqf,
.fvMx7[disabled] + .DGUeH .adfCI {
  cursor: default;
}
.fvMx7:checked + .DGUeH .AzCqf:after {
  border-color: var(--color-primary-font);
}
.fvMx7:checked + .DGUeH .lf5WJ {
  transform: scale(1);
}
.DGUeH {
  display: flex;
  align-items: center;
}
.AzCqf {
  flex: none;
  position: relative;
  width: 1em;
  height: 1em;
  cursor: pointer;
  display: flex;
  color: var(--color-primary);
}
.AzCqf:after {
  position: absolute;
  content: ' ';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 0.0625rem solid var(--color-font-label);
  transition: border-color 0.2s ease;
  border-radius: 0.125rem;
}
.lf5WJ {
  transition: 0.3s ease;
  transition-property: transform;
  transform: scale(0);
  border-radius: 0.125rem;
}
.adfCI {
  flex: auto;
  margin-left: 0.3125rem;
  line-height: 1.5;
  cursor: pointer;
}

/*自动隐藏文字*/
.qPeDJ {
  display: inline-block;
  border: none;
  border-radius: 0.1875rem;
  padding: 0.4375rem 0.5rem;
  color: var(--color-button-font);
  outline: none;
  transition: background-color 0.2s ease;
  background-color: var(--color-primary-background);
  font-size: 0.83125rem;
}
.qPeDJ::-webkit-outer-spin-button,
.qPeDJ::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.qPeDJ[disabled] {
  opacity: 0.4;
}
.qPeDJ:hover,
.qPeDJ:focus {
  background-color: var(--color-primary-background-hover);
}
.qPeDJ:active {
  background-color: var(--color-primary-background-active);
}
.OiOTJ {
  padding: 0.1875rem 0.5rem;
  font-size: 0.75rem;
}

/*自动隐藏文字*/
.lGumT {
  font-size: 0.75rem;
  position: absolute;
  opacity: 0;
  transform: scale(0);
  transform-origin: 0 0 0;
  transition: 0.14s ease;
  transition-property: transform, opacity;
  border-radius: 0.25rem;
  background-color: var(--color-content-background);
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
  z-index: 10;
  overflow: hidden;
}
.h0ywb {
  cursor: pointer;
  min-width: 6rem;
  line-height: 2.125rem;
  padding: 0 0.625rem;
  text-align: center;
  outline: none;
  transition: 0.4s ease;
  transition-property: background-color, opacity;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.h0ywb:hover {
  background-color: var(--color-primary-background-hover);
}
.h0ywb:active {
  background-color: var(--color-primary-background-active);
}
.h0ywb[disabled] {
  cursor: default;
  opacity: 0.4;
}
.h0ywb[disabled]:hover {
  background: none !important;
}

/*自动隐藏文字*/
.ZG2qq {
  position: absolute;
  max-width: 98%;
  border-radius: 0.25rem;
  background-color: var(--color-content-background);
  opacity: 0;
  transform: scale(0.8);
  transform-origin: 50% 0 0;
  transition: 0.16s ease;
  transition-property: transform, opacity;
  max-height: 15.625rem;
  z-index: 10;
  pointer-events: none;
  filter: drop-shadow(0 0 0.1875rem rgba(0, 0, 0, 0.12));
  display: flex;
}
.ZG2qq:before {
  content: ' ';
  position: absolute;
  top: -0.375rem;
  left: var(--arrow-left);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid var(--color-content-background);
}
.ZG2qq.hVKh2 {
  opacity: 1;
  transform: scale(1);
  pointer-events: initial;
}
.ZG2qq.nx1O_ {
  filter: drop-shadow(0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.12));
  transform-origin: 50% 100% 0;
}
.ZG2qq.nx1O_:before {
  top: 100%;
  border-bottom: none;
  border-top: 8px solid var(--color-content-background);
}
.z5Cei {
  padding: 0.625rem;
  box-sizing: border-box;
}

/*自动隐藏文字*/
.lpaNf {
  display: inline-block;
  font-size: 0.75rem;
  position: relative;
  width: var(--selection-width, 300px);
}
.lpaNf.EBurG .bzvyK {
  background-color: var(--color-button-background);
}
.lpaNf.EBurG .U8vse {
  opacity: 1;
}
.lpaNf.EBurG .FXJPO svg {
  transform: rotate(180deg);
}
.bzvyK {
  background-color: var(--color-button-background);
  padding: 0 0.625rem;
  transition: background-color 0.4s ease;
  height: 1.75rem;
  line-height: 1.5;
  box-sizing: border-box;
  color: var(--color-button-font);
  border-radius: 0.1875rem;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.bzvyK span {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bzvyK .FXJPO {
  flex: none;
  margin-left: 0.4375rem;
  line-height: 0;
}
.bzvyK .FXJPO svg {
  width: 1em;
  transition: transform 0.2s ease;
  transform: rotate(0);
}
.bzvyK:hover {
  background-color: var(--color-button-background-hover);
}
.bzvyK:active {
  background-color: var(--color-button-background-active);
}
.U8vse {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--color-content-background);
  opacity: 0;
  transform: scaleY(0) translateY(0);
  transform-origin: 0 14px 0;
  transition: 0.25s ease;
  transition-property: transform, opacity;
  z-index: 10;
  border-radius: 0.1875rem;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
  overflow: auto;
  max-height: 12.5rem;
}
.ia5xo {
  cursor: pointer;
  padding: 0 0.625rem;
  line-height: 1.75rem;
  outline: none;
  transition: background-color 0.4s ease;
  background-color: transparent;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ia5xo:hover {
  background-color: var(--color-button-background-hover);
}
.ia5xo:active {
  background-color: var(--color-button-background-active);
}
.ia5xo.EBurG {
  color: var(--color-button-font);
}

/*自动隐藏文字*/
.ctb5_ {
  flex: none;
  position: relative;
  width: 6.25rem;
  padding: 0.3125rem 0;
  display: flex;
  align-items: center;
  opacity: 0.5;
  transition: opacity 0.4s ease;
}
.ctb5_:hover {
  opacity: 1;
}
.ctb5_.tfF60 {
  opacity: 0.3;
}
.ctb5_.tfF60 .FkvMs {
  cursor: default;
}
.lgu5F {
  width: 100%;
  height: 0.3125rem;
  border-radius: 1.25rem;
  overflow: hidden;
  transition: 0.4s ease;
  transition-property: background-color, opacity;
  background-color: var(--color-primary-alpha-700);
  position: relative;
}
.r3pG4 {
  position: absolute;
  left: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: ease;
  width: 100%;
  height: 100%;
  transition-duration: 0.2s;
  background-color: var(--color-button-font);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.FkvMs {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/*自动隐藏文字*/
.B3hf9 {
  display: flex;
  flex-flow: row nowrap;
  font-size: 0.75rem;
  gap: 1.5625rem;
  padding: 0 0.9375rem;
}
.B3hf9.VknfW {
  justify-content: flex-start;
}
.B3hf9.G8FWy {
  justify-content: center;
}
.B3hf9.F6IOA {
  justify-content: flex-end;
}
.UoWkm {
  display: block;
  cursor: pointer;
  transition: color 0.4s ease;
}
.UoWkm:hover {
  color: var(--color-primary);
}
.UoWkm.bgUUk {
  color: var(--color-primary);
  cursor: default;
}
.UoWkm.bgUUk > .Sy9QY:after {
  opacity: 1;
  transform: translateY(0);
}
.Sy9QY {
  display: block;
  position: relative;
  padding: 0.5rem 0;
}
.Sy9QY:after {
  display: block;
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.125rem;
  border-radius: 1.25rem;
  background-color: transparent;
  transform: translateY(-4px);
  opacity: 0;
  background-color: var(--color-primary-alpha-300);
  transition: 0.3s ease;
  transition-property: transform, opacity;
}

.k8tGK {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 100;
}
.sgGgV {
  width: 100%;
  height: 100%;
}

/*自动隐藏文字*/
.RFhfy {
  padding: 0.9375rem;
  max-width: 25rem;
  min-width: 12.5rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.RFhfy h2 {
  font-size: 0.8125rem;
  color: var(--color-font);
  line-height: 1.3;
  text-align: center;
  margin-bottom: 0.9375rem;
}
.ICoOp {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}
.ICoOp.npbwa {
  max-height: 16.25rem;
  overflow-y: auto;
  padding-right: 0.3125rem;
}
.ICoOp.npbwa::-webkit-scrollbar {
  width: 0.375rem;
}
.ICoOp.npbwa::-webkit-scrollbar-track {
  background: var(--color-secondary-background);
  border-radius: 0.1875rem;
}
.ICoOp.npbwa::-webkit-scrollbar-thumb {
  background: var(--color-border);
  border-radius: 0.1875rem;
}
.ICoOp.npbwa::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary);
}
.qYtUT {
  display: block;
  flex-shrink: 0;
}

/*自动隐藏文字*/
.GJC66 {
  padding: 0.9375rem;
  max-width: 25rem;
  min-width: 12.5rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.GJC66 h2 {
  font-size: 0.8125rem;
  color: var(--color-font);
  line-height: 1.3;
  text-align: center;
  margin-bottom: 0.9375rem;
}
.OuDMo {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}
.OuDMo.yDc7B {
  max-height: 16.25rem;
  overflow-y: auto;
  padding-right: 0.3125rem;
}
.OuDMo.yDc7B::-webkit-scrollbar {
  width: 0.375rem;
}
.OuDMo.yDc7B::-webkit-scrollbar-track {
  background: var(--color-secondary-background);
  border-radius: 0.1875rem;
}
.OuDMo.yDc7B::-webkit-scrollbar-thumb {
  background: var(--color-border);
  border-radius: 0.1875rem;
}
.OuDMo.yDc7B::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary);
}
.Tv4Lw {
  display: block;
  flex-shrink: 0;
}

/*自动隐藏文字*/
.y4j_4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}
.LeHwQ {
  width: 100%;
  height: 100%;
  display: grid;
  align-items: center;
  justify-items: center;
}
.LeHwQ.xWVEn {
  backdrop-filter: grayscale(70%);
}
.XhxAY {
  border-radius: 0.25rem;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  min-width: 13.75rem;
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  z-index: 100;
  background-color: var(--color-content-background);
}
.HhXgi {
  flex: none;
  background-color: var(--color-primary-light-100-alpha-100);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 1.125rem;
}
.HhXgi button {
  border: none;
  cursor: pointer;
  padding: 0.25rem 0.4375rem;
  background-color: transparent;
  color: var(--color-primary-dark-500-alpha-500);
  outline: none;
  transition: background-color 0.2s ease;
  line-height: 0;
}
.HhXgi button svg {
  height: 0.7em;
}
.HhXgi button:hover {
  background-color: var(--color-primary-dark-100-alpha-600);
}
.HhXgi button:active {
  background-color: var(--color-primary-dark-200-alpha-600);
}

.xAJp1 {
  flex: auto;
  min-height: 2.5rem;
  padding: 0.9375rem 0.9375rem 0;
  font-size: 0.875rem;
  min-width: 13.75rem;
  line-height: 1.5;
  white-space: pre-line;
}
.B3ybP {
  flex: none;
  padding: 0.9375rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  gap: 0.9375rem;
}

/*自动隐藏文字*/
.Ghdv3 {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  min-height: 0;
}
.Ghdv3 h2 {
  font-size: 0.8125rem;
  color: var(--color-font);
  line-height: 1.3;
  text-align: center;
  padding: 0.9375rem;
}
.Lmvsf {
  color: var(--color-primary);
}
.hgdIw {
  flex: auto;
  max-height: 100%;
  padding-right: 0.9375rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
}
.YpB5w {
  position: relative;
  box-sizing: border-box;
  margin-left: 0.9375rem;
  margin-bottom: 0.9375rem;
  height: 2.25rem;
  line-height: 2.25rem;
  padding: 0 0.625rem !important;
  width: calc(33.33333333% - 0.9375rem);
  min-width: 10rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.syzVj {
  border: 0.0625rem dashed var(--color-primary-font-hover);
  color: var(--color-primary-font-hover);
  opacity: 0.7;
}
.syzVj svg {
  height: 1.125rem;
  margin-top: 0.5625rem;
}
.syzVj.LXVrU {
  opacity: 1;
}
.syzVj.LXVrU svg {
  display: none;
}
.syzVj.LXVrU .N3OD4 {
  display: block;
}
.N3OD4 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 2.125rem;
  line-height: 2.125rem;
  background: none !important;
  font-size: 0.875rem;
  text-align: center;
  font-family: inherit;
  box-sizing: border-box;
  padding: 0 0.625rem;
  border-radius: 0;
  display: none;
}
@media (min-width: 1920px) {
.YpB5w {
    width: calc(25% - 0.9375rem);
}
}
@media (min-width: 2560px) {
.YpB5w {
    width: calc(20% - 0.9375rem);
}
}
@media (min-width: 3840px) {
.YpB5w {
    width: calc(16.66666667% - 0.9375rem);
}
}

/*自动隐藏文字*/
.Pht1w {
  min-width: 12.5rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  min-height: 0;
}
.Pht1w h2 {
  font-size: 0.8125rem;
  color: var(--color-font);
  line-height: 1.3;
  text-align: center;
  padding: 0.9375rem;
}
.zjAbS {
  flex: auto;
  max-height: 100%;
  padding-right: 0.9375rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
}
.EU5rL {
  position: relative;
  box-sizing: border-box;
  margin-left: 0.9375rem;
  margin-bottom: 0.9375rem;
  height: 2.25rem;
  line-height: 2.25rem;
  padding: 0 0.625rem !important;
  width: calc(33.33333333% - 0.9375rem);
  min-width: 10rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.B_i6j {
  border: 0.0625rem dashed var(--color-primary-font-hover);
  color: var(--color-primary-font-hover);
  opacity: 0.7;
}
.B_i6j svg {
  height: 1.125rem;
  margin-top: 0.5625rem;
}
.B_i6j.lHK_H {
  opacity: 1;
}
.B_i6j.lHK_H svg {
  display: none;
}
.B_i6j.lHK_H .FId4n {
  display: block;
}
.FId4n {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 2.125rem;
  line-height: 2.125rem;
  background: none !important;
  font-size: 0.875rem;
  text-align: center;
  box-sizing: border-box;
  padding: 0 0.625rem;
  border-radius: 0;
  display: none;
}
@media (min-width: 1920px) {
.EU5rL {
    width: calc(25% - 0.9375rem);
}
}
@media (min-width: 2560px) {
.EU5rL {
    width: calc(20% - 0.9375rem);
}
}
@media (min-width: 3840px) {
.EU5rL {
    width: calc(16.66666667% - 0.9375rem);
}
}

/*自动隐藏文字*/
.H_qIC {
  flex: none;
  height: 100%;
}
.iGBWC {
  position: relative;
  justify-content: center;
  align-items: center;
  transition: color 0.4s ease;
  cursor: pointer;
  background-color: transparent;
  border: none;
  width: 1.5rem;
  display: flex;
  flex-flow: column nowrap;
  padding: 0;
}
.iGBWC svg {
  transition: opacity 0.3s ease;
  opacity: 0.5;
}
.iGBWC:hover svg {
  opacity: 0.9;
}
.iGBWC:active svg {
  opacity: 1;
}
.iGBWC.bx8eV svg {
  color: var(--color-primary);
  opacity: 0.8;
}
.o1Hn9 {
  display: flex;
  flex-flow: column nowrap;
  padding: 0.125rem 0.1875rem;
  gap: 0.5rem;
  width: 18.75rem;
}
.roBdz {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  font-size: 0.8125rem;
}
.roBdz span {
  line-height: 1.2;
}
.W083e {
  align-items: center;
  display: flex;
  gap: 0.625rem;
}
.hJslx {
  width: 100%;
}

/*自动隐藏文字*/
.bWb0w {
  width: 100%;
  height: 0.3125rem;
  overflow: hidden;
  transition: 0.4s ease;
  transition-property: background-color;
  background-color: var(--color-primary-light-100-alpha-800);
  position: relative;
  border-radius: 2.5rem;
}
.nmPXm {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.iBPXL {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform-origin: 0;
}
.hLnnn {
  background-color: var(--color-primary-light-100-alpha-600);
}
.ouQhW {
  background-color: var(--color-primary-light-100-alpha-400);
  will-change: transform;
}
.Jv_JG {
  background-color: var(--color-primary-light-100-alpha-200);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  opacity: 0.5;
}
.x8Yhv {
  transition-property: transform;
  transition-timing-function: ease-out;
  transition-duration: 0.2s;
}

/*自动隐藏文字*/
.dlS9t {
  position: relative;
  border: 0.0625rem dashed var(--color-primary-font-hover);
  color: var(--color-primary-font-hover);
  opacity: 0.7;
  height: 1.375rem;
}
.dlS9t._DlTx {
  opacity: 1;
  width: 5.625rem;
}
.dlS9t._DlTx svg {
  display: none;
}
.dlS9t._DlTx .XziJw {
  display: block;
}
.dlS9t .svg-icon {
  vertical-align: 0;
}
.XziJw {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: none !important;
  font-size: 0.75rem;
  text-align: center;
  font-family: inherit;
  box-sizing: border-box;
  padding: 0 0.1875rem;
  border-radius: 0;
  display: none;
}
.XziJw::placeholder {
  font-size: 0.75rem;
}

/*自动隐藏文字*/
.HQhu2 {
  position: relative;
  border: 0.0625rem dashed var(--color-primary-font-hover);
  color: var(--color-primary-font-hover);
  opacity: 0.7;
  height: 1.375rem;
}
.HQhu2.OmXXx {
  opacity: 1;
  width: 5.625rem;
}
.HQhu2.OmXXx svg {
  display: none;
}
.HQhu2.OmXXx .lIXiZ {
  display: block;
}
.HQhu2 .svg-icon {
  vertical-align: 0;
}
.lIXiZ {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: none !important;
  font-size: 0.75rem;
  text-align: center;
  font-family: inherit;
  box-sizing: border-box;
  padding: 0 0.1875rem;
  border-radius: 0;
  display: none;
}
.lIXiZ::placeholder {
  font-size: 0.75rem;
}

/*自动隐藏文字*/
.grnYr {
  display: flex;
  flex-flow: column nowrap;
  gap: 0.1875rem;
  min-height: 0;
  flex: none;
}
.EREvN {
  display: flex;
  flex-flow: column wrap;
  gap: 0.9375rem;
  width: 100%;
}
.DaMTi {
  display: flex;
  flex-flow: row wrap;
  gap: 0.5rem;
  width: 100%;
}
.T32C9 {
  margin-right: 0.625rem;
  font-size: 0.75rem;
}
.bH1Bn {
  display: flex;
  flex-flow: column nowrap;
  gap: 0.9375rem;
  width: 100%;
  transition: opacity 0.4s ease;
}
.bH1Bn.Bkk5n {
  opacity: 0.4;
}
.yzSBx {
  display: flex;
  flex-flow: row nowrap;
  gap: 0.5rem;
}
.JJKz5 {
  flex: auto;
}
.GJSS6 {
  flex: none;
  font-size: 0.75rem;
}
.j4evv {
  flex: none;
  width: 2.5rem;
  font-size: 0.75rem;
  text-align: center;
}
.j4evv.P6KFN {
  color: var(--color-primary-font);
}
.riFma {
  display: flex;
  flex-flow: row wrap;
  margin-top: 0.625rem;
  gap: 0.625rem;
}

/*自动隐藏文字*/
.cBSGA {
  padding-top: 0.9375rem;
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  gap: 0.5rem;
}
.cBSGA:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  height: 0.0625rem;
  width: 100%;
  border-top: 1px dashed var(--color-primary-light-100-alpha-700);
}
.thoG0 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.3125rem;
}
.SHqpC {
  display: flex;
  flex-flow: column nowrap;
  gap: 0.9375rem;
  width: 100%;
}
.cfNEH {
  display: flex;
  flex-flow: row nowrap;
  gap: 0.5rem;
}
.pXIp1 {
  flex: none;
  font-size: 0.75rem;
}
.sxW7K {
  flex: none;
  width: 2.5rem;
  font-size: 0.75rem;
  text-align: center;
}
.sxW7K.TyS1Z {
  color: var(--color-primary-font);
}
.J4Opb {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.J4Opb span {
  line-height: 1.2;
}
.t6sXJ {
  flex: auto;
}
.Yy4Wc {
  margin-right: 0.625rem;
  font-size: 0.8125rem;
}

/*自动隐藏文字*/
.upF_r {
  display: flex;
  flex-flow: column nowrap;
  gap: 0.5rem;
  min-height: 0;
  flex: none;
}
.Oifyi {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.3125rem;
}
.jLzgT {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  justify-content: space-between;
  position: relative;
}
.jLzgT:before {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  height: 100%;
  border-left: 1px dashed var(--color-primary-light-100-alpha-700);
}
.LOEmy {
  display: flex;
  flex-flow: row nowrap;
  width: 50%;
  gap: 0.5rem;
  margin-bottom: 0.9375rem;
  box-sizing: border-box;
}
.LOEmy:nth-child(odd) {
  padding-right: 0.625rem;
}
.LOEmy:nth-child(even) {
  padding-left: 0.625rem;
}
.LOEmy:nth-last-child(1),
.LOEmy:nth-last-child(2) {
  margin-bottom: 0;
}
.l3NeH {
  flex: none;
  width: 2.5rem;
  font-size: 0.75rem;
  text-align: center;
}
.Y4AtP {
  flex: none;
  width: 2.5rem;
  font-size: 0.75rem;
  text-align: center;
}
.hxCdp {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.hxCdp span {
  line-height: 1.2;
}
.NVWGs {
  flex: auto;
}
.xPKhv {
  display: flex;
  flex-flow: row wrap;
  margin-top: 0.625rem;
  gap: 0.625rem;
}

/*自动隐藏文字*/
.js8OM {
  padding-top: 0.9375rem;
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  gap: 0.5rem;
  min-height: 0;
  flex: none;
}
.js8OM:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  height: 0.0625rem;
  width: 100%;
  border-top: 1px dashed var(--color-primary-light-100-alpha-700);
}
.PLwrM {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.3125rem;
}
.xkQsb {
  display: flex;
  flex-flow: column nowrap;
  gap: 0.9375rem;
  width: 100%;
}
.wx8ie {
  display: flex;
  flex-flow: row nowrap;
  gap: 0.5rem;
}
.yMZO4 {
  flex: none;
  font-size: 0.75rem;
}
.NVBFc {
  flex: none;
  width: 2.5rem;
  font-size: 0.75rem;
  text-align: center;
}
.NVBFc.vXJpV {
  color: var(--color-primary-font);
}
.G6S1b {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.G6S1b span {
  line-height: 1.2;
}
.p7StJ {
  flex: auto;
}
.XHZ4U {
  margin-right: 0.625rem;
  font-size: 0.8125rem;
}
.qnD8P {
  display: flex;
  flex-flow: row wrap;
  margin-top: 0.625rem;
  gap: 0.625rem;
}

/*自动隐藏文字*/
.VSogo {
  position: relative;
  justify-content: center;
  align-items: center;
  transition: color 0.4s ease;
  cursor: pointer;
  background-color: transparent;
  border: none;
  width: 1.5rem;
  display: flex;
  flex-flow: column nowrap;
  padding: 0;
}
.VSogo svg {
  transition: opacity 0.3s ease;
  opacity: 0.6;
  filter: drop-shadow(0 0 0.0625rem rgba(0, 0, 0, 0.2));
}
.VSogo:hover svg {
  opacity: 0.9;
}
.VSogo:active svg {
  opacity: 1;
}
.dAaTz {
  min-width: 18.75rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  min-height: 0;
}
.I0uMq {
  display: flex;
  flex-flow: row nowrap;
  padding: 0 0.3125rem;
  margin: 0.9375rem 0;
  gap: 0.625rem;
  position: relative;
  min-height: 0;
}
.I0uMq:before {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  height: 100%;
  border-left: 1px dashed var(--color-primary-light-100-alpha-700);
}
.I0uMq .player__sound_effect_title {
  font-size: 0.875rem;
  padding-bottom: 0.5rem;
}
.bfPV_ {
  width: 50%;
  display: flex;
  gap: 0.9375rem;
  flex-flow: column nowrap;
  padding: 0 0.625rem;
}
.WlC7V {
  padding: 0 0.9375rem 0.9375rem;
  margin-top: 0.3125rem;
  font-size: 0.75rem;
  line-height: 1.25;
  color: var(--color-font);
}

/*自动隐藏文字*/
.BUxD_ {
  flex: none;
  height: 100%;
}
.yJs8x {
  position: relative;
  justify-content: center;
  align-items: center;
  transition: color 0.4s ease;
  cursor: pointer;
  background-color: transparent;
  border: none;
  width: 1.5rem;
  display: flex;
  flex-flow: column nowrap;
  padding: 0;
}
.yJs8x svg {
  transition: opacity 0.3s ease;
  opacity: 0.6;
  filter: drop-shadow(0 0 0.0625rem rgba(0, 0, 0, 0.2));
}
.yJs8x:hover svg {
  opacity: 0.9;
}
.yJs8x:active svg {
  opacity: 1;
}
.rUja9 {
  display: flex;
  flex-flow: row nowrap;
  font-size: 0.875rem;
  gap: 0.625rem;
}

/*自动隐藏文字*/
.UZHfS {
  flex: none;
  height: 100%;
}
.COSho {
  position: relative;
  justify-content: center;
  align-items: center;
  transition: color 0.4s ease;
  cursor: pointer;
  background-color: transparent;
  border: none;
  width: 1.5rem;
  display: flex;
  flex-flow: column nowrap;
  padding: 0;
}
.COSho svg {
  transition: opacity 0.3s ease;
  opacity: 0.6;
  filter: drop-shadow(0 0 0.0625rem rgba(0, 0, 0, 0.2));
}
.COSho:hover svg {
  opacity: 0.9;
}
.COSho:active svg {
  opacity: 1;
}
.sHTpA {
  display: flex;
  flex-flow: column nowrap;
  padding: 0.125rem 0.1875rem;
  gap: 0.5rem;
  width: 8.75rem;
}
.v2xbt {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  font-size: 0.8125rem;
}
.v2xbt span {
  line-height: 1.2;
}
.HhdPt {
  width: 100%;
}

/*自动隐藏文字*/
.aiRfD {
  box-sizing: border-box;
  padding: 0 0.4375rem;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
  height: 6%;
  -webkit-app-region: no-drag;
  opacity: 0.5;
  transition: opacity 0.4s ease;
}
.aiRfD._ThrU {
  opacity: 0.8;
}
.aiRfD._ThrU .pmIBl {
  opacity: 1;
}
.KNkGR {
  position: relative;
  width: 0.8775rem;
  height: 0.8775rem;
  background: none;
  border: none;
  display: flex;
  outline: none;
  padding: 0.0625rem;
  cursor: pointer;
  border-radius: 50%;
  color: var(--color-font);
}
.KNkGR.KBDXZ {
  background-color: var(--color-btn-min);
}
.KNkGR._WHEm {
  background-color: var(--color-btn-close);
}
.pmIBl {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

/*自动隐藏文字*/
.PPQYr {
  flex: auto;
}
.LDw68 {
  -webkit-app-region: no-drag;
}
.LDw68:last-child {
  margin-bottom: 0;
}
.spiVf {
  position: relative;
}
.spiVf:before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 84%;
}
.mTYcB {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  transition: 0.3s ease;
  transition-property: background-color, opacity;
  color: var(--color-nav-font);
  cursor: pointer;
  text-align: center;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mTYcB:before {
  display: block;
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 0.1875rem;
  height: 100%;
  background-color: var(--color-primary-dark-200-alpha-700);
  border-radius: 0.25rem;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
}
.mTYcB.tLZmT {
  background-color: var(--color-primary-light-300-alpha-700);
}
.mTYcB.tLZmT:before {
  transform: translateX(0);
}
.mTYcB.tLZmT:hover {
  background-color: var(--color-primary-light-300-alpha-800);
}
.mTYcB:hover {
  color: var(--color-nav-font);
}
.mTYcB:hover:not(.tLZmT) {
  opacity: 0.8;
  background-color: var(--color-primary-light-400-alpha-700);
}
.mTYcB:active:not(.tLZmT) {
  opacity: 0.6;
  background-color: var(--color-primary-light-300-alpha-600);
}

/*自动隐藏文字*/
.Muf8X {
  transition: 0.4s ease;
  transition-property: background-color;
  -webkit-app-region: drag;
  -webkit-user-select: none;
  display: flex;
  flex-flow: column nowrap;
}
.Muf8X.Bdc57 {
  -webkit-app-region: no-drag;
}
.Muf8X.Bdc57 .ZcYCS {
  display: none;
}
.ZcYCS {
  box-sizing: border-box;
  padding: 0 8%;
  height: 3.125rem;
  flex: none;
  text-align: center;
  line-height: 3.125rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 900;
  font-size: 1.5em;
  letter-spacing: 0.14em;
  text-indent: 0.14em;
  color: var(--color-primary);
  background-image: linear-gradient(120deg, var(--color-primary-light-400) 0%, var(--color-primary) 42%, var(--color-primary-dark-300) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 0.375rem var(--color-primary-alpha-500));
}

/*自动隐藏文字*/
.xAu9s {
  position: relative;
  padding: 0.9375rem 0;
  min-width: 18.75rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  overflow: hidden;
}
.xAu9s * {
  box-sizing: border-box;
}
.xAu9s h2 {
  flex: 0 0 none;
  font-size: 1rem;
  color: var(--color-font);
  line-height: 1.3;
  text-align: center;
  margin-bottom: 0.9375rem;
}
.xAu9s h3 {
  font-size: 0.875rem;
  line-height: 1.3;
}
.xAu9s pre {
  white-space: pre-wrap;
  text-align: justify;
  margin-top: 0.625rem;
}
.YxrTi {
  flex: 1 1 auto;
  font-size: 0.875rem;
  line-height: 1.5;
  overflow-y: auto;
  height: 100%;
  padding: 0 0.9375rem;
}
.XRUaB > p {
  padding-left: 0.9375rem;
}
.EKMWr h3,
.EKMWr h4 {
  font-weight: bold;
}
.EKMWr h3 {
  padding: 0.3125rem 0 0.1875rem;
}
.EKMWr ul {
  list-style: initial;
  padding-inline-start: 1.875rem;
}
.EKMWr p {
  font-size: 0.875rem;
  line-height: 1.5;
}
.vEsNI h3 {
  padding-top: 0.9375rem;
}
.vEsNI .Cp1ng {
  padding: 0 0.9375rem;
}
.vEsNI .Cp1ng h3 {
  padding: 0.3125rem 0 0.1875rem;
}
.vEsNI .Cp1ng + .Cp1ng {
  padding-top: 0.9375rem;
}
.vEsNI .Cp1ng h4 {
  font-weight: 700;
}
.vEsNI .Cp1ng > p {
  padding-left: 0.9375rem;
}
.EZFOO {
  flex: 0 0 none;
  padding: 0 0.9375rem;
}
.EZFOO .EKMWr {
  padding-top: 1.25rem;
  font-size: 0.8125rem;
  color: var(--color-primary-font);
  line-height: 1.25;
}
.EZFOO .EKMWr p {
  font-size: 0.8125rem;
  color: var(--color-primary-font);
  line-height: 1.25;
}

/*自动隐藏文字*/
.zc8vd {
  padding: 0.9375rem 0.5rem 0.75rem;
  min-width: 12.5rem;
  min-height: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.zc8vd h2 {
  font-size: 1rem;
  color: var(--color-font);
  line-height: 1.3;
  text-align: center;
}
.NvHFI {
  flex: auto;
  margin: 0.9375rem 0;
  padding: 0 0.4375rem;
}
.NvHFI h3 {
  font-weight: bold;
  line-height: 2;
}
.NvHFI p {
  line-height: 1.5;
  font-size: 0.875rem;
  text-align: justify;
}
.NvHFI p:not(:first-child) {
  margin-top: 0.5rem;
}
.AiIQg {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.n6ihi {
  display: block;
  width: 48%;
}
.n6ihi:last-child {
  margin-bottom: 0;
}

/*自动隐藏文字*/
.xu7qo {
  padding-left: 1.25rem;
  padding-right: 0.625rem;
  flex: none;
  display: flex;
  flex-flow: row nowrap;
  gap: 0.625rem;
}
.xu7qo button {
  color: var(--color-button-font);
}
.j4Vwu {
  flex: none;
  height: 100%;
  transition: 0.3s ease;
  transition-property: color, opacity;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: none;
  width: 1.5rem;
  padding: 0;
  opacity: 0.6;
  cursor: pointer;
}
.j4Vwu svg {
  filter: drop-shadow(0 0 0.0625rem rgba(0, 0, 0, 0.2));
}
.j4Vwu:hover {
  opacity: 1;
}
.j4Vwu:active {
  opacity: 1;
}

/*自动隐藏文字*/
.dfGyx {
  position: relative;
  height: 4.125rem;
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  contain: strict;
  padding: 0.5rem 0.375rem 0.375rem;
  z-index: 2;
}
.dfGyx * {
  box-sizing: border-box;
}
.dfGyx:before {
  display: block;
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-main-background);
  opacity: 0.9;
  z-index: -1;
}
.vv6zm {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-bottom: 0.375rem;
}
.vv6zm .Boci9 {
  height: 0.125rem;
  border-radius: 0;
}
.z4zq1 {
  height: 100%;
  aspect-ratio: 1 / 1;
  flex: none;
  opacity: 1;
  transition: opacity 0.3s ease;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.z4zq1:hover {
  opacity: 0.8;
}
.z4zq1 img {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  max-width: 100%;
  max-height: 100%;
  transition: 0.4s ease;
  transition-property: border-color;
  border-radius: 0.25rem;
}
.z4zq1 ._92OQ {
  background-color: var(--color-primary-light-900-alpha-200);
  border-radius: 0.25rem;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary-light-400-alpha-200);
  user-select: none;
  font-size: 1.25rem;
  font-family: Consolas, 'Courier New', monospace;
}
.z4zq1 ._92OQ span {
  padding-left: 0.1875rem;
}
.dPSWP {
  padding-left: 0.625rem;
  flex: auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  font-size: 0.8125rem;
  color: var(--color-font);
  min-width: 0;
  line-height: 1.5;
}
.Qk7Ck {
  max-width: 100%;
  font-size: 0.75rem;
  color: var(--color-font-label);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.NHFzp {
  padding-top: 0.1875rem;
  height: 1.4375rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.Myy8i {
  flex: none;
  color: var(--color-550);
  font-size: 0.8125rem;
  padding-left: 0.625rem;
}
.Y90zH {
  height: 100%;
  flex: none;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding-left: 0.625rem;
  padding-right: 0.9375rem;
  gap: 1.125rem;
}
.EPqs5 {
  flex: none;
  height: 52%;
  transition: 0.3s ease;
  transition-property: color, opacity;
  color: var(--color-button-font);
  opacity: 1;
  cursor: pointer;
}
.EPqs5 svg {
  fill: currentColor;
  filter: drop-shadow(0 0 0.0625rem rgba(0, 0, 0, 0.2));
}
.EPqs5:hover {
  opacity: 0.8;
}
.EPqs5:active {
  opacity: 0.6;
}

/*自动隐藏文字*/
.zMKSN {
  position: relative;
  height: 4.125rem;
  border-top: 1px solid var(--color-primary-alpha-900);
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  contain: strict;
  padding: 0.375rem;
  z-index: 2;
}
.zMKSN * {
  box-sizing: border-box;
}
.zMKSN:before {
  display: block;
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-main-background);
  opacity: 0.9;
  z-index: -1;
}
.AnUVx {
  height: 100%;
  aspect-ratio: 1 / 1;
  flex: none;
  opacity: 1;
  transition: opacity 0.3s ease;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.AnUVx:hover {
  opacity: 0.8;
}
.AnUVx img {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  max-width: 100%;
  max-height: 100%;
  transition: 0.4s ease;
  transition-property: border-color;
  border-radius: 0.25rem;
}
.AnUVx .ZNt7L {
  background-color: var(--color-primary-light-900-alpha-200);
  border-radius: 0.25rem;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary-light-400-alpha-200);
  user-select: none;
  font-size: 1.25rem;
  font-family: Consolas, 'Courier New', monospace;
}
.AnUVx .ZNt7L span {
  padding-left: 0.1875rem;
}
.CJjT6 {
  padding: 0 0.625rem;
  flex: auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  font-size: 0.8125rem;
  color: var(--color-font);
  min-width: 0;
  line-height: 1.5;
}
.YZfld {
  max-width: 100%;
  font-size: 0.75rem;
  color: var(--color-font-label);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lZJEN {
  padding-top: 0.1875rem;
  height: 1.4375rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.XfECa {
  width: 30%;
  flex: none;
  color: var(--color-550);
  font-size: 0.8125rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.eZkav {
  flex: auto;
  position: relative;
  margin: 0 0.5rem;
  padding: 0.5rem 0;
}
.HFn5z {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.Eqrjm {
  height: 100%;
  flex: none;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding-left: 0.625rem;
  padding-right: 0.9375rem;
  gap: 1.125rem;
}
.RJ0vd {
  flex: none;
  height: 52%;
  transition: 0.3s ease;
  transition-property: color, opacity;
  color: var(--color-button-font);
  opacity: 1;
  cursor: pointer;
}
.RJ0vd svg {
  fill: currentColor;
  filter: drop-shadow(0 0 0.0625rem rgba(0, 0, 0, 0.2));
}
.RJ0vd:hover {
  opacity: 0.8;
}
.RJ0vd:active {
  opacity: 0.6;
}

/*自动隐藏文字*/
.iW4Ar {
  flex: none;
  position: relative;
  padding: 0.9375rem 0;
}
.iW4Ar:hover .scUjm {
  opacity: 1;
}
.vj4ek {
  position: relative;
  color: var(--color-550);
  font-size: 0.8125rem;
  padding-bottom: 0.1875rem;
}
.scUjm {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  flex: auto;
  margin-top: 0.125rem;
  height: 0.125rem;
  opacity: 0.24;
  overflow: hidden;
  transition: 0.4s ease;
  transition-property: background-color, opacity;
  background-color: var(--color-primary-light-100-alpha-800);
}
.scUjm .DQa6k {
  height: 100%;
  width: 100%;
  background-color: var(--color-primary-light-100-alpha-400);
  transform-origin: 0;
  will-change: transform;
}
.scUjm .jVmyS {
  transition-property: transform;
  transition-timing-function: ease-out;
  transition-duration: 0.2s;
}
.bbVgB {
  position: relative;
  width: 18.75rem;
  height: 0.9375rem;
  box-sizing: border-box;
  padding: 0.3125rem 0;
  margin: 0 0.3125rem;
}

/*自动隐藏文字*/
.jSSvp {
  position: relative;
  height: 4.125rem;
  border-top: 1px solid var(--color-primary-alpha-900);
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  contain: strict;
  padding: 0.375rem;
  z-index: 2;
}
.jSSvp * {
  box-sizing: border-box;
}
.jSSvp:before {
  display: block;
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-main-background);
  opacity: 0.9;
  z-index: -1;
}
.Chp1H {
  height: 100%;
  aspect-ratio: 1 / 1;
  flex: none;
  opacity: 1;
  transition: opacity 0.3s ease;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.Chp1H:hover {
  opacity: 0.8;
}
.Chp1H img {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  max-width: 100%;
  max-height: 100%;
  transition: 0.4s ease;
  transition-property: border-color;
  border-radius: 0.25rem;
}
.Chp1H .eEIur {
  background-color: var(--color-primary-light-900-alpha-200);
  border-radius: 0.25rem;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary-light-400-alpha-200);
  user-select: none;
  font-size: 1.25rem;
  font-family: Consolas, 'Courier New', monospace;
}
.Chp1H .eEIur span {
  padding-left: 0.1875rem;
}
.AjsYm {
  padding: 0 0.625rem;
  flex: auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  font-size: 0.8125rem;
  color: var(--color-font);
  min-width: 0;
  line-height: 1.5;
}
.IxlHo {
  max-width: 100%;
  font-size: 0.75rem;
  color: var(--color-font-label);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.zAmdo {
  padding-top: 0.1875rem;
  height: 1.4375rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.MiIS6 {
  height: 100%;
  flex: none;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding-left: 0.625rem;
  padding-right: 0.9375rem;
  gap: 1.125rem;
}
.NkL_H {
  flex: none;
  height: 52%;
  transition: 0.3s ease;
  transition-property: color, opacity;
  color: var(--color-button-font);
  opacity: 1;
  cursor: pointer;
}
.NkL_H svg {
  fill: currentColor;
  filter: drop-shadow(0 0 0.0625rem rgba(0, 0, 0, 0.2));
}
.NkL_H:hover {
  opacity: 0.8;
}
.NkL_H:active {
  opacity: 0.6;
}

/*自动隐藏文字*/
.fullscreen .weKOL {
  -webkit-app-region: no-drag;
  align-self: flex-start;
}
.fullscreen .weKOL .ILZ1q .N8NKU,
.fullscreen .weKOL .ILZ1q .qOe1e {
  display: none;
}
.fullscreen .weKOL .ILZ1q .pxWip {
  display: flex;
}
.weKOL {
  position: relative;
  flex: 0 0 3.375rem;
  -webkit-app-region: drag;
  width: 100%;
}
.weKOL .ILZ1q {
  position: absolute;
  top: 0;
  display: flex;
  -webkit-app-region: no-drag;
}
.weKOL .ILZ1q button {
  position: relative;
  background: none;
  border: none;
  outline: none;
  padding: 0.0625rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.weKOL .ILZ1q .pxWip {
  display: none;
}
.weKOL .ILZ1q {
  align-items: center;
  padding: 0 0.8775rem;
  left: 0;
  flex-direction: row-reverse;
  height: 2.3625rem;
  transition: opacity 0.4s ease;
  opacity: 0.5;
}
.weKOL .ILZ1q.FB3_z {
  opacity: 0.8;
}
.weKOL .ILZ1q.FB3_z .dpbtB {
  opacity: 1;
}
.weKOL .ILZ1q button {
  width: 0.8775rem;
  height: 0.8775rem;
  border-radius: 50%;
  color: var(--color-font);
}
.weKOL .ILZ1q button + button {
  margin-right: 0.43875rem;
}
.weKOL .ILZ1q button.YPb8C {
  background-color: var(--color-btn-hide);
}
.weKOL .ILZ1q button.qOe1e,
.weKOL .ILZ1q button.pxWip {
  background-color: var(--color-btn-min);
}
.weKOL .ILZ1q button.N8NKU {
  background-color: var(--color-btn-close);
}
.weKOL .dpbtB {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

/*自动隐藏文字*/
.fullscreen .dEOR3 {
  -webkit-app-region: no-drag;
  align-self: flex-start;
}
.fullscreen .dEOR3 .UsWJ_ .P3QuG,
.fullscreen .dEOR3 .UsWJ_ .uwxmN {
  display: none;
}
.fullscreen .dEOR3 .UsWJ_ .DhrZr {
  display: flex;
}
.dEOR3 {
  position: relative;
  flex: 0 0 3.375rem;
  -webkit-app-region: drag;
  width: 100%;
  align-self: flex-start;
}
.dEOR3 .UsWJ_ {
  position: absolute;
  top: 0;
  display: flex;
  -webkit-app-region: no-drag;
}
.dEOR3 .UsWJ_ button {
  position: relative;
  background: none;
  border: none;
  outline: none;
  padding: 0.0625rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dEOR3 .UsWJ_ .DhrZr {
  display: none;
}
.dEOR3 .UsWJ_ {
  right: 0;
}
.dEOR3 .UsWJ_ button {
  width: 2.875rem;
  height: 1.875rem;
  color: var(--color-font-label);
  transition: background-color 0.2s ease-in-out;
}
.dEOR3 .UsWJ_ button.yt7zl {
  background-color: var(--color-button-background-hover);
}
.dEOR3 .UsWJ_ button.yt7zl.P3QuG {
  background-color: var(--color-btn-close);
}

/*自动隐藏文字*/
.eMyj_ {
  font-size: 0.75rem;
  position: absolute;
  opacity: 0;
  transform: scale(0);
  transform-origin: 0 0 0;
  transition: 0.14s ease;
  transition-property: transform, opacity;
  border-radius: 0.25rem;
  background-color: var(--color-content-background);
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
  z-index: 10;
  overflow: hidden;
}
.gREqE {
  display: flex;
  flex-direction: column;
}
.Dm1Y_ {
  flex: auto;
  padding: 0.625rem 0 0.625rem 0.625rem;
  color: var(--color-font-label);
  white-space: nowrap;
  min-width: 7.5rem;
}
.I2yYZ {
  display: flex;
  flex-flow: row nowrap;
}
.Uikne {
  flex: auto;
  cursor: pointer;
  min-width: 3.75rem;
  height: 2.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.625rem;
  outline: none;
  transition: 0.4s ease;
  transition-property: background-color, opacity;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: var(--color-content-background);
  border: none;
}
.Uikne:hover {
  background-color: var(--color-primary-background-hover);
}
.Uikne:active {
  background-color: var(--color-primary-background-active);
}
.Uikne.TW_M9 {
  background-color: var(--color-content-background);
  color: var(--color-button-font-selected);
  cursor: default;
  opacity: 1;
}
.Uikne[disabled] {
  cursor: default;
  opacity: 0.4;
}
.Uikne[disabled]:hover {
  background: none !important;
}
.u4Y5d {
  flex: none;
  padding: 0 10;
  min-width: 2.5rem;
  opacity: 0.7;
}
.u4Y5d[disabled] {
  opacity: 0.3;
}

/*自动隐藏文字*/
.PeYL2 {
  flex: 0 0 60%;
  position: relative;
  transition: flex-basis 0.4s ease;
}
.E1bu2 {
  text-align: center;
  height: 100%;
  overflow: hidden;
  font-size: var(--playDetail-lrc-font-size, 16px);
  -webkit-mask-image: linear-gradient(transparent 0%, #fff 20%, #fff 80%, transparent 100%);
  cursor: grab;
}
.E1bu2.XPuH8 {
  cursor: grabbing;
}
.E1bu2 .font-lrc {
  color: var(--color-450);
}
.E1bu2 .line-content {
  line-height: 1.2;
  padding: calc(var(--playDetail-lrc-font-size, 16px) / 2) 0.0625rem;
  overflow-wrap: break-word;
  color: var(--color-450);
  transition: 0.4s ease;
  transition-property: padding;
}
.E1bu2 .line-content .extended {
  font-size: 0.8em;
  margin-top: 0.3125rem;
}
.E1bu2 .line-content.line-mode .font-lrc {
  transition: 0.3s ease;
  transition-property: font-size, color;
}
.E1bu2 .line-content.line-mode.active .font-lrc,
.E1bu2 .line-content.font-mode.played .font-lrc {
  color: var(--color-primary-dark-200);
}
.E1bu2 .line-content.font-mode .extended .font-lrc {
  transition: 0.6s ease;
  transition-property: font-size, color;
}
.E1bu2 .line-content.font-mode > .line > .font-lrc > span {
  transition: 0.4s ease;
  transition-property: font-size;
  font-size: 1em;
  background-repeat: no-repeat;
  background-color: var(--color-450);
  background-image: -webkit-linear-gradient(top, var(--color-primary-dark-200), var(--color-primary-dark-200));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-size: 0 100%;
}
.pau4o .line-content.active .extended {
  font-size: 0.94em;
}
.pau4o .line-content.active .line {
  font-size: 1.1em;
}
.yT9Er {
  position: absolute;
  top: calc(38% + var(--playDetail-lrc-font-size, 16px) + 0.25rem);
  left: 0;
  width: 100%;
  pointer-events: none;
}
.yT9Er .u2Hz2 {
  border-top: 2px dotted var(--color-primary-dark-100);
  opacity: 0.15;
  margin-right: 1.875rem;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, transparent 15%, #fff 100%);
}
.yT9Er .TYP2K {
  position: absolute;
  right: 1.875rem;
  top: -0.875rem;
  line-height: 1.2;
  font-size: 0.75rem;
  color: var(--color-primary-dark-100);
  opacity: 0.7;
}
.yT9Er .nHk6o {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-50%);
  width: 1.875rem;
  height: 1.875rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none !important;
  pointer-events: initial;
  transition: 0.4s ease;
  transition-property: opacity;
  opacity: 0.8;
}
.yT9Er .nHk6o:hover {
  opacity: 0.6;
}
.RagPb {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  font-size: var(--playDetail-lrc-font-size, 16px);
  z-index: 10;
  color: var(--color-400);
}
.RagPb .rZdIM {
  padding: calc(var(--playDetail-lrc-font-size, 16px) / 2) 0.0625rem;
  overflow-wrap: break-word;
  transition: 0.4s ease !important;
  transition-property: color, font-size;
  line-height: 1.3;
}
.RagPb .NGUDc {
  font-size: 0.875rem;
}
.RagPb .TKIwK {
  color: var(--color-primary);
}
.jT_P1 {
  height: 70%;
}

/*自动隐藏文字*/
.f3YNB {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
}
.f3YNB button {
  width: 1.25rem;
  color: var(--color-font);
}
.f3YNB .gZhaM {
  opacity: 0.5;
  cursor: pointer;
  transition: opacity 0.4s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: none;
  padding: 0;
}
.f3YNB .gZhaM:hover {
  opacity: 0.9;
}
.f3YNB .gZhaM.ZC71k {
  color: var(--color-primary);
  opacity: 0.8;
}
.f3YNB .YFwHU {
  width: 1.25rem;
}

/*自动隐藏文字*/
.bOab6 {
  flex: 0 0 6.25rem;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.EMIMt {
  flex: auto;
  display: flex;
  flex-flow: column nowrap;
  padding: 0.8125rem 0.8125rem 0.8125rem 1.875rem;
  overflow: hidden;
}
._8b3du {
  width: 100%;
  position: relative;
  padding: 0.1875rem 0;
}
.Nd9xF {
  position: relative;
  height: 1rem;
  padding: 0.3125rem 0;
  width: 100%;
}
.PDj7K {
  height: 100%;
}
.RFeuM {
  transition-property: transform;
  transition-timing-function: ease-out;
  transition-duration: 0.2s;
}
.bPVOs {
  width: 100%;
  height: 1.125rem;
  display: flex;
}
.bPVOs span {
  font-size: 0.8125rem;
}
.QStFT {
  flex: auto;
}
.fNx1c {
  flex: none;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 1.5625rem;
  color: var(--color-button-font);
}
.WCWIh {
  height: 40%;
  padding: 0.3125rem;
  flex: none;
  color: var(--color-button-font);
  transition: opacity 0.2s ease;
  opacity: 1;
  cursor: pointer;
}
.WCWIh + .WCWIh {
  margin-left: 0.625rem;
}
.WCWIh svg {
  fill: currentColor;
  filter: drop-shadow(0 0 0.0625rem rgba(0, 0, 0, 0.2));
}
.WCWIh:hover {
  opacity: 0.8;
}
.WCWIh:active {
  opacity: 0.6;
}

/*自动隐藏文字*/
.as1u6 {
  border-bottom: 1px dashed var(--color-primary-alpha-700);
}
.a761C {
  padding: 0.75rem 0;
  font-size: 0.8125rem;
  color: var(--color-font);
  display: flex;
}
.Y1BXX {
  flex: none;
}
.FWT57 {
  width: 2.5rem;
  border-radius: 0.25rem;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
}
.O31hf {
  flex: auto;
  min-width: 0;
  margin-left: 0.625rem;
}
.Zxmyh {
  display: flex;
  flex-flow: row nowrap;
  gap: 0.9375rem;
  width: 100%;
  height: 2.5rem;
  line-height: 1.3;
  color: var(--color-450);
}
.wjHZc {
  height: 100%;
  flex: auto;
  display: flex;
  min-width: 0;
  flex-flow: column nowrap;
  justify-content: space-evenly;
}
.ETyp1 {
  display: flex;
  flex-flow: row nowrap;
  min-width: 0;
  gap: 0.625rem;
  overflow: hidden;
}
.HbDe0 {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--color-650);
}
.WyqmH {
  flex: none;
  font-size: 0.75rem;
}
.rPKMJ {
  flex: none;
  font-size: 0.6875rem;
  text-align: right;
  padding-top: 0.1875rem;
  align-self: flex-start;
}
.Ql09U {
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.1875rem;
  color: var(--color-primary-alpha-500);
}
.Xh2gb {
  text-align: justify;
  font-size: 0.875rem;
  line-height: 1.5;
  word-break: break-all;
  overflow-wrap: break-word;
  white-space: pre-wrap;
}
.kFotX {
  display: flex;
  flex-flow: row wrap;
  gap: 0.3125rem;
  margin-top: 0.3125rem;
}
.kFotX img {
  max-width: 15rem;
}
.Lfd_P {
  padding: 0 0 0 0.9375rem;
  margin-left: 1.875rem;
  border-radius: 0.5rem;
  background-color: var(--color-primary-light-500-alpha-700);
}
.Lfd_P:last-child {
  margin-bottom: 0.75rem;
}
.Lfd_P .as1u6:last-child {
  border-bottom: none;
}
.Lfd_P .O31hf {
  margin-right: 0.625rem;
}

/*自动隐藏文字*/
.sYAJM {
  display: flex;
  flex-flow: column nowrap;
  transition: 0.4s ease;
  transition-property: transform, opacity;
  transform-origin: 100%;
  overflow: hidden;
}
.TD0EE {
  flex: none;
  padding-bottom: 0.3125rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.TD0EE h3 {
  font-size: 0.875rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.2;
}
.hyZ81 {
  flex: 1 0 auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  color: var(--color-primary);
}
.hayv5 {
  height: 1.375rem;
  width: 1.375rem;
  cursor: pointer;
  transition: opacity 0.4s ease;
}
.hayv5 + .hayv5 {
  margin-left: 0.3125rem;
}
.hayv5:hover {
  opacity: 0.7;
}
.gU0Hv {
  flex: auto;
  background-color: var(--color-primary-light-400-alpha-700);
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
}
.cYVJD {
  display: flex;
  flex-flow: row nowrap;
  gap: 0.9375rem;
  padding-left: 0.9375rem;
  padding-right: 0.625rem;
}
.KCpFY {
  flex: auto;
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}
.bZGZp {
  flex-shrink: 0;
  width: 100%;
  position: relative;
}
.zkmKB {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-left: 0.9375rem;
  padding-right: 0.625rem;
  scroll-behavior: smooth;
}
.TJQDv {
  padding: 0.9375rem;
  color: var(--color-font-label);
  font-size: 0.875rem;
}
.mL6_u {
  padding: 0.3125rem;
  margin: 0.3125rem 0;
  font-size: 0.8125rem;
  background: none;
  border: none;
  cursor: pointer;
  transition: 0.4s ease;
  transition-property: opacity, color;
}
.mL6_u:hover {
  opacity: 0.7;
}
.mL6_u.pZSIs {
  color: var(--color-primary);
}
.iq2iP {
  opacity: 1;
  transition: opacity 0.4s ease;
}
.iq2iP.IqNki {
  opacity: 0.4;
}
.rBPfE {
  padding: 0.625rem 0;
}
.s1EYH {
  flex: auto;
  padding-top: 10%;
  text-align: center;
  font-size: 0.875rem;
  color: var(--color-font-label);
}

/*自动隐藏文字*/
.mEOGP {
  position: absolute;
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--color-content-background);
  z-index: 10;
  overflow: hidden;
  border-radius: 0.25rem;
  color: var(--color-font);
  -webkit-app-region: no-drag;
  contain: strict;
  box-sizing: border-box;
}
.mEOGP * {
  box-sizing: border-box;
}
.KZtRY {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--background-image) var(--background-image-position) no-repeat;
  background-size: var(--background-image-size);
  opacity: 0.7;
  z-index: -1;
}
.KZtRY:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--color-app-background);
}
.KZtRY:after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--color-main-background);
}
.jKg7T {
  flex: auto;
  min-height: 0;
  overflow: hidden;
  display: flex;
  margin: 0 1.875rem;
  position: relative;
}
.jKg7T.xMNmw .left {
  flex-basis: 18%;
}
.jKg7T.xMNmw .left .description p {
  font-size: 0.75rem;
}
.jKg7T.xMNmw .right {
  flex-basis: 30%;
}
.jKg7T.xMNmw .right .lyricSelectContent {
  font-size: 0.875rem;
}
.jKg7T.xMNmw .comment {
  opacity: 1;
  transform: scaleX(1);
}
.al4_y {
  flex: 0 0 40%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding: 0.8125rem;
  overflow: hidden;
  transition: flex-basis 0.4s ease;
}
.jZAtv {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  max-width: 18.75rem;
  min-height: 0;
}
.snXSQ {
  max-width: 100%;
  max-height: 80%;
  min-width: 100%;
  box-shadow: 0 0 6px var(--color-primary-alpha-500);
  border-radius: 0.375rem;
  opacity: 0.8;
}
.EhSiQ {
  max-width: 18.75rem;
  margin-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  min-height: 0;
}
.EhSiQ p {
  line-height: 1.5;
  font-size: 0.875rem;
  overflow-wrap: break-word;
}
.G_t3Y {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  opacity: 1;
  margin-left: 0.625rem;
  transform: scaleX(0);
}

/*自动隐藏文字*/
.umlxY {
  padding: 0 0.9375rem;
  max-width: 33.125rem;
  min-width: 17.5rem;
  display: flex;
  flex-flow: column nowrap;
  min-height: 0;
}
.umlxY h2 {
  font-size: 0.8125rem;
  color: var(--color-font);
  line-height: 1.3;
  word-break: break-all;
  padding: 0.9375rem 0 0.5rem;
}
.XAXQu {
  padding: 0.5rem 0.5rem;
}
.YblXe {
  margin: 1.25rem 0 0.9375rem auto;
}
.tXfJH {
  min-width: 4.375rem;
}
.tXfJH + .tXfJH {
  margin-left: 0.625rem;
}

/*自动隐藏文字*/
.t3lAS {
  padding: 0.9375rem;
  max-width: 43.75rem;
  min-width: 12.5rem;
  min-height: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.t3lAS h2 {
  font-size: 1rem;
  color: var(--color-font);
  line-height: 1.3;
  text-align: center;
}
.rlBu3 {
  flex: auto;
  padding: 0.9375rem 0 0.3125rem;
  padding-right: 0.3125rem;
}
.rlBu3 ._5SwW + ._5SwW {
  margin-top: 0.625rem;
}
.rlBu3 .vgrYA {
  color: var(--color-font-label);
  font-size: 0.875rem;
  line-height: 2;
}
.rlBu3 .pN9io {
  line-height: 1.5;
  font-size: 0.875rem;
  text-align: justify;
}
.rlBu3 ._ZzIU {
  display: flex;
  flex-direction: row;
  font-size: 0.75rem;
}
.rlBu3 ._ZzIU + ._ZzIU {
  margin-top: 0.3125rem;
}
.rlBu3 ._ZzIU .ZOxhS {
  white-space: nowrap;
  font-weight: bold;
  margin-right: 0.3125rem;
}
.rlBu3 ._ZzIU .Fhyej {
  line-height: 1.3;
}
.lSvza {
  display: flex;
  align-items: center;
}
.qLpsv {
  display: block;
  white-space: nowrap;
}
.qLpsv + .qLpsv {
  margin-left: 0.9375rem;
}
.qLpsv:last-child {
  margin-bottom: 0;
}

/*自动隐藏文字*/
.Goa82 {
  display: flex;
  align-self: flex-start;
  -webkit-app-region: no-drag;
  height: 1.875rem;
}
.Goa82 .w4p1R {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 2.875rem;
  height: 1.875rem;
  background: none;
  border: none;
  outline: none;
  padding: 0.0625rem;
  cursor: pointer;
  color: var(--color-font-label);
  transition: background-color 0.2s ease-in-out;
}
.Goa82 .w4p1R.lE3Rj.qugzT,
.Goa82 .w4p1R.lE3Rj._p0xI {
  background-color: var(--color-button-background-hover);
}
.Goa82 .w4p1R.lE3Rj.M1h9q {
  background-color: var(--color-btn-close);
}

/*自动隐藏文字*/
.Mflm_ {
  display: flex;
  height: 3.375rem;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.9375rem;
  -webkit-app-region: drag;
  z-index: 2;
}
.Mflm_.MPAWe {
  -webkit-app-region: no-drag;
}
.Mflm_.MPAWe .qxMDs {
  display: none;
}
.Mflm_.ZTscc .zO31l {
  display: none;
}
.Mflm_.hyWLH {
  justify-content: space-between;
}
.qxMDs {
  box-sizing: border-box;
  padding: 0 1.0125rem;
  height: 3.375rem;
  flex: none;
  text-align: center;
  line-height: 3.375rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 900;
  font-size: 1.5em;
  letter-spacing: 0.14em;
  text-indent: 0.14em;
  color: var(--color-primary);
  background-image: linear-gradient(120deg, var(--color-primary-light-400) 0%, var(--color-primary) 42%, var(--color-primary-dark-300) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 0.375rem var(--color-primary-alpha-500));
}

/*自动隐藏文字*/
.AGPre {
  position: relative;
  padding: 0.9375rem 0;
  min-width: 18.75rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  overflow: hidden;
}
.AGPre * {
  box-sizing: border-box;
}
.AGPre h2 {
  flex: 0 0 none;
  font-size: 1rem;
  color: var(--color-font);
  line-height: 1.3;
  text-align: center;
  margin-bottom: 0.9375rem;
}
.AGPre h3 {
  font-size: 0.875rem;
  line-height: 1.3;
}
.AGPre pre {
  white-space: pre-wrap;
  text-align: justify;
  margin-top: 0.625rem;
}
.b2NU0 {
  flex: 1 1 auto;
  font-size: 0.875rem;
  line-height: 1.5;
  overflow-y: auto;
  height: 100%;
  padding: 0 0.9375rem;
}
.G2A4L > p {
  padding-left: 0.9375rem;
}
.hJvtv h3,
.hJvtv h4 {
  font-weight: bold;
}
.hJvtv h3 {
  padding: 0.3125rem 0 0.1875rem;
}
.hJvtv ul {
  list-style: initial;
  padding-inline-start: 1.875rem;
}
.hJvtv p {
  font-size: 0.875rem;
  line-height: 1.5;
}
._0R_Wm h3 {
  padding-top: 0.9375rem;
}
._0R_Wm .uyxOR {
  padding: 0 0.9375rem;
}
._0R_Wm .uyxOR h3 {
  padding: 0.3125rem 0 0.1875rem;
}
._0R_Wm .uyxOR + .uyxOR {
  padding-top: 0.9375rem;
}
._0R_Wm .uyxOR h4 {
  font-weight: 700;
}
._0R_Wm .uyxOR > p {
  padding-left: 0.9375rem;
}
.VnVTP {
  flex: 0 0 none;
  padding: 0 0.9375rem;
}
.VnVTP .hJvtv {
  padding-top: 0.625rem;
  font-size: 0.8125rem;
  color: var(--color-primary-font);
  line-height: 1.25;
}
.VnVTP .hJvtv p {
  font-size: 0.8125rem;
  color: var(--color-primary-font);
  line-height: 1.25;
}
.nObex {
  display: flex;
  flex-flow: row nowrap;
  gap: 0.9375rem;
}
.pauE7 {
  margin-top: 0.625rem;
  display: block;
  width: 100%;
}
.Mdm9b {
  margin-top: 0.625rem;
  display: block;
  width: 50%;
}

/*自动隐藏文字*/
.HGd4Q {
  position: relative;
  z-index: 1;
}
.HGd4Q > .view-container {
  position: absolute !important;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

/*自动隐藏文字*/
.T4OAO {
  line-height: 1.2;
}
.T4OAO button {
  background-color: transparent;
  border: none;
  border-radius: 0.1875rem;
  margin-right: 0.3125rem;
  cursor: pointer;
  padding: 0.25rem 0.4375rem;
  color: var(--color-button-font);
  outline: none;
  transition: background-color 0.2s ease;
  line-height: 0;
}
.T4OAO button:last-child {
  margin-right: 0;
}
.T4OAO button svg {
  height: 1rem;
}
.T4OAO button:hover {
  background-color: var(--color-button-background-hover);
}
.T4OAO button:active {
  background-color: var(--color-button-background-active);
}

/*自动隐藏文字*/
.ufP1g {
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  position: relative;
}
.kVMH9 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  font-size: 0.875rem;
}
.WJPOF {
  flex: auto;
  min-height: 0;
  position: relative;
  height: 100%;
}
.vy_Xx {
  text-align: center;
  padding: 0.9375rem 0;
}
.Xaf0G {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.Xaf0G p {
  font-size: 1.5rem;
  color: var(--color-font-label);
}

/*自动隐藏文字*/
.opziB {
  display: inline-block;
  background-color: var(--color-button-background);
  border-radius: 0.25rem;
}
.opziB ul {
  display: flex;
  flex-flow: row nowrap;
}
.opziB ul li {
  transition: 0.4s ease;
  transition-property: all;
  line-height: 1.2;
  display: flex;
}
.opziB ul li svg {
  height: 1em;
}
.opziB ul li span,
.opziB ul li button {
  display: block;
  padding: 0.4375rem 0.75rem;
  line-height: 1.2;
  color: var(--color-button-font);
  font-size: 0.8125rem;
}
.opziB ul li.zoBUD span {
  background-color: var(--color-button-background-selected);
}
.opziB ul li button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  transition: background-color 0.3s ease;
}
.opziB ul li button:hover {
  background-color: var(--color-button-background-hover);
}
.opziB ul li button:active {
  background-color: var(--color-button-background-active);
}
.opziB ul li.GB2zf span {
  opacity: 0.3;
}
.opziB ul li:first-child span,
.opziB ul li:first-child button {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.opziB ul li:last-child span,
.opziB ul li:last-child button {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.opziB ul li:first-child span,
.opziB ul li:last-child span,
.opziB ul li.Xhqek span,
.opziB ul li.fyBIi span,
.opziB ul li:first-child button,
.opziB ul li:last-child button,
.opziB ul li.Xhqek button,
.opziB ul li.fyBIi button {
  line-height: 0;
}

/*自动隐藏文字*/
.DA67s {
  position: relative;
  display: inline-block;
}

/*自动隐藏文字*/
.v4OKN {
  position: relative;
  width: 35%;
  height: 1.755rem;
  -webkit-app-region: no-drag;
}
.Ew40P {
  position: absolute;
  width: 100%;
  border-radius: 0.1875rem;
  transition: box-shadow 0.4s ease, background-color 0.4s ease;
  display: flex;
  flex-flow: column nowrap;
  background-color: var(--color-primary-light-300-alpha-700);
}
.Ew40P.Xk1U4 {
  background-color: var(--color-primary-light-600-alpha-100);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.Ew40P.Xk1U4 .BFDgs input {
  border-bottom-left-radius: 0;
}
.Ew40P.Xk1U4 .BFDgs button {
  border-bottom-right-radius: 0;
}
.Ew40P .BFDgs {
  display: flex;
  height: 1.755rem;
  position: relative;
}
.Ew40P .BFDgs input {
  flex: auto;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: transparent;
  border: none;
  min-width: 0;
  outline: none;
  padding: 0 0.3125rem;
  overflow: hidden;
  font-size: 0.84375rem;
  line-height: 2.0675rem;
}
.Ew40P .BFDgs input::placeholder {
  color: var(--color-button-font);
  font-size: 0.98em;
}
.Ew40P .BFDgs button {
  flex: none;
  border: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  height: 100%;
  padding: 0.375rem 0.4375rem;
  color: var(--color-button-font);
  transition: background-color 0.2s ease;
}
.Ew40P .BFDgs button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.Ew40P .BFDgs button:hover {
  background-color: var(--color-button-background-hover);
}
.Ew40P .BFDgs button:active {
  background-color: var(--color-button-background-active);
}
.Ew40P .xsZxn {
  font-size: 0.8125rem;
  transition: 0.3s ease;
  height: 0;
  transition-property: height;
  overflow: hidden;
}
.Ew40P .xsZxn li {
  cursor: pointer;
  padding: 0.5rem 0.3125rem;
  transition: background-color 0.2s ease;
  line-height: 1.3;
}
.Ew40P .xsZxn li span {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.Ew40P .xsZxn li.BYdqy {
  background-color: var(--color-primary-dark-100-alpha-700);
}
.Ew40P .xsZxn li:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.LI45m {
  width: 100%;
}
.LI45m .BFDgs {
  height: 1.875rem;
}
.LI45m .BFDgs button {
  padding: 0.375rem 0.625rem;
}

/*自动隐藏文字*/

/*自动隐藏文字*/
.uUfSy {
  position: fixed;
  line-height: 1.2;
  word-wrap: break-word;
  padding: 0.25rem 0.3125rem;
  z-index: 10001;
  font-size: 0.75rem;
  color: var(--color-font);
  border-radius: 0.1875rem;
  background: var(--color-content-background);
  overflow: hidden;
  pointer-events: none;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
  white-space: pre-wrap;
  box-sizing: border-box;
}
.tips-fade-enter-active,
.tips-fade-leave-active {
  transition: opacity 0.2s;
}
.tips-fade-enter,
.tips-fade-leave-to {
  opacity: 0;
}


.svg-icon {
  width: 1.2em;
  height: 1.2em;
  vertical-align: -0.25em;
  fill: currentColor;
  overflow: hidden;
}

/* Font Families (with CJK support) */
.windows {
  font-family: 'Segoe WPC', 'Segoe UI', sans-serif;
}
.windows:lang(zh-Hans) {
  font-family: 'Microsoft YaHei', 'Segoe WPC', 'Segoe UI', sans-serif;
}
.windows:lang(zh-Hant) {
  font-family: 'Microsoft Jhenghei', 'Segoe WPC', 'Segoe UI', sans-serif;
}
.windows:lang(ja) {
  font-family: 'Yu Gothic UI', 'Meiryo UI', 'Segoe WPC', 'Segoe UI', sans-serif;
}
.windows:lang(ko) {
  font-family: 'Malgun Gothic', 'Dotom', 'Segoe WPC', 'Segoe UI', sans-serif;
}
.mac {
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}
.mac:lang(zh-Hans) {
  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', sans-serif;
}
.mac:lang(zh-Hant) {
  font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', sans-serif;
}
.mac:lang(ja) {
  font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic Pro', sans-serif;
}
.mac:lang(ko) {
  font-family: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Nanum Gothic', 'AppleGothic', sans-serif;
}
/* Linux: add `system-ui` as first font and not `Ubuntu` to allow other distribution pick their standard OS font */
.linux {
  font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif;
}
.linux:lang(zh-Hans) {
  font-family: system-ui, 'Ubuntu', 'Droid Sans', 'Source Han Sans SC', 'Source Han Sans CN', 'Source Han Sans', sans-serif;
}
.linux:lang(zh-Hant) {
  font-family: system-ui, 'Ubuntu', 'Droid Sans', 'Source Han Sans TC', 'Source Han Sans TW', 'Source Han Sans', sans-serif;
}
.linux:lang(ja) {
  font-family: system-ui, 'Ubuntu', 'Droid Sans', 'Source Han Sans J', 'Source Han Sans JP', 'Source Han Sans', sans-serif;
}
.linux:lang(ko) {
  font-family: system-ui, 'Ubuntu', 'Droid Sans', 'Source Han Sans K', 'Source Han Sans JR', 'Source Han Sans', 'UnDotum', 'FBaekmuk Gulim', sans-serif;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  font-size: inherit;
  vertical-align: baseline;
}
input,
button,
textarea {
  font-family: inherit;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1.2;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
@keyframes bounce {
from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
}
70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
}
90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
}
}
@keyframes flash {
from,
  50%,
  to {
    opacity: 1;
}
25%,
  75% {
    opacity: 0;
}
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
}
to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
}
40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
}
50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
}
65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
}
75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
}
to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
@keyframes shake {
from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}
20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}
}
@keyframes headShake {
0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
}
31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
}
50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
}
@keyframes swing {
20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
}
40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
}
60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
}
80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
}
to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes tada {
from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes jello {
from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes heartBeat {
0% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
28% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
70% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
}
@keyframes flipInX {
from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
}
40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
}
60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
}
80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
    transform: perspective(400px);
}
}
@keyframes flipOutX {
from {
    transform: perspective(400px);
}
30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
}
to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
}
}
@keyframes flipInY {
from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
}
40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
}
60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
}
80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
    transform: perspective(400px);
}
}
@keyframes flipOutY {
from {
    transform: perspective(400px);
}
30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
}
to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
}
}
@keyframes fadeIn {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes fadeOut {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
@keyframes bounceIn {
from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
20% {
    transform: scale3d(1.1, 1.1, 1.1);
}
40% {
    transform: scale3d(0.9, 0.9, 0.9);
}
60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
}
80% {
    transform: scale3d(0.97, 0.97, 0.97);
}
to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}
}
@keyframes bounceOut {
20% {
    transform: scale3d(0.9, 0.9, 0.9);
}
50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
}
to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes lightSpeedIn {
from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
}
60% {
    transform: skewX(20deg);
    opacity: 1;
}
80% {
    transform: skewX(-5deg);
}
to {
    transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedOut {
from {
    opacity: 1;
}
to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
}
}
@keyframes rotateIn {
from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
}
to {
    transform-origin: center;
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
}
to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
}
to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
}
to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
}
to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
@keyframes rotateOut {
from {
    transform-origin: center;
    opacity: 1;
}
to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
    transform-origin: left bottom;
    opacity: 1;
}
to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
    transform-origin: right bottom;
    opacity: 1;
}
to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
    transform-origin: left bottom;
    opacity: 1;
}
to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
    transform-origin: right bottom;
    opacity: 1;
}
to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
}
}
@keyframes rollIn {
from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
}
@keyframes rollOut {
from {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes zoomIn {
from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
50% {
    opacity: 1;
}
}
@keyframes zoomInDown {
from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOut {
from {
    opacity: 1;
}
50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
to {
    opacity: 0;
}
}
@keyframes zoomOutDown {
40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutLeft {
40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
}
}
@keyframes zoomOutRight {
40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
}
}
@keyframes zoomOutUp {
40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes slideInDown {
from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
}
to {
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
}
to {
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
}
to {
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
}
to {
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideOutDown {
from {
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutLeft {
from {
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutUp {
from {
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
}
}
@keyframes jackInTheBox {
from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
}
50% {
    transform: rotate(-10deg);
}
70% {
    transform: rotate(3deg);
}
to {
    opacity: 1;
    transform: scale(1);
}
}
@keyframes hinge {
0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
}
to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
}
}
.flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}
.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}
.fadeIn {
  animation-name: fadeIn;
}
.bounceIn {
  animation-duration: 0.75s;
  animation-name: bounceIn;
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}
.rotateIn {
  animation-name: rotateIn;
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}
.rollIn {
  animation-name: rollIn;
}
.zoomIn {
  animation-name: zoomIn;
}
.zoomInDown {
  animation-name: zoomInDown;
}
.zoomInLeft {
  animation-name: zoomInLeft;
}
.zoomInRight {
  animation-name: zoomInRight;
}
.zoomInUp {
  animation-name: zoomInUp;
}
.slideInDown {
  animation-name: slideInDown;
}
.slideInLeft {
  animation-name: slideInLeft;
}
.slideInRight {
  animation-name: slideInRight;
}
.slideInUp {
  animation-name: slideInUp;
}
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
.flipOutX {
  animation-duration: 0.75s;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
.flipOutY {
  animation-duration: 0.75s;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
.fadeOut {
  animation-name: fadeOut;
}
.bounceOut {
  animation-duration: 0.75s;
  animation-name: bounceOut;
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}
.rotateOut {
  animation-name: rotateOut;
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}
.hinge {
  animation-duration: 2s;
  animation-name: hinge;
}
.rollOut {
  animation-name: rollOut;
}
.zoomOut {
  animation-name: zoomOut;
}
.zoomOutDown {
  animation-name: zoomOutDown;
}
.zoomOutLeft {
  animation-name: zoomOutLeft;
}
.zoomOutRight {
  animation-name: zoomOutRight;
}
.zoomOutUp {
  animation-name: zoomOutUp;
}
.slideOutDown {
  animation-name: slideOutDown;
}
.slideOutLeft {
  animation-name: slideOutLeft;
}
.slideOutRight {
  animation-name: slideOutRight;
}
.slideOutUp {
  animation-name: slideOutUp;
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
.flash {
  animation-name: flash;
}
.pulse {
  animation-name: pulse;
}
.rubberBand {
  animation-name: rubberBand;
}
.shake {
  animation-name: shake;
}
.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}
.tada {
  animation-name: tada;
}
.wobble {
  animation-name: wobble;
}
.jello {
  animation-name: jello;
  transform-origin: center;
}
.heartBeat {
  animation-name: heartBeat;
  animation-duration: 1.3s;
  animation-timing-function: ease-in-out;
}
.animated {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.animated-slow {
  animation-duration: 0.8s;
  animation-fill-mode: both;
}
.animated-fast {
  animation-duration: 0.3s;
  animation-fill-mode: both;
}
*,
*::after,
*::before {
  -webkit-user-drag: none;
}
:root {
  --color-primary: #4daf7c;
  --color-primary-alpha-100: rgba(77, 175, 124, 0.9);
  --color-primary-alpha-200: rgba(77, 175, 124, 0.8);
  --color-primary-alpha-300: rgba(77, 175, 124, 0.7);
  --color-primary-alpha-400: rgba(77, 175, 124, 0.6);
  --color-primary-alpha-500: rgba(77, 175, 124, 0.5);
  --color-primary-alpha-600: rgba(77, 175, 124, 0.4);
  --color-primary-alpha-700: rgba(77, 175, 124, 0.3);
  --color-primary-alpha-800: rgba(77, 175, 124, 0.2);
  --color-primary-alpha-900: rgba(77, 175, 124, 0.1);
  --color-primary-dark-100: #459e70;
  --color-primary-dark-100-alpha-100: rgba(69, 158, 112, 0.9);
  --color-primary-dark-100-alpha-200: rgba(69, 158, 112, 0.8);
  --color-primary-dark-100-alpha-300: rgba(69, 158, 112, 0.7);
  --color-primary-dark-100-alpha-400: rgba(69, 158, 112, 0.6);
  --color-primary-dark-100-alpha-500: rgba(69, 158, 112, 0.5);
  --color-primary-dark-100-alpha-600: rgba(69, 158, 112, 0.4);
  --color-primary-dark-100-alpha-700: rgba(69, 158, 112, 0.3);
  --color-primary-dark-100-alpha-800: rgba(69, 158, 112, 0.2);
  --color-primary-dark-100-alpha-900: rgba(69, 158, 112, 0.1);
  --color-primary-dark-200: #3e8e65;
  --color-primary-dark-200-alpha-100: rgba(62, 142, 101, 0.9);
  --color-primary-dark-200-alpha-200: rgba(62, 142, 101, 0.8);
  --color-primary-dark-200-alpha-300: rgba(62, 142, 101, 0.7);
  --color-primary-dark-200-alpha-400: rgba(62, 142, 101, 0.6);
  --color-primary-dark-200-alpha-500: rgba(62, 142, 101, 0.5);
  --color-primary-dark-200-alpha-600: rgba(62, 142, 101, 0.4);
  --color-primary-dark-200-alpha-700: rgba(62, 142, 101, 0.3);
  --color-primary-dark-200-alpha-800: rgba(62, 142, 101, 0.2);
  --color-primary-dark-200-alpha-900: rgba(62, 142, 101, 0.1);
  --color-primary-dark-300: #38805b;
  --color-primary-dark-300-alpha-100: rgba(56, 128, 91, 0.9);
  --color-primary-dark-300-alpha-200: rgba(56, 128, 91, 0.8);
  --color-primary-dark-300-alpha-300: rgba(56, 128, 91, 0.7);
  --color-primary-dark-300-alpha-400: rgba(56, 128, 91, 0.6);
  --color-primary-dark-300-alpha-500: rgba(56, 128, 91, 0.5);
  --color-primary-dark-300-alpha-600: rgba(56, 128, 91, 0.4);
  --color-primary-dark-300-alpha-700: rgba(56, 128, 91, 0.3);
  --color-primary-dark-300-alpha-800: rgba(56, 128, 91, 0.2);
  --color-primary-dark-300-alpha-900: rgba(56, 128, 91, 0.1);
  --color-primary-dark-400: #327352;
  --color-primary-dark-400-alpha-100: rgba(50, 115, 82, 0.9);
  --color-primary-dark-400-alpha-200: rgba(50, 115, 82, 0.8);
  --color-primary-dark-400-alpha-300: rgba(50, 115, 82, 0.7);
  --color-primary-dark-400-alpha-400: rgba(50, 115, 82, 0.6);
  --color-primary-dark-400-alpha-500: rgba(50, 115, 82, 0.5);
  --color-primary-dark-400-alpha-600: rgba(50, 115, 82, 0.4);
  --color-primary-dark-400-alpha-700: rgba(50, 115, 82, 0.3);
  --color-primary-dark-400-alpha-800: rgba(50, 115, 82, 0.2);
  --color-primary-dark-400-alpha-900: rgba(50, 115, 82, 0.1);
  --color-primary-dark-500: #2d684a;
  --color-primary-dark-500-alpha-100: rgba(45, 104, 74, 0.9);
  --color-primary-dark-500-alpha-200: rgba(45, 104, 74, 0.8);
  --color-primary-dark-500-alpha-300: rgba(45, 104, 74, 0.7);
  --color-primary-dark-500-alpha-400: rgba(45, 104, 74, 0.6);
  --color-primary-dark-500-alpha-500: rgba(45, 104, 74, 0.5);
  --color-primary-dark-500-alpha-600: rgba(45, 104, 74, 0.4);
  --color-primary-dark-500-alpha-700: rgba(45, 104, 74, 0.3);
  --color-primary-dark-500-alpha-800: rgba(45, 104, 74, 0.2);
  --color-primary-dark-500-alpha-900: rgba(45, 104, 74, 0.1);
  --color-primary-dark-600: #295e43;
  --color-primary-dark-600-alpha-100: rgba(41, 94, 67, 0.9);
  --color-primary-dark-600-alpha-200: rgba(41, 94, 67, 0.8);
  --color-primary-dark-600-alpha-300: rgba(41, 94, 67, 0.7);
  --color-primary-dark-600-alpha-400: rgba(41, 94, 67, 0.6);
  --color-primary-dark-600-alpha-500: rgba(41, 94, 67, 0.5);
  --color-primary-dark-600-alpha-600: rgba(41, 94, 67, 0.4);
  --color-primary-dark-600-alpha-700: rgba(41, 94, 67, 0.3);
  --color-primary-dark-600-alpha-800: rgba(41, 94, 67, 0.2);
  --color-primary-dark-600-alpha-900: rgba(41, 94, 67, 0.1);
  --color-primary-dark-700: #25553c;
  --color-primary-dark-700-alpha-100: rgba(37, 85, 60, 0.9);
  --color-primary-dark-700-alpha-200: rgba(37, 85, 60, 0.8);
  --color-primary-dark-700-alpha-300: rgba(37, 85, 60, 0.7);
  --color-primary-dark-700-alpha-400: rgba(37, 85, 60, 0.6);
  --color-primary-dark-700-alpha-500: rgba(37, 85, 60, 0.5);
  --color-primary-dark-700-alpha-600: rgba(37, 85, 60, 0.4);
  --color-primary-dark-700-alpha-700: rgba(37, 85, 60, 0.3);
  --color-primary-dark-700-alpha-800: rgba(37, 85, 60, 0.2);
  --color-primary-dark-700-alpha-900: rgba(37, 85, 60, 0.1);
  --color-primary-dark-800: #214d36;
  --color-primary-dark-800-alpha-100: rgba(33, 77, 54, 0.9);
  --color-primary-dark-800-alpha-200: rgba(33, 77, 54, 0.8);
  --color-primary-dark-800-alpha-300: rgba(33, 77, 54, 0.7);
  --color-primary-dark-800-alpha-400: rgba(33, 77, 54, 0.6);
  --color-primary-dark-800-alpha-500: rgba(33, 77, 54, 0.5);
  --color-primary-dark-800-alpha-600: rgba(33, 77, 54, 0.4);
  --color-primary-dark-800-alpha-700: rgba(33, 77, 54, 0.3);
  --color-primary-dark-800-alpha-800: rgba(33, 77, 54, 0.2);
  --color-primary-dark-800-alpha-900: rgba(33, 77, 54, 0.1);
  --color-primary-dark-900: #1e4531;
  --color-primary-dark-900-alpha-100: rgba(30, 69, 49, 0.9);
  --color-primary-dark-900-alpha-200: rgba(30, 69, 49, 0.8);
  --color-primary-dark-900-alpha-300: rgba(30, 69, 49, 0.7);
  --color-primary-dark-900-alpha-400: rgba(30, 69, 49, 0.6);
  --color-primary-dark-900-alpha-500: rgba(30, 69, 49, 0.5);
  --color-primary-dark-900-alpha-600: rgba(30, 69, 49, 0.4);
  --color-primary-dark-900-alpha-700: rgba(30, 69, 49, 0.3);
  --color-primary-dark-900-alpha-800: rgba(30, 69, 49, 0.2);
  --color-primary-dark-900-alpha-900: rgba(30, 69, 49, 0.1);
  --color-primary-dark-1000: #1b3e2c;
  --color-primary-dark-1000-alpha-100: rgba(27, 62, 44, 0.9);
  --color-primary-dark-1000-alpha-200: rgba(27, 62, 44, 0.8);
  --color-primary-dark-1000-alpha-300: rgba(27, 62, 44, 0.7);
  --color-primary-dark-1000-alpha-400: rgba(27, 62, 44, 0.6);
  --color-primary-dark-1000-alpha-500: rgba(27, 62, 44, 0.5);
  --color-primary-dark-1000-alpha-600: rgba(27, 62, 44, 0.4);
  --color-primary-dark-1000-alpha-700: rgba(27, 62, 44, 0.3);
  --color-primary-dark-1000-alpha-800: rgba(27, 62, 44, 0.2);
  --color-primary-dark-1000-alpha-900: rgba(27, 62, 44, 0.1);
  --color-primary-light-100: #71bf96;
  --color-primary-light-100-alpha-100: rgba(113, 191, 150, 0.9);
  --color-primary-light-100-alpha-200: rgba(113, 191, 150, 0.8);
  --color-primary-light-100-alpha-300: rgba(113, 191, 150, 0.7);
  --color-primary-light-100-alpha-400: rgba(113, 191, 150, 0.6);
  --color-primary-light-100-alpha-500: rgba(113, 191, 150, 0.5);
  --color-primary-light-100-alpha-600: rgba(113, 191, 150, 0.4);
  --color-primary-light-100-alpha-700: rgba(113, 191, 150, 0.3);
  --color-primary-light-100-alpha-800: rgba(113, 191, 150, 0.2);
  --color-primary-light-100-alpha-900: rgba(113, 191, 150, 0.1);
  --color-primary-light-200: #8dccab;
  --color-primary-light-200-alpha-100: rgba(141, 204, 171, 0.9);
  --color-primary-light-200-alpha-200: rgba(141, 204, 171, 0.8);
  --color-primary-light-200-alpha-300: rgba(141, 204, 171, 0.7);
  --color-primary-light-200-alpha-400: rgba(141, 204, 171, 0.6);
  --color-primary-light-200-alpha-500: rgba(141, 204, 171, 0.5);
  --color-primary-light-200-alpha-600: rgba(141, 204, 171, 0.4);
  --color-primary-light-200-alpha-700: rgba(141, 204, 171, 0.3);
  --color-primary-light-200-alpha-800: rgba(141, 204, 171, 0.2);
  --color-primary-light-200-alpha-900: rgba(141, 204, 171, 0.1);
  --color-primary-light-300: #a4d6bc;
  --color-primary-light-300-alpha-100: rgba(164, 214, 188, 0.9);
  --color-primary-light-300-alpha-200: rgba(164, 214, 188, 0.8);
  --color-primary-light-300-alpha-300: rgba(164, 214, 188, 0.7);
  --color-primary-light-300-alpha-400: rgba(164, 214, 188, 0.6);
  --color-primary-light-300-alpha-500: rgba(164, 214, 188, 0.5);
  --color-primary-light-300-alpha-600: rgba(164, 214, 188, 0.4);
  --color-primary-light-300-alpha-700: rgba(164, 214, 188, 0.3);
  --color-primary-light-300-alpha-800: rgba(164, 214, 188, 0.2);
  --color-primary-light-300-alpha-900: rgba(164, 214, 188, 0.1);
  --color-primary-light-400: #b6dec9;
  --color-primary-light-400-alpha-100: rgba(182, 222, 201, 0.9);
  --color-primary-light-400-alpha-200: rgba(182, 222, 201, 0.8);
  --color-primary-light-400-alpha-300: rgba(182, 222, 201, 0.7);
  --color-primary-light-400-alpha-400: rgba(182, 222, 201, 0.6);
  --color-primary-light-400-alpha-500: rgba(182, 222, 201, 0.5);
  --color-primary-light-400-alpha-600: rgba(182, 222, 201, 0.4);
  --color-primary-light-400-alpha-700: rgba(182, 222, 201, 0.3);
  --color-primary-light-400-alpha-800: rgba(182, 222, 201, 0.2);
  --color-primary-light-400-alpha-900: rgba(182, 222, 201, 0.1);
  --color-primary-light-500: #c5e5d4;
  --color-primary-light-500-alpha-100: rgba(197, 229, 212, 0.9);
  --color-primary-light-500-alpha-200: rgba(197, 229, 212, 0.8);
  --color-primary-light-500-alpha-300: rgba(197, 229, 212, 0.7);
  --color-primary-light-500-alpha-400: rgba(197, 229, 212, 0.6);
  --color-primary-light-500-alpha-500: rgba(197, 229, 212, 0.5);
  --color-primary-light-500-alpha-600: rgba(197, 229, 212, 0.4);
  --color-primary-light-500-alpha-700: rgba(197, 229, 212, 0.3);
  --color-primary-light-500-alpha-800: rgba(197, 229, 212, 0.2);
  --color-primary-light-500-alpha-900: rgba(197, 229, 212, 0.1);
  --color-primary-light-600: #d1eadd;
  --color-primary-light-600-alpha-100: rgba(209, 234, 221, 0.9);
  --color-primary-light-600-alpha-200: rgba(209, 234, 221, 0.8);
  --color-primary-light-600-alpha-300: rgba(209, 234, 221, 0.7);
  --color-primary-light-600-alpha-400: rgba(209, 234, 221, 0.6);
  --color-primary-light-600-alpha-500: rgba(209, 234, 221, 0.5);
  --color-primary-light-600-alpha-600: rgba(209, 234, 221, 0.4);
  --color-primary-light-600-alpha-700: rgba(209, 234, 221, 0.3);
  --color-primary-light-600-alpha-800: rgba(209, 234, 221, 0.2);
  --color-primary-light-600-alpha-900: rgba(209, 234, 221, 0.1);
  --color-primary-light-700: #daeee4;
  --color-primary-light-700-alpha-100: rgba(218, 238, 228, 0.9);
  --color-primary-light-700-alpha-200: rgba(218, 238, 228, 0.8);
  --color-primary-light-700-alpha-300: rgba(218, 238, 228, 0.7);
  --color-primary-light-700-alpha-400: rgba(218, 238, 228, 0.6);
  --color-primary-light-700-alpha-500: rgba(218, 238, 228, 0.5);
  --color-primary-light-700-alpha-600: rgba(218, 238, 228, 0.4);
  --color-primary-light-700-alpha-700: rgba(218, 238, 228, 0.3);
  --color-primary-light-700-alpha-800: rgba(218, 238, 228, 0.2);
  --color-primary-light-700-alpha-900: rgba(218, 238, 228, 0.1);
  --color-primary-light-800: #e1f1e9;
  --color-primary-light-800-alpha-100: rgba(225, 241, 233, 0.9);
  --color-primary-light-800-alpha-200: rgba(225, 241, 233, 0.8);
  --color-primary-light-800-alpha-300: rgba(225, 241, 233, 0.7);
  --color-primary-light-800-alpha-400: rgba(225, 241, 233, 0.6);
  --color-primary-light-800-alpha-500: rgba(225, 241, 233, 0.5);
  --color-primary-light-800-alpha-600: rgba(225, 241, 233, 0.4);
  --color-primary-light-800-alpha-700: rgba(225, 241, 233, 0.3);
  --color-primary-light-800-alpha-800: rgba(225, 241, 233, 0.2);
  --color-primary-light-800-alpha-900: rgba(225, 241, 233, 0.1);
  --color-primary-light-900: #e7f4ed;
  --color-primary-light-900-alpha-100: rgba(231, 244, 237, 0.9);
  --color-primary-light-900-alpha-200: rgba(231, 244, 237, 0.8);
  --color-primary-light-900-alpha-300: rgba(231, 244, 237, 0.7);
  --color-primary-light-900-alpha-400: rgba(231, 244, 237, 0.6);
  --color-primary-light-900-alpha-500: rgba(231, 244, 237, 0.5);
  --color-primary-light-900-alpha-600: rgba(231, 244, 237, 0.4);
  --color-primary-light-900-alpha-700: rgba(231, 244, 237, 0.3);
  --color-primary-light-900-alpha-800: rgba(231, 244, 237, 0.2);
  --color-primary-light-900-alpha-900: rgba(231, 244, 237, 0.1);
  --color-primary-light-1000: #ffffff;
  --color-primary-light-1000-alpha-100: rgba(255, 255, 255, 0.9);
  --color-primary-light-1000-alpha-200: rgba(255, 255, 255, 0.8);
  --color-primary-light-1000-alpha-300: rgba(255, 255, 255, 0.7);
  --color-primary-light-1000-alpha-400: rgba(255, 255, 255, 0.6);
  --color-primary-light-1000-alpha-500: rgba(255, 255, 255, 0.5);
  --color-primary-light-1000-alpha-600: rgba(255, 255, 255, 0.4);
  --color-primary-light-1000-alpha-700: rgba(255, 255, 255, 0.3);
  --color-primary-light-1000-alpha-800: rgba(255, 255, 255, 0.2);
  --color-primary-light-1000-alpha-900: rgba(255, 255, 255, 0.1);
  --color-theme: #4daf7c;
  --color-000: #ffffff;
  --color-050: #f4f4f4;
  --color-100: #e9e9e9;
  --color-150: #dedede;
  --color-200: #d3d3d3;
  --color-250: #c8c8c8;
  --color-300: #bcbcbc;
  --color-350: #b1b1b1;
  --color-400: #a6a6a6;
  --color-450: #9b9b9b;
  --color-500: #909090;
  --color-550: #858585;
  --color-600: #7a7a7a;
  --color-650: #6f6f6f;
  --color-700: #646464;
  --color-750: #595959;
  --color-800: #4d4d4d;
  --color-850: #424242;
  --color-900: #373737;
  --color-950: #2c2c2c;
  --color-1000: #212121;
  --color-app-background: var(--color-primary-light-600-alpha-600);
  --color-main-background: rgba(255, 255, 255, 0.9);
  --color-nav-font: var(--color-primary);
  --color-btn-hide: #3bc2b2;
  --color-btn-min: #85c43b;
  --color-btn-close: #fab4a0;
  --color-badge-primary: var(--color-primary);
  --color-badge-secondary: #4baed5;
  --color-badge-tertiary: #e7aa36;
  --color-font: var(--color-850);
  --color-font-label: var(--color-450);
  --color-primary-font: var(--color-primary);
  --color-primary-font-hover: var(--color-primary-alpha-300);
  --color-primary-font-active: var(--color-primary-dark-100-alpha-200);
  --color-primary-background: var(--color-primary-light-400-alpha-700);
  --color-primary-background-hover: var(--color-primary-light-300-alpha-800);
  --color-primary-background-active: var(--color-primary-light-100-alpha-800);
  --color-button-font: var(--color-primary-alpha-100);
  --color-button-font-selected: var(--color-primary-dark-100-alpha-100);
  --color-button-background: var(--color-primary-light-400-alpha-700);
  --color-button-background-selected: var(--color-primary-alpha-600);
  --color-button-background-hover: var(--color-primary-light-300-alpha-600);
  --color-button-background-active: var(--color-primary-light-100-alpha-600);
  --color-list-header-border-bottom: 1px solid var(--color-primary-alpha-900);
  --color-content-background: var(--color-primary-light-1000);
  --background-image: none;
  --background-image-position: center;
  --background-image-size: cover;
}
html {
  font-size: 16px;
}
.nobreak {
  white-space: nowrap;
}
.auto-hidden {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.center {
  text-align: center;
}
.break {
  word-break: break-all;
}
.select {
  user-select: text;
}
.no-select {
  user-select: none;
}
.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 0.7em;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  vertical-align: text-top;
}
.badge.badge-theme-primary {
  color: var(--color-badge-primary);
}
.badge.badge-theme-secondary {
  color: var(--color-badge-secondary);
}
.badge.badge-theme-tertiary {
  color: var(--color-badge-tertiary);
}
small {
  font-size: 0.8em;
}
.small {
  font-size: 0.9em;
}
.tip {
  color: var(--color-label);
}
strong {
  font-weight: bold;
}
.underline {
  text-decoration: underline;
}
svg {
  transition: 0.4s ease;
  transition-property: fill;
}
button,
input,
textarea,
a {
  color: var(--color-font);
}
input::placeholder,
textarea::placeholder {
  color: var(--color-font-label);
}
::selection {
  color: var(--color-primary-dark-500-alpha-200);
  background: var(--color-primary-light-100-alpha-500);
}
.hover,
a {
  cursor: pointer;
  transition: color 0.2s ease;
}
.hover:hover,
a:hover {
  color: var(--color-primary-font-hover);
}
.hover:active,
a:active {
  color: var(--color-primary-font-active);
}
.scroll {
  overflow: auto;
}
.scroll::-webkit-scrollbar {
  width: 0.375rem;
  height: 0.375rem;
  background-color: rgba(0, 0, 0, 0);
}
.scroll::-webkit-scrollbar-track {
  background-color: var(--color-primary-light-100-alpha-800);
  border-radius: 0.1875rem;
}
.scroll::-webkit-scrollbar-thumb {
  border-radius: 0.1875rem;
  background-color: var(--color-primary-alpha-600);
  transition: background-color 0.4s ease;
}
.scroll::-webkit-scrollbar-thumb:hover {
  border-radius: 0.1875rem;
  background-color: var(--color-primary-alpha-400);
  transition: background-color 0.4s ease;
}
.thead {
  border-bottom: var(--color-list-header-border-bottom);
  padding-right: 0.375rem;
  flex: none;
}
.thead .num {
  white-space: nowrap;
  text-align: center;
  color: var(--color-font-label);
}
table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  overflow: hidden;
  color: var(--color-font);
}
table th {
  font-size: 0.75rem;
  text-align: left;
  line-height: 2.375rem;
  padding: 0 0.375rem;
}
.list {
  width: 100%;
  overflow: hidden;
  color: var(--color-font);
  flex: auto;
}
.list .list-item {
  height: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  transition: 0.2s ease;
  transition-property: background-color, color;
  box-sizing: border-box;
  font-size: 0.75rem;
}
.list .list-item:hover {
  background-color: var(--color-primary-background-hover);
}
.list .list-item.active {
  background-color: var(--color-primary-background-active);
}
.list .list-item.selected {
  background-color: var(--color-primary-background-hover);
}
.list .list-item.disabled {
  opacity: 0.5;
}
.list .list-item .list-item-cell {
  flex: none;
  padding: 0 0.375rem;
  position: relative;
  line-height: 1rem;
  vertical-align: middle;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.list .list-item .list-item-cell.auto {
  flex: auto;
}
.list .list-item .list-item-cell.num,
.list .list-item .list-item-cell .num {
  white-space: nowrap;
  text-align: center;
  padding-left: 0.1875rem;
  padding-right: 0.1875rem;
  font-size: 0.6875rem;
  color: var(--color-font-label);
}
.list .list-item .list-item-cell.name {
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
  white-space: initial;
  text-overflow: initial;
  align-items: center;
}
.list .list-item .list-item-cell.name > .name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.list .list-item .list-item-cell .badge {
  margin-left: 0.1875rem;
  opacity: 0.85;
}
.copying .no-select {
  display: none !important;
}
.gap-left + .gap-left {
  margin-left: 1.25rem;
}
.gap-top.top {
  margin-top: 1.5625rem;
}
.gap-top + .gap-top {
  margin-top: 0.625rem;
}
.vertical-container-custom {
  display: flex;
  flex-direction: column;
}
.gap-top-custom {
  margin-top: 0.625rem;
}
.gap-top-custom:first-child {
  margin-top: 0;
}
.color-picker {
  border-radius: 0.25rem !important;
}
.list-active-enter-active,
.list-active-leave-active {
  transition: 0.13s ease;
  transition-property: width, opacity;
}
.list-active-enter-from,
.list-active-leave-to {
  width: 0.25em !important;
  opacity: 0;
}
.play-active-enter-active,
.play-active-leave-active {
  transition: 0.13s ease;
  transition-property: transform, opacity;
}
.play-active-enter-from,
.play-active-leave-to {
  transform: scale(0.3);
  opacity: 0;
}
/*自动隐藏文字*/
html {
  height: 100vh;
}
html,
body {
  box-sizing: border-box;
}
body {
  user-select: none;
  height: 100%;
}
#root {
  height: 100%;
  position: relative;
  overflow: hidden;
  color: var(--color-font);
  background: var(--background-image) var(--background-image-position) no-repeat;
  background-size: var(--background-image-size);
  transition: background-color 0.4s ease;
  background-color: var(--color-content-background);
  box-sizing: border-box;
}
.disableAnimation * {
  transition: none !important;
  animation: none !important;
}
.transparent {
  background: transparent;
  padding: 0.5rem;
}
.transparent #body {
  border-radius: 0.25rem;
}
.transparent #root {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  border-radius: 0.25rem;
}
.disableTransparent {
  background-color: var(--color-content-background);
}
.disableTransparent #body {
  border: 0.0625rem solid var(--color-primary-light-500);
}
.disableTransparent #right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.fullscreen {
  background-color: var(--color-content-background);
}
.fullscreen #right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#container {
  position: relative;
  display: flex;
  height: 100%;
  background-color: var(--color-app-background);
}
#left {
  flex: none;
  width: 6.6%;
}
#right {
  flex: auto;
  display: flex;
  flex-flow: column nowrap;
  transition: background-color 0.4s ease;
  background-color: var(--color-main-background);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
}
#toolbar,
#player {
  flex: none;
}
#view {
  position: relative;
  flex: auto;
  min-height: 0;
}
.view-container {
  transition: opacity 0.4s ease;
}
#root.show-modal > .view-container {
  opacity: 0.9;
}
#view.show-modal > .view-container {
  opacity: 0.2;
}

.DZeRs {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.wyhs_ {
  overflow: hidden;
  height: 100%;
  flex: auto;
}

/*自动隐藏文字*/
.F96XH {
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  position: relative;
}
.ucWis {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  font-size: 0.875rem;
  box-sizing: border-box;
  padding: 0.9375rem 0.9375rem 0;
}
.ucWis ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.vJe2v {
  max-width: 22.5rem;
  width: 32%;
  box-sizing: border-box;
  display: flex;
  margin-bottom: 1.25rem;
  cursor: pointer;
  transition: opacity 0.4s ease;
}
.vJe2v:hover {
  opacity: 0.7;
}
.pXozc {
  flex: none;
  width: 40%;
  display: flex;
  background-position: center;
  background-size: cover;
  border-radius: 0.25rem;
  overflow: hidden;
  opacity: 0.9;
  aspect-ratio: 1 / 1;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}
.XYEO0 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.LlvGO {
  flex: auto;
  padding: 0.125rem 0.9375rem 0.125rem 0.4375rem;
  overflow: hidden;
}
.LlvGO h4 {
  font-size: 0.875rem;
  text-align: justify;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.PznoP {
  display: flex;
  flex-flow: row nowrap;
  gap: 0.9375rem;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: justify;
  line-height: 1.2;
  color: var(--color-font-label);
}
.PznoP svg {
  margin-right: 0.125rem;
}
.sF023 {
  margin-top: 0.375rem;
  font-size: 0.75rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: justify;
  line-height: 1.3;
  color: var(--color-font-label);
}
.qKbtS {
  margin-top: 0.1875rem;
  font-size: 0.75rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: justify;
  line-height: 1.3;
  color: var(--color-font-label);
}
.VpDFA {
  text-align: center;
  padding: 0.9375rem 0;
}
.BjHcK {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.BjHcK p {
  font-size: 1.5rem;
  color: var(--color-font-label);
}

.CuLGa {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 0.3125rem;
}

/*自动隐藏文字*/
.mg55M {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-flow: column nowrap;
}
.jrjpM {
  padding: 3% 0.9375rem 0.9375rem;
  min-height: 15.625rem;
  max-height: 94.7%;
}
.d_Ao8 + .d_Ao8 {
  margin-top: 0.9375rem;
}
.UI26G {
  min-height: 6.625rem;
}
.DI5hj {
  color: var(--color-font);
  padding: 0.3125rem 0.3125rem 0.5rem;
  font-size: 0.875rem;
}
.RKilx {
  display: inline-block;
  margin: 0.1875rem 0.3125rem;
  background-color: var(--color-button-background);
  padding: 0.4375rem 0.625rem;
  border-radius: 0.3125rem;
  transition: background-color 0.4s ease;
  cursor: pointer;
  color: var(--color-button-font);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 9.375rem;
  font-size: 0.8125rem;
}
.RKilx:hover {
  background-color: var(--color-button-background-hover);
}
.RKilx:active {
  background-color: var(--color-button-background-active);
}
.GMNY2 {
  padding: 0 0.3125rem;
  margin-left: 0.3125rem;
  color: var(--color-font-label);
  cursor: pointer;
  transition: 0.4s ease;
  transition-property: color, opacity;
  opacity: 0.3;
}
.GMNY2:hover {
  color: var(--color-primary-font-hover);
  opacity: 0.8;
}
.GMNY2:active {
  color: var(--color-primary-font-active);
  opacity: 1;
}
.GMNY2 svg {
  vertical-align: middle;
  width: 0.9375rem;
}
.QHE79 {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.QHE79 p {
  font-size: 1.5rem;
  color: var(--color-font-label);
  text-align: center;
}

.vMJyG {
  display: flex;
  flex-flow: column nowrap;
}
.FBHCA {
  flex: none;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.kin5E {
  position: relative;
  flex: auto;
}

/*自动隐藏文字*/
.rUDyP {
  font-size: 0.75rem;
  position: relative;
}
.rUDyP.fvoDk .iDW14 .cSVzr svg {
  transform: rotate(180deg);
}
.rUDyP.fvoDk .hqcEL {
  opacity: 1;
  transform: scale(1);
  pointer-events: initial;
}
.iDW14 {
  padding: 0.5rem 0.9375rem;
  transition: color 0.4s ease;
  box-sizing: border-box;
  text-align: center;
  color: var(--color-font);
  cursor: pointer;
  display: flex;
}
.iDW14 span {
  flex: auto;
}
.iDW14 .cSVzr {
  flex: none;
  margin-left: 0.4375rem;
  line-height: 0;
}
.iDW14 .cSVzr svg {
  width: 0.8em;
  transition: transform 0.2s ease;
  transform: rotate(0);
}
.iDW14:hover {
  color: var(--color-primary-font-hover);
}
.iDW14:active {
  color: var(--color-primary-font-active);
}
.hqcEL {
  position: absolute;
  top: 100%;
  width: 40.3125rem;
  left: 0.5rem;
  margin-top: 0.75rem;
  border-radius: 0.25rem;
  background-color: var(--color-content-background);
  opacity: 0;
  transform: scale(0.95, 0.8);
  transform-origin: 0 0 0;
  transition: 0.25s ease;
  transition-property: transform, opacity;
  max-height: 15.625rem;
  z-index: 10;
  pointer-events: none;
  filter: drop-shadow(0 0 0.25rem rgba(0, 0, 0, 0.15));
  display: flex;
}
.hqcEL:before {
  content: ' ';
  position: absolute;
  top: -0.375rem;
  left: 1.25rem;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid var(--color-content-background);
}
.NrUu_ {
  padding: 0.625rem;
  box-sizing: border-box;
}
.kJo2s {
  padding-top: 0.625rem;
  padding-bottom: 0.1875rem;
  color: var(--color-font-label);
}
.mpCTE {
  display: inline-block;
  margin: 0.3125rem;
  background-color: var(--color-button-background);
  padding: 0.5rem 0.625rem;
  border-radius: 0.3125rem;
  transition: background-color 0.4s ease;
  cursor: pointer;
}
.mpCTE:hover {
  background-color: var(--color-button-background-hover);
}
.mpCTE:active {
  background-color: var(--color-button-background-active);
}

/*自动隐藏文字*/
.xNpjH {
  font-size: 0.75rem;
  position: relative;
}
.xNpjH.mfN1i .zmLBo .Wz9yd svg {
  transform: rotate(180deg);
}
.xNpjH.mfN1i .pMpUN {
  opacity: 1;
  transform: scaleY(1);
}
.zmLBo {
  padding: 0.5rem 0.9375rem;
  transition: background-color 0.4s ease;
  box-sizing: border-box;
  text-align: center;
  color: var(--color-button-font);
  cursor: pointer;
  display: flex;
}
.zmLBo span {
  flex: auto;
}
.zmLBo .Wz9yd {
  flex: none;
  margin-left: 0.4375rem;
  line-height: 0;
}
.zmLBo .Wz9yd svg {
  width: 0.9em;
  transition: transform 0.2s ease;
  transform: rotate(0);
}
.zmLBo:hover {
  background-color: var(--color-button-background-hover);
}
.zmLBo:active {
  background-color: var(--color-button-background-active);
}
.pMpUN {
  position: absolute;
  top: 100%;
  width: 40.3125rem;
  left: 0;
  border-bottom-right-radius: 5px;
  background-color: var(--color-main-background);
  opacity: 0;
  transform: scaleY(0);
  overflow-y: auto;
  transform-origin: 0 0 0;
  max-height: 15.625rem;
  transition: 0.25s ease;
  transition-property: transform, opacity;
  z-index: 10;
  padding: 0.625rem;
  box-sizing: border-box;
}
.pMpUN li {
  cursor: pointer;
  padding: 0.5rem 0.9375rem;
  text-align: center;
  outline: none;
  transition: background-color 0.4s ease;
  background-color: var(--color-button-background);
  box-sizing: border-box;
}
.pMpUN li:hover {
  background-color: var(--color-button-background-hover);
}
.pMpUN li:active {
  background-color: var(--color-button-background-active);
}
.W_Zc7 {
  padding-top: 0.625rem;
  padding-bottom: 0.1875rem;
  color: var(--color-font-label);
}
.Yfv__ {
  display: inline-block;
  margin: 0.3125rem;
  background-color: var(--color-button-background);
  padding: 0.5rem 0.625rem;
  border-radius: 0.3125rem;
  transition: background-color 0.4s ease;
  cursor: pointer;
}
.Yfv__:hover {
  background-color: var(--color-button-background-hover);
}
.Yfv__:active {
  background-color: var(--color-button-background-active);
}

/*自动隐藏文字*/
.lrfbG {
  padding: 0 0.9375rem;
  display: flex;
  flex-flow: column nowrap;
  min-height: 0;
}
.lrfbG h2 {
  font-size: 0.875rem;
  color: var(--color-font);
  line-height: 1.3;
  word-break: break-all;
  padding: 0.9375rem 0 0.5rem;
}
.ci9yc {
  display: flex;
  flex-flow: row nowrap;
}
.HsrQG {
  width: auto;
}
.HsrQG .label-content {
  height: 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.HsrQG .selection-list li {
  text-align: center;
  line-height: 2rem;
  font-size: 0.8125rem;
}
.HsrQG .selection-list li:hover {
  background-color: var(--color-button-background-hover);
}
.HsrQG .selection-list li:active {
  background-color: var(--color-button-background-active);
}
.xKzSL {
  flex: auto;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0.5rem 0.5rem;
  color: var(--color-font);
}
.nr1aK {
  margin: 3.125rem 0 0.9375rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
}
.NNdbi {
  flex: auto;
  font-size: 0.75rem;
  color: var(--color-font);
  line-height: 1.5;
}
.NNdbi ul {
  list-style: decimal;
  padding-left: 0.9375rem;
}
.LuYPd {
  min-width: 5rem;
}

/*自动隐藏文字*/
.FzQ9A {
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  position: relative;
}
.QAOxr {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  font-size: 0.875rem;
  box-sizing: border-box;
  padding: 0 0.9375rem;
}
.QAOxr ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.x5LpS {
  width: 32%;
  box-sizing: border-box;
  display: flex;
  margin-top: 0.9375rem;
  cursor: pointer;
  transition: opacity 0.4s ease;
}
.x5LpS:hover {
  opacity: 0.7;
}
.i31Nh {
  flex: none;
  width: 5.5rem;
  height: 5.5rem;
  display: flex;
  background-position: center;
  background-size: cover;
  border-radius: 0.25rem;
  overflow: hidden;
  opacity: 0.9;
}
.i31Nh img {
  object-fit: cover;
}
.h5Ct9 {
  flex: auto;
  padding: 0.1875rem 0.9375rem 0.3125rem 0.4375rem;
  overflow: hidden;
}
.h5Ct9 h4 {
  font-size: 0.875rem;
  height: 2.6em;
  text-align: justify;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cJ05z {
  display: flex;
  flex-flow: row nowrap;
  gap: 0.9375rem;
  margin-top: 0.75rem;
  font-size: 0.75rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: justify;
  line-height: 1.2;
  color: var(--color-font-label);
}
.cJ05z svg {
  margin-right: 0.125rem;
}
.wvHhL {
  margin-top: 0.375rem;
  font-size: 0.75rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: justify;
  line-height: 1.2;
  color: var(--color-font-label);
}
.L_nIi {
  text-align: center;
  padding: 0.9375rem 0;
}
.sWvhr {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.sWvhr p {
  font-size: 1.5rem;
  color: var(--color-font-label);
}

/*自动隐藏文字*/
.B3JVB {
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  position: relative;
}
.mNY5u {
  flex: none;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  padding-bottom: 0.3125rem;
}
.Q7Pxs {
  flex: auto;
  display: flex;
  flex-flow: row nowrap;
}
.vLhFl {
  color: var(--color-font);
  transition: color 0.3s ease;
  background: none !important;
}
.vLhFl:hover {
  color: var(--color-primary-font-hover);
}
.JA6RC {
  font-size: 0.75rem;
  width: auto;
  flex: none;
  padding: 0 0.3125rem;
}
.JA6RC:hover .icon {
  opacity: 1;
}
.JA6RC .label-content {
  background-color: transparent !important;
  transition: color 0.3s ease;
  color: var(--color-font);
  border-radius: 0;
}
.JA6RC .label-content:hover {
  color: var(--color-primary-font-hover);
}
.JA6RC .label-content:hover .icon {
  opacity: 1;
}
.JA6RC .icon svg {
  width: 0.8em;
}
.JA6RC .selection-list {
  max-height: 31.25rem;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}
.JA6RC .selection-list li {
  text-align: center;
  line-height: 2.375rem;
  font-size: 0.8125rem;
}
.JA6RC .selection-list li:hover {
  background-color: var(--color-button-background-hover);
}
.JA6RC .selection-list li:active {
  background-color: var(--color-button-background-active);
}

/*自动隐藏文字*/
.tyznX {
  display: flex;
  flex-flow: column nowrap;
}
.K_w0d {
  flex: none;
  display: flex;
  flex-flow: row nowrap;
  height: 5rem;
}
.qYo2p {
  flex: none;
  margin-left: 0.9375rem;
  height: 100%;
  aspect-ratio: 1 / 1;
  position: relative;
  overflow: hidden;
  border-radius: 0.25rem;
  background-position: center;
  background-size: cover;
  opacity: 0.9;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}
.D986g {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.25rem;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 0.75rem;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jFD0Z {
  flex: auto;
  padding: 0.125rem 0.4375rem;
  min-width: 0;
}
.jFD0Z h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.2;
  padding-bottom: 0.3125rem;
  color: var(--color-font);
}
.jFD0Z p {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 0.75rem;
  line-height: 1.2;
  color: var(--color-font-label);
}
.sZQAe {
  flex: none;
  display: flex;
  align-items: center;
  padding-right: 0.9375rem;
}
.sZQAe .aqI6B {
  border-radius: 0;
}
.sZQAe .aqI6B:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.sZQAe .aqI6B:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.I3wld {
  position: relative;
  width: 100%;
  min-height: 0;
  flex: auto;
  height: 100%;
}

/*自动隐藏文字*/
.IvC22 {
  flex: auto;
  min-width: 0;
  overflow-y: scroll;
}
.adF5U {
  position: relative;
  transition: 0.3s ease;
  transition-property: color, background-color;
  background-color: transparent;
}
.adF5U:hover:not(.NvGfq) {
  background-color: var(--color-primary-background-hover);
  cursor: pointer;
}
.adF5U.NvGfq {
  color: var(--color-primary);
}
.adF5U.y1B0A {
  background-color: var(--color-primary-font-active);
}
.adF5U.QLE6W {
  background-color: var(--color-primary-background-hover);
}
.adF5U.U1zS5 {
  padding: 0 0.625rem;
  background-color: var(--color-primary-background-hover);
}
.adF5U.U1zS5 .D4vCl {
  display: none;
}
.adF5U.U1zS5 .AIj_v {
  display: block;
}
.ddn36 {
  height: 0.9em;
  width: 0.9em;
  margin-left: -0.45em;
  vertical-align: -0.05em;
}
.D4vCl {
  display: block;
  height: 100%;
  padding: 0 0.625rem;
  font-size: 0.8125rem;
  line-height: 2.25rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.FFz0W {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.BxR_7 {
  overflow: hidden;
  height: 100%;
  flex: auto;
}

/*自动隐藏文字*/
.oss0z {
  height: 100%;
  display: flex;
  position: relative;
}
._h5EA {
  flex: none;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}
.k7EpN {
  flex: auto;
}
.qXkId {
  flex: none;
  width: 5rem;
}
.ExkN_ {
  flex: auto;
  display: flex;
  overflow: hidden;
  flex-flow: column nowrap;
}
.KuJQo {
  flex: none;
  width: 14.8%;
  display: flex;
  flex-flow: column nowrap;
}
.JBcl8 {
  position: relative;
}
.b1mTM {
  font-size: 0.75rem;
  border-bottom: var(--color-list-header-border-bottom);
  flex: none;
}
.b1mTM:hover .icon {
  opacity: 1;
}
.b1mTM > .content {
  display: block;
  width: 100%;
}
.b1mTM .label-content {
  background-color: transparent !important;
  line-height: 2.375rem;
  height: 2.375rem;
  border-radius: 0;
}
.b1mTM .label-content:hover {
  background: none !important;
}
.b1mTM .label {
  color: var(--color-font) !important;
}
.b1mTM .icon {
  opacity: 0.6;
  transition: opacity 0.3s ease;
}
.b1mTM .selection-list {
  max-height: 31.25rem;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
}
.b1mTM .selection-list li {
  line-height: 2.375rem;
  font-size: 0.8125rem;
}
.b1mTM .selection-list li:hover {
  background-color: var(--color-button-background-hover);
}
.b1mTM .selection-list li:active {
  background-color: var(--color-button-background-active);
}
.dx2fM {
  position: relative;
  overflow: hidden;
  height: 100%;
  flex: auto;
  display: flex;
  flex-flow: column nowrap;
}

/*自动隐藏文字*/
.QxYDS {
  flex: none;
  padding: 0.9375rem;
  text-align: center;
}
.QxYDS h2 {
  word-break: break-all;
}
.klJ88 {
  min-height: 10.9375rem;
  min-width: 23.75rem;
}
.cTGyS {
  min-height: 10.9375rem;
  min-width: 23.75rem;
  font-size: 0.8125rem;
  transition-property: height;
}
.cTGyS .RgMRH {
  position: relative;
  padding: 0 0.3125rem;
  transition: background-color 0.2s ease;
  line-height: 1.4;
  height: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.cTGyS .RgMRH:hover {
  background-color: var(--color-primary-background-hover);
}
.kokPY {
  flex: none;
  font-size: 0.75rem;
  width: 1.875rem;
  text-align: center;
  color: var(--color-font-label);
}
.QkumJ {
  flex: auto;
  padding-left: 0.3125rem;
  min-width: 0;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  overflow: hidden;
}
.tCM2B {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.gIVSA {
  font-size: 0.75rem;
  opacity: 0.6;
}
.AFh3M {
  flex: none;
  font-size: 0.75rem;
  opacity: 0.5;
  padding: 0 0.3125rem;
  display: flex;
  align-items: center;
}
.OibGi {
  flex: none;
  font-size: 0.75rem;
  padding: 0 0.3125rem;
  display: flex;
  align-items: center;
}
.RCuXl {
  background-color: transparent;
  border: none;
  border-radius: 0.1875rem;
  margin-right: 0.3125rem;
  cursor: pointer;
  padding: 0.25rem 0.4375rem;
  color: var(--color-button-font);
  outline: none;
  transition: background-color 0.2s ease;
  line-height: 0;
}
.RCuXl:last-child {
  margin-right: 0;
}
.RCuXl svg {
  height: 1rem;
}
.RCuXl:hover {
  background-color: var(--color-primary-background-hover);
}
.RCuXl:active {
  background-color: var(--color-primary-font-active);
}
.fk3Lj {
  position: relative;
  height: 12.5rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.fk3Lj p {
  font-size: 1rem;
  color: var(--color-font-label);
}

/*自动隐藏文字*/
.bHZTV {
  flex: none;
  padding: 0.9375rem;
  text-align: center;
}
.bHZTV h2 {
  color: var(--color-font);
  word-break: break-all;
}
.S8KLw {
  padding: 0 0.9375rem;
  width: 22.5rem;
  display: flex;
  flex-flow: column nowrap;
  min-height: 0;
}
.NmJG3 {
  font-size: 0.875rem;
  color: var(--color-font-label);
  padding: 0.625rem 0 0.5rem;
}
.rJ8Hw {
  display: flex;
  flex-flow: row wrap;
  font-size: 0.875rem;
}
.XFnv5 {
  width: 50%;
  padding-left: 0.625rem;
  margin-bottom: 0.5rem;
  box-sizing: border-box;
}
.mK3S3 {
  margin: 1.25rem 0 0.9375rem auto;
}
.Zr3jU {
  min-width: 4.375rem;
}
.Zr3jU + .Zr3jU {
  margin-left: 0.625rem;
}

/*自动隐藏文字*/
.sdbZR {
  flex: none;
  padding: 0.9375rem;
  text-align: center;
}
.sdbZR h2 {
  word-break: break-all;
}
.t8oef {
  min-height: 7.1875rem;
  width: 28.75rem;
}
.KgDRk {
  font-size: 0.8125rem;
  transition-property: height;
  position: relative;
}
.KgDRk .PeXg5 {
  position: relative;
  padding: 0.9375rem 0.625rem 0.9375rem 0.9375rem;
  transition: 0.3s ease;
  transition-property: background-color, opacity;
  line-height: 1.3;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.KgDRk .PeXg5:hover {
  background-color: var(--color-primary-background-hover);
}
.KgDRk .PeXg5.g0fdX {
  opacity: 0.5;
}
.K_f49 {
  flex: auto;
  min-width: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.sk2Nn {
  flex: auto;
  margin-bottom: 0.125rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.c3JO8 {
  margin-top: 0.1875rem;
  font-size: 0.875rem;
  opacity: 0.86;
}
.Mix6G {
  flex: none;
  font-size: 0.75rem;
  opacity: 0.5;
  padding: 0 0.625rem;
}
.E6yLQ {
  flex: none;
  font-size: 0.75rem;
  padding: 0 0.3125rem;
  display: flex;
  align-items: center;
}
.renW1 {
  background-color: transparent;
  border: none;
  border-radius: 0.1875rem;
  margin-right: 0.3125rem;
  cursor: pointer;
  padding: 0.25rem 0.4375rem;
  color: var(--color-button-font);
  outline: none;
  transition: background-color 0.2s ease;
  line-height: 0;
}
.renW1:last-child {
  margin-right: 0;
}
.renW1 svg {
  height: 1.375rem;
  width: 1.375rem;
}
.renW1:hover {
  background-color: var(--color-primary-background-hover);
}
.renW1:active {
  background-color: var(--color-primary-font-active);
}
.yRWzz {
  width: 28.75rem;
}
.q0stn {
  padding: 0.5rem 0.9375rem;
  font-size: 0.8125rem;
  line-height: 1.25;
  color: var(--color-font);
}
.l0Wir {
  position: relative;
  height: 12.5rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.l0Wir p {
  font-size: 1rem;
  color: var(--color-font-label);
}

/*自动隐藏文字*/
.lGlah {
  flex: none;
  width: 16%;
  display: flex;
  flex-flow: column nowrap;
}
.lAX2s {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  border-bottom: var(--color-list-header-border-bottom);
}
.lAX2s:hover .SieXG {
  opacity: 1;
}
.t3HoY {
  flex: auto;
  font-size: 0.75rem;
  line-height: 2.375rem;
  padding: 0 0.625rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
._NPvz {
  flex: none;
  display: flex;
}
.SieXG {
  margin-top: 0.375rem;
  background: none;
  height: 1.875rem;
  border: none;
  outline: none;
  border-radius: 0.25rem;
  cursor: pointer;
  opacity: 0.1;
  transition: opacity 0.4s ease;
  color: var(--color-button-font);
}
.SieXG svg {
  vertical-align: bottom;
}
.SieXG:active {
  opacity: 0.7 !important;
}
.SieXG:hover {
  opacity: 0.6 !important;
}
.ktkd0 {
  flex: auto;
  min-width: 0;
  overflow-y: scroll !important;
}
.ktkd0.yu5rQ * {
  -webkit-user-drag: element;
}
.ktkd0.yu5rQ .tuzfF:hover,
.ktkd0.yu5rQ .tuzfF.hYucX,
.ktkd0.yu5rQ .tuzfF.AgeBH,
.ktkd0.yu5rQ .tuzfF.ObSHy {
  background-color: transparent !important;
}
.ktkd0.yu5rQ .tuzfF.v3w9D {
  background-color: var(--color-primary-background-hover) !important;
}
.tuzfF {
  position: relative;
  transition: 0.3s ease;
  transition-property: color, background-color, opacity;
  background-color: transparent;
}
.tuzfF:not(.hYucX):hover {
  background-color: var(--color-primary-background-hover);
  cursor: pointer;
}
.tuzfF.hYucX {
  color: var(--color-primary);
}
.tuzfF.AgeBH {
  background-color: var(--color-primary-font-active);
}
.tuzfF.ObSHy {
  background-color: var(--color-primary-background-hover);
}
.tuzfF.MikKY {
  opacity: 0.5;
}
.tuzfF.QueHb {
  padding: 0 0.625rem;
  background-color: var(--color-primary-background-hover);
}
.tuzfF.QueHb .Lf63K {
  display: none;
}
.tuzfF.QueHb .ckZ_0 {
  display: block;
}
.h_U1y {
  height: 0.9em;
  width: 0.9em;
  margin-left: -0.45em;
  vertical-align: -0.05em;
}
.Lf63K {
  display: block;
  height: 2.25rem;
  padding: 0 0.625rem;
  font-size: 0.8125rem;
  line-height: 2.25rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ckZ_0 {
  width: 100%;
  height: 2.25rem;
  padding: 0;
  line-height: 2.25rem;
  background: none !important;
  border-radius: 0;
  font-size: 0.8125rem;
  display: none;
}
.L1q31 {
  padding: 0 0.625rem;
  background-color: var(--color-primary-background-hover) !important;
}
.L1q31 .ckZ_0 {
  display: block;
}
.Ko_LD {
  margin-top: -2.25rem;
  z-index: -1;
}

/*自动隐藏文字*/
.LODlH {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 1.25rem;
  width: 45%;
  height: 1.755rem;
  z-index: 99;
}
.zjCxI {
  position: absolute;
  width: 100%;
  border-radius: 0.25rem;
  transition: box-shadow 0.4s ease, background-color 0.4s ease;
  display: flex;
  flex-flow: column nowrap;
  background-color: var(--color-primary-light-600-alpha-100);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07), 0 4px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07), 0 16px 32px rgba(0, 0, 0, 0.07), 0 32px 64px rgba(0, 0, 0, 0.07);
}
.zjCxI.BKgpF .Guy_m input {
  border-bottom-left-radius: 0;
}
.zjCxI.BKgpF .Guy_m button {
  border-bottom-right-radius: 0;
}
.zjCxI .Guy_m {
  display: flex;
  height: 1.755rem;
  position: relative;
}
.zjCxI .Guy_m input {
  flex: auto;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0 0.3125rem;
  overflow: hidden;
  font-size: 0.84375rem;
  line-height: 2.0675rem;
}
.zjCxI .Guy_m input::placeholder {
  color: var(--color-button-font);
  font-size: 0.98em;
}
.zjCxI .Guy_m button {
  flex: none;
  border: none;
  background-color: transparent;
  outline: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  cursor: pointer;
  height: 100%;
  padding: 0.375rem 0.5625rem;
  color: var(--color-button-font);
  transition: background-color 0.2s ease;
  opacity: 0.8;
}
.zjCxI .Guy_m button:hover {
  background-color: var(--color-button-background-hover);
}
.zjCxI .Guy_m button:active {
  background-color: var(--color-button-background-active);
}
.zjCxI .a03fy {
  font-size: 0.8125rem;
  transition: 0.3s ease;
  height: 0;
  transition-property: height;
  position: relative;
  scroll-behavior: smooth;
}
.zjCxI .a03fy li {
  position: relative;
  cursor: pointer;
  padding: 0.5rem 0.3125rem;
  transition: background-color 0.2s ease;
  line-height: 1.3;
  display: flex;
  flex-flow: row nowrap;
  border-radius: 0.25rem;
}
.zjCxI .a03fy li.U_t4T {
  background-color: var(--color-primary-dark-100-alpha-700);
}
.je0Qz {
  flex: none;
}
.TXGOp {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.A_ow2 {
  font-size: 0.75rem;
  opacity: 0.6;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.IxpKj {
  flex: none;
  font-size: 0.75rem;
  opacity: 0.5;
  padding: 0 0.3125rem;
  display: flex;
  align-items: center;
}

/*自动隐藏文字*/
.VFbWf {
  padding: 0 0.9375rem;
  max-width: 33.125rem;
  min-width: 17.5rem;
  display: flex;
  flex-flow: column nowrap;
  min-height: 0;
}
.VFbWf h2 {
  font-size: 0.8125rem;
  color: var(--color-font);
  line-height: 1.3;
  word-break: break-all;
  padding: 0.9375rem 0 0.5rem;
}
.J0pWR {
  padding: 0.5rem 0.5rem;
}
.KlkW8 {
  margin: 1.25rem 0 0.9375rem auto;
}
.eynzK {
  min-width: 4.375rem;
}
.eynzK + .eynzK {
  margin-left: 0.625rem;
}

/*自动隐藏文字*/
.fobji {
  padding: 0.625rem 0.4375rem 0;
  width: 35rem;
  max-width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-flow: column nowrap;
  min-height: 0;
  height: 100%;
}
.HZQtU {
  flex: none;
}
.L2ZcW {
  flex: auto;
  min-height: 6.25rem;
  min-width: 28.75rem;
  font-size: 0.8125rem;
  transition-property: height;
  margin-top: 0.625rem;
  padding: 0 0.4375rem;
}
.L2ZcW .rO3Up {
  position: relative;
  padding: 0.625rem 0.3125rem;
  transition: background-color 0.2s ease;
  line-height: 1.4;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  border-radius: 0.25rem;
}
.L2ZcW .rO3Up:hover {
  background-color: var(--color-primary-background-hover);
}
.L2ZcW .aXxJU {
  flex: none;
  font-size: 0.75rem;
  width: 1.25rem;
  text-align: center;
  color: var(--color-font-label);
}
.L2ZcW .Z9UXo {
  flex: auto;
  min-width: 0;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  overflow: hidden;
}
.L2ZcW .fzpqG {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.L2ZcW .xqc0V {
  font-size: 0.75rem;
  opacity: 0.6;
}
.L2ZcW .yeuc8 {
  flex: none;
  font-size: 0.75rem;
  opacity: 0.5;
  padding: 0 0.3125rem;
  display: flex;
  align-items: center;
}
.L2ZcW .iH151 {
  flex: none;
  font-size: 0.75rem;
  padding: 0 0.3125rem;
  display: flex;
  align-items: center;
}
.L2ZcW .HlPDq {
  background-color: transparent;
  border: none;
  border-radius: 0.1875rem;
  margin-right: 0.3125rem;
  cursor: pointer;
  padding: 0.25rem 0.4375rem;
  color: var(--color-button-font);
  outline: none;
  transition: background-color 0.2s ease;
  line-height: 0;
}
.L2ZcW .HlPDq:last-child {
  margin-right: 0;
}
.L2ZcW .HlPDq svg {
  width: 1rem;
  height: 1rem;
}
.L2ZcW .HlPDq:hover {
  background-color: var(--color-primary-background-hover);
}
.L2ZcW .HlPDq:active {
  background-color: var(--color-primary-font-active);
}
.L2ZcW .rCXHn {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.L2ZcW .rCXHn p {
  font-size: 1rem;
  color: var(--color-font-label);
}
.npo38 {
  flex: none;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.625rem 0.4375rem;
}
.npo38 .yY9mC {
  min-width: 0;
  display: flex;
  flex-flow: row nowrap;
  padding-right: 0.625rem;
  gap: 0.625rem;
  font-size: 0.75rem;
  align-items: center;
}
.npo38 .yY9mC h2 {
  min-width: 0;
  color: var(--color-font);
  line-height: 1.5;
  word-break: break-all;
}
.npo38 .yY9mC .MbdUq {
  display: flex;
  flex-flow: row nowrap;
}
.npo38 .yY9mC .EUFiT {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.npo38 .yY9mC .yeuc8 {
  flex: none;
  font-size: 0.75rem;
  opacity: 0.8;
  padding: 0 0.3125rem;
  color: var(--color-primary);
}
.npo38 .yY9mC ._8IAs5 {
  color: var(--color-font-label);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.npo38 .HlPDq {
  flex: none;
  min-width: 4.375rem;
}
.npo38 .HlPDq + .HlPDq {
  margin-left: 0.625rem;
}

/*自动隐藏文字*/
.w6Zq9 {
  overflow: hidden;
  height: 100%;
  flex: auto;
  display: flex;
  flex-flow: column nowrap;
}
.w6Zq9 .list-item.KncwT {
  color: var(--color-button-font);
}
.w6Zq9 .label-source {
  color: var(--color-primary);
  padding: 0.3125rem;
  font-size: 0.8em;
  line-height: 1.2;
  opacity: 0.75;
  display: inline-block;
}
.NVOhA {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.LHz1P {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-button-font);
  opacity: 0.7;
}
.NgAOP {
  min-height: 0;
  font-size: 0.875rem;
  display: flex;
  flex-flow: column nowrap;
  flex: auto;
}
.QV62Y {
  position: relative;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.QV62Y p {
  font-size: 1.5rem;
  color: var(--color-font-label);
}

/*自动隐藏文字*/
.xmTWc {
  overflow: hidden;
  height: 100%;
  display: flex;
  position: relative;
}

/*自动隐藏文字*/
.JRsKL {
  position: relative;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
}
.JRsKL .list-item.a_pEv {
  color: var(--color-button-font);
}
.N7p3v {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.XPQ5g {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-button-font);
  opacity: 0.7;
}
.arDOY {
  min-height: 0;
  font-size: 0.875rem;
  display: flex;
  flex-flow: column nowrap;
  flex: auto;
}
.Z6zDd {
  position: relative;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.Z6zDd p {
  font-size: 1.5rem;
  color: var(--color-font-label);
}

/*自动隐藏文字*/
.X8sC1 {
  min-width: 18.75rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  min-height: 0;
}
.X8sC1 h2 {
  flex: none;
  font-size: 1rem;
  color: var(--color-font);
  line-height: 1.3;
  text-align: center;
  padding: 0.9375rem;
}
.X8sC1 h3 {
  font-size: 1rem;
  color: var(--color-font);
  line-height: 1.3;
  padding-bottom: 0.9375rem;
  font-size: 0.9375rem;
}
.BCRmV {
  flex: auto;
  padding: 0.9375rem;
  display: flex;
  flex-flow: column nowrap;
  gap: 0.9375rem;
}
.Squpe {
  display: flex;
  flex-flow: row wrap;
}
.Squpe li {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  cursor: pointer;
  margin-right: 0.25rem;
  transition: color 0.3s ease;
  margin-bottom: 0.9375rem;
  width: 5.375rem;
}
.Squpe li:last-child {
  margin-right: 0;
}
.Squpe li.tjxtk {
  color: var(--color-primary-theme);
}
.Squpe li.tjxtk .wkQ8F {
  border-color: var(--color-primary-theme);
}
.Squpe li .wkQ8F {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  margin-bottom: 0.3125rem;
  border: 0.125rem solid transparent;
  padding: 0.125rem;
  transition: border-color 0.3s ease;
  border-radius: 0.3125rem;
}
.Squpe li .wkQ8F:after {
  display: block;
  content: ' ';
  width: 100%;
  height: 100%;
  border-radius: 0.25rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--color-primary-theme);
  background-image: var(--background-image-theme);
}
.Squpe li label {
  width: 100%;
  text-align: center;
  height: 1.2em;
  font-size: 0.875rem;
}
.XaHAR {
  padding: 0.5rem 0.9375rem;
  font-size: 0.8125rem;
  line-height: 1.25;
  color: var(--color-font);
}

/*! Pickr 1.10.2 MIT | https://github.com/simonwep/pickr */
.pickr{position:relative;overflow:visible;transform:translateY(0)}.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr .pcr-button::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pickr .pcr-button{position:relative;height:2em;width:2em;padding:.5em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;border-radius:.15em;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>') no-repeat center;background-size:0;transition:all .3s}.pickr .pcr-button::before{z-index:initial}.pickr .pcr-button::after{position:absolute;content:"";top:0;left:0;height:100%;width:100%;transition:background .3s;background:var(--pcr-color);border-radius:.15em}.pickr .pcr-button.clear{background-size:70%}.pickr .pcr-button.clear::before{opacity:0}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.85),0 0 0 3px var(--pcr-color)}.pickr .pcr-button.disabled{cursor:not-allowed}.pickr *,.pcr-app *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr input:focus,.pickr input.pcr-active,.pickr button:focus,.pickr button.pcr-active,.pcr-app input:focus,.pcr-app input.pcr-active,.pcr-app button:focus,.pcr-app button.pcr-active{box-shadow:0 0 0 1px hsla(0,0%,100%,.85),0 0 0 3px var(--pcr-color)}.pickr .pcr-palette,.pickr .pcr-slider,.pcr-app .pcr-palette,.pcr-app .pcr-slider{transition:box-shadow .3s}.pickr .pcr-palette:focus,.pickr .pcr-slider:focus,.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.85),0 0 0 3px rgba(0,0,0,.25)}.pcr-app{position:fixed;display:flex;flex-direction:column;z-index:10000;border-radius:.1em;background:#fff;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);left:0;top:0}.pcr-app.visible{transition:opacity .3s;visibility:visible;opacity:1}.pcr-app .pcr-swatches{display:flex;flex-wrap:wrap;margin-top:.75em}.pcr-app .pcr-swatches.pcr-last{margin:0}@supports(display: grid){.pcr-app .pcr-swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit, 1.75em)}}.pcr-app .pcr-swatches>button::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:6px;border-radius:.15em;z-index:-1}.pcr-app .pcr-swatches>button{font-size:1em;position:relative;width:calc(1.75em - 0.3125rem);height:calc(1.75em - 0.3125rem);border-radius:.15em;cursor:pointer;margin:0.15625rem;flex-shrink:0;justify-self:center;transition:all .15s;overflow:hidden;background:rgba(0,0,0,0);z-index:1}.pcr-app .pcr-swatches>button::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--pcr-color);border:0.0625rem solid rgba(0,0,0,.05);border-radius:.15em;box-sizing:border-box}.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05)}.pcr-app .pcr-swatches>button:not(.pcr-active){box-shadow:none}.pcr-app .pcr-interaction{display:flex;flex-wrap:wrap;align-items:center;margin:0 -0.2em 0 -0.2em}.pcr-app .pcr-interaction>*{margin:0 .2em}.pcr-app .pcr-interaction input{letter-spacing:.07em;font-size:.75em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;transition:all .15s;padding:.45em .5em;margin-top:.75em}.pcr-app .pcr-interaction input:hover{filter:brightness(0.975)}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.85),0 0 0 3px rgba(66,133,244,.75)}.pcr-app .pcr-interaction .pcr-result{color:#75797e;text-align:left;flex:1 1 8em;min-width:8em;transition:all .2s;border-radius:.15em;background:#f1f3f4;cursor:text}.pcr-app .pcr-interaction .pcr-result::selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff;width:auto}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff}.pcr-app .pcr-interaction .pcr-save:hover,.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover{filter:brightness(0.925)}.pcr-app .pcr-interaction .pcr-save{background:#4285f4}.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-cancel{background:#f44250}.pcr-app .pcr-interaction .pcr-clear:focus,.pcr-app .pcr-interaction .pcr-cancel:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.85),0 0 0 3px rgba(244,66,80,.75)}.pcr-app .pcr-selection .pcr-picker{position:absolute;height:1.125rem;width:1.125rem;border:0.125rem solid #fff;border-radius:100%;user-select:none}.pcr-app .pcr-selection .pcr-color-palette,.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity{position:relative;user-select:none;display:flex;flex-direction:column;cursor:grab}.pcr-app .pcr-selection .pcr-color-palette:active,.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active{cursor:grabbing}.pcr-app[data-theme=classic]{width:28.5em;max-width:95vw;padding:.8em}.pcr-app[data-theme=classic] .pcr-selection{display:flex;justify-content:space-between;flex-grow:1}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview{position:relative;z-index:1;width:2em;display:flex;flex-direction:column;justify-content:space-between;margin-right:.75em}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color{cursor:pointer;border-radius:.15em .15em 0 0;z-index:2}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-current-color{border-radius:0 0 .15em .15em}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-current-color{background:var(--pcr-color);width:100%;height:50%}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette{width:100%;height:8em;z-index:1}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette .pcr-palette{flex-grow:1;border-radius:.15em}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette .pcr-palette::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity{margin-left:.75em}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-picker{left:50%;transform:translateX(-50%)}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-slider{width:0.5rem;flex-grow:1;border-radius:50em}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(to bottom, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%))}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(to bottom, transparent, black),url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:100%,50%}
/*自动隐藏文字*/
.HnEaZ {
  min-width: 18.75rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  min-height: 0;
}
.HnEaZ h2 {
  flex: none;
  font-size: 1rem;
  color: var(--color-font);
  line-height: 1.3;
  text-align: center;
  padding: 0.9375rem;
}
.HnEaZ h3 {
  font-size: 1rem;
  color: var(--color-font);
  line-height: 1.3;
  padding-bottom: 0.9375rem;
  font-size: 0.9375rem;
}
.RHT3V {
  flex: auto;
  font-size: 0.875rem;
  gap: 0.3125rem;
  display: flex;
  flex-flow: column nowrap;
}
.c7yyg {
  padding: 1.25rem 1.25rem 0;
  display: flex;
  flex-flow: row wrap;
}
.c7yyg .IgOB6 {
  margin-right: 0.3125rem;
}
.oQKwS {
  display: flex;
  flex-flow: row wrap;
}
.eUZKN {
  padding: 0.9375rem 1.25rem 0;
  width: 4.625rem;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
.MRl79 .QN5i5 {
  width: 100%;
}
.QN5i5 {
  width: 80%;
  aspect-ratio: 1 / 1;
  background-color: var(--pcr-color);
  border-radius: 0.25rem;
  cursor: pointer;
  transition: 0.3s ease !important;
  transition-property: background-color, opacity !important;
  box-shadow: 0 0 3px var(--color-primary-light-100-alpha-300);
}
.QN5i5:hover {
  opacity: 0.7;
}
._Kxao {
  padding-top: 0.625rem;
  text-align: center;
}
.sKYOx {
  width: 9.375rem;
}
.LmgxZ {
  width: 100%;
  height: 3.75rem;
  transition: 0.3s ease;
  transition-property: border, color;
  box-sizing: border-box;
  border: 0.0625rem dashed var(--color-primary-light-100-alpha-300);
  color: var(--color-primary-light-100-alpha-300);
  position: relative;
  border-radius: 0.3125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s ease !important;
  transition-property: background-color, opacity !important;
  overflow: hidden;
}
.LmgxZ:hover {
  opacity: 0.7;
}
.LmgxZ.vp6TW {
  border: none;
}
.LmgxZ.vp6TW .Zxe0q {
  display: block;
}
.LmgxZ .jQuvO {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.LmgxZ .Zxe0q {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  cursor: pointer;
  padding: 0.375rem 0.5rem;
  background-color: rgba(0, 0, 0, 0.6);
  color: rgba(255, 255, 255, 0.9);
  outline: none;
  transition: background-color 0.2s ease;
  line-height: 0;
  display: none;
}
.LmgxZ .Zxe0q svg {
  height: 0.7em;
}
.LmgxZ .Zxe0q:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.LmgxZ .Zxe0q:active {
  background-color: rgba(0, 0, 0, 0.8);
}
.LmgxZ .oxkQt {
  width: auto;
  height: 66%;
}
.MyLv2 {
  display: flex;
  -webkit-app-region: no-drag;
  align-items: center;
  padding: 0 0.8775rem;
  flex-direction: row-reverse;
  transition: opacity 0.4s ease;
  opacity: 0.5;
}
.MyLv2:hover {
  opacity: 0.8;
}
.MyLv2:hover .IRrhe {
  opacity: 1;
}
.MyLv2 button {
  position: relative;
  background: none;
  border: none;
  outline: none;
  padding: 0.0625rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.8775rem;
  height: 0.8775rem;
  border-radius: 50%;
  color: var(--color-font);
}
.MyLv2 button + button {
  margin-right: 0.43875rem;
}
.MyLv2 button.mgFY7 {
  background-color: var(--color-btn-hide);
}
.MyLv2 button.KtJxW,
.MyLv2 button.XLhLR {
  background-color: var(--color-btn-min);
}
.MyLv2 button.X4YH3 {
  background-color: var(--color-btn-close);
}
.IRrhe {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.fBkRJ {
  padding: 0.5rem 0.9375rem;
  font-size: 0.8125rem;
  line-height: 1.25;
  color: var(--color-font);
}
.ILQDU {
  padding: 0.9375rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.9375rem;
  font-size: 0.875rem;
}
.ILQDU .T1sb1 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 0.625rem;
}
.ILQDU .oQD2O {
  flex: none;
}
.ILQDU .QPAMd {
  max-width: 9.375rem;
  flex: 0 1 auto;
}
.KDRIE {
  min-width: 4.375rem;
}

/*自动隐藏文字*/
.XaMFN {
  padding: 0.9375rem;
  max-width: 33.125rem;
  min-width: 17.5rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  min-height: 0;
}
.XaMFN h2 {
  font-size: 1rem;
  color: var(--color-font);
  line-height: 1.3;
  text-align: center;
}
.Qx2qN {
  padding-top: 0.9375rem;
  font-size: 0.875rem;
}
.jPK0T {
  padding-top: 0.3125rem;
}
.G2l0R {
  display: flex;
  align-items: center;
}
.TZqqC {
  flex: auto;
}
.g7OOE {
  flex: none;
  margin-left: 0.625rem;
}
.ENY3b {
  visibility: hidden;
}
.ENY3b.Np7aR {
  visibility: visible;
}
.QvkmL {
  margin-top: 1.25rem;
  display: flex;
  flex-flow: row nowrap;
}
.FHPB5 {
  flex: auto;
  height: 2.25rem;
  line-height: 2.25rem;
  padding: 0 0.625rem !important;
  width: 9.375rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.FHPB5 + .FHPB5 {
  margin-left: 0.9375rem;
}
.Zt6Jf {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*自动隐藏文字*/
.NgxQf {
  padding: 0 0.9375rem;
  width: 28.125rem;
  min-width: 17.5rem;
  display: flex;
  flex-flow: column nowrap;
  min-height: 0;
}
.NgxQf h2 {
  font-size: 0.8125rem;
  color: var(--color-font);
  line-height: 1.3;
  word-break: break-all;
  padding: 0.9375rem 0 0.5rem;
}
.tI0v2 {
  padding: 0.5rem 0.5rem;
}
.RCXTo {
  margin: 1.25rem 0 0.9375rem auto;
}
.zQ8AT {
  min-width: 4.375rem;
}
.zQ8AT + .zQ8AT {
  margin-left: 0.625rem;
}

/*自动隐藏文字*/
.QXNXq {
  padding: 0.9375rem 0.5rem;
  max-width: 34.375rem;
  min-width: 18.75rem;
  display: flex;
  flex-flow: column nowrap;
  min-height: 0;
}
.QXNXq h2 {
  font-size: 1rem;
  color: var(--color-font);
  line-height: 1.3;
  text-align: center;
}
.EooHZ {
  color: var(--color-primary);
}
.kzpyO {
  margin-top: 0.1875rem;
  font-size: 0.875rem;
  opacity: 0.86;
}
.Gncka {
  flex: auto;
  min-height: 5rem;
  max-height: 100%;
  margin-top: 0.9375rem;
  padding: 0 0.4375rem;
}
.N8sew {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  transition: background-color 0.2s ease;
  padding: 0.9375rem 0.625rem;
  border-radius: 0.25rem;
}
.N8sew:hover {
  background-color: var(--color-primary-background-hover);
}
.N8sew.tG3pT {
  background-color: var(--color-primary-background-active);
}
.N8sew h3 {
  font-size: 0.9375rem;
  color: var(--color-font);
  word-break: break-all;
}
.N8sew h3 span {
  font-size: 0.75rem;
  color: var(--color-font-label);
  margin-left: 0.375rem;
}
.N8sew p {
  margin-top: 0.3125rem;
  font-size: 0.875rem;
  color: var(--color-font-label);
  word-break: break-all;
}
.bwHdQ {
  height: 6.25rem;
  font-size: 1.125rem;
  color: var(--color-font-label);
  display: flex;
  justify-content: center;
  align-items: center;
}
.giMXa {
  flex: auto;
  min-width: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.n7q7a {
  flex: none;
  height: 1.875rem;
  width: 1.875rem;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.n7q7a svg {
  width: 60%;
}
.lEQzo {
  padding: 0 0.4375rem;
  margin-top: 0.9375rem;
  font-size: 0.75rem;
  line-height: 1.25;
  color: var(--color-font);
}
.lEQzo p + p {
  margin-top: 0.3125rem;
}
.XdCVD {
  padding: 0 0.4375rem;
  margin-top: 0.9375rem;
  display: flex;
  flex-flow: row nowrap;
}
.xpe9D {
  flex: auto;
  height: 2.25rem;
  line-height: 2.25rem;
  padding: 0 0.625rem !important;
  width: 9.375rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.xpe9D + .xpe9D {
  margin-left: 0.9375rem;
}
.dI9yk {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*自动隐藏文字*/
.iDYvq {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: -1.25rem;
}
.iDYvq .Gz26q {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  cursor: pointer;
  margin-right: 0.5rem;
  transition: 0.3s ease;
  transition-property: color, opacity;
  margin-bottom: 1.125rem;
  width: 5.375rem;
}
.iDYvq .Gz26q:hover {
  opacity: 0.7;
}
.iDYvq .Gz26q:last-child {
  margin-right: 0;
}
.iDYvq .Gz26q.lyIk2 {
  color: var(--color-primary-font-active);
}
.iDYvq .Gz26q.lyIk2 .R0csk {
  border-color: var(--color-primary-font-active);
}
.iDYvq .Gz26q.lyIk2:hover {
  opacity: 1;
}
.iDYvq .Gz26q .R0csk {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  margin-bottom: 0.3125rem;
  border: 0.125rem solid transparent;
  padding: 0.125rem;
  transition: border-color 0.3s ease;
  border-radius: 0.3125rem;
}
.iDYvq .Gz26q .R0csk:after {
  display: block;
  content: ' ';
  width: 100%;
  height: 100%;
  border-radius: 0.25rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--color-primary-theme);
  background-image: var(--background-image-theme);
}
.iDYvq .Gz26q .J9Sug {
  width: 100%;
  text-align: center;
  height: 1.2em;
}
.iDYvq .Gz26q.puInB.lyIk2 {
  color: var(--color-primary-font-active);
}
.iDYvq .Gz26q.puInB.lyIk2 .R0csk {
  border-color: var(--color-primary-font-active);
}
.iDYvq .Gz26q.puInB > .R0csk:after {
  content: none;
}
.iDYvq .Gz26q.puInB .d0NFw {
  position: relative;
  height: 100%;
  overflow: hidden;
  border-radius: 0.3125rem;
}
.iDYvq .Gz26q.puInB .Rkxqg,
.iDYvq .Gz26q.puInB .INRn1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.iDYvq .Gz26q.puInB .Rkxqg:after,
.iDYvq .Gz26q.puInB .INRn1:after {
  display: block;
  content: ' ';
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.iDYvq .Gz26q.puInB .Rkxqg:after {
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.iDYvq .Gz26q.puInB .Rkxqg svg {
  fill: var(--color-primary-theme-light);
}
.iDYvq .Gz26q.puInB .Rkxqg:after {
  background-color: var(--color-primary-theme-light);
  background-image: var(--background-image-theme-light);
}
.iDYvq .Gz26q.puInB .INRn1:after {
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}
.iDYvq .Gz26q.puInB .INRn1 svg {
  fill: var(--color-primary-theme-dark);
}
.iDYvq .Gz26q.puInB .INRn1:after {
  background-color: var(--color-primary-theme-dark);
  background-image: var(--background-image-theme-dark);
}
.iDYvq .Gz26q.zNMZg > .R0csk:after {
  content: none;
}
.iDYvq .Gz26q.zNMZg > .R0csk .d0NFw {
  transition: 0.3s ease;
  transition-property: border, color;
  box-sizing: border-box;
  border: 0.0625rem dashed var(--color-primary-light-100-alpha-300);
  color: var(--color-primary-light-100-alpha-300);
  position: relative;
  height: 100%;
  overflow: hidden;
  border-radius: 0.3125rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.iDYvq .Gz26q.zNMZg > .R0csk .LZtVz {
  width: 66%;
  height: auto;
}
.iDYvq .Gz26q.zNMZg .J9Sug {
  color: var(--color-primary-dark-100-alpha-300);
}
.iDYvq .Gz26q._Xyqa {
  flex-direction: row;
  width: auto;
  gap: 0.3125rem;
  color: var(--color-primary-font-active);
}
.iDYvq .Gz26q._Xyqa .J9Sug {
  height: auto;
}
.a70K9 {
  flex: auto;
  margin-left: 0.3125rem;
  line-height: 1.5;
  cursor: pointer;
}
.a70K9 .zXNbW {
  color: var(--color-500);
  font-size: 0.75rem;
  margin-left: 0.3125rem;
}
.a70K9 .HF4mZ {
  margin-left: 0.3125rem;
}

/*自动隐藏文字*/
.tSTeC {
  display: flex;
  flex-flow: row wrap;
}
.WbTXt {
  padding-right: 2.5rem;
  width: 4.375rem;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
.QJncr {
  width: 80%;
  aspect-ratio: 1 / 1;
  background-color: var(--pcr-color);
  border-radius: 0.25rem;
  cursor: pointer;
  transition: 0.3s ease !important;
  transition-property: background-color, opacity !important;
  box-shadow: 0 0 3px var(--color-primary-light-100-alpha-300);
}
.QJncr:hover {
  opacity: 0.7;
}
.g_au3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding-top: 0.625rem;
  text-align: center;
  line-height: 1.1;
}

/*自动隐藏文字*/
.jPihn {
  box-sizing: border-box;
  padding: 0.9375rem;
  max-width: 25rem;
  min-width: 16.25rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.jPihn h2 {
  font-size: 1rem;
  color: var(--color-font);
  line-height: 1.3;
  text-align: center;
}
.T4Owj {
  padding-top: 0.9375rem;
  font-size: 0.875rem;
}
.ZGLSd {
  padding-bottom: 0.625rem;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--color-font-label);
}
.ngbqc {
  padding-top: 0.3125rem;
}
.YpWJi {
  display: flex;
  align-items: center;
}
.QTKJc {
  flex: auto;
}
.YgS1s {
  margin-top: 0.5rem;
  font-size: 0.8125rem;
  color: var(--color-primary);
  visibility: hidden;
}
.YgS1s.QHrS8 {
  visibility: visible;
}
.F9N65 {
  margin-top: 1.25rem;
  display: flex;
  flex-flow: row nowrap;
}
.vbTbg {
  flex: auto;
  height: 2.25rem;
  line-height: 2.25rem;
  padding: 0 0.625rem !important;
}
.vbTbg + .vbTbg {
  margin-left: 0.9375rem;
}

.JFVgH {
  width: 3.75rem;
}

/*自动隐藏文字*/
.Zbe1M {
  min-width: 28.75rem;
  min-height: 12.5rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.Zbe1M h2 {
  margin: 0.9375rem;
  font-size: 1rem;
  color: var(--color-font);
  line-height: 1.3;
  text-align: center;
}
.qzzDM {
  color: var(--color-font);
  font-size: 0.875rem;
  word-break: break-all;
  line-height: 1.2;
}
.OESje {
  color: var(--color-font-label);
  margin-top: 0.5rem;
  font-size: 0.75rem;
  word-break: break-all;
}
.iGtbx {
  flex: auto;
  min-height: 6.25rem;
  max-height: 100%;
}
.wfyRn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  transition: background-color 0.2s ease;
  padding: 0.625rem;
}
.wfyRn:hover {
  background-color: var(--color-primary-background-hover);
}
.dHhva {
  height: 6.25rem;
  font-size: 1.125rem;
  color: var(--color-font-label);
  display: flex;
  justify-content: center;
  align-items: center;
}
.ZABGA {
  flex: auto;
  min-width: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.jKF8p {
  flex: none;
  height: 1.875rem;
  width: 1.875rem;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.jKF8p svg {
  width: 60%;
}
.wkbcG {
  padding: 0.5rem 0.9375rem;
  font-size: 0.8125rem;
  line-height: 1.25;
  color: var(--color-font);
}

/*自动隐藏文字*/
.KAeQn[disabled],
.nDQ00[disabled] {
  opacity: 0.8 !important;
}
.nDQ00 {
  min-width: 23.75rem;
}
._joNj {
  font-size: 0.8125rem;
  transition-property: height;
  position: relative;
}
._joNj .mdD7Z {
  position: relative;
  padding: 0.9375rem 0.625rem 0.9375rem 0.9375rem;
  transition: 0.3s ease;
  transition-property: background-color, opacity;
  line-height: 1.3;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
._joNj .mdD7Z:hover {
  background-color: var(--color-primary-background-hover);
}
._joNj .mdD7Z.qERNt {
  opacity: 0.5;
}
.KDKp6 {
  flex: auto;
  min-width: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.YcDBI {
  flex: auto;
  margin-bottom: 0.125rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.z4qq3 {
  flex: none;
  font-size: 0.75rem;
  opacity: 0.5;
}
.PA87e {
  flex: none;
  font-size: 0.75rem;
  padding: 0 0.3125rem;
  display: flex;
  align-items: center;
}
.bWWW4 {
  background-color: transparent;
  border: none;
  border-radius: 0.1875rem;
  margin-right: 0.3125rem;
  cursor: pointer;
  padding: 0.25rem 0.4375rem;
  color: var(--color-button-font);
  outline: none;
  transition: background-color 0.2s ease;
  line-height: 0;
}
.bWWW4:last-child {
  margin-right: 0;
}
.bWWW4 svg {
  height: 1.375rem;
  width: 1.375rem;
}
.bWWW4:hover {
  background-color: var(--color-primary-background-hover);
}
.bWWW4:active {
  background-color: var(--color-primary-font-active);
}

.JmhKR[disabled] {
  opacity: 0.8 !important;
}
.JmhKR {
  min-width: 23.75rem;
}

/*自动隐藏文字*/
.DC9RT[disabled],
.J3uPM[disabled] {
  opacity: 0.8 !important;
}

/*自动隐藏文字*/
.zV3zT {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 0.9375rem;
  transition: opacity 0.4s ease;
}
.LOFCr {
  width: 30%;
  padding-right: 2.1875rem;
  margin-top: 0.9375rem;
  box-sizing: border-box;
}
.BiT3r {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-bottom: 0.3125rem;
  color: var(--color-font-label);
  font-size: 0.75rem;
}
.d6PA_ {
  width: 100%;
  box-sizing: border-box;
}
.d6PA_:focus {
  background-color: var(--color-primary-background-active);
  text-decoration: none;
}
.d6PA_::placeholder {
  color: var(--color-200) !important;
}
.E0MGP {
  text-decoration: line-through;
}

.HdKBu {
  font-size: 0.75rem;
}

/*自动隐藏文字*/
.vdiLS {
  flex: auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.vdiLS h2 {
  margin: 1.25rem;
  font-size: 1rem;
  color: var(--color-font);
  line-height: 1.3;
  text-align: center;
}
.APhix {
  flex: auto;
  max-height: 100%;
  display: flex;
  padding: 0 0.9375rem;
}
.VAYub {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  border-radius: 0.25rem;
  padding: 0.3125rem;
  background-color: var(--color-primary-light-200-alpha-900);
  box-sizing: border-box;
  font-family: inherit;
  resize: none;
}
.GEl8z {
  box-sizing: border-box;
  flex: none;
  padding: 0.9375rem 0.9375rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.FxvY9 {
  font-size: 0.75rem;
  line-height: 1.25;
  color: var(--color-550);
  white-space: pre-wrap;
}
.QhgLr {
  min-width: 5rem;
}


/*自动隐藏文字*/
.LGPGh {
  display: flex;
  flex-flow: row nowrap;
  height: 100%;
  border-top: var(--color-list-header-border-bottom);
}
.w0Y6G {
  flex: 0 0 16%;
  overflow-y: scroll;
}
.DequN {
  line-height: 1.5;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.8125rem;
  color: var(--color-font);
  padding: 0.5rem 0.625rem;
  transition: 0.3s ease;
  transition-property: background-color, color;
}
.DequN:not(.qscXX) {
  cursor: pointer;
}
.DequN:not(.qscXX):hover {
  background-color: var(--color-button-background-hover);
}
.DequN.qscXX {
  color: var(--color-primary);
}
.PpFqU {
  height: 0.9em;
  width: 0.9em;
  margin-left: -0.45em;
  vertical-align: -0.05em;
}
.VqEs2 {
  padding: 0 0.9375rem 0.9375rem;
  font-size: 0.875rem;
  box-sizing: border-box;
  overflow-y: auto;
  height: 100%;
  position: relative;
  width: 100%;
}
.VqEs2 dt {
  border-left: 5px solid var(--color-primary-alpha-700);
  padding: 0.1875rem 0.4375rem;
  margin: 0.9375rem 0;
}
.VqEs2 dt + dd h3 {
  margin-top: 0;
}
.VqEs2 dd > div {
  padding: 0 0.9375rem;
}
.VqEs2 h3 {
  font-size: 0.75rem;
  margin: 1.5625rem 0 0.9375rem;
}
.VqEs2 .p {
  padding: 0.1875rem 0;
  line-height: 1.3;
}
.VqEs2 .p .btn + .btn {
  margin-left: 0.625rem;
}
.VqEs2 .help-btn {
  padding: 0;
  margin: 0 0.4em;
  border: none;
  background: none;
  color: var(--color-button-font);
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.VqEs2 .help-btn:hover {
  opacity: 0.7;
}
.VqEs2 .help-icon {
  margin: 0 0.4em;
}