/* V23 owns only the 01 Hero left information structure. V22 remains the rollback marker. */

@media (min-width: 901px) {
  .qingke-v23-page .QingkeCaseDetail_heroOverlay__R3gXv {
    width: min(44vw, 640px);
    padding: 68px var(--q-left-pad) 28px;
  }

  .qingke-v23-page .qingke-v23-hero-copy {
    max-width: none;
    margin-top: 116px;
    padding: 22px 0 0;
  }

  .qingke-v23-page .qingke-v23-hero-brand {
    margin: 18px 0 10px;
    color: var(--q-ink);
    font-family: "Qingke Noto Sans SC", sans-serif;
    font-size: clamp(48px, 3.6vw, 54px);
    font-weight: 800;
    letter-spacing: -0.045em;
    line-height: 0.94;
    white-space: nowrap;
  }

  .qingke-v23-page #qingke-visual-title.qingke-v23-hero-title {
    display: block;
    max-width: none;
    margin: 0;
    color: var(--q-ink);
    font-family: "Qingke Noto Sans SC", sans-serif;
    font-size: clamp(52px, 4vw, 60px);
    font-weight: 900;
    letter-spacing: -0.055em;
    line-height: 0.94;
    white-space: nowrap;
  }

  .qingke-v23-page .qingke-v23-hero-title span {
    display: inline;
  }

  .qingke-v23-page .qingke-v23-hero-rule {
    width: 58px;
    height: 2px;
    margin: 24px 0 16px;
    background: rgba(22, 24, 25, 0.78);
  }

  .qingke-v23-page .qingke-v23-hero-description {
    display: grid;
    max-width: 390px;
    margin: 0;
    color: rgba(22, 24, 25, 0.72);
    font-size: 14px;
    line-height: 1.55;
  }

  .qingke-v23-page .qingke-v23-hero-description span {
    display: block;
  }

  .qingke-v23-page .qingke-v23-hero-meta {
    position: absolute;
    right: var(--q-left-pad);
    bottom: 94px;
    left: var(--q-left-pad);
    display: grid;
    grid-template-columns: 0.92fr 1.42fr 0.5fr;
    gap: 24px;
    max-width: 430px;
    margin: 0;
    padding: 0;
    color: var(--q-ink);
  }

  .qingke-v23-page .qingke-v23-hero-meta > div {
    min-width: 0;
  }

  .qingke-v23-page .qingke-v23-hero-meta dt {
    margin: 0 0 9px;
    color: rgba(22, 24, 25, 0.56);
    font-family: "Qingke Inter", ui-sans-serif, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1;
  }

  .qingke-v23-page .qingke-v23-hero-meta dd {
    margin: 0;
    color: var(--q-ink);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.2;
    white-space: nowrap;
  }
}

@media (max-width: 900px) {
  .qingke-v23-page .QingkeCaseDetail_heroOverlay__R3gXv {
    width: 100%;
    padding: 18px 20px 26px;
  }

  .qingke-v23-page .qingke-v23-hero-copy {
    margin-top: 25px;
    padding: 0;
  }

  .qingke-v23-page .qingke-v23-hero-brand {
    margin: 17px 0 12px;
    color: var(--q-ink);
    font-family: "Qingke Noto Sans SC", sans-serif;
    font-size: clamp(26px, 7.2vw, 28px);
    font-weight: 800;
    letter-spacing: -0.035em;
    line-height: 0.98;
    white-space: nowrap;
  }

  .qingke-v23-page #qingke-visual-title.qingke-v23-hero-title {
    display: block;
    max-width: none;
    margin: 0;
    color: var(--q-ink);
    font-family: "Qingke Noto Sans SC", sans-serif;
    font-size: clamp(42px, 11.3vw, 46px);
    font-weight: 900;
    letter-spacing: -0.045em;
    line-height: 0.94;
    white-space: normal;
  }

  .qingke-v23-page .qingke-v23-hero-title span {
    display: block;
  }

  .qingke-v23-page .qingke-v23-hero-rule {
    width: 54px;
    height: 2px;
    margin: 22px 0 14px;
    background: rgba(22, 24, 25, 0.78);
  }

  .qingke-v23-page .qingke-v23-hero-description {
    display: grid;
    max-width: 100%;
    margin: 0;
    color: rgba(22, 24, 25, 0.72);
    font-size: 12px;
    line-height: 1.6;
  }

  .qingke-v23-page .qingke-v23-hero-description span {
    display: block;
  }

  .qingke-v23-page .qingke-v23-hero-meta {
    display: none;
  }
}