/* Kevin Solo OS ， local visual upgrade
   目的：把站点从“测评网页感”统一升级为“经验路径顾问 + 专业路径判断感”。
   说明：这是视觉覆盖层，不改测评逻辑、不改保存 API、不改后台数据结构。 */

:root {
  --kv-bg: #f3f5f1;
  --kv-bg-2: #e8eee8;
  --kv-paper: #fffefa;
  --kv-paper-2: #fbfcf8;
  --kv-ink: #1f2420;
  --kv-muted: #65706a;
  --kv-soft: #8a948d;
  --kv-olive: #173a34;
  --kv-olive-2: #24483f;
  --kv-wine: #8b2635;
  --kv-brass: #c49a3a;
  --kv-brass-dark: #91682e;
  --kv-line: rgba(23, 61, 50, 0.14);
  --kv-line-strong: rgba(23, 61, 50, 0.24);
  --kv-shadow: 0 26px 80px rgba(24, 34, 29, 0.12);
  --kv-shadow-soft: 0 14px 42px rgba(24, 34, 29, 0.07);
  --kv-radius: 24px;
  --kv-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --kv-serif: var(--kv-sans);
  --kv-max: 1220px;
}

/* Target 25: simplify fuye admin table into decision-first columns */

/* Target 17: mobile navigation and headline fit */
@media (max-width: 720px) {


  body.kv-prompts .hero h1 {
    word-break: break-all !important;
    overflow-wrap: anywhere !important;
    line-break: anywhere !important;
  }
}

/* Target 16: mobile safety pass for the online-homepage master */
@media (max-width: 720px) {
  html,
  body {
    overflow-x: hidden !important;
  }


  body.kv-prompts > .container {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }


  body.kv-prompts .header-inner {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
  }


  body.kv-prompts .hero-actions .btn {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 50px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
  }
}

/* Deep report question stage */

html {
  background: var(--kv-bg);
}

