/* 集市首屏 · 仅供 market.html 使用，避免影响其他页面。 */
.market-hero h1 {
  padding-bottom:0;
}

.market-hero-layout {
  display:grid;
  grid-template-columns:minmax(300px, .86fr) minmax(480px, 1.34fr);
  align-items:center;
  gap:64px;
}

.market-hero-copy {
  min-width:0;
}

.market-hero-figure {
  position:relative;
  width:100%;
  height:198px;
  margin:0;
  padding:0;
}

.market-hero-figure-kicker,
.market-hero-figure-caption {
  font-family:'Inter','Noto Sans SC',sans-serif;
  font-size:10px;
  line-height:1;
  letter-spacing:.24em;
  color:var(--folio-ink-2);
}

.market-hero-figure-kicker {
  position:absolute;
  left:2%;
  top:0;
  margin:0;
}

.market-hero-figure-art {
  position:absolute;
  left:0;
  right:0;
  top:25px;
  height:126px;
}

.market-hero-paper {
  position:absolute;
  display:block;
  border:1px solid var(--folio-rule-strong);
}

.market-hero-paper-back {
  left:27%;
  top:25px;
  width:90px;
  aspect-ratio:.7 / 1;
  background:var(--folio-rose);
  transform:rotate(-4deg);
}

.market-hero-paper-main {
  left:31%;
  top:0;
  width:126px;
  aspect-ratio:1 / 1;
  background:
    linear-gradient(90deg, rgba(21,21,21,.025) 1px, transparent 1px) 0 0 / 24px 24px,
    linear-gradient(0deg, rgba(21,21,21,.02) 1px, transparent 1px) 0 0 / 24px 24px,
    var(--folio-blue);
  z-index:2;
}

.market-hero-sun {
  position:absolute;
  left:49%;
  top:34px;
  width:52px;
  aspect-ratio:1 / 1;
  border-radius:999px;
  background:var(--folio-yellow);
  z-index:1;
}

.market-hero-line {
  position:absolute;
  left:0;
  top:16px;
  width:96%;
  height:84px;
  overflow:visible;
  z-index:3;
}

.market-hero-line path {
  fill:none;
  stroke:var(--folio-ink);
  stroke-width:1.1;
  vector-effect:non-scaling-stroke;
}

.market-hero-register-dot {
  position:absolute;
  left:62%;
  top:8px;
  width:6px;
  height:6px;
  border-radius:999px;
  background:var(--folio-seal);
  z-index:4;
}

.market-hero-figure-caption {
  position:absolute;
  left:2%;
  top:163px;
  margin:0;
  white-space:nowrap;
}

.market-hero-shelf-register {
  position:absolute;
  left:2%;
  top:184px;
  display:flex;
  align-items:flex-end;
  gap:14px;
  margin:0;
}

.market-hero-shelf-register i {
  display:block;
  width:3px;
  height:10px;
  border:1px solid rgba(21,21,21,.07);
  background:var(--folio-blue);
}

.market-hero-shelf-register i:nth-child(2) { height:8px; background:var(--folio-rose); }
.market-hero-shelf-register i:nth-child(3) { height:11px; background:var(--folio-yellow); }
.market-hero-shelf-register i:nth-child(4) { height:9px; background:#8FC4DA; }
.market-hero-shelf-register i:nth-child(5) { height:7px; background:var(--folio-sheet); }
.market-hero-shelf-register i:nth-child(6) { height:10px; background:#DBEAF0; }
.market-hero-shelf-register i:nth-child(7) { height:8px; background:var(--folio-green); }
.market-hero-shelf-register i:nth-child(8) { height:11px; background:#fff; }

.market-hero-shelf-number {
  position:absolute;
  right:3%;
  top:26px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  color:var(--folio-ink);
}

.market-hero-shelf-number span {
  font-family:'Bodoni 72','Cormorant Garamond','Noto Serif SC',serif;
  font-size:70px;
  line-height:.78;
  font-weight:400;
}

.market-hero-shelf-number small {
  margin-top:10px;
  font-family:'Inter','Noto Sans SC',sans-serif;
  font-size:9px;
  letter-spacing:.28em;
  color:var(--folio-ink-2);
}

@media (max-width:1180px) {
  .market-hero-layout {
    grid-template-columns:minmax(280px, .75fr) minmax(420px, 1.25fr);
    gap:36px;
  }
}

@media (max-width:960px) {
  .market-hero-layout {
    grid-template-columns:1fr;
    gap:42px;
  }

  .market-hero-figure {
    width:min(100%, 430px);
    margin:0;
  }

  .market-hero-shelf-number {
    right:0;
  }
}

@media (max-width:560px) {
  .market-hero-figure {
    width:100%;
    height:198px;
    transform:scale(.92);
    transform-origin:left top;
    margin-bottom:-12px;
  }
}