@font-face {
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  src:
    url('https://info.compassedu.hk/pc/font/AlibabaPuHuiTi-2.0-65-Medium.ttf') format('truetype')
}

@font-face {
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  src:
    url('https://info.compassedu.hk/pc/font/AlibabaPuHuiTi-2.0-45-Light.ttf') format('truetype')
}

@font-face {
  font-family: 'AlibabaPuHuiTi-2-95-ExtraBold';
  src:
    url('https://info.compassedu.hk/pc/font/Alibaba-PuHuiTi-2.0-95-ExtraBold.ttf') format('truetype')
}

@font-face {
  font-family: 'AlibabaPuHuiTi_2_105_Heavy';
  src: url('https://info.compassedu.hk/pc/font/AlibabaPuHuiTi-2-105-Heavy.eot');
  src:
    url('https://info.compassedu.hk/pc/font/AlibabaPuHuiTi-2-105-Heavy.eot?#iefix') format('embedded-opentype'),
    url('https://info.compassedu.hk/pc/font/AlibabaPuHuiTi-2-105-Heavy.woff') format('woff'),
    url('https://info.compassedu.hk/pc/font/AlibabaPuHuiTi-2-105-Heavy.ttf') format('truetype')
}

@font-face {
  font-family: "Alibaba-PuHuiTi-2-85-bold";
  src: url("https://info.compassedu.hk/pc/font/AlibabaPuHuiTi-2-85-Bold.eot");
  src: url("https://info.compassedu.hk/pc/font/AlibabaPuHuiTi-2-85-Bold.eot?#iefix") format("embedded-opentype"),
    url("https://info.compassedu.hk/pc/font/AlibabaPuHuiTi-2-85-Bold.woff") format("woff"),
    url("https://info.compassedu.hk/pc/font/AlibabaPuHuiTi-2-85-Bold.ttf") format("truetype"),
}