body {
  background:
    radial-gradient(circle at 12% 8%, rgba(196, 154, 58, 0.10), transparent 32rem),
    radial-gradient(circle at 90% 22%, rgba(23, 58, 52, 0.10), transparent 34rem),
    linear-gradient(180deg, var(--kv-bg) 0%, #f7f0e7 50%, var(--kv-bg) 100%) !important;
  color: var(--kv-ink) !important;
  font-family: var(--kv-sans) !important;
  text-rendering: optimizeLegibility;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.32;
  background-image:
    linear-gradient(rgba(36, 27, 23, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(36, 27, 23, 0.018) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.85), rgba(0,0,0,.08));
}

::selection {
  background: rgba(196, 154, 58, 0.28);
  color: var(--kv-ink);
}

h1,
h2,
h3 {
  font-family: var(--kv-serif) !important;
  color: var(--kv-ink);
}

p {
  color: var(--kv-muted);
}

.btn,
button {
  font-family: var(--kv-sans) !important;
}

.btn-primary,
.btn.btn-primary {
  background: var(--kv-olive) !important;
  color: #fffaf2 !important;
  border-color: var(--kv-olive) !important;
  box-shadow: 0 14px 34px rgba(23, 58, 52, 0.22) !important;
}

.btn-primary:hover,
.btn.btn-primary:hover {
  background: #102f2a !important;
  box-shadow: 0 18px 44px rgba(23, 58, 52, 0.30) !important;
}


.btn-outline,
.btn.btn-outline {
  background: rgba(255, 250, 242, 0.70) !important;
  border: 1px solid var(--kv-line-strong) !important;
  color: var(--kv-ink) !important;
}

.brand,
.brand span:first-child {
  letter-spacing: 0;
}

.brand {
  font-family: var(--kv-serif) !important;
  font-weight: 900 !important;
}

.page {
  max-width: var(--kv-max) !important;
}

/* 首页：首屏 */
body:has(.hero-report-card) > .page {
  width: min(100%, 1680px) !important;
  max-width: 1680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body:has(.hero-report-card) .hero {
  padding-top: calc(var(--nav-h, 64px) + 56px) !important;
  padding-bottom: 74px !important;
  padding-left: clamp(24px, 3vw, 56px) !important;
  padding-right: clamp(24px, 3vw, 56px) !important;
}

body:has(.hero-report-card) .hero-grid {
  grid-template-columns: minmax(0, 1fr) minmax(430px, 520px) !important;
  gap: clamp(56px, 5vw, 96px) !important;
  align-items: center !important;
}

body:has(.hero-report-card) .hero-copy {
  padding-top: 0 !important;
  max-width: 790px !important;
}

body:has(.hero-report-card) .hero-actions {
  gap: 16px !important;
}

body:has(.hero-report-card) .hero-actions .btn {
  min-height: 54px !important;
  padding-left: 34px !important;
  padding-right: 34px !important;
}


.hero-card,
.hero-card {
  border-color: var(--kv-line) !important;
  box-shadow: var(--kv-shadow-soft) !important;
}


.hero-card {
  background-color: rgba(255, 250, 242, 0.78) !important;
}

/* 报告页：从网页卡片改成报告文件感 */
body:has(#reportContainer) {
  background:
    radial-gradient(circle at 50% 0%, rgba(196, 154, 58, 0.14), transparent 32rem),
    linear-gradient(180deg, #f7f0e6 0%, #f4eadc 100%) !important;
}

body:has(#reportContainer) .page {
  max-width: 980px !important;
  padding-top: 42px !important;
}

body:has(#reportContainer) .hero {
  padding: 18px 0 28px !important;
}

body:has(#reportContainer) .eyebrow {
  color: var(--kv-brass-dark) !important;
  letter-spacing: .12em !important;
}

body:has(#reportContainer) h1 {
  max-width: 900px !important;
  font-size: clamp(30px, 3.4vw, 42px) !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

/* 测评页 */
body:has(#quizShell) .page {
  width: min(100%, 1180px) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body:has(#quizShell) .container {
  width: min(1120px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body:has(#quizShell) .hero {
  min-height: auto !important;
  padding: 42px 0 26px !important;
  text-align: left !important;
}

body:has(#quizShell) .hero h1 {
  max-width: 780px !important;
  font-size: clamp(32px, 4.1vw, 48px) !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

/* 自学包 / 做图提示词库 / 样本页 */
body:has(.hero-card) .page,
body:has(.search-card) .page,
body:has(.sample-block) .page {
  max-width: 1040px !important;
}

body:has(.hero-card) .hero h1,
body:has(.search-card) .hero h1,
body:has(.sample-block) h1 {
  font-size: clamp(32px, 4.2vw, 48px) !important;
  line-height: 1.14 !important;
  letter-spacing: 0 !important;
}

body:has(.knowledge-hero-grid) .page {
  max-width: 1180px !important;
}

body:has(.knowledge-hero-actions) .hero {
  max-width: none !important;
  padding-top: 28px !important;
  padding-bottom: 40px !important;
}


.outline {
  gap: 18px !important;
}

/* 子页面和短落地页 */

.page > h1:first-child {
  font-family: var(--kv-serif) !important;
  letter-spacing: 0 !important;
}

/* 降低网页味：去掉过多的卡片浮雕 */

@media (max-width: 980px) {
  body:has(.hero-report-card) .hero-grid {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }
}

@media (max-width: 720px) {
  body {
    background: var(--kv-bg) !important;
  }

  body:has(.hero-report-card) .hero {
    padding-top: calc(var(--nav-h, 64px) + 28px) !important;
    padding-bottom: 40px !important;
  }

  body:has(.knowledge-hero-grid) .page {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    overflow-x: hidden !important;
  }

  body:has(.knowledge-hero-actions) .hero {
    padding-top: 36px !important;
    padding-bottom: 42px !important;
  }

  body:has(#reportContainer) .page {
    padding-left: 14px !important;
    padding-right: 14px !important;
    overflow-x: hidden !important;
  }

  body:has(#reportContainer) h1,
  body:has(.sample-block) h1,
  body:has(.hero-card) .hero h1,
  body:has(.search-card) .hero h1 {
    max-width: 100% !important;
    font-size: clamp(28px, 8vw, 34px) !important;
    line-height: 1.16 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 460px) {

  body:has(.hero-report-card) .hero-actions .btn {
    width: 100% !important;
  }
}

/* ==========================================================================
   Kevin visual system · 2026-07-05 local pass
   只做视觉统一：专业顾问、路径判断、温暖纸感。页面逻辑和接口不变。
   ========================================================================== */


body.kv-prompts {
  min-height: 100vh;
  overflow-x: hidden !important;
  background:
    radial-gradient(circle at 8% 6%, rgba(196, 154, 58, 0.12), transparent 30rem),
    radial-gradient(circle at 92% 20%, rgba(23, 58, 52, 0.10), transparent 32rem),
    linear-gradient(180deg, #f6eddf 0%, #fbf6ee 46%, #f3e8d8 100%) !important;
}


body.kv-prompts .header {
  background: rgba(246, 237, 223, 0.86) !important;
  border-bottom: 1px solid rgba(90, 65, 38, 0.13) !important;
  box-shadow: 0 10px 34px rgba(59, 39, 20, 0.035) !important;
}


body.kv-prompts .header-inner {
  width: min(calc(100% - 48px), var(--kv-max)) !important;
  max-width: var(--kv-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


body.kv-prompts .btn,
body.kv-prompts .header-cta,
body.kv-prompts .filter-btn,
body.kv-prompts .page-btn {
  border-radius: 999px !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
}


body.kv-prompts .btn:hover,
body.kv-prompts .header-cta:hover,
body.kv-prompts .card:hover {
  transform: translateY(-2px) !important;
}


body.kv-prompts .hero-card,
body.kv-prompts .step-card,
body.kv-prompts .card,
body.kv-prompts .modal,
body.kv-prompts .wall {
  border: 1px solid rgba(90, 65, 38, 0.15) !important;
  background-color: rgba(255, 250, 242, 0.76) !important;
  box-shadow: 0 22px 70px rgba(59, 39, 20, 0.08) !important;
}


body.kv-prompts .hero h1 {
  text-wrap: balance;
}

body.kv-prompts {
  background:
    radial-gradient(circle at 16% 8%, rgba(196, 154, 58, .12), transparent 28rem),
    radial-gradient(circle at 86% 22%, rgba(23, 58, 52, .08), transparent 30rem),
    #f7efe3 !important;
}

body.kv-prompts .container {
  max-width: 1220px !important;
}

body.kv-prompts .header {
  padding: 14px 0 !important;
}

body.kv-prompts .logo {
  font-family: var(--kv-serif) !important;
  font-size: 18px !important;
  letter-spacing: 0 !important;
}

body.kv-prompts .header-cta,
body.kv-prompts .btn-primary {
  background: var(--kv-olive) !important;
  color: #fffaf2 !important;
  box-shadow: 0 14px 32px rgba(23, 58, 52, 0.18) !important;
}

body.kv-prompts .header-cta {
  background: rgba(255, 250, 242, 0.76) !important;
  color: var(--kv-olive) !important;
  border: 1px solid rgba(23, 58, 52, 0.20) !important;
  box-shadow: none !important;
}

body.kv-prompts .hero {
  padding: clamp(42px, 5vw, 70px) 0 22px !important;
}

body.kv-prompts .hero-grid {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 360px) !important;
  gap: clamp(28px, 4vw, 50px) !important;
  align-items: stretch !important;
}

body.kv-prompts .hero h1 {
  font-family: var(--kv-serif) !important;
  max-width: 760px !important;
  font-size: clamp(34px, 4.6vw, 56px) !important;
  line-height: 1.08 !important;
}

body.kv-prompts .hero p {
  max-width: 760px !important;
  color: var(--kv-muted) !important;
}

body.kv-prompts .hero-card {
  padding: 24px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(196, 154, 58, .13), transparent 12rem),
    rgba(255, 250, 242, .78) !important;
}

body.kv-prompts .use-steps {
  gap: 14px !important;
  padding: 18px 0 18px !important;
}

body.kv-prompts .filters {
  padding-top: 18px !important;
  border-top: 1px solid rgba(90, 65, 38, .12) !important;
}

body.kv-prompts .filter-btn.active {
  background: var(--kv-brass-dark) !important;
  border-color: var(--kv-brass-dark) !important;
}

body.kv-prompts .grid {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
  gap: 18px !important;
}

body.kv-prompts .card {
  overflow: hidden !important;
  border-radius: 20px !important;
  background: rgba(255, 253, 248, .90) !important;
}

body.kv-prompts .card-image {
  background: #efe5d6 !important;
}

body.kv-prompts .modal {
  border-radius: 24px !important;
  background: #fffaf2 !important;
}

body.kv-prompts .modal-prompt {
  border-color: rgba(90, 65, 38, .16) !important;
  background: rgba(255, 253, 248, .86) !important;
}

body.kv-prompts .footer {
  border-top-color: rgba(90, 65, 38, .13) !important;
}

@media (max-width: 980px) {


  body.kv-prompts .hero-grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  body.kv-prompts .header-inner {
    width: min(calc(100% - 32px), 720px) !important;
  }
}

@media (max-width: 640px) {


  body.kv-prompts .header-inner {
    width: calc(100% - 28px) !important;
  }


  body.kv-prompts .hero h1 {
    font-size: clamp(30px, 9vw, 38px) !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
  }


  body.kv-prompts .use-steps {
    grid-template-columns: 1fr !important;
  }

  body.kv-prompts .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.kv-prompts .modal-overlay {
    padding: 10px !important;
  }
}

/* ==========================================================================
   Kevin visual system · 2026-07-05 second pass
   目标：手机不裁切、层级更克制、形状系统更稳定。只做视觉覆盖，不改业务逻辑。
   ========================================================================== */

:root {
  --kv-radius-input: 14px;
  --kv-radius-card: 18px;
  --kv-radius-product: 20px;
  --kv-radius-shell: 24px;
  --kv-radius-pill: 999px;
  --kv-shadow-card: 0 18px 50px rgba(59, 39, 20, 0.07);
  --kv-shadow-product: 0 24px 72px rgba(59, 39, 20, 0.11);
}


body.kv-prompts {
  overflow-x: visible !important;
}


body.kv-prompts .btn,
body.kv-prompts .header-cta,
body.kv-prompts .filter-btn,
body.kv-prompts .page-btn {
  white-space: nowrap !important;
  border-radius: var(--kv-radius-pill) !important;
}


body.kv-prompts .hero-card,
body.kv-prompts .step-card,
body.kv-prompts .card,
body.kv-prompts .modal,
body.kv-prompts .wall {
  border-radius: var(--kv-radius-card) !important;
  box-shadow: var(--kv-shadow-card) !important;
}


body.kv-prompts .hero-card {
  border-radius: var(--kv-radius-product) !important;
  box-shadow: var(--kv-shadow-product) !important;
}


body.kv-prompts .hero p {
  line-height: 1.72 !important;
}


body.kv-prompts .hero-actions .btn {
  min-width: 0 !important;
}

body.kv-prompts .hero h1 {
  font-size: clamp(32px, 4.1vw, 50px) !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

body.kv-prompts .hero-card {
  align-self: start !important;
}

body.kv-prompts .card {
  display: grid !important;
  grid-template-rows: 176px 112px !important;
  height: 288px !important;
  min-height: 288px !important;
}

body.kv-prompts .card-image {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 176px !important;
  aspect-ratio: auto !important;
  min-height: 176px !important;
  max-height: 176px !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: #efe5d6 !important;
  opacity: 1 !important;
  visibility: hidden !important;
}

body.kv-prompts .card-media {
  height: 176px !important;
  min-height: 176px !important;
  max-height: 176px !important;
  overflow: hidden;
  background: #efe5d6;
}

body.kv-prompts .card-media .card-image {
  width: 100% !important;
  height: 176px !important;
}

body.kv-prompts .card-media .card-brief-fallback {
  display: flex;
  position: absolute;
  inset: 0;
  z-index: 1;
}

body.kv-prompts .card-media.image-loaded .card-image {
  display: block !important;
  visibility: visible !important;
  z-index: 2 !important;
}

body.kv-prompts .card-media.image-loaded .card-brief-fallback {
  display: none !important;
}

body.kv-prompts .card-media.image-failed .card-image {
  display: none !important;
}

body.kv-prompts .card-media.image-failed .card-brief-fallback {
  display: flex;
}

body.kv-prompts .card-brief {
  height: 176px !important;
  min-height: 176px !important;
  max-height: 176px !important;
  padding: 14px 14px 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background:
    radial-gradient(circle at 100% 0%, rgba(196, 154, 58, 0.14), transparent 9rem),
    linear-gradient(145deg, rgba(250, 241, 225, 0.96), rgba(255, 253, 248, 0.84));
  border-bottom: 1px solid rgba(90, 65, 38, 0.12);
}

body.kv-prompts .card-brief-kicker {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 11px;
  color: var(--kv-brass-dark);
  font-weight: 800;
}

body.kv-prompts .card-brief-main {
  color: var(--kv-ink);
  font-size: 15px;
  line-height: 1.45;
  font-weight: 800;
}

body.kv-prompts .card-brief-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}

body.kv-prompts .card-brief-meta span {
  border-radius: var(--kv-radius-pill);
  padding: 3px 8px;
  background: rgba(255, 250, 242, 0.74);
  border: 1px solid rgba(90, 65, 38, 0.12);
  color: var(--kv-muted);
  font-size: 11px;
  line-height: 1.2;
}

body.kv-prompts .card-body {
  height: 112px !important;
  padding: 12px 14px 14px !important;
  overflow: hidden !important;
  min-height: 0 !important;
}

@media (max-width: 980px) {

  body.kv-prompts .hero h1 {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }


  body.kv-prompts .hero-card {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 640px) {

  body.kv-prompts .hero {
    padding-top: 28px !important;
    padding-bottom: 34px !important;
  }


  body.kv-prompts .hero h1 {
    font-size: clamp(30px, 8.2vw, 34px) !important;
    line-height: 1.14 !important;
    letter-spacing: 0 !important;
    text-wrap: balance !important;
  }


  body.kv-prompts .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }


  body.kv-prompts .hero-actions .btn {
    width: 100% !important;
  }

  body.kv-prompts .header {
    position: static !important;
  }

  body.kv-prompts .header-inner {
    gap: 10px !important;
  }

  body.kv-prompts .header-cta {
    display: none !important;
  }

  body.kv-prompts .filters {
    flex-wrap: wrap !important;
    overflow-x: visible !important;
    gap: 8px !important;
    max-width: 100% !important;
  }

  body.kv-prompts .filter-btn {
    flex: 0 1 auto !important;
    max-width: 100% !important;
  }

  body.kv-prompts .card-brief {
    height: 190px !important;
    min-height: 190px !important;
    max-height: 190px !important;
  }

  body.kv-prompts .card {
    grid-template-rows: 190px 112px !important;
    height: 302px !important;
    min-height: 302px !important;
  }

  body.kv-prompts .card-image {
    height: 190px !important;
    min-height: 190px !important;
    max-height: 190px !important;
  }
}

/* Target 5: unified trust-first visual system
   Scope: visual credibility, product-system consistency, mobile first screens. */
:root {
  --kv-bg: #f3f0e8;
  --kv-bg-2: #e8e4da;
  --kv-paper: #fffdf8;
  --kv-paper-2: #f8f6ef;
  --kv-ink: #211f1c;
  --kv-muted: #625f58;
  --kv-soft: #89847a;
  --kv-olive: #123f37;
  --kv-olive-2: #1d574c;
  --kv-wine: #852335;
  --kv-brass: #b88437;
  --kv-brass-dark: #7d5a26;
  --kv-line: rgba(33, 31, 28, 0.12);
  --kv-line-strong: rgba(33, 31, 28, 0.20);
  --kv-shadow: 0 30px 90px rgba(32, 29, 24, 0.14);
  --kv-shadow-soft: 0 16px 48px rgba(32, 29, 24, 0.08);
  --kv-radius-card: 16px;
  --kv-radius-product: 18px;
  --kv-radius-shell: 22px;
  --kv-radius-pill: 999px;
}

html {
  background: var(--kv-bg) !important;
}

body {
  background:
    radial-gradient(circle at 13% 9%, rgba(18, 63, 55, 0.12), transparent 30rem),
    radial-gradient(circle at 87% 13%, rgba(133, 35, 53, 0.08), transparent 28rem),
    linear-gradient(180deg, #f5f2ea 0%, #ebe7dc 48%, #f3f0e8 100%) !important;
}

body::before {
  opacity: 0.18 !important;
  background-image:
    linear-gradient(rgba(33, 31, 28, 0.020) 1px, transparent 1px),
    linear-gradient(90deg, rgba(33, 31, 28, 0.014) 1px, transparent 1px) !important;
  background-size: 72px 72px !important;
}


body.kv-prompts .header {
  background: rgba(245, 242, 234, 0.88) !important;
  border-bottom: 1px solid rgba(33, 31, 28, 0.10) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.62) inset !important;
}

.brand,
.brand span:first-child,
body.kv-prompts .brand {
  font-family: var(--kv-sans) !important;
  font-weight: 860 !important;
  letter-spacing: 0 !important;
}


body.kv-prompts .header-cta {
  min-height: 38px !important;
  border-radius: var(--kv-radius-pill) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.btn,
button,
body.kv-prompts .filter-btn {
  border-radius: var(--kv-radius-pill) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, border-color 0.18s ease !important;
}

.btn:active,
button:active {
  transform: translateY(1px) scale(0.99) !important;
}

.btn-primary,
.btn.btn-primary,
body.kv-prompts .header-cta {
  background: linear-gradient(180deg, #164d43 0%, #103c35 100%) !important;
  color: #fffdf8 !important;
  border-color: rgba(16, 60, 53, 0.96) !important;
  box-shadow: 0 14px 32px rgba(18, 63, 55, 0.22) !important;
}

.btn-primary:hover,
.btn.btn-primary:hover,
body.kv-prompts .header-cta:hover {
  background: linear-gradient(180deg, #19584d 0%, #0e342e 100%) !important;
  box-shadow: 0 18px 44px rgba(18, 63, 55, 0.30) !important;
}


.btn-outline,
.btn.btn-outline,
body.kv-prompts .hero-actions .btn-outline {
  background: rgba(255, 253, 248, 0.76) !important;
  border: 1px solid rgba(33, 31, 28, 0.16) !important;
  color: var(--kv-ink) !important;
  box-shadow: 0 10px 26px rgba(32, 29, 24, 0.05) !important;
}


.btn-outline:hover,
.btn.btn-outline:hover {
  background: rgba(255, 253, 248, 0.98) !important;
  border-color: rgba(18, 63, 55, 0.28) !important;
  box-shadow: 0 14px 34px rgba(32, 29, 24, 0.08) !important;
}

h1,
h2,
h3 {
  letter-spacing: 0 !important;
}

p {
  color: rgba(33, 31, 28, 0.66) !important;
}

.eyebrow,
.card-brief-kicker,
body.kv-prompts .eyebrow {
  letter-spacing: 0.02em !important;
}


.hero-card,
body.kv-prompts .card {
  border-color: rgba(33, 31, 28, 0.12) !important;
  background:
    linear-gradient(180deg, rgba(255, 253, 248, 0.94), rgba(248, 246, 239, 0.86)) !important;
  box-shadow: var(--kv-shadow-soft) !important;
}


body.kv-prompts .card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 22px 58px rgba(32, 29, 24, 0.12) !important;
}


body.kv-prompts .hero-card {
  background:
    radial-gradient(circle at 86% 14%, rgba(184, 132, 55, 0.20), transparent 18rem),
    linear-gradient(140deg, #103c35 0%, #1f5148 100%) !important;
}

body:has(.hero-report-card) .hero {
  padding-top: calc(var(--nav-h, 64px) + 48px) !important;
  padding-bottom: 64px !important;
}

body:has(.hero-report-card) .hero-grid {
  grid-template-columns: minmax(0, 0.98fr) minmax(420px, 510px) !important;
  gap: clamp(44px, 5vw, 82px) !important;
}


body.kv-prompts .hero-card {
  border-radius: 24px !important;
  box-shadow: 0 30px 88px rgba(32, 29, 24, 0.15) !important;
}


body.kv-prompts .hero {
  min-height: auto !important;
}


body.kv-prompts .hero h1 {
  text-wrap: balance !important;
}


body.kv-prompts .hero-card {
  backdrop-filter: blur(10px) saturate(115%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(115%) !important;
}

body.kv-prompts .card-media,
body.kv-prompts .card-brief {
  background: #efebe1 !important;
}


body.kv-prompts input {
  background: rgba(255, 253, 248, 0.86) !important;
  border-color: rgba(33, 31, 28, 0.12) !important;
}

@media (max-width: 980px) {
  body:has(.hero-report-card) .hero-grid {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  body:has(.hero-report-card) .hero-copy {
    max-width: 100% !important;
  }
}

@media (max-width: 640px) {
  body {
    background:
      radial-gradient(circle at 12% 6%, rgba(18, 63, 55, 0.10), transparent 18rem),
      linear-gradient(180deg, #f6f3ec 0%, #ece8dd 100%) !important;
  }


  body.kv-prompts .header {
    background: rgba(246, 243, 236, 0.94) !important;
  }


  body.kv-prompts .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }


  body.kv-prompts .hero-actions .btn {
    width: 100% !important;
    min-height: 54px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    white-space: normal !important;
  }


  body.kv-prompts .hero-card {
    border-radius: 20px !important;
  }


  body.kv-prompts .hero {
    padding-top: 22px !important;
    padding-bottom: 28px !important;
  }


  body.kv-prompts .hero h1 {
    font-size: clamp(28px, 7.6vw, 33px) !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
  }

  body.kv-prompts .hero-proof {
    font-size: 13px !important;
    line-height: 1.65 !important;
  }

  .btn,
  button {
    min-height: 50px !important;
  }
}

/* Target 5 final containment pass: prevent mobile clipping and keep product cards readable. */
h1,
h2,
h3,
.card-title,
.price,
.btn,
button,
body.kv-prompts .header-cta,
body.kv-prompts .filter-btn {
  letter-spacing: 0 !important;
}


body.kv-prompts {
  overflow-x: hidden !important;
}

body.kv-prompts .card-image,
body.kv-prompts .card-media.image-loaded .card-image {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media (max-width: 720px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box !important;
  }


  body.kv-prompts .container {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }


  body.kv-prompts .header-inner {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    min-width: 0 !important;
  }


  body.kv-prompts .hero-grid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: visible !important;
  }


  body.kv-prompts .hero-grid > *,
  .hero-card,
  .card {
    min-width: 0 !important;
    max-width: 100% !important;
  }


  body.kv-prompts .hero h1,
  body.kv-prompts .hero p {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    word-break: break-all !important;
    overflow-wrap: anywhere !important;
    text-wrap: auto !important;
  }


  body.kv-prompts .hero h1 {
    font-size: clamp(28px, 7.4vw, 32px) !important;
    line-height: 1.18 !important;
  }


  body.kv-prompts .hero-actions .btn {
    white-space: normal !important;
    word-break: break-all !important;
    overflow-wrap: anywhere !important;
    min-width: 0 !important;
  }

  .eyebrow,
  .hero-proof span,
  body.kv-prompts .filter-btn {
    white-space: normal !important;
    word-break: break-all !important;
    overflow-wrap: anywhere !important;
    min-width: 0 !important;
  }


  body.kv-prompts .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }


  body.kv-prompts .hero-actions .btn {
    width: 100% !important;
  }
}


body.kv-prompts .hero h1,
body.kv-prompts .hero-card h2,
body.kv-prompts .card-title,
body.kv-prompts .btn {
  letter-spacing: 0 !important;
}

body.kv-prompts .hero-card,
body.kv-prompts .hero-card h2,
body.kv-prompts .hero-card .value-item,
body.kv-prompts .hero-card .value-item strong {
  color: #fffdf8 !important;
}

body.kv-prompts .hero-card .value-item {
  color: rgba(255, 253, 248, 0.72) !important;
}

body.kv-prompts .hero-card .price {
  background: rgba(255, 253, 248, 0.14) !important;
  border: 1px solid rgba(255, 253, 248, 0.24) !important;
  color: #fffdf8 !important;
}

body.kv-prompts .hero-card .price small {
  color: rgba(255, 253, 248, 0.82) !important;
}

body.kv-prompts .hero-card .value-dot {
  background: rgba(255, 253, 248, 0.16) !important;
  color: #fffdf8 !important;
}

body.kv-prompts .hero-card .btn-primary {
  background: rgba(255, 253, 248, 0.92) !important;
  border-color: rgba(255, 253, 248, 0.92) !important;
  color: #103c35 !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18) !important;
}

/* Target 6 conversion visual refinement: make the three key pages read as one product system. */


body.kv-prompts .hero-actions .btn-primary {
  background: #173d32 !important;
  border-color: #173d32 !important;
  color: #fffdf8 !important;
}


body.kv-prompts .hero-actions .btn-outline {
  background: #fffefa !important;
  border-color: rgba(23, 61, 50, 0.18) !important;
  color: #173d32 !important;
}

body.kv-prompts .hero h1 {
  color: #17221d !important;
}

body.kv-prompts .prompt-tool-strip {
  width: min(100%, 720px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

body.kv-prompts .prompt-tool-strip > div {
  min-width: 0;
  padding: 13px 14px;
  display: grid;
  gap: 6px;
  background: #fffefa;
  border: 1px solid rgba(23, 61, 50, 0.13);
  border-radius: 12px;
}

body.kv-prompts .prompt-tool-strip b {
  color: #173d32;
  font-size: 13px;
  line-height: 1.2;
}

body.kv-prompts .prompt-tool-strip span {
  color: rgba(34, 32, 28, 0.66);
  font-size: 12px;
  line-height: 1.55;
}

body.kv-prompts .search-bar {
  max-width: 500px !important;
}

body.kv-prompts .search-bar input {
  min-height: 44px !important;
  background: #fffefa !important;
  border: 1px solid rgba(23, 61, 50, 0.18) !important;
  box-shadow: 0 8px 24px rgba(27, 33, 30, 0.045) !important;
}

body.kv-prompts .search-bar input:focus {
  border-color: rgba(23, 61, 50, 0.46) !important;
  box-shadow: 0 0 0 4px rgba(23, 61, 50, 0.08) !important;
}

body.kv-prompts .filters {
  gap: 8px !important;
  padding-top: 18px !important;
}

body.kv-prompts .filter-btn {
  min-height: 34px !important;
  padding: 7px 14px !important;
  border-color: rgba(23, 61, 50, 0.16) !important;
  color: rgba(34, 32, 28, 0.76) !important;
  background: #fffefa !important;
}

body.kv-prompts .filter-btn.active {
  background: #173d32 !important;
  border-color: #173d32 !important;
  color: #fffdf8 !important;
}

body.kv-prompts .step-card,
body.kv-prompts .card {
  border-radius: 12px !important;
  box-shadow: 0 10px 26px rgba(27, 33, 30, 0.045) !important;
}

body.kv-prompts .card-media,
body.kv-prompts .card-brief {
  background: #f4f2ec !important;
}

@media (max-width: 980px) {

  body.kv-prompts .prompt-tool-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {

  body.kv-prompts .prompt-tool-strip {
    width: 100% !important;
    grid-template-columns: 1fr !important;
  }


  body.kv-prompts .prompt-tool-strip > div {
    min-height: 0;
    padding: 13px 14px;
  }


  body.kv-prompts .prompt-tool-strip span {
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.kv-prompts .search-bar input {
    min-height: 46px !important;
  }


  body.kv-prompts .hero h1,
  body.kv-prompts .hero p {
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }
}

/* Target 9: visible motion and interaction polish for the three conversion pages. */

body.kv-prompts .btn,
body.kv-prompts .header-cta,
body.kv-prompts .filter-btn,
body.kv-prompts .page-btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}


body.kv-prompts .btn::after,
body.kv-prompts .header-cta::after,
body.kv-prompts .filter-btn::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, 0.34) 44%, transparent 68%) !important;
  transform: translateX(-132%) skewX(-16deg) !important;
  transition: transform 0.62s cubic-bezier(.2, .7, .2, 1) !important;
}


body.kv-prompts .btn:hover::after,
body.kv-prompts .header-cta:hover::after,
body.kv-prompts .filter-btn:hover::after {
  transform: translateX(132%) skewX(-16deg) !important;
}


body.kv-prompts .btn:focus-visible,
body.kv-prompts .header-cta:focus-visible,
body.kv-prompts .filter-btn:focus-visible,
body.kv-prompts .page-btn:focus-visible {
  outline: 3px solid rgba(23, 61, 50, 0.22) !important;
  outline-offset: 3px !important;
}


body.kv-prompts .hero-card {
  transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease !important;
}


body.kv-prompts .hero-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(23, 61, 50, 0.28) !important;
  box-shadow: 0 36px 96px rgba(27, 33, 30, 0.17) !important;
}


body.kv-prompts .prompt-tool-strip > div,
body.kv-prompts .step-card,
body.kv-prompts #cardGrid .card {
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background-color 0.22s ease !important;
}


body.kv-prompts .prompt-tool-strip > div:hover,
body.kv-prompts .step-card:hover,
body.kv-prompts #cardGrid .card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(23, 61, 50, 0.26) !important;
  box-shadow: 0 22px 58px rgba(27, 33, 30, 0.10) !important;
}


body.kv-prompts .prompt-tool-strip > div {
  position: relative !important;
}


body.kv-prompts .prompt-tool-strip > div::after {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  top: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(184, 137, 77, 0.62), transparent) !important;
  opacity: 0 !important;
  transition: opacity 0.22s ease !important;
  pointer-events: none !important;
}


body.kv-prompts .prompt-tool-strip > div:hover::after {
  opacity: 1 !important;
}

body.kv-prompts .search-bar {
  transition: transform 0.22s ease, filter 0.22s ease !important;
}

body.kv-prompts .search-bar:focus-within {
  transform: translateY(-2px) !important;
  filter: drop-shadow(0 18px 34px rgba(23, 61, 50, 0.10)) !important;
}

body.kv-prompts .search-bar input {
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease !important;
}

body.kv-prompts .filter-btn:hover {
  color: #173d32 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 30px rgba(27, 33, 30, 0.08) !important;
}

body.kv-prompts .filter-btn.active {
  box-shadow: 0 12px 30px rgba(23, 61, 50, 0.18) !important;
}

body.kv-prompts #cardGrid .card-image {
  transition: transform 0.32s ease, opacity 0.2s ease !important;
}

body.kv-prompts #cardGrid .card:hover .card-image {
  transform: scale(1.035) !important;
}

@media (prefers-reduced-motion: reduce) {

  body.kv-prompts .btn::after,
  body.kv-prompts .header-cta::after,
  body.kv-prompts .filter-btn::after {
    display: none !important;
  }


  body.kv-prompts .hero-card:hover,
  body.kv-prompts .prompt-tool-strip > div:hover,
  body.kv-prompts #cardGrid .card:hover {
    transform: none !important;
  }
}

/* Target 10: final visible polish for conversion pages and typography QA. */

body.kv-prompts .hero {
  background: linear-gradient(180deg, #fbfbf8 0%, #f3f5ef 100%) !important;
}


body.kv-prompts .hero h1 {
  letter-spacing: 0 !important;
  text-wrap: balance;
}


body.kv-prompts .hero h1 {
  font-size: clamp(34px, 4vw, 52px) !important;
  line-height: 1.18 !important;
}


body.kv-prompts .hero p {
  color: rgba(34, 32, 28, 0.72) !important;
}


body.kv-prompts .prompt-tool-strip > div {
  background: #fffefa !important;
  border-color: rgba(23, 61, 50, 0.18) !important;
  box-shadow: 0 14px 36px rgba(27, 33, 30, 0.06) !important;
}


body.kv-prompts .prompt-tool-strip b {
  color: #173d32 !important;
}


body.kv-prompts .hero-card {
  border: 1px solid rgba(23, 61, 50, 0.22) !important;
  box-shadow: 0 30px 78px rgba(27, 33, 30, 0.13) !important;
}


body.kv-prompts .hero-card .value-item {
  background-color: rgba(255, 253, 248, 0.86) !important;
}


body.kv-prompts .btn-primary,
body.kv-prompts .header-cta {
  box-shadow: 0 16px 38px rgba(23, 61, 50, 0.22) !important;
}

body.kv-prompts .search-bar {
  background: #fffefa !important;
  border: 1px solid rgba(23, 61, 50, 0.20) !important;
  box-shadow: 0 18px 46px rgba(27, 33, 30, 0.08) !important;
}

body.kv-prompts .search-bar input {
  letter-spacing: 0 !important;
}

body.kv-prompts .filter-btn {
  letter-spacing: 0 !important;
  border-color: rgba(23, 61, 50, 0.16) !important;
}

@media (max-width: 720px) {


  body.kv-prompts .hero h1 {
    font-size: clamp(28px, 7.4vw, 33px) !important;
    line-height: 1.22 !important;
  }


  body.kv-prompts .hero-card {
    box-shadow: 0 18px 46px rgba(27, 33, 30, 0.10) !important;
  }
}



/* All-site quality baseline: customer-visible pages, articles, legacy pages, and admin consoles. */

/* Final typography and rhythm pass: remove rough Windows serif fallbacks,
   stop compressed Chinese letter spacing, and calm oversized headlines. */
body[class*="kv-"],
body[class*="kv-"] * {
  letter-spacing: 0 !important;
}

body[class*="kv-"] {
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
}

body[class*="kv-"] h1,
body[class*="kv-"] h2,
body[class*="kv-"] h3 {
  font-family: var(--kv-serif) !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
}


body:has(.hero-report-card) .hero-actions {
  max-width: 650px !important;
}


body.kv-prompts .hero h1 {
  max-width: 820px !important;
  font-size: clamp(34px, 4vw, 52px) !important;
  line-height: 1.18 !important;
}

body.kv-prompts .hero h1 {
  max-width: 880px !important;
}

body.kv-prompts .hero {
  align-items: center !important;
}

body.kv-prompts .hero-card {
  border-radius: 20px !important;
}

@media (max-width: 720px) {

  body:has(.hero-report-card) .hero {
    padding-top: 34px !important;
    padding-bottom: 42px !important;
  }


  body:has(.hero-report-card) .hero-grid,
  body.kv-prompts .hero {
    gap: 24px !important;
  }


  body.kv-prompts .hero h1 {
    font-size: clamp(30px, 8vw, 36px) !important;
    line-height: 1.22 !important;
  }
}

/* Second visual polish pass: cleaner Chinese headline rhythm. */


body.kv-prompts .hero h1 {
  font-family: var(--kv-sans) !important;
  font-size: clamp(32px, 3.45vw, 46px) !important;
  line-height: 1.22 !important;
  font-weight: 900 !important;
}

@media (max-width: 720px) {

  body:has(.hero-report-card) .hero {
    padding-top: 44px !important;
  }


  body.kv-prompts .hero h1 {
    font-size: clamp(28px, 7vw, 33px) !important;
    line-height: 1.28 !important;
  }

  body.kv-prompts .header-inner {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}

/* Final UI polish pass: calm surfaces, stable mobile first screens, clean control density. */

body.kv-prompts {
  background:
    radial-gradient(circle at 9% 8%, rgba(196, 154, 58, 0.08), transparent 24rem),
    radial-gradient(circle at 88% 20%, rgba(23, 61, 50, 0.08), transparent 28rem),
    linear-gradient(180deg, #f4f6f1 0%, #ebf0ea 100%) !important;
}

body[class*="kv-"] .btn,
body[class*="kv-"] button,
body[class*="kv-"] input {
  font-family: var(--kv-sans) !important;
}


body[class*="kv-"] .hero-card,
body[class*="kv-"] .card,
body[class*="kv-"] .step-card {
  border-color: rgba(23, 61, 50, 0.13) !important;
  box-shadow: 0 16px 44px rgba(24, 34, 29, 0.06) !important;
}


body.kv-prompts .hero-grid {
  gap: clamp(44px, 5vw, 72px) !important;
}


body.kv-prompts .hero h1 {
  max-width: 760px !important;
  font-size: clamp(32px, 3.2vw, 44px) !important;
  line-height: 1.22 !important;
}


body.kv-prompts .hero p {
  max-width: 760px !important;
  font-size: 16px !important;
  line-height: 1.82 !important;
}


body.kv-prompts .hero-proof {
  gap: 12px !important;
}


body.kv-prompts .hero-proof > * {
  border-radius: 14px !important;
}

body.kv-prompts .filters {
  gap: 10px !important;
  padding-top: 4px !important;
}

body.kv-prompts .filter-btn {
  min-height: 36px !important;
  padding: 0 15px !important;
}

@media (max-width: 720px) {


  body.kv-prompts .hero h1 {
    font-size: clamp(28px, 6.8vw, 32px) !important;
    line-height: 1.3 !important;
  }


  body.kv-prompts .hero p {
    font-size: 15px !important;
    line-height: 1.76 !important;
  }


  body.kv-prompts .hero-proof {
    grid-template-columns: 1fr !important;
  }

  body.kv-prompts .header {
    position: sticky !important;
  }

  body.kv-prompts .header-inner {
    padding: 12px 0 !important;
  }
}

/* Target 11: page parity rebuild. */

body.kv-prompts .container {
  width: min(calc(100% - 64px), 1220px) !important;
  max-width: 1220px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}


body.kv-prompts .header-inner {
  width: min(calc(100% - 64px), 1220px) !important;
  max-width: 1220px !important;
}


body.kv-prompts .hero {
  position: relative !important;
  margin: 0 !important;
  padding: clamp(52px, 6.2vw, 86px) 0 clamp(48px, 6vw, 78px) !important;
  background: transparent !important;
  isolation: isolate !important;
}


body.kv-prompts .hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 calc(50% - 50vw) !important;
  z-index: -1 !important;
  background:
    radial-gradient(circle at 9% 8%, rgba(184, 137, 77, 0.10), transparent 26rem),
    radial-gradient(circle at 86% 18%, rgba(23, 61, 50, 0.12), transparent 28rem),
    linear-gradient(180deg, rgba(255, 254, 250, 0.88), rgba(241, 246, 239, 0.72)) !important;
  border-bottom: 1px solid rgba(23, 61, 50, 0.10) !important;
}

body.kv-prompts .hero-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(370px, 0.72fr) !important;
  gap: clamp(46px, 5.4vw, 78px) !important;
  align-items: center !important;
}


body.kv-prompts .hero-copy {
  min-width: 0 !important;
}


body.kv-prompts .hero h1 {
  max-width: 760px !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  color: #17221d !important;
  font-size: clamp(38px, 4.05vw, 58px) !important;
  line-height: 1.11 !important;
  font-weight: 900 !important;
}


body.kv-prompts .hero p {
  max-width: 720px !important;
  margin-bottom: 0 !important;
  color: rgba(31, 36, 32, 0.70) !important;
  font-size: 16.5px !important;
  line-height: 1.86 !important;
}


body.kv-prompts .eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  margin-bottom: 18px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(184, 137, 77, 0.22) !important;
  border-radius: 999px !important;
  background: rgba(255, 254, 250, 0.74) !important;
  color: #7d5a26 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: none !important;
}


body.kv-prompts .hero-proof {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 24px !important;
}


body.kv-prompts .hero-proof span,
body.kv-prompts .prompt-tool-strip > div {
  min-height: 104px !important;
  padding: 17px 18px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(23, 61, 50, 0.13) !important;
  background: rgba(255, 254, 250, 0.82) !important;
  box-shadow: 0 12px 32px rgba(24, 34, 29, 0.055) !important;
}

body.kv-prompts .hero-proof span {
  display: grid !important;
  align-content: center !important;
  color: rgba(31, 36, 32, 0.70) !important;
  line-height: 1.55 !important;
}


body.kv-prompts .hero-actions {
  margin-top: 28px !important;
  gap: 12px !important;
}


body.kv-prompts .hero-actions .btn {
  min-height: 52px !important;
  padding: 0 24px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}


body.kv-prompts .prompt-preview-card {
  border-radius: 24px !important;
  border: 1px solid rgba(23, 61, 50, 0.16) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(184, 137, 77, 0.18), transparent 18rem),
    linear-gradient(180deg, rgba(255, 254, 250, 0.94), rgba(245, 247, 241, 0.88)) !important;
  box-shadow: 0 32px 92px rgba(24, 34, 29, 0.15) !important;
}


body.kv-prompts .prompt-preview-card {
  background:
    radial-gradient(circle at 84% 12%, rgba(184, 137, 77, 0.22), transparent 15rem),
    linear-gradient(142deg, #103c35 0%, #1f5148 100%) !important;
}

body.kv-prompts .header {
  padding: 0 !important;
}

body.kv-prompts .header-inner {
  min-height: 72px !important;
  display: grid !important;
  grid-template-columns: minmax(210px, 0.42fr) minmax(280px, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
}

body.kv-prompts .logo {
  color: #17221d !important;
  font-size: 17px !important;
  font-weight: 900 !important;
}

body.kv-prompts .logo span {
  color: #7A1F2B !important;
}

body.kv-prompts .search-bar {
  width: 100% !important;
  max-width: none !important;
}

body.kv-prompts .search-bar input {
  min-height: 50px !important;
  padding-left: 44px !important;
  border-radius: 999px !important;
  background: rgba(255, 254, 250, 0.92) !important;
}

body.kv-prompts .prompt-preview-card {
  padding: 28px !important;
  color: #fffdf8 !important;
}

body.kv-prompts .prompt-preview-card h2 {
  margin: 18px 0 18px !important;
  color: #fffdf8 !important;
  font-size: clamp(25px, 2.3vw, 32px) !important;
  line-height: 1.18 !important;
}

body.kv-prompts .prompt-preview-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

body.kv-prompts .prompt-preview-head span,
body.kv-prompts .prompt-preview-head b {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(255, 253, 248, 0.22) !important;
  border-radius: 999px !important;
  background: rgba(255, 253, 248, 0.10) !important;
  color: rgba(255, 253, 248, 0.90) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body.kv-prompts .prompt-preview-search {
  min-height: 52px !important;
  display: flex !important;
  align-items: center !important;
  margin-bottom: 14px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(255, 253, 248, 0.20) !important;
  border-radius: 999px !important;
  background: rgba(255, 253, 248, 0.12) !important;
  color: rgba(255, 253, 248, 0.80) !important;
  font-size: 14px !important;
}

body.kv-prompts .prompt-preview-results {
  display: grid !important;
  gap: 8px !important;
  margin-bottom: 16px !important;
}

body.kv-prompts .prompt-preview-results div {
  padding: 12px 14px !important;
  border: 1px solid rgba(255, 253, 248, 0.16) !important;
  border-radius: 14px !important;
  background: rgba(255, 253, 248, 0.10) !important;
}

body.kv-prompts .prompt-preview-results strong,
body.kv-prompts .prompt-preview-results span {
  display: block !important;
}

body.kv-prompts .prompt-preview-results strong {
  color: #fffdf8 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

body.kv-prompts .prompt-preview-results span {
  margin-top: 4px !important;
  color: rgba(255, 253, 248, 0.62) !important;
  font-size: 12px !important;
}

body.kv-prompts .prompt-preview-card .value-list {
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  margin-bottom: 18px !important;
}

body.kv-prompts .prompt-preview-card .value-item {
  display: grid !important;
  grid-template-columns: 26px 1fr !important;
  gap: 10px !important;
  align-items: start !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(255, 253, 248, 0.14) !important;
  border-radius: 14px !important;
  background: rgba(255, 253, 248, 0.09) !important;
  color: rgba(255, 253, 248, 0.72) !important;
}

body.kv-prompts .prompt-preview-card .value-item strong {
  color: #fffdf8 !important;
}

body.kv-prompts .prompt-preview-card .value-dot {
  width: 26px !important;
  height: 26px !important;
  background: rgba(255, 253, 248, 0.16) !important;
  color: #fffdf8 !important;
}

body.kv-prompts .prompt-preview-card .btn-primary {
  width: 100% !important;
  min-height: 50px !important;
  background: #fffdf8 !important;
  color: #103c35 !important;
  border-color: #fffdf8 !important;
  box-shadow: none !important;
}

body.kv-prompts .use-steps {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  padding: 0 0 22px !important;
  border-bottom: 1px solid rgba(23, 61, 50, 0.10) !important;
}

body.kv-prompts .step-card {
  min-height: 138px !important;
  padding: 20px !important;
  border-radius: 16px !important;
}

body.kv-prompts .step-no {
  color: #7d5a26 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body.kv-prompts .filters {
  padding: 18px 0 12px !important;
  gap: 9px !important;
}

body.kv-prompts .info-bar {
  margin-bottom: 14px !important;
  padding: 0 !important;
}

body.kv-prompts #cardGrid {
  grid-template-columns: repeat(auto-fill, minmax(286px, 1fr)) !important;
  gap: 18px !important;
}

body.kv-prompts #cardGrid .card {
  border-radius: 16px !important;
  overflow: hidden !important;
  background: rgba(255, 254, 250, 0.92) !important;
}

body.kv-prompts #cardGrid .card-media {
  background:
    radial-gradient(circle at 22% 18%, rgba(184, 137, 77, 0.18), transparent 8rem),
    linear-gradient(145deg, #f4f1e8, #e9f0e9) !important;
}

body.kv-prompts #cardGrid .card-brief {
  background:
    radial-gradient(circle at 18% 12%, rgba(184, 137, 77, 0.14), transparent 9rem),
    linear-gradient(145deg, #fffefa, #eef3ed) !important;
}

@media (max-width: 980px) {

  body.kv-prompts .container,
  body.kv-prompts .header-inner {
    width: min(calc(100% - 36px), 760px) !important;
  }


  body.kv-prompts .hero-grid {
    grid-template-columns: 1fr !important;
  }

  body.kv-prompts .header-inner {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 12px 0 !important;
  }

  body.kv-prompts .header-cta {
    justify-self: stretch !important;
    justify-content: center !important;
  }
}

@media (max-width: 720px) {

  body.kv-prompts .container,
  body.kv-prompts .header-inner {
    width: min(calc(100% - 28px), 640px) !important;
  }


  body.kv-prompts .hero {
    padding: 34px 0 42px !important;
  }


  body.kv-prompts .hero h1 {
    max-width: 100% !important;
    font-size: clamp(29px, 8vw, 35px) !important;
    line-height: 1.23 !important;
  }


  body.kv-prompts .hero p {
    font-size: 15px !important;
    line-height: 1.76 !important;
  }


  body.kv-prompts .hero-proof,
  body.kv-prompts .use-steps {
    grid-template-columns: 1fr !important;
  }


  body.kv-prompts .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }


  body.kv-prompts .hero-actions .btn {
    width: 100% !important;
    white-space: normal !important;
  }

  body.kv-prompts .prompt-preview-card {
    min-height: 0 !important;
    padding: 22px !important;
  }
}

/* Target 12: editorial and entry page parity. */

/* Target 13: editorial diagnostic system.
   Direction: diagnosis office plus publication-grade reports. */
:root {
  --kv-bg: #f5f6f2;
  --kv-bg-2: #eef2ec;
  --kv-paper: #fffefa;
  --kv-paper-2: #fbfcf8;
  --kv-ink: #1f2420;
  --kv-muted: #667069;
  --kv-soft: #8a938c;
  --kv-olive: #173d32;
  --kv-olive-2: #234d40;
  --kv-wine: #6f2933;
  --kv-brass: #b8894d;
  --kv-brass-dark: #7d5a26;
  --kv-line: rgba(23, 61, 50, 0.13);
  --kv-line-strong: rgba(23, 61, 50, 0.23);
  --kv-shadow: 0 24px 76px rgba(24, 34, 29, 0.10);
  --kv-shadow-soft: 0 12px 38px rgba(24, 34, 29, 0.055);
  --kv-shadow-card: 0 12px 32px rgba(24, 34, 29, 0.045);
  --kv-radius-card: 14px;
  --kv-radius-shell: 18px;
  --kv-radius-product: 18px;
  --kv-radius-pill: 999px;
}

html {
  text-rendering: optimizeLegibility;
}

body[class*="kv-"] {
  background:
    radial-gradient(circle at 12% 6%, rgba(184, 137, 77, 0.10), transparent 28rem),
    radial-gradient(circle at 88% 10%, rgba(23, 61, 50, 0.08), transparent 30rem),
    linear-gradient(180deg, #f7f8f4 0%, #edf2ec 100%) !important;
  color: var(--kv-ink) !important;
  font-family: var(--kv-sans) !important;
  letter-spacing: 0 !important;
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}

body[class*="kv-"] h1,
body[class*="kv-"] h2,
body[class*="kv-"] h3,
body[class*="kv-"] .card-title {
  color: var(--kv-ink) !important;
  font-family: var(--kv-sans) !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
  text-wrap: balance;
}

body[class*="kv-"] p {
  color: rgba(31, 36, 32, 0.68) !important;
  line-height: 1.82 !important;
}


body[class*="kv-"] .header {
  background: rgba(247, 248, 244, 0.82) !important;
  border-bottom: 1px solid rgba(23, 61, 50, 0.10) !important;
  box-shadow: 0 10px 32px rgba(24, 34, 29, 0.035) !important;
}

body[class*="kv-"] .btn,
body[class*="kv-"] .header-cta,
body[class*="kv-"] .page-btn,
body[class*="kv-"] button.btn {
  min-height: 48px !important;
  border-radius: 12px !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

body[class*="kv-"] .btn-primary,
body[class*="kv-"] .header-cta {
  border: 1px solid var(--kv-olive) !important;
  background: var(--kv-olive) !important;
  color: #fffefa !important;
}

body[class*="kv-"] .btn-outline,
body[class*="kv-"] .page-btn,
body[class*="kv-"] .filter-btn {
  border-color: rgba(23, 61, 50, 0.16) !important;
  background: rgba(255, 254, 250, 0.78) !important;
  color: var(--kv-ink) !important;
}

body[class*="kv-"] .btn:hover,
body[class*="kv-"] .header-cta:hover,
body[class*="kv-"] .card:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 36px rgba(24, 34, 29, 0.08) !important;
}

body[class*="kv-"] .eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  min-height: 30px !important;
  padding: 0 11px !important;
  border: 1px solid rgba(184, 137, 77, 0.20) !important;
  border-radius: 999px !important;
  background: rgba(255, 254, 250, 0.74) !important;
  color: var(--kv-brass-dark) !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body[class*="kv-"] .card,
body[class*="kv-"] .hero-card,
body[class*="kv-"] .wall,
body[class*="kv-"] .modal,
body[class*="kv-"] .prompt-preview-card {
  border-color: var(--kv-line) !important;
  border-radius: var(--kv-radius-shell) !important;
  background: rgba(255, 254, 250, 0.84) !important;
  box-shadow: var(--kv-shadow-soft) !important;
}


body[class*="kv-"] .step-card,
body[class*="kv-"] .prompt-tool-strip > div {
  border-color: rgba(23, 61, 50, 0.12) !important;
  border-radius: var(--kv-radius-card) !important;
  background: rgba(255, 254, 250, 0.78) !important;
  box-shadow: var(--kv-shadow-card) !important;
}


body.kv-prompts .prompt-preview-card {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.08), transparent 42%),
    linear-gradient(180deg, #174337 0%, #12362e 100%) !important;
  color: #fffefa !important;
}


body.kv-prompts .hero h1 {
  font-weight: 800 !important;
}


body.kv-prompts .hero-card .price {
  border-radius: 10px !important;
  background: rgba(23, 61, 50, 0.08) !important;
  color: var(--kv-olive) !important;
}


body.kv-prompts .hero h1 {
  max-width: 720px !important;
  font-size: clamp(38px, 4.5vw, 64px) !important;
  line-height: 1.1 !important;
}


body.kv-prompts .hero-proof,
body.kv-prompts .use-steps {
  gap: 14px !important;
}


body.kv-prompts .prompt-preview-card {
  overflow: hidden !important;
  box-shadow: 0 30px 84px rgba(24, 34, 29, 0.13) !important;
}


body.kv-prompts .prompt-preview-results > div,
body.kv-prompts .value-item {
  border-color: rgba(255, 253, 248, 0.14) !important;
}

body.kv-prompts .header-inner {
  min-height: 66px !important;
  gap: 18px !important;
}

body.kv-prompts .search-bar input,
body.kv-prompts .wall input {
  min-height: 46px !important;
  border-color: rgba(23, 61, 50, 0.16) !important;
  border-radius: 12px !important;
  background: rgba(255, 254, 250, 0.88) !important;
  color: var(--kv-ink) !important;
  box-shadow: none !important;
}

body.kv-prompts .grid .card {
  border-radius: 14px !important;
  box-shadow: 0 8px 24px rgba(24, 34, 29, 0.045) !important;
}

@media (max-width: 720px) {
  body[class*="kv-"] {
    background:
      radial-gradient(circle at 12% 0%, rgba(184, 137, 77, 0.08), transparent 18rem),
      linear-gradient(180deg, #f7f8f4 0%, #edf2ec 100%) !important;
  }

  body[class*="kv-"] .page,
  body[class*="kv-"] .container {
    width: min(calc(100% - 28px), 640px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }


  body.kv-prompts .hero h1 {
    font-size: clamp(30px, 8vw, 38px) !important;
    line-height: 1.2 !important;
  }


  body.kv-prompts .hero p {
    font-size: 15px !important;
    line-height: 1.78 !important;
  }

  body[class*="kv-"] .btn {
    width: 100% !important;
    min-height: 46px !important;
  }

  body.kv-prompts .header-inner {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
  }

  body.kv-prompts .search-bar {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
  }
}

/* Target 14: final contrast and admin polish. */

/* Target 15: online homepage visual master */
:root {
  --kv-master-bg: #f3e8d4;
  --kv-master-stage: #fffaf2;
  --kv-master-paper: #fff7e8;
  --kv-master-ink: #281f18;
  --kv-master-muted: #74675b;
  --kv-master-olive: #123f36;
  --kv-master-olive-2: #254b36;
  --kv-master-wine: #8b2635;
  --kv-master-gold: #c69a54;
  --kv-master-line: rgba(70, 52, 35, 0.14);
  --kv-master-shadow: 0 26px 90px rgba(63, 44, 25, 0.13);
  --kv-master-soft-shadow: 0 14px 46px rgba(63, 44, 25, 0.08);
  --kv-display: "Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", SimSun, serif;
  --kv-text: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
}


body.kv-prompts {
  background:
    radial-gradient(circle at 10% 4%, rgba(198, 154, 84, 0.13), transparent 27rem),
    radial-gradient(circle at 84% 10%, rgba(18, 63, 54, 0.07), transparent 30rem),
    var(--kv-master-bg) !important;
  color: var(--kv-master-ink) !important;
  font-family: var(--kv-text) !important;
  letter-spacing: 0 !important;
}


body.kv-prompts > .container {
  width: min(100%, 1180px) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


body.kv-prompts > .container {
  background: rgba(255, 250, 242, 0.92) !important;
  box-shadow: var(--kv-master-shadow) !important;
}


body.kv-prompts .header {
  min-height: 74px !important;
  border-bottom: 1px solid rgba(70, 52, 35, 0.12) !important;
  background: rgba(248, 239, 222, 0.88) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  box-shadow: 0 10px 36px rgba(63, 44, 25, 0.055) !important;
}


body.kv-prompts .header-inner {
  width: min(calc(100% - 40px), 1180px) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


body.kv-prompts .btn,
body.kv-prompts .header-cta {
  min-height: 48px !important;
  border-radius: 999px !important;
  padding-left: 26px !important;
  padding-right: 26px !important;
  font-size: 15px !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
}


body.kv-prompts .btn-primary,
body.kv-prompts .header-cta {
  border-color: var(--kv-master-olive) !important;
  background: var(--kv-master-olive) !important;
  color: #fffaf2 !important;
  box-shadow: 0 16px 36px rgba(18, 63, 54, 0.18) !important;
}


body.kv-prompts .btn-outline {
  border: 1px solid rgba(70, 52, 35, 0.16) !important;
  background: rgba(255, 250, 242, 0.72) !important;
  color: var(--kv-master-ink) !important;
  box-shadow: none !important;
}


body.kv-prompts .prompt-preview-card {
  background:
    linear-gradient(145deg, rgba(255, 250, 242, 0.09), transparent 44%),
    linear-gradient(180deg, #234a33 0%, #123f36 100%) !important;
  color: #fffaf2 !important;
}


body.kv-prompts .hero h1 {
  font-family: var(--kv-display) !important;
  font-size: clamp(46px, 5vw, 72px) !important;
  line-height: 1.04 !important;
  color: var(--kv-master-ink) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}


body.kv-prompts .hero p {
  color: rgba(40, 31, 24, 0.68) !important;
  font-size: 17px !important;
  line-height: 1.9 !important;
}


body.kv-prompts .card,
body.kv-prompts .step-card {
  border: 1px solid rgba(70, 52, 35, 0.12) !important;
  border-radius: 22px !important;
  background: rgba(255, 250, 242, 0.82) !important;
  box-shadow: var(--kv-master-soft-shadow) !important;
}


body.kv-prompts .hero-proof,
body.kv-prompts .use-steps {
  gap: 16px !important;
}


body.kv-prompts .step-no {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 40px !important;
  height: 30px !important;
  margin-bottom: 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(198, 154, 84, 0.34) !important;
  background: rgba(198, 154, 84, 0.11) !important;
  color: var(--kv-master-wine) !important;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}


body.kv-prompts .hero {
  padding: clamp(56px, 6vw, 86px) 0 !important;
}


body.kv-prompts .hero-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr) !important;
  gap: clamp(38px, 5vw, 72px) !important;
}

body.kv-prompts .header {
  position: sticky !important;
  top: 0 !important;
  z-index: 50 !important;
}

body.kv-prompts .logo {
  color: var(--kv-master-ink) !important;
  font-weight: 900 !important;
}

body.kv-prompts .search-bar {
  border: 1px solid rgba(70, 52, 35, 0.13) !important;
  border-radius: 999px !important;
  background: rgba(255, 250, 242, 0.82) !important;
}

body.kv-prompts .filter-btn.active {
  background: var(--kv-master-olive) !important;
  color: #fffaf2 !important;
  border-color: var(--kv-master-olive) !important;
}

@media (max-width: 980px) {

  body.kv-prompts .hero-grid {
    grid-template-columns: 1fr !important;
  }


  body.kv-prompts .prompt-preview-card {
    max-width: 640px !important;
  }
}

@media (max-width: 720px) {

  body.kv-prompts > .container {
    width: min(calc(100% - 24px), 640px) !important;
  }


  body.kv-prompts .header-inner {
    width: min(calc(100% - 24px), 640px) !important;
  }


  body.kv-prompts .hero h1 {
    font-size: clamp(34px, 10vw, 46px) !important;
    line-height: 1.12 !important;
  }


  body.kv-prompts .hero p {
    font-size: 15px !important;
    line-height: 1.82 !important;
  }

  body.kv-prompts .header-inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.kv-prompts .header-cta {
    width: 100% !important;
  }
}

/* Target 18: final mobile override, must stay after Target 15 */
@media (max-width: 720px) {
  html,
  body {
    overflow-x: hidden !important;
  }


  body.kv-prompts > .container {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }


  body.kv-prompts .header-inner {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    height: auto !important;
    min-height: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }


  body.kv-prompts .hero h1 {
    word-break: break-all !important;
    overflow-wrap: anywhere !important;
    line-break: anywhere !important;
  }


  body.kv-prompts .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }


  body.kv-prompts .hero-actions .btn {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 50px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
  }
}

/* Target 19: prevent duplicate article eyebrow labels */

/* Target 20: fuye entry layout repair */

/* Target 21: 699 sample headline fit */

/* Target 22: prompts headline punctuation control */
body.kv-prompts .hero h1 {
  display: grid !important;
  gap: 0 !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

body.kv-prompts .hero h1 span {
  display: block !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

@media (max-width: 720px) {
  body.kv-prompts .hero h1 span {
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }
}

/* Target 23: report page symbol cleanup */

/* Target 24: local typography and spacing defects from visual review */

body.kv-prompts .hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  align-items: center !important;
}

body.kv-prompts .hero-actions .btn {
  width: auto !important;
  min-width: 190px !important;
  min-height: 58px !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
}

@media (max-width: 720px) {

  body.kv-prompts .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body.kv-prompts .hero-actions .btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* Final override: compact fuye admin table */

/* Target 26: fix marked local layout defects on fuye and prompts pages */

body.kv-prompts .hero-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  margin-top: 24px !important;
}

body.kv-prompts .hero-actions .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 220px !important;
  height: 64px !important;
  min-height: 64px !important;
  padding: 0 34px !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: top !important;
}

body.kv-prompts .hero-actions .btn-primary {
  border: 1px solid var(--kv-master-olive) !important;
  background: var(--kv-master-olive) !important;
  color: #fffaf2 !important;
}

body.kv-prompts .hero-actions .btn-outline {
  border: 1px solid rgba(70, 52, 35, 0.16) !important;
  background: #fffefa !important;
  color: var(--kv-master-olive) !important;
  box-shadow: 0 14px 34px rgba(70, 52, 35, 0.07) !important;
}

@media (max-width: 720px) {

  body.kv-prompts .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.kv-prompts .hero-actions .btn {
    width: 100% !important;
    min-width: 0 !important;
    height: 56px !important;
    min-height: 56px !important;
    padding: 0 20px !important;
    white-space: nowrap !important;
  }
}

/* Target 27: clear visual-audit medium findings before manual review. */
body.kv-prompts #cardGrid .card-title {
  display: block !important;
  min-height: auto !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  color: var(--kv-ink) !important;
  font-size: 14px !important;
  font-weight: 820 !important;
  line-height: 1.46 !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

body.kv-prompts #cardGrid .card-body {
  min-height: 104px !important;
  gap: 10px !important;
  padding: 14px 16px 16px !important;
}

body.kv-prompts .info-bar,
body.kv-prompts .copy-counter,
body.kv-prompts .remaining,
body.kv-prompts .sort-toggle,
body.kv-prompts #cardGrid .card-meta,
body.kv-prompts #cardGrid .card-meta span {
  color: rgba(31, 36, 32, 0.78) !important;
}

body.kv-prompts .sort-toggle {
  font-weight: 780 !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}

body.kv-prompts #cardGrid .card-model {
  color: #fffefa !important;
  font-weight: 780 !important;
}

body.kv-prompts #cardGrid .card-category {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  margin-right: 6px !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  background: #eef1ec !important;
  color: #263f35 !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
}

body.kv-prompts #cardGrid .tuning-badge {
  background: #fff0c2 !important;
  border: 1px solid rgba(122, 63, 0, 0.16) !important;
  color: #7a3f00 !important;
  font-size: 11px !important;
  font-weight: 760 !important;
}

body.kv-prompts #cardGrid .tuning-badge.tuning-danger {
  background: #ffe7e7 !important;
  border-color: rgba(141, 31, 31, 0.18) !important;
  color: #8d1f1f !important;
}

body.kv-prompts #cardGrid .model-1,
body.kv-prompts #cardGrid .model-2,
body.kv-prompts #cardGrid .model-3,
body.kv-prompts #cardGrid .model-4,
body.kv-prompts #cardGrid .model-5 {
  background: #0f4a3d !important;
  color: #fffefa !important;
}

/* Target 28: harden remaining contrast warnings from the rendered visual audit. */


body.kv-prompts .footer a {
  color: #173d32 !important;
  font-weight: 820 !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}

/* Target 31: fix knowledge-page layout debt exposed after deployment. */

/* Target 29: make logged-in admin states readable on mobile. */

@media (max-width: 720px) {
  body.kv-prompts #cardGrid .card-title {
    font-size: 15px !important;
    line-height: 1.48 !important;
  }

  body.kv-prompts #cardGrid .card-body {
    min-height: 112px !important;
  }
}

