/* Final visual refinements for AI现场 / AI Test Log */

/* ---- Header brand lockup: 2x emphasis ---- */
.masthead-inner {
  min-height: 120px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 22px;
  line-height: 1;
  text-decoration: none;
}

/* Render the official PNG directly. */
.brand-mark {
  display: block !important;
  width: 92px;
  height: 92px;
  flex: 0 0 92px;
  object-fit: contain;
}

.brand::before {
  display: none !important;
  content: none !important;
}

.brand-copy {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.brand-copy .brand-cn {
  order: -1;
  color: var(--ink);
  font-size: 32px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .035em;
}

.brand-copy .brand-en {
  color: var(--ink-3);
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: .16em;
}

.issue {
  transform: translateY(1px);
}

.nav {
  gap: 30px;
}

.nav a {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .06em;
}

/* ---- Hero ---- */
.cover {
  padding: 56px 0 40px;
}

.cover-grid {
  grid-template-columns: minmax(0, 1.22fr) 330px;
  gap: 74px;
  align-items: start;
  margin-top: 44px;
}

.cover h1 {
  max-width: 690px;
  font-size: clamp(38px, 3.8vw, 56px);
  line-height: 1.10;
  letter-spacing: -0.035em;
  font-weight: 800;
}

.eyebrow {
  margin-bottom: 20px;
}

.dek {
  max-width: 690px;
  margin-top: 24px;
  font-size: 15px;
  line-height: 1.95;
}

.cover-note {
  margin-top: 31px;
  padding-top: 17px;
  padding-bottom: 47px;
}

.cover-note .note-label {
  margin-bottom: 14px;
}

.cover-note .note-block + .note-block {
  margin-top: 12px;
}

.cover-note .note-block p {
  font-size: 12.5px;
  line-height: 1.68;
}

.stamp {
  opacity: .10;
  font-size: 40px;
}

.brand-tagline {
  margin-top: 16px;
  padding-left: 18px;
  color: var(--ink-3);
  font-family: "Spectral", Georgia, serif;
  font-size: 13px;
  font-style: italic;
  letter-spacing: .06em;
}

.brand-tagline strong {
  color: var(--ink);
  font-family: "Noto Sans SC", "Source Han Sans SC", sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .08em;
}

.editorial-copy h2 {
  margin: 16px 0 12px;
  font-size: clamp(27px, 2.9vw, 40px);
  line-height: 1.16;
  letter-spacing: -0.025em;
  font-weight: 800;
}

.tracing-card > p {
  font-size: 0;
}

.tracing-card > p::after {
  content: "先测，先跑，先记录，再下判断。";
  font-size: 12px;
  line-height: 1.6;
}

.post header {
  align-self: start;
}

.post-tags {
  margin-top: 12px;
}

.post-tag {
  background: rgba(255,255,255,.22);
}

@media (max-width: 1050px) {
  .masthead-inner {
    min-height: 90px;
  }

  .brand-mark {
    width: 64px;
    height: 64px;
    flex-basis: 64px;
  }

  .brand-copy .brand-cn {
    font-size: 22px;
  }

  .brand-copy .brand-en {
    font-size: 12px;
  }

  .nav {
    gap: 18px;
  }

  .nav a {
    font-size: 12px;
  }

  .cover-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .cover-note {
    margin-top: 0;
    max-width: 520px;
  }

  .cover h1 {
    max-width: 720px;
    font-size: clamp(38px, 6vw, 52px);
  }
}

@media (max-width: 600px) {
  .masthead-inner {
    min-height: 64px;
  }

  .brand {
    gap: 10px;
  }

  .brand-mark {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
  }

  .brand-copy {
    gap: 3px;
  }

  .brand-copy .brand-cn {
    font-size: 15px;
  }

  .brand-copy .brand-en {
    font-size: 8px;
    letter-spacing: .12em;
  }

  .nav {
    gap: 10px;
  }

  .nav a {
    font-size: 9px;
    letter-spacing: .03em;
  }

  .cover {
    padding: 40px 0 34px;
  }

  .cover-grid {
    margin-top: 30px;
  }

  .cover h1 {
    font-size: clamp(34px, 10vw, 46px);
    line-height: 1.10;
  }

  .editorial-copy h2 {
    font-size: clamp(25px, 8vw, 34px);
  }

  .dek {
    font-size: 14px;
    line-height: 1.85;
  }

  .brand-tagline {
    font-size: 12px;
    line-height: 1.8;
  }
}