/* 云拍卖 v22 · shared visual system */
:root {
  --auction-cn: "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;
  --auction-serif: "Iowan Old Style", Baskerville, "Times New Roman", Georgia, serif;
  --auction-ui: "Helvetica Neue", Arial, "PingFang SC", sans-serif;
  --auction-ink: #1b2b34;
  --auction-paper: #f6f3ed;
  --auction-sand: #e5ded1;
  --auction-gold: #b58b45;
  --auction-wine: #76263a;
  --auction-line: rgba(45, 52, 53, .14);
  --auction-content: 1200px;
  --auction-gutter: clamp(22px, 5vw, 72px);
}

body.auction-page {
  font-family: var(--auction-cn);
  color: var(--auction-ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* One brand anchor and one navigation rhythm across all auction pages. */
body.auction-page nav.auction-nav {
  top: 16px;
  padding-inline: 18px;
  filter: drop-shadow(0 14px 24px rgba(18, 25, 29, .07));
}

body.auction-page .auction-nav-inner {
  min-height: 52px;
  padding: 5px 8px 5px 16px;
  gap: clamp(5px, 1vw, 14px);
  border: 1px solid rgba(72, 71, 66, .13);
  border-radius: 4px;
  background: rgba(248, 246, 241, .94);
  backdrop-filter: blur(18px) saturate(120%);
  -webkit-backdrop-filter: blur(18px) saturate(120%);
}

body.auction-page .auction-nav-inner > a {
  font-family: var(--auction-cn);
  font-size: 14px;
  font-weight: 300;
  letter-spacing: .035em;
}

body.auction-page .auction-nav-inner > .auction-nav-brand {
  margin-right: auto;
  padding: 10px 18px 10px 4px;
  color: var(--auction-gold);
  font-family: var(--auction-serif);
  font-size: 12px;
  letter-spacing: .14em;
  white-space: nowrap;
}

body.auction-page .auction-nav-inner > .auction-nav-brand::after { display: none; }

body.auction-page .auction-nav-inner > a[aria-current="page"] {
  color: var(--auction-wine);
}

/* Service pages share the same editorial title grammar. */
body.auction-service-page .dp-inner {
  width: min(var(--auction-content), calc(100% - (var(--auction-gutter) * 2)));
}

body.auction-service-page .os-product-titlebar {
  padding-top: clamp(90px, 10vw, 124px);
  padding-bottom: 24px;
  border-bottom: 1px solid var(--auction-line);
}

body.auction-service-page .dp-section .os-product-titlebar::after,
body.auction-service-page #visual-premium > .dp-inner > .os-product-titlebar::after {
  display: none;
}

body.auction-service-page .os-product-titlebar .os-section-index {
  font-family: var(--auction-serif);
  font-size: 18px;
  letter-spacing: .06em;
}

body.auction-service-page .os-product-titlebar .os-product-titlebar-name {
  font-size: clamp(22px, 2.2vw, 28px);
}

body.auction-service-page .os-product-titlebar .os-section-deck {
  justify-self: end;
  font-family: var(--auction-ui);
  font-size: 10px;
  letter-spacing: .13em;
  text-transform: uppercase;
}

body.auction-service-page .os-strategy-hero {
  padding-top: clamp(52px, 6.5vw, 84px);
  padding-bottom: clamp(76px, 8vw, 112px);
}

body.auction-service-page .os-strategy-hero h1 {
  max-width: 15em;
  font-size: clamp(42px, 5.2vw, 62px);
  line-height: 1.14;
  letter-spacing: -.045em;
  text-wrap: balance;
}

body.auction-service-page .os-strategy-hero-copy,
body.auction-service-page .os-product-hero-content {
  min-width: 0;
}

body.auction-service-page .os-strategy-hero-copy p {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}

body.auction-service-page .os-strategy-section-head {
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 20px;
  align-items: baseline;
}

body.auction-service-page .os-strategy-section-head > span {
  font-family: var(--auction-serif);
  font-size: 16px;
  letter-spacing: .08em;
}

body.auction-service-page .os-strategy-section-head h2 {
  max-width: 22em;
  font-size: clamp(28px, 3.1vw, 42px);
  line-height: 1.28;
  text-wrap: balance;
}

body.auction-service-page :is(.os-strategy-stage-grid, .os-strategy-method-grid, .os-strategy-outcome-grid, .os-strategy-governance-grid, .os-strategy-more-case-grid, .os-value-appraisal-list, .n3-assets) {
  border-color: var(--auction-line);
}

body.auction-service-page :is(.os-strategy-more-case-grid article, .os-strategy-next-grid a, .n3-asset-card) {
  transition: transform .25s ease, border-color .25s ease, background-color .25s ease;
}

body.auction-service-page :is(.os-strategy-more-case-grid article, .os-strategy-next-grid a, .n3-asset-card):hover {
  transform: translateY(-2px);
  border-color: rgba(181, 139, 69, .45);
}

/* Node 3: evidence should be browsed like an archive, not squeezed into thumbnails. */
body.auction-service-page :is(.n3-value-proof, .n3-brand-proof, .n3-content-proof, .n3-conversion-proof, .n3-ai-proof-grid, .n3-brand-system-proof-grid) {
  display: flex;
  grid-template-columns: none;
  gap: 18px;
  overflow-x: auto;
  padding: 2px 2px 16px;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  scrollbar-color: rgba(181, 139, 69, .5) transparent;
}

body.auction-service-page :is(.n3-value-proof, .n3-brand-proof, .n3-content-proof, .n3-conversion-proof, .n3-ai-proof-grid, .n3-brand-system-proof-grid)::-webkit-scrollbar { height: 4px; }
body.auction-service-page :is(.n3-value-proof, .n3-brand-proof, .n3-content-proof, .n3-conversion-proof, .n3-ai-proof-grid, .n3-brand-system-proof-grid)::-webkit-scrollbar-thumb { background: rgba(181, 139, 69, .5); }

body.auction-service-page :is(.n3-value-proof, .n3-brand-proof, .n3-content-proof, .n3-conversion-proof, .n3-ai-proof-grid, .n3-brand-system-proof-grid) > figure {
  flex: 0 0 min(72vw, 560px);
  scroll-snap-align: start;
  border: 1px solid var(--auction-line);
  background: #faf8f3;
  cursor: zoom-in;
}

body.auction-service-page :is(.n3-value-proof, .n3-brand-proof, .n3-content-proof, .n3-conversion-proof, .n3-ai-proof-grid, .n3-brand-system-proof-grid) > figure img {
  display: block;
  width: 100%;
  height: min(56vw, 560px);
  object-fit: contain;
  background: #eee9df;
}

/* 脱敏已永久写入公开图片副本；案例图保持原始宽高比。 */
body.auction-service-page .n3-content-proof > figure > img,
body.auction-service-page .n3-conversion-proof > figure > img {
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: initial;
}

body.auction-service-page :is(.n3-value-proof, .n3-brand-proof, .n3-content-proof, .n3-conversion-proof, .n3-ai-proof-grid, .n3-brand-system-proof-grid) > figure figcaption {
  padding: 14px 16px 16px;
  font-size: 12px;
  line-height: 1.6;
}

dialog.auction-lightbox {
  width: min(94vw, 1500px);
  height: min(92vh, 980px);
  max-width: none;
  max-height: none;
  margin: auto;
  padding: 54px 24px 22px;
  border: 0;
  border-radius: 4px;
  background: rgba(13, 18, 22, .96);
  color: #f6f3ed;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .42);
}

dialog.auction-lightbox::backdrop {
  background: rgba(11, 16, 19, .72);
  backdrop-filter: blur(8px);
}

dialog.auction-lightbox img {
  display: block;
  width: 100%;
  height: calc(100% - 44px);
  object-fit: contain;
}

dialog.auction-lightbox p {
  margin: 14px 44px 0;
  text-align: center;
  font-size: 13px;
  color: rgba(255, 255, 255, .72);
}

dialog.auction-lightbox button {
  position: absolute;
  top: 12px;
  right: 14px;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 50%;
  background: transparent;
  color: #fff;
  font-size: 22px;
  cursor: pointer;
}

@media (max-width: 900px) {
  body.auction-page .auction-nav-inner > .auction-nav-brand { display: none; }
  body.auction-page .auction-nav-inner { padding-inline: 8px; }
}

@media (max-width: 700px) {
  body.auction-page nav.auction-nav {
    top: 10px;
    left: 10px;
    right: 10px;
    width: auto;
    max-width: none;
    padding: 0;
    transform: none;
  }
  body.auction-page .auction-nav-inner {
    min-height: 46px;
    gap: 1px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
  }
  body.auction-page .auction-nav-inner::-webkit-scrollbar { display: none; }
  body.auction-page .auction-nav-inner > a { padding-inline: 9px; font-size: 12px; }
  body.auction-service-page .dp-inner { width: calc(100% - 40px); }
  body.auction-service-page .os-product-titlebar { padding-top: 78px; padding-bottom: 18px; }
  body.auction-service-page .os-product-titlebar .os-section-deck { justify-self: start; }
  body.auction-service-page .os-strategy-hero h1 { font-size: clamp(36px, 10.5vw, 48px); }
  body.auction-service-page .os-strategy-section-head { grid-template-columns: 36px minmax(0, 1fr); gap: 12px; }
  body.auction-service-page :is(.n3-value-proof, .n3-brand-proof, .n3-content-proof, .n3-conversion-proof, .n3-ai-proof-grid, .n3-brand-system-proof-grid) > figure { flex-basis: 88%; }
  body.auction-service-page :is(.n3-value-proof, .n3-brand-proof, .n3-ai-proof-grid, .n3-brand-system-proof-grid) > figure img { height: 64vw; }
  dialog.auction-lightbox { width: 100vw; height: 100vh; padding: 54px 12px 18px; border-radius: 0; }
}