/* Target 30: turn Fuye admin rows into compact lead work cards. */

/* Final overflow containment: keep hero background bleed inside the usable viewport. */
html {
  overflow-x: hidden !important;
}

body[class*="kv-"] {
  margin: 0 !important;
  max-width: 100% !important;
  overflow-x: clip !important;
}

@media (min-width: 721px) {

  body.kv-prompts .hero::before {
    inset: 0 calc(50% - 50vw + 16px) !important;
  }
}

/* Final quiz result fit: the first result screen must never crop diagnosis copy. */

/* Admin search should act like a quick lookup, not a dashboard review. */

/* Target 31: customer-visible final polish pass. Home remains the visual benchmark. */

body.kv-prompts .hero {
  padding-top: clamp(58px, 6.8vw, 96px) !important;
}

body.kv-prompts .hero-grid {
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 0.74fr) !important;
  gap: clamp(52px, 6vw, 92px) !important;
  align-items: start !important;
}

body.kv-prompts .hero h1 {
  width: min(100%, 620px) !important;
  max-width: 620px !important;
  font-size: clamp(58px, 5.8vw, 86px) !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
}

body.kv-prompts .hero p {
  max-width: 680px !important;
  font-size: 17px !important;
  line-height: 1.92 !important;
}

body.kv-prompts .prompt-preview-card {
  justify-self: end !important;
  width: min(100%, 520px) !important;
  padding: clamp(32px, 3vw, 42px) !important;
  border-radius: 28px !important;
}

