.zhibo-page {
  --zhibo-red: #79312c;
  --zhibo-red-deep: #6f2926;
  --zhibo-cream: #f7f6f1;
  --zhibo-paper: #f8f6ef;
  --zhibo-ink: #372f2d;
  --zhibo-muted: #b1a391;
  --zhibo-blue: #5b6f7e;
  --zhibo-brown: #bc835b;
  --zhibo-orange: #a85928;
  --zhibo-line: #d2bea3;
  --zhibo-container: min(87.5rem, calc(100% - clamp(1.5rem, 5vw, 4rem)));
  background: var(--zhibo-cream);
  color: var(--zhibo-ink);
  font-family: "PingFang SC", "Noto Sans SC", Arial, sans-serif;
}

.zhibo-page a {
  color: #a3342c;
  text-decoration: none;
}

.zhibo-page .yygk-header__link,
.zhibo-page .yygk-header__link:hover,
.zhibo-page .yygk-header__link:focus,
.zhibo-page .yygk-header__link--active,
.zhibo-page .yygk-header__lang,
.zhibo-page .yygk-header__lang:hover,
.zhibo-page .yygk-header__lang:focus {
  color: #fff;
}

.zhibo-hero {
  position: relative;
  min-height: clamp(20rem, 25vw, 25.75rem);
  background-image: url("../lanhu/zhibo/img/66b10cb6e91746b38c285f4c6e145c9c_mergeImage.png");
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.zhibo-hero__shade {
  min-height: inherit;
  background-image: url("../lanhu/zhibo/img/SketchPng1b31cdc8c0c0da191851e2b5c8b1b3c758f925661b813cea6dd1c3872c6ef246.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left center;
}

.zhibo-hero__content {
  width: max(var(--yygk-header-container, var(--zhibo-container)), var(--yygk-header-min-width, var(--zhibo-container)));
  min-height: inherit;
  margin-left: var(--yygk-gutter, auto);
  margin-right: 0;
  padding: clamp(5.5rem, 7vw, 8.5rem) 0 clamp(1.75rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.zhibo-hero h1 {
  margin: 0;
  color: #efe7db;
  font-family: FZZHUNYSJW--GB1-0, "Noto Serif SC", serif;
  font-size: clamp(2.35rem, 3.2vw, 3.125rem);
  font-weight: 500;
  line-height: 1.05;
}

.zhibo-hero p {
  margin: clamp(1.25rem, 2vw, 1.7rem) 0 0;
  color: #fff4e3;
  font-family: SourceHanSerifCN-Medium, "Noto Serif SC", serif;
  font-size: clamp(1rem, 1.35vw, 1.25rem);
  font-weight: 500;
  line-height: 1.5;
}

.zhibo-hero__actions {
  margin-top: auto;
  display: flex;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex-wrap: wrap;
}

.zhibo-hero__action {
  position: relative;
  min-width: clamp(10.8rem, 14vw, 12.5rem);
  min-height: clamp(3.25rem, 4.5vw, 4.1875rem);
  padding: 0 clamp(1.2rem, 2vw, 1.7rem);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  isolation: isolate;
  color: #efe7db;
  font-family: SourceHanSerifCN-Medium, "Noto Serif SC", serif;
  font-size: clamp(1rem, 1.35vw, 1.25rem);
  font-weight: 500;
  background: url("../lanhu/zhibo/img/SketchPng22dc68276f5c73529542420aef4bd15617778288e1c31fe5b5ee0fd0f1ee63d6.png") center / 100% 100% no-repeat;
}

.zhibo-page .zhibo-hero__action {
  color: #efe7db;
}

.zhibo-hero__action::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: clamp(.28rem, .45vw, .35rem) clamp(.45rem, .7vw, .5rem);
  background: url("../lanhu/zhibo/img/SketchPng43c94dd7d78fe83dac04b96adc7e0d5a3aca2f3ff3a6e0f3fc8ff39c3bac5a3f.png") center / 100% 100% no-repeat;
}

.zhibo-hero__action > span {
  position: relative;
  z-index: 1;
}

.zhibo-hero__action--upcoming {
  background-image: url("../lanhu/zhibo/img/SketchPng8a3f49f410f2da4f2fd8225d5c88ae9f684ae21e7d07b68a7ea07310672e7b7d.png");
}

.zhibo-page .zhibo-hero__action--upcoming {
  color: var(--zhibo-ink);
}

.zhibo-hero__action--upcoming::before {
  background-image: url("../lanhu/zhibo/img/SketchPng535db054e9c79a38b7932682e166808fe9533ed805aba6d2139c3c024ea098f2.png");
}

.zhibo-hero__icon {
  flex: 0 0 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  background: url("../lanhu/zhibo/img/SketchPnga8c4d989ee4883cfc1bf5538eaa01d56795eeb8b4a349a0d20d33851f1d2ed51.png") center / contain no-repeat;
}

.zhibo-hero__action--upcoming .zhibo-hero__icon {
  height: 1.32rem;
  background-image: url("../lanhu/zhibo/img/SketchPngd0be5f73c9ebfd5fbab43cd5c4c395dd9e4c52ff387e7795fe1564534191b16e.png");
}

.zhibo-main {
  position: relative;
  background: var(--zhibo-cream);
  overflow: hidden;
}

.zhibo-main::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: clamp(19rem, 35vw, 39.6875rem);
  background-image: url("../lanhu/zhibo/img/SketchPng54a63ca15faef3379103beb61552a830cc510df6eda836ac39f833f6c274c32f.png");
  background-repeat: no-repeat;
  background-size: min(100vw, 119.5rem) auto;
  background-position: center top;
  pointer-events: none;
}

.zhibo-main__inner {
  position: relative;
  z-index: 1;
  width: max(var(--yygk-header-container, var(--zhibo-container)), var(--yygk-header-min-width, var(--zhibo-container)));
  margin-left: var(--yygk-gutter, auto);
  margin-right: 0;
  padding: clamp(2.6rem, 4vw, 3.125rem) 0 clamp(3.75rem, 6vw, 4.5rem);
}

html.fanyi-lang-en .zhibo-hero__content,
html.fanyi-lang-en .zhibo-main__inner {
  width: var(--zhibo-container);
  max-width: calc(100vw - clamp(1.5rem, 5vw, 4rem));
  margin-left: auto;
  margin-right: auto;
}

html.fanyi-lang-en .zhibo-hero h1 {
  max-width: min(100%, 52rem);
  font-size: clamp(2rem, 3vw, 2.75rem);
  line-height: 1.12;
  overflow-wrap: break-word;
}

html.fanyi-lang-en .zhibo-hero p {
  max-width: min(100%, 64rem);
  overflow-wrap: break-word;
}

html.fanyi-lang-en .zhibo-filter {
  min-height: 0;
  align-items: stretch;
}

html.fanyi-lang-en .zhibo-filter__row,
html.fanyi-lang-en .zhibo-search {
  align-items: flex-start;
  flex-wrap: wrap;
}

html.fanyi-lang-en .zhibo-filter__types a {
  width: auto;
  max-width: 100%;
  min-height: 2.25rem;
  white-space: normal;
  text-align: center;
}

html.fanyi-lang-en .zhibo-section__header {
  align-items: flex-start;
  flex-wrap: wrap;
}

html.fanyi-lang-en .zhibo-card h3 {
  min-height: 0;
}

html.fanyi-lang-en .zhibo-card h3 a {
  display: block;
  overflow: visible;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  overflow-wrap: break-word;
}

.zhibo-page .yygk-profile-breadcrumb {
  margin: 0 0 clamp(1.6rem, 3vw, 1.875rem);
}

.zhibo-filter {
  min-height: clamp(8.2rem, 10vw, 8.7rem);
  padding: clamp(1.1rem, 2vw, 1.35rem) clamp(1.1rem, 2vw, 1.4rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.25rem);
  background: var(--zhibo-paper) url("../lanhu/zhibo/img/SketchPng0b8b02ea00cb40fcbbff42f4e37016829b1debf8c0bbabcd895e85a082ef85a8.png") center / 100% 100% no-repeat;
}

.zhibo-filter__row,
.zhibo-search {
  display: flex;
  align-items: center;
  gap: clamp(.8rem, 1.6vw, 1rem);
}

.zhibo-filter__label,
.zhibo-search label {
  flex: 0 0 auto;
  color: var(--zhibo-ink);
  font-family: PingFangSC-Medium, "Noto Sans SC", sans-serif;
  font-size: clamp(.95rem, 1.2vw, 1rem);
  font-weight: 500;
  line-height: 1.8;
}

.zhibo-filter__types {
  display: flex;
  align-items: center;
  gap: clamp(.55rem, 1vw, 1rem);
  flex-wrap: wrap;
}

.zhibo-filter__types a {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-width: clamp(5.5rem, 7vw, 6.35rem);
  min-height: 2.125rem;
  padding: .38rem .8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #a3342c;
  font-size: .875rem;
  line-height: 1.4;
}

.zhibo-filter__types a::before,
.zhibo-filter__types a::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.zhibo-filter__types a::before {
  z-index: 0;
  inset: 11.4% 5.9%;
  clip-path: polygon(5% 0, 95% 0, 100% 20%, 100% 80%, 95% 100%, 5% 100%, 0 80%, 0 20%);
}

.zhibo-filter__types a::after {
  z-index: 1;
  inset: 0;
  background: url("../lanhu/zhibo/img/SketchPng271204450de5dc244250c0ef68839bd132382ec81bf1413c4933299a7030e426.png") center / 100% 100% no-repeat;
}

.zhibo-filter__types a.is-active::before {
  background: var(--zhibo-red);
}

.zhibo-filter__types a span {
  position: relative;
  z-index: 2;
}

.zhibo-filter__types a.is-active {
  color: #efe7db;
}

.zhibo-search__control {
  width: min(41rem, 100%);
  min-height: 2.375rem;
  display: flex;
  align-items: center;
  border: .08rem solid #bd9f78;
  border-radius: .25rem;
  background: rgba(255, 255, 255, .34);
}

.zhibo-search__control input {
  flex: 1 1 auto;
  min-width: 0;
  height: 2.25rem;
  padding: 0 1rem;
  border: 0;
  outline: 0;
  color: var(--zhibo-ink);
  background: transparent;
  font-size: .875rem;
}

.zhibo-search__control input::placeholder {
  color: var(--zhibo-muted);
}

.zhibo-search__control button {
  flex: 0 0 2.15rem;
  width: 2.15rem;
  height: 1.875rem;
  margin-right: .25rem;
  border: 0;
  border-radius: .2rem;
  background: #bd9f78;
  cursor: pointer;
}

.zhibo-search__control button span {
  position: relative;
  width: .9rem;
  height: .9rem;
  display: block;
  margin: 0 auto;
  border: .12rem solid #fff;
  border-radius: 50%;
}

.zhibo-search__control button span::after {
  content: "";
  position: absolute;
  width: .45rem;
  height: .12rem;
  right: -.35rem;
  bottom: -.15rem;
  border-radius: 999rem;
  background: #fff;
  transform: rotate(45deg);
}

.zhibo-section {
  margin-top: clamp(1.5rem, 2.8vw, 2.75rem);
  scroll-margin-top: 6rem;
}

.zhibo-section + .zhibo-section {
  margin-top: clamp(1.4rem, 2.4vw, 2rem);
}

.zhibo-section__header {
  min-height: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

.zhibo-section__header > div {
  display: flex;
  align-items: baseline;
  gap: clamp(.8rem, 1.5vw, 1.125rem);
  flex-wrap: wrap;
}

.zhibo-section h2 {
  margin: 0;
  color: #a3342c;
  font-family: SourceHanSerifCN-Medium, "Noto Serif SC", serif;
  font-size: clamp(1.35rem, 1.9vw, 1.5rem);
  font-weight: 500;
  line-height: 1.8;
}

.zhibo-section__header p {
  margin: 0;
  color: var(--zhibo-muted);
  font-size: clamp(.95rem, 1.2vw, 1rem);
  line-height: 1.5;
}

.zhibo-more {
  flex: 0 0 auto;
  min-width: clamp(6.8rem, 9vw, 8.25rem);
  min-height: 2.75rem;
  padding: .65rem 1.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #a3342c;
  font-family: FZZHUNYSJW--GB1-0, "Noto Sans SC", sans-serif;
  font-size: 1rem;
  background: url("../lanhu/zhibo/img/SketchPng2d0aa41719a762c02df40414040995fe7491e8d5bb7384a6519836cf78799bfb.png") center / 100% 100% no-repeat;
}

.zhibo-grid {
  margin-top: clamp(1.25rem, 2.2vw, 1.875rem);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(.9rem, 1.4vw, 1.125rem);
}

.zhibo-card {
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: .35rem;
}

.zhibo-card__media {
  position: relative;
  aspect-ratio: 336 / 200;
  display: block;
  overflow: hidden;
  background: #ece7dc;
  border-radius: .5rem .5rem 0 0;
}

.zhibo-card__media::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 33.5%;
  z-index: 1;
  background: linear-gradient(180deg, rgba(30, 21, 18, .4), rgba(30, 21, 18, 0));
}

.zhibo-card__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .2s ease;
}

.zhibo-card:hover .zhibo-card__media img {
  transform: scale(1.025);
}

.zhibo-card__badge {
  position: absolute;
  z-index: 2;
  top: .65rem;
  right: .65rem;
  min-width: 7.5rem;
  min-height: 2rem;
  padding: .35rem .75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .38rem;
  border-radius: 999rem;
  color: #fff;
  background: var(--zhibo-brown);
  font-size: .875rem;
  line-height: 1.4;
  background-clip: padding-box;
  box-shadow: 0 0 0 .02rem transparent;
  transform: translateZ(0);
}

.zhibo-card__badge::before {
  content: "";
  flex: 0 0 1rem;
  width: 1rem;
  height: 1rem;
  background: url("../lanhu/zhibo/img/SketchPng14f0afb31bf2f928f08cd6854e730fe3af474a1ca1f397a8451d641d14abcb37.png") center / contain no-repeat;
}

.zhibo-card--live .zhibo-card__badge {
  color: #efe7db;
  background: #79312c;
}

.zhibo-card--live .zhibo-card__badge::before {
  background-image: url("../lanhu/zhibo/img/SketchPng160a4740da879eadcf555cfb59f374c3beafb86cfa2a208bd3310c20d2e67028.png");
}

.zhibo-card--replay .zhibo-card__badge {
  background: var(--zhibo-blue);
}

.zhibo-card--replay .zhibo-card__badge::before {
  background-image: url("../lanhu/zhibo/img/SketchPng83b3b506f862138199325122b751b8c071e7672dd183cb14e48b40ed3f36eee5.png");
}

.zhibo-card__body {
  flex: 1 1 auto;
  padding: clamp(.75rem, 1.2vw, .95rem);
  display: flex;
  flex-direction: column;
}

.zhibo-card h3 {
  min-height: 3.15rem;
  margin: 0;
  color: var(--zhibo-ink);
  font-family: PingFangSC-Medium, "Noto Sans SC", sans-serif;
  font-size: clamp(1rem, 1.25vw, 1.125rem);
  font-weight: 500;
  line-height: 1.4;
}

.zhibo-card h3 a {
  color: #a3342c;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.zhibo-card__type {
  align-self: flex-start;
  margin-top: clamp(.45rem, 1vw, .85rem);
  min-height: 2rem;
  padding: .35rem .85rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999rem;
  color: #a3342c;
  background: #fff4f3;
  font-size: .875rem;
  line-height: 1.4;
}

.zhibo-card__type--2 {
  color: var(--zhibo-blue);
  background: #f3f9fd;
}

.zhibo-card__type--3,
.zhibo-card__type--4 {
  color: var(--zhibo-orange);
  background: #fff5ef;
}

.zhibo-card__meta {
  margin-top: auto;
  padding-top: clamp(.75rem, 1.6vw, 1.15rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  color: var(--zhibo-blue);
  font-size: .875rem;
  line-height: 1.4;
}

.zhibo-card__meta span {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: .38rem;
  white-space: nowrap;
}

.zhibo-card__meta img {
  width: 1rem;
  height: 1rem;
  object-fit: contain;
}

.zhibo-empty {
  grid-column: 1 / -1;
  min-height: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--zhibo-muted);
  border: .08rem solid rgba(210, 190, 163, .7);
  border-radius: .5rem;
  background: rgba(255, 255, 255, .48);
}

.zhibo-status-page .zhibo-main__inner {
  padding-top: clamp(2.35rem, 4vw, 3rem);
}

.zhibo-status-filter {
  margin-top: 0;
}

.zhibo-status-list {
  margin-top: clamp(1.45rem, 3vw, 2.25rem);
}

.zhibo-status-grid {
  margin-top: 0;
}

.zhibo-status-pagination {
  margin-top: clamp(1.9rem, 3.2vw, 3rem);
  display: flex;
  justify-content: center;
}

.zhibo-status-pagination__list {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(.9rem, 1.45vw, 1.8rem);
  list-style: none;
}

.zhibo-status-pagination__list li > a,
.zhibo-status-pagination__list li > span {
  width: 2.0625rem;
  height: 2.0625rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: .08rem solid #bd9f78;
  border-radius: .25rem;
  color: var(--zhibo-ink);
  font-family: PingFangSC-Regular, "Noto Sans SC", sans-serif;
  font-size: 1rem;
  line-height: 1.35;
  background: rgba(255, 255, 255, .2);
}

.zhibo-status-pagination__list li.active > a,
.zhibo-status-pagination__list li.active > span {
  color: #efe7db;
  border-color: var(--zhibo-red);
  background: var(--zhibo-red);
}

.zhibo-status-page-arrow {
  width: .5rem;
  height: .875rem;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.zhibo-status-page-arrow--prev {
  background-image: url("../lanhu/zhibo/img/SketchPng41f5493ed5f19c521ca6aaebd1699d27c9a4d35c0699b736f59fc75f8cabec44.png");
}

.zhibo-status-page-arrow--next {
  background-image: url("../lanhu/zhibo/img/SketchPngdfbca45dab21ec3002429a989f65c2ae81732d64fc6b99dab0200a4f247bc052.png");
}

.zhibo-notice {
  margin-top: clamp(3rem, 5vw, 4rem);
  min-height: clamp(16rem, 22vw, 19.3125rem);
  padding: clamp(1.25rem, 2vw, 1.7rem);
  border: .08rem solid var(--zhibo-line);
  border-radius: .5rem;
  background: #fbf9f1 url("../lanhu/zhibo/img/989a292feed34bfc80e6f80171e7e883_mergeImage.png") center / cover no-repeat;
}

.zhibo-notice__header {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
}

.zhibo-notice__icon {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: url("../lanhu/zhibo/img/SketchPng267f8fc49d10e76252aeb625404fbb9bd86bb2327d4b12da523519becebcc80e.png") center / contain no-repeat;
}

.zhibo-notice h2 {
  margin: 0;
  color: #a3342c;
  font-family: SourceHanSerifCN-Medium, "Noto Serif SC", serif;
  font-size: clamp(1.35rem, 1.9vw, 1.5rem);
  font-weight: 500;
  line-height: 1.8;
}

.zhibo-notice__body {
  width: min(100%, 66.5rem);
  margin: clamp(2rem, 3vw, 2.75rem) auto 0;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1fr);
  gap: clamp(2.5rem, 7vw, 7.5rem);
}

.zhibo-notice__title {
  position: relative;
  min-height: 1.6rem;
  margin: 0 0 clamp(.8rem, 1.4vw, 1rem);
  display: flex;
  align-items: center;
  justify-content: center;
}

.zhibo-notice__title h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0 .75rem;
  color: var(--zhibo-ink);
  font-family: PingFangSC-Medium, "Noto Sans SC", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4;
  background: rgba(251, 249, 241, .72);
}