.report-page {
  width: 100vw;
  min-height: 100vh;
  padding: 1.05rem 0.28rem 0.68rem;
  box-sizing: border-box;
  background: #f8fafc;
  color: #0F172A;
  position: relative;
  background-image: url("https://info.compassedu.hk/znz-app/admission_report/header-bg.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position-y: calc(1.05rem - 0.88rem);
  transition: opacity .16s ease;
}

body.report-initializing {
  background: #f8fafc;
}

body.report-initializing .report-page {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.report-menu-icon {
  position: fixed;
  right: calc(50vw - 3.75rem + 0.4rem);
  bottom: 20%;
  z-index: 19;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.03rem !important;
  height: 1.03rem !important;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: opacity .16s ease, visibility .16s ease;
}

.report-menu-icon .icon-navigation {
  display: block;
  margin: 0 !important;
  color: #fff !important;
  font-size: 0.7rem !important;
  line-height: 1 !important;
  text-align: center;
}

body.report-initializing .report-menu-icon {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.report-page .headfix {
  max-width: 100vw;
}

.my-drawer {
  position: relative;
  z-index: 1000;
}

.am-drawer-overlay {
  position: fixed;
  inset: 0;
  z-index: 998;
  visibility: hidden;
  opacity: 0;
  background: rgba(0, 0, 0, .45);
  transition: opacity .2s ease, visibility .2s ease;
}

.head-main {
  height: 0.88rem;
  margin-left: -0.04rem;
  display: flex;
  align-items: center;
}

.btn-back {
  margin-left: 0.06rem;
  width: 0.20rem;
  height: 0.20rem;
  border-left: 0.05rem solid #1F0E0C;
  border-bottom: 0.05rem solid #1F0E0C;
  transform: rotate(45deg);
}

.hero {
  position: relative;
  min-height: 1.48rem;
  /* padding: 0 0.3rem 1.92rem; */
  padding: 0 0.3rem 0;
  overflow: hidden;
  box-sizing: border-box;
}

.hero-copy {
  position: relative;
  z-index: 1;
}

.eyebrow {
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  font-size: 0.4rem;
  line-height: 0.52rem;
  color: #0F172A;
}

.eyebrow-blue {
  color: #0c32f6;
}

.eyebrow-report {
  color: #0F172A;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  font-size: 0.4rem;
  line-height: 0.52rem;
}


.hero-tags {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 0.12rem;
  margin-top: 0.16rem;
}

.hero-tag {
  display: inline-flex;
  align-items: center;
  height: 0.36rem;
  padding: 0 0.16rem;
  border-radius: 0.2rem;
  background: rgba(12, 50, 246, .08);
  color: #0C32F6;
  font-size: 0.2rem;
  line-height: 0.36rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
}

.search-card {
  border-radius: 1.2rem;
  border: 0.02rem solid #E2E8F0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.24rem 0.24rem 0.24rem 0.56rem;
  margin-bottom: 0.32rem;
  box-sizing: border-box;
}

.entry-title,
.entry-desc {
  display: block;
}

.entry-title {
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-weight: 500;
  font-size: 0.28rem;
  color: #0F172A;
  line-height: 0.4rem;
}

.entry-desc {
  margin-top: 0.08rem;
  font-size: 0.22rem;
  line-height: 0.3rem;
  color: #475569;
  font-weight: 300;
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  
}

.entry-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.8rem;
  height: 0.8rem;
  border: 0;
  border-radius: 50%;
  background: #6D84FA;
}

.entry-icon {
  width: 0.8rem;
  height: 0.8rem;
  object-fit: contain;
}

.panel {
  border-radius: 0.16rem;
  /* border: 0.02rem solid #E2E8F0; */
  background: #fff;
  padding: 0.32rem 0.28rem;
  margin-bottom: 0.24rem;
  box-sizing: border-box;
}

.offer-panel {
  overflow: visible;
}

.tint-panel {
  background: linear-gradient(174.66deg, rgba(144, 216, 255, 0.2) 5.39%, rgba(255, 255, 255, 0.2) 28.18%, #FFFFFF 100%);
  border: Mixed solid #E2E8F0;
}

.panel-title {
  display: flex;
  align-items: center;
  margin-bottom: 0.28rem;
}

.tint-panel .panel-title {
  margin-bottom: 0.4rem;
}

.title-img {
  flex: 0 0 auto;
  width: 6.68rem;
  height: 0.48rem;
  object-fit: contain;
}

.metrics,
.offer-metrics {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.metric-card {
  text-align: center;
  width: 1.54rem;
  height: 1.16rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.metric-value {
  display: block;
  font-size: 0.36rem;
  line-height: 0.4rem;
  color: #0F172A;
  font-family: 'AlibabaPuHuiTi-2-95-ExtraBold';
  font-weight: 800;
}

.metric-value-unit {
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  font-size: 0.22rem;
  line-height: 0.36rem;
  color: #0F172A;
  margin-left: 0.04rem;
}

.metric-label {
  display: block;
  margin-top: 0.08rem;
  font-size: 0.22rem;
  line-height: 0.28rem;
  color: #64748B;
}

.metric-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.08rem;
  height: 0.4rem;
  margin: 0 0.04rem;
}

.metric-divider img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.notice-box {
  position: relative;
  margin: 0 auto;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-height: 3.98rem;
  margin-top: -0.06rem;
}

.notice-box > * {
  position: relative;
  z-index: 1;
}

.notice-title {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.notice-list {
  margin-top: -0.26rem;
  margin-top: -0.16rem;
  background: linear-gradient(180deg, #e6f2ff 0%, rgba(225, 240, 255, 0) 100%);
  padding: 0.12rem 0.24rem 0.24rem;
  border-radius: 0 0 0.16rem 0.16rem;
}

.notice-item,
.desc {
  font-size: 0.24rem;
  line-height: 0.4rem;
  color: #1E293B;
}

.notice-item.strong {
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
}

.notice-item {
  position: relative;
  padding-left: 0.32rem;
}

.notice-item + .notice-item {
  margin-top: 0.24rem;
}

.notice-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.08rem;
  width: 0.24rem;
  height: 0.24rem;
  background: url("https://info.compassedu.hk/znz-app/admission_report/sijiaoxing.png") center / contain no-repeat;
}

.rank-row {
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
  align-items: baseline;
  margin-top: 0.4rem;
  font-size: 0.26rem;
  line-height: 0.36rem;
}

.rank-name {
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #0F172A;
  margin-right: 0.16rem;
  text-decoration: none;
}

.rank-meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  white-space: nowrap;
  line-height: 0.36rem;
}

.rank-meta-count {
  color: #0F172A;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-size: 0.24rem;
  font-weight: 600;
}

.rank-meta-label {
  color: #64748B;
  font-size: 0.24rem;
  font-weight: 400;
}

.rank-meta-rate {
  color: #0C32F6;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-size: 0.24rem;
  font-weight: 600;
}

.progress {
  height: 0.32rem;
  margin-top: 0.12rem;
  border-radius: 0.4rem;
  background: #f8fafc;
  border: 0.012rem solid #E2E8F0;
  overflow: hidden;
  padding: 0.04rem 0;
  box-sizing: border-box;
}

.progress-bar {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(158, 173, 251, 0.2) 0%, #9EADFB 100%);
}

.desc {
  margin-top: 0.4rem;
  padding: 0.24rem;
  border-radius: 0.12rem;
  background: #E1F1FF80;
  font-size: 0.22rem;
  line-height: 0.36rem;
  color: #475569;
}

.desc .strong {
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
}

.desc b {
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
}

.legend {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.2rem;
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: #64748B;
}

.trend-panel .panel-title {
  margin-bottom: 0.36rem;
}

.legend-item {
  display: inline-flex;
  align-items: center;
  gap: 0.04rem;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

.legend-item.is-muted {
  opacity: .35;
}

.legend-item.is-selected {
  color: #0F172A;
}

.legend-icon {
  width: 0.32rem;
  height: 0.2rem;
  object-fit: contain;
}

.legend-item-apply::before,
.legend-item-delivery::before {
  content: "";
  width: 0.24rem;
  height: 0.24rem;
  background: #9EADFB;
  border-radius: 0.04rem;
}

.chart-tip {
  min-width: calc(2.44rem - 0.48rem);
  box-sizing: border-box;
}

.chart-tip-title {
  margin-bottom: 0.16rem;
  color: #475569;
  font-size: 0.2rem;
  line-height: 0.24rem;
}

.chart-tip-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.44rem;
  margin-top: 0.16rem;
  color: #94A3B8;
  white-space: nowrap;
  font-size: 0.2rem;
  line-height: 0.24rem;
}

.chart-tip-label {
  display: inline-flex;
  align-items: center;
  gap: 0.08rem;
}

.chart-tip-value {
  color: #0F172A;
  font-style: normal;
}

.chart-tip-icon {
  display: inline-block;
  flex: 0 0 auto;
}

.chart-tip-row .bar-dot {
  width: 0.22rem;
  height: 0.22rem;
  border-radius: 0.04rem;
  background: #9EADFB;
}

.chart-tip-row .line-dot {
  width: 0.28rem;
  height: 0.16rem;
  background: url("https://info.compassedu.hk/znz-app/admission_report/legend_luqu.png") center / contain no-repeat;
}

.chart {
  width: 100%;
  height: 3.92rem;
}

.chart.short {

}

.offer-metrics {
  margin-top: 0.44rem;
  margin-bottom: 0.42rem;
  gap: 0.16rem;
}

.offer-metric-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-height: 1.68rem;
  padding: 0.4rem 0.12rem 0.24rem;
  box-sizing: border-box;
  border-radius: 0.08rem;
  background: linear-gradient(180deg, #FFFFFF 0%, #EAF3FF 100%);
  text-align: center;
}

.offer-metric-value,
.offer-metric-second-value {
  min-height: 0.4rem;
  color: #0F172A;
  font-family: 'AlibabaPuHuiTi_2_105_Heavy';
  font-size: 0.36rem;
  line-height: 0.4rem;
  font-weight: 900;
}

.offer-metric-label {
  margin-top: 0.12rem;
  color: #64748B;
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: 0.22rem;
  line-height: 0.28rem;
  font-weight: 400;
}

.tabs {
  padding: 0 0.04rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.36rem;
  font-size: 0.28rem;
  line-height: 0.36rem;
  color: #64748B;
  font-weight: 700;
  font-family: "Alibaba-PuHuiTi-2-85-bold";
  text-align: center;
}

.offer-tab {
  cursor: pointer;
  transition: color .16s ease;
  background: transparent;
  color: inherit;
  font: inherit;
  border: none;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

.offer-tab:hover,
.offer-tab:active,
.offer-tab:focus {
  background: transparent;
  outline: none;
  box-shadow: none;
}

.tabs .active {
  color: #0F172A;
}

.offer-card-viewport {
  position: relative;
  width: 100%;
  touch-action: pan-y;
}

.offer-card-viewport::-webkit-scrollbar {
  display: none;
}

.offer-card-track {
  position: relative;
  width: 100%;
}

.offer-card {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0.42rem 0.32rem 0.36rem;
  border-radius: 0.16rem 0.16rem 0.16rem 0;
  background: #fff;
  box-shadow: 0 0.08rem 0.24rem 0 #E2E8F099;
  transform-origin: top left;
  transition: transform .24s ease, opacity .24s ease;
  will-change: transform, opacity;
}

.offer-card-content {
  transition: opacity .12s ease;
}

.offer-card--ghost .offer-card-content {
  opacity: 0;
  visibility: hidden;
}

.offer-card--ghost {
  overflow: hidden;
}

/* Donut Chart */
.donut-wrap {
  display: grid;
  grid-template-columns: 42% 58%;
  align-items: center;
  min-height: 3.2rem;
}

.donut-box {
  position: relative;
  width: 100%;
  height: 3rem;
}

.donut {
  width: 100%;
  height: 3rem;
}

.donut-list {
  list-style: none;
  padding: 0.14rem 0;
  padding-left: 0.08rem;
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: #0F172A;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
}

.offer-type-item {
  position: relative;
  display: grid;
  grid-template-columns: 0.18rem minmax(0, 1fr) auto;
  column-gap: 0.08rem;
  align-items: start;
  margin-bottom: 0.32rem;
}

.offer-type-item:last-child {
  margin-bottom: 0;
}

.offer-type-item--first {
  /* padding-top: 0.14rem; */
}

.offer-type-color {
  width: 0.18rem;
  height: 0.18rem;
  margin-top: 0.08rem;
  border-radius: 0.04rem;
}

.offer-type-main {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  min-width: 0;
}

.offer-type-label {
  display: inline;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-all;
}

.offer-type-count {
  display: inline-flex;
  align-items: baseline;
  white-space: nowrap;
}

.offer-type-separator {
  margin-left: 0.08rem;
  margin-right: 0.08rem;
}

.offer-type-people {
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
}

.offer-type-rate {
  font-style: normal;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  white-space: nowrap;
}

/* Rate Block */
.sub-title {
  margin-bottom: 0.32rem;
  font-size: 0.28rem;
  line-height: 0.36rem;
  font-weight: 500;
  color: #1E293B;
  font-family: "AlibabaPuHuiTi-2-65-Medium";
}

.offer-type-desc {
  margin-top: 0.32rem;
  font-weight: 400;
  font-size: 0.22rem;
  line-height: 0.36rem;
  color: #475569;
  margin-bottom: 0.52rem;
}

.offer-type-desc b {
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
}

.rate-block {
  /* margin-top: 0.52rem; */
}

.rate-row + .rate-row {
  margin-top: 0.32rem;
}

.rate-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.24rem;
  margin-bottom: 0.12rem;
  font-size: 0.26rem;
  line-height: 0.36rem;
}

.rate-label {
  color: #475569;
  font-weight: 600;
  font-family: PingFangSC-Semibold, PingFang SC;
}

.rate-meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  white-space: nowrap;
  line-height: 0.36rem;
}

.rate-meta-count {
  color: #475569;
  font-size: 0.24rem;
  font-weight: 600;
  font-family: PingFangSC-Semibold, PingFang SC;
}

.rate-meta-label {
  color: #94A3B8;
  font-size: 0.24rem;
  font-weight: 400;
  font-family: PingFangSC-Regular, PingFang SC;
}

.rate-meta-value {
  color: #0C32F6;
  font-size: 0.24rem;
  font-weight: 600;
  /* font-family: PingFangSC-Semibold, PingFang SC; */
  margin-left: 0.08rem;
  font-style: normal;
}

.rate-track {
  --rate: 0%;
  --rate-bar-bg: #9EADFB;
  display: flex;
  align-items: stretch;
  width: 100%;
  height: 0.32rem;
}

.rate-bar,
.rate-bar-rest {
  position: relative;
  display: block;
  height: 100%;
  font-style: normal;
}

.rate-bar {
  flex: 0 0 var(--rate);
  min-width: 0.1rem;
  max-width: calc(100% - 0.72rem);
  border-radius: 0.08rem 0 0 0.08rem;
  background: var(--rate-bar-bg);
}

.rate-bar::after {
  content: '';
  position: absolute;
  top: 0;
  right: -0.1rem;
  width: 0.1rem;
  height: 100%;
  background: url("https://info.compassedu.hk/znz-app/admission_report/rate-bar-after.png") center / 100% 100% no-repeat;
}

.rate-bar-rest {
  flex: 1 1 0;
  min-width: 0.72rem;
  margin-left: 0.3rem;
  border-radius: 0 0.08rem 0.08rem 0;
  background: #f1f5f9;
}

.rate-bar-rest::before {
  content: '';
  position: absolute;
  top: 0;
  left: -0.12rem;
  width: 0.12rem;
  height: 100%;
  background: url("https://info.compassedu.hk/znz-app/admission_report/rate-bar-before.png") center / 100% 100% no-repeat;
}

.rate-track--full .rate-bar {
  flex: 1 1 auto;
  max-width: 100%;
  border-radius: 0.08rem;
}

.rate-track--full .rate-bar::after,
.rate-track--full .rate-bar-rest {
  display: none;
}

.rate-track--empty .rate-bar {
  display: none;
}

.rate-track--empty .rate-bar-rest {
  flex: 1 1 auto;
  margin-left: 0;
  border-radius: 0.08rem;
}

.rate-track--empty .rate-bar-rest::before {
  display: none;
}

.swipe-tip {
  margin-top: 0.2rem;
  text-align: center;
  font-size: 0.2rem;
  line-height: 0.36rem;
  color: #94A3B8;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
}

/* Ranking Panel */
.ranking-panel {
  padding-bottom: 0.4rem;
}
.ranking-panel .panel-title {
  margin-bottom: 0.2rem;
}
.ranking-panel .desc {
  margin-top: 0.12rem;
}
.case-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 0.26rem;
  line-height: 0.36rem;
  color: #1E293B;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
}

.case-col-school {
  width: auto;
}

.case-col-apply {
  width: 1.44rem;
}

.case-col-sort,
.case-col-rate {
  width: 1.08rem;
}

.case-table thead {
  background: linear-gradient(90deg, rgba(247, 249, 251, 0) 0%, #F7F9FB 51.44%, rgba(247, 249, 251, 0) 100%);
}

.case-head {
  padding: 0.2rem 0;
  color: #94A3B8;
  font-size: 0.24rem;
  text-align: left;
  font-weight: 400;
  font-family: PingFangSC-Regular, PingFang SC;
}

.case-cell {
  padding: 0.28rem 0;
  border-bottom: 0.02rem solid #E2E8F0;
}

.case-table tbody tr:last-child .case-cell {
  border-bottom: 0;
}

.case-head--right,
.case-cell--right {
  text-align: right;
}

.case-school {
  position: relative;
  display: inline-block;
}

.gated-section {
  position: relative;
  overflow: hidden;
}

.report-locked .gated-section > *:not(.login-overlay):not(.panel-title) {
  filter: blur(0.12rem);
  pointer-events: none;
  user-select: none;
}

.login-overlay {
  position: absolute;
  inset: 0.8rem 0 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, .28);
}

.login-overlay > div {
  width: 3.4rem;
  padding: 0.48rem 0.24rem;
  border-radius: 0.16rem;
  background: #fff;
  box-shadow: 0 0.08rem 0.4rem 0 #E2E8F080;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.16rem;
}

.login-overlay p {
  margin: 0;
  color: #0F172A;
  font-size: 0.28rem;
  line-height: 0.48rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
}

.login-overlay button {
  width: 1.8rem;
  height: 0.64rem;
  border: 0;
  border-radius: 0.08rem;
  background: #0C32F6;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.48rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
}

.report-load-error {
  margin-top: 1.6rem;
  padding: 0.48rem 0.32rem;
  border-radius: 0.16rem;
  background: #fff;
  color: #0F172A;
  text-align: center;
}

.delivery-panel .panel-title {
  margin-bottom: 0.24rem;
}

@media (max-width: 6.8rem) {
  .report-page {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }

  .hero {
    background-size: 3.08rem auto;
  }

  .hero h1 {
    font-size: 0.44rem;
  }

  .metric-value {
    font-size: 0.3rem;
  }
}