body.kv-prompts .prompt-preview-card h2 {
  font-size: clamp(34px, 3vw, 46px) !important;
  line-height: 1.08 !important;
}

body.kv-prompts .hero-proof {
  max-width: 650px !important;
}

body.kv-prompts .hero-actions .btn {
  min-width: 230px !important;
  height: 62px !important;
  border-radius: 999px !important;
}

@media (max-width: 980px) {

  body.kv-prompts .hero-grid {
    grid-template-columns: 1fr !important;
  }


  body.kv-prompts .prompt-preview-card {
    justify-self: start !important;
    width: min(100%, 640px) !important;
  }
}

@media (max-width: 720px) {


  body.kv-prompts .hero h1 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(42px, 12vw, 52px) !important;
    line-height: 1.08 !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }


  body.kv-prompts .hero-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }


  body.kv-prompts .hero-actions .btn {
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
  }

  body.kv-prompts .hero {
    padding-top: 38px !important;
  }

  body.kv-prompts .prompt-preview-card {
    padding: 26px 22px !important;
  }

  body.kv-prompts .prompt-preview-card h2 {
    font-size: clamp(30px, 9vw, 38px) !important;
  }
}

/* Target 32: knowledge page final first-screen fit. */


/* Target 33: public funnel pages must not let emphasized Chinese runs escape on mobile. */


/* Target 34: public funnel mobile headlines need graceful punctuation, not just no overflow. */


/* Target 35: home WeChat endpoint must respect mobile viewport width. */


/* About trust page */

/* Report delivery standard pass */

/* Article reading system refinement */

/* Compact article closing CTA. It should feel like an editorial footnote, not a sales section. */

/* Article category indexes: keep the archive readable and avoid machine-written per-card blurbs. */

/* 2026-07-10 conversion pass: preserve the visual system, improve first-time comprehension. */

/* Home hero collision safeguard */
/* End home hero collision safeguard */