.zhibo-notice__title-line {
  flex: 0 0 auto;
  height: .5rem;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}

.zhibo-notice__title-line--wide {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(13.5rem, 100%);
  transform: translate(-50%, -50%);
  background-image: url("../lanhu/zhibo/img/SketchPngdb9cb854ce0d1e98ccd922db5b08d06dd14d735c2545d028011035adc61341a8.png");
}

.zhibo-notice__title-line--left,
.zhibo-notice__title-line--right {
  width: 2.95rem;
}

.zhibo-notice__title-line--left {
  background-image: url("../lanhu/zhibo/img/SketchPngb1c38a66b5917fe77b68da2cf358dc0ffc23ea79b16f8bb110407c98ba1808af.png");
}

.zhibo-notice__title-line--right {
  background-image: url("../lanhu/zhibo/img/SketchPngbfcca0e71ebe98349649ec65eba9795cc0a81447f1dc15b76477c1419c7ad5c5.png");
}

.zhibo-notice ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.zhibo-notice__col--view ul,
.zhibo-notice__col--apply ul {
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
}

.zhibo-notice li {
  position: relative;
  padding-left: 1rem;
  color: var(--zhibo-ink);
  font-size: .9375rem;
  line-height: 2.4;
}

.zhibo-notice li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1em;
  width: .38rem;
  height: .38rem;
  border-radius: 50%;
  background: var(--zhibo-red);
}

