:root {
  --v7-ink: #16243b;
  --v7-muted: #68778b;
  --v7-primary: #2366d1;
  --v7-secondary: #0b8a83;
  --v7-line: #d8e2ec;
  --v7-surface: rgba(255, 255, 255, 0.96);
  --v7-shadow: 0 14px 34px rgba(22, 36, 59, 0.075);
  --v7-radius: 22px;
  --v7-title-size: 42px;
}

/* Root deck: retain the accepted Page 05/06 visual language. */
html.v7-root .slide:not(.cover-slide) {
  color: var(--v7-ink);
  background:
    radial-gradient(circle at 92% 4%, rgba(72, 165, 230, 0.16), transparent 27%),
    linear-gradient(rgba(35, 102, 209, 0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(35, 102, 209, 0.022) 1px, transparent 1px),
    linear-gradient(135deg, #ffffff 0%, #f8fafc 54%, #eef4f9 100%);
  background-size: auto, 40px 40px, 40px 40px, auto;
}

html.v7-root .slide::after {
  right: 24px;
  bottom: 18px;
  border-color: rgba(151, 170, 196, 0.42);
  color: #65758b;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 4px 14px rgba(22, 36, 59, 0.08);
}

html.v7-root .agenda-item {
  border-color: var(--v7-line);
  border-radius: var(--v7-radius);
  box-shadow: var(--v7-shadow);
}

/* Embedded-page reset. The original page remains intact underneath this
   reversible visual layer; only shared chrome and typography are normalized. */
html.v7-embedded,
html.v7-embedded body {
  color: var(--v7-ink) !important;
  background: #f7f9fc !important;
  font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", sans-serif !important;
}

html.v7-embedded body {
  width: 100% !important;
  height: 100% !important;
}

html.v7-embedded :is(.slide, #slide) {
  color: var(--v7-ink) !important;
  background:
    radial-gradient(circle at 92% 4%, rgba(72, 165, 230, 0.16), transparent 27%),
    linear-gradient(rgba(35, 102, 209, 0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(35, 102, 209, 0.022) 1px, transparent 1px),
    linear-gradient(135deg, #ffffff 0%, #f8fafc 54%, #eef4f9 100%) !important;
  background-size: auto, 40px 40px, 40px 40px, auto !important;
}

html.v7-embedded .v7-main-title {
  z-index: 20 !important;
  max-width: none !important;
  margin: 0 !important;
  color: var(--v7-ink) !important;
  font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", sans-serif !important;
  font-size: var(--v7-title-size) !important;
  font-weight: 700 !important;
  line-height: 1.24 !important;
  letter-spacing: -0.035em !important;
  text-align: left !important;
  text-wrap: balance;
  white-space: normal !important;
}

html.v7-embedded .v7-title-anchor {
  position: absolute !important;
  top: 54px !important;
  right: 72px !important;
  left: 72px !important;
  width: auto !important;
}

html.v7-embedded .v7-title-rule {
  position: absolute !important;
  z-index: 10 !important;
  top: 124px !important;
  right: 72px !important;
  left: 72px !important;
  height: 10px !important;
  pointer-events: none !important;
  background:
    linear-gradient(
      to bottom,
      rgba(248, 251, 254, 0.94) 0,
      rgba(248, 251, 254, 0.97) 4px,
      transparent 4px,
      transparent 6px,
      rgba(248, 251, 254, 0.97) 6px,
      rgba(248, 251, 254, 0.94) 100%
    ) !important;
}

html.v7-embedded .v7-title-rule::after {
  position: absolute;
  top: 4px;
  right: 0;
  left: 0;
  height: 2px;
  border-radius: 999px;
  content: "";
  background: linear-gradient(
    90deg,
    var(--v7-primary) 0%,
    var(--v7-secondary) 42%,
    rgba(34, 199, 242, 0) 100%
  );
}

/* Pages 09–40 use the same clean, native CSS title rule as Page 03. */
html.v7-embedded.v7-master-page3 .v7-title-rule {
  top: 128px !important;
  height: 2px !important;
  background: linear-gradient(
    90deg,
    var(--v7-primary),
    var(--v7-secondary) 42%,
    rgba(34, 199, 242, 0)
  ) !important;
}

html.v7-embedded.v7-master-page3 .v7-title-rule::after {
  content: none !important;
}

html.v7-embedded.v7-master-page3 .v7-main-title {
  border-bottom: 0 !important;
}

html.v7-embedded .v7-old-title-rule {
  visibility: hidden !important;
}

html.v7-embedded .page::before {
  content: none !important;
}

html.v7-embedded :is(
  .blue,
  .title-highlight,
  .highlight,
  .accent,
  .key,
  .keyword,
  .emphasis
) {
  color: var(--v7-primary) !important;
}

html.v7-embedded :is(
  .panel,
  .card,
  .surface,
  .quote-card,
  .content-card,
  .feature-card,
  .info-card,
  .evidence-card,
  .case-card
) {
  border-color: var(--v7-line) !important;
  border-radius: var(--v7-radius) !important;
  box-shadow: var(--v7-shadow) !important;
}

html.v7-embedded :is(blockquote, .quote-text, .voice-text, .quote p) {
  font-family: "Kaiti SC", "STKaiti", "KaiTi", "楷体", serif !important;
  font-style: normal !important;
}

html.v7-embedded :is(
  .conclusion-bar,
  .conclusion-strip,
  .insight-strip,
  .bottom-strip,
  .summary-strip,
  .benchmark-conclusion,
  .conclusion
) {
  border-color: transparent !important;
  color: #ffffff !important;
  background: linear-gradient(90deg, #16243b, #1c3557) !important;
  box-shadow: inset 10px 0 0 var(--v7-secondary) !important;
}

html.v7-embedded :is(
  .conclusion-bar,
  .conclusion-strip,
  .insight-strip,
  .bottom-strip,
  .summary-strip,
  .benchmark-conclusion,
  .conclusion
) :is(p, span, strong, b, em) {
  color: inherit !important;
}

html.v7-embedded :is(
  .source,
  .source-note,
  .source-mark,
  .source-footer,
  .data-source,
  .page-source,
  .footer-mark,
  .footer-note,
  .eyebrow,
  .kicker
) {
  display: none !important;
}

/* Page-specific geometry repairs after the common title chrome moves down. */
html.v7-embedded[data-deck-page="31"] .evidence-layout {
  margin-top: 14px !important;
  grid-template-rows: minmax(0, 1fr) 64px !important;
}

html.v7-embedded[data-deck-page="31"] .conclusion-strip p {
  font-size: 29px !important;
}

html.v7-embedded[data-deck-page="16"] .framework {
  grid-template-rows: 48px repeat(3, 218px) 58px !important;
}

html.v7-embedded[data-deck-page="21"] .page-subtitle {
  position: absolute !important;
  top: 104px !important;
  right: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  z-index: 3 !important;
}

html.v7-embedded[data-deck-page="19"] .subtitle {
  display: none !important;
}

html.v7-embedded[data-deck-page="34"] body {
  background: #f7f9fc !important;
}

html.v7-embedded[data-deck-page="23"] .content::before {
  content: none !important;
}

html.v7-embedded[data-deck-page="24"] .page-one .slide-shell::before {
  content: none !important;
}

html.v7-embedded[data-deck-page="27"] .slide-subtitle {
  display: none !important;
}

html.v7-embedded[data-deck-page="27"] .browser-grid {
  margin-top: 64px !important;
}

html.v7-embedded[data-deck-page="34"] .main {
  top: 160px !important;
  height: 545px !important;
}

html.v7-embedded[data-deck-page="35"] .main {
  top: 148px !important;
  height: 786px !important;
}

html.v7-embedded[data-deck-page="35"] .conclusion {
  border-radius: 0 !important;
}

html.v7-embedded[data-deck-page="39"] .top-grid {
  top: 148px !important;
  height: 522px !important;
}