@media (max-width: 74rem) {
  .zhibo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .zhibo-filter__row,
  .zhibo-search {
    align-items: flex-start;
    flex-direction: column;
  }

  .zhibo-search__control {
    width: 100%;
  }

  .zhibo-notice__body {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}

@media (max-width: 48rem) {
  .zhibo-page {
    --zhibo-container: min(100% - 1.5rem, 42rem);
  }

  .zhibo-main__inner {
    width: var(--zhibo-container);
    margin: 0 auto;
  }

  .zhibo-hero {
    min-height: 21rem;
  }

  .zhibo-hero__shade {
    background-size: auto 100%;
    background-color: rgba(121, 49, 44, .22);
  }

  .zhibo-hero__content {
    width: var(--zhibo-container);
    margin: 0 auto;
    padding-top: 4.5rem;
  }

  .zhibo-hero__actions {
    width: 100%;
  }

  .zhibo-hero__action {
    flex: 1 1 100%;
  }

  .zhibo-main::before {
    opacity: .55;
  }

  .zhibo-filter {
    background-size: cover;
  }

  .zhibo-section__header,
  .zhibo-section__header > div {
    align-items: flex-start;
    flex-direction: column;
    gap: .35rem;
  }

  .zhibo-more {
    min-width: 0;
  }

  .zhibo-grid {
    grid-template-columns: 1fr;
  }

  .zhibo-card__badge {
    min-width: auto;
  }

  .zhibo-card__meta {
    align-items: flex-start;
    flex-direction: column;
  }

  .zhibo-status-pagination__list {
    flex-wrap: wrap;
    gap: .65rem;
  }
}