/* Batch compatibility bridge — visual only. Business DOM and JS remain intact. */
body.kk-unified {
  --bg: var(--kk-color-canvas); --bg-2: var(--kk-color-surface-soft);
  --panel: var(--kk-color-surface); --panel-2: var(--kk-color-surface-raised);
  --ink: var(--kk-color-ink); --text: var(--kk-color-ink); --text-soft: var(--kk-color-ink-muted);
  --text-mute: var(--kk-color-ink-subtle); --sub: var(--kk-color-ink-muted);
  --line: var(--kk-color-border); --border: var(--kk-color-border);
  --brand: var(--kk-color-accent); --primary: var(--kk-color-accent);
  --accent: var(--kk-color-accent); --accent-2: var(--kk-color-intelligence); --accent-3: var(--kk-color-signal);
  background: var(--kk-color-canvas) !important; color: var(--kk-color-ink) !important;
  font-family: var(--kk-font-sans) !important;
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
  background-attachment: fixed !important; background-position: center top !important;
  background-repeat: no-repeat !important; background-size: cover !important;
}
body.kk-unified::before {
  background: radial-gradient(circle at 82% 8%, rgb(103 88 200 / .09), transparent 24%), radial-gradient(circle at 10% 42%, rgb(40 127 143 / .07), transparent 28%);
  content: ""; inset: 0; pointer-events: none; position: fixed; z-index: -1;
}
body.kk-unified :is(h1,h2,.hero-title,.section-title) { color: var(--kk-color-ink); font-family: var(--kk-font-display); letter-spacing: -.025em; }
body.kk-unified :is(p,.subtitle,.description,.section-desc,.text-muted) { color: var(--kk-color-ink-muted); }
body.kk-unified :is(header,.navbar,.nav,.topbar,.rel-nav,.app-header) {
  backdrop-filter: blur(18px); background: rgb(247 245 239 / .91) !important;
  border-color: var(--kk-color-border) !important; color: var(--kk-color-ink) !important;
}
body.kk-unified :is(header,.navbar,.nav,.topbar,.rel-nav,.app-header) a { color: var(--kk-color-ink-muted) !important; }
body.kk-unified :is(header,.navbar,.nav,.topbar,.rel-nav,.app-header) a:hover,
body.kk-unified :is(header,.navbar,.nav,.topbar,.rel-nav,.app-header) [aria-current="page"] { color: var(--kk-color-accent) !important; }
body.kk-unified :is(.card,.glass-card,.panel,.pcard,.rel-card,.metric-card,.pricing-card,.model-card,.stat-card,.feature-card,.module-card,.kkgrp) {
  background: color-mix(in srgb, var(--kk-color-surface) 94%, transparent) !important;
  border-color: var(--kk-color-border) !important; box-shadow: var(--kk-shadow-sm) !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
body.kk-unified :is(button,.btn,.btn-primary,.nav-cta,.rel-btn,.primary,.subscribe-btn):focus-visible,
body.kk-unified a:focus-visible { outline: none !important; box-shadow: var(--kk-focus-ring) !important; }
body.kk-unified :is(.btn-primary,.nav-cta,.rel-btn:not(.rel-btn-quiet):not(.rel-btn-ghost),.primary,.subscribe-btn) {
  background: var(--kk-color-accent) !important; border-color: var(--kk-color-accent) !important;
  color: #fff !important; box-shadow: none !important;
}
body.kk-unified :is(.btn-primary,.nav-cta,.rel-btn:not(.rel-btn-quiet):not(.rel-btn-ghost),.primary,.subscribe-btn):hover { background: var(--kk-color-accent-hover) !important; transform: translateY(-1px); }
body.kk-unified :is(input,textarea,select) { background: var(--kk-color-surface-raised) !important; border-color: var(--kk-color-border) !important; color: var(--kk-color-ink) !important; }
body.kk-unified :is(.badge,.tag,.pill,.chip) { background: var(--kk-color-accent-soft) !important; color: var(--kk-color-accent) !important; }
body.kk-unified :is(.modal,.dialog,.drawer,[role="dialog"]) { color: var(--kk-color-ink); }
body.kk-unified canvas, body.kk-unified svg { max-width: 100%; }
body.kk-unified:is([data-kk-page="blueprint"],[data-kk-page="app"],[data-kk-page="relationship"],[data-kk-page="grow"],[data-kk-page="pricing"]) {
  background-color: #f7f5ef !important;
  background-image: linear-gradient(rgb(247 245 239 / .86),rgb(247 245 239 / .94)),url('/assets/backgrounds/quiet-intelligence-light-desktop.webp?v=20260924u7') !important;
}
body.kk-unified:is([data-kk-page="home"],[data-kk-page="ask-kk"],[data-kk-page="kkos"],[data-kk-page="account"]) {
  background-color: #07111f !important;
  background-image: linear-gradient(rgb(5 13 27 / .2),rgb(5 13 27 / .5)),url('/assets/backgrounds/human-field-dark-desktop.webp?v=20260924u7') !important;
}
body.kk-unified[data-kk-page="home"] .hero-bg {
  background: linear-gradient(90deg,rgb(4 11 24 / .94) 0%,rgb(4 11 24 / .72) 48%,rgb(4 11 24 / .18) 100%),url('/assets/backgrounds/human-field-dark-desktop.webp?v=20260924u7') center/cover no-repeat !important;
  filter: none !important; mask-image: none !important; -webkit-mask-image: none !important; opacity: 1 !important;
}
body.kk-unified[data-kk-page="home"] .hero :is(.headline,.hero-sub,.hero-tag) { color: #f8fafc !important; text-shadow: 0 2px 18px rgb(0 0 0 / .3); }
body.kk-unified[data-kk-page="home"] .hero-sub { color: rgb(241 245 249 / .82) !important; }
body.kk-unified[data-kk-page="ask-kk"] .hero-photo {
  background-image: url('/assets/backgrounds/human-field-dark-desktop.webp?v=20260924u7') !important;
  background-position: center !important; filter: none !important; opacity: 1 !important;
}
body.kk-unified[data-kk-page="ask-kk"] .hero-scrim { background: linear-gradient(90deg,rgb(4 11 24 / .95),rgb(4 11 24 / .68) 52%,rgb(4 11 24 / .2)) !important; }
body.kk-unified[data-kk-page="ask-kk"] .hero :is(.title,.lead,.badge,.hint-line) { color: #f8fafc !important; text-shadow: 0 2px 18px rgb(0 0 0 / .34); }
body.kk-unified[data-kk-page="app"] :is(.bottom-nav,.mobile-nav) { background: rgb(255 253 248 / .94) !important; border-color: var(--kk-color-border) !important; }
/* app.html 仍带有旧版深色主题的 `!important` 工具类。页面改成浅色背景后，
   这些规则会把卡片标题和正文继续画成白色。入口页在统一层显式回到浅色语义色。 */
body.kk-unified[data-kk-page="app"] .text-gray-900 { color: #17221f !important; }
body.kk-unified[data-kk-page="app"] .text-gray-800 { color: #202c28 !important; }
body.kk-unified[data-kk-page="app"] .text-gray-700 { color: #34423d !important; }
body.kk-unified[data-kk-page="app"] .text-gray-600 { color: #52615b !important; }
body.kk-unified[data-kk-page="app"] .text-gray-500 { color: #6a7772 !important; }
body.kk-unified[data-kk-page="app"] .text-gray-400 { color: #84908b !important; }
body.kk-unified[data-kk-page="app"] #featuresSection :is(h3,p),
body.kk-unified[data-kk-page="app"] #quickMatchSection :is(h3,h4,h5,h6,p,label,li) {
  text-shadow: none !important;
}
body.kk-unified[data-kk-page="app"] #quickMatchSection :is(.from-blue-50,.from-purple-50,.from-pink-50,.from-gray-50,.from-amber-50) {
  background-color: rgb(247 245 239 / .86) !important;
}
body.kk-unified[data-kk-page="app"] #quickMatchSection .form-input,
body.kk-unified[data-kk-page="app"] #quickMatchSection :is(input,select,textarea) {
  background-color: #fffdf8 !important; color: #17221f !important;
  -webkit-text-fill-color: #17221f !important; caret-color: #17221f !important;
}
body.kk-unified[data-kk-page="app"] #quickMatchSection :is(input,textarea)::placeholder {
  color: #84908b !important; -webkit-text-fill-color: #84908b !important;
}
body.kk-unified[data-kk-page="relationship"] {
  --rel-bg: transparent; --rel-panel: #fffdf8; --rel-panel2: #f3efe7;
  --rel-line: #d9d4ca; --rel-txt: #17221f; --rel-muted: #5c6964;
  --rel-vio: #6758c8; --rel-pink: #c33e86; --rel-grn: #168462;
  --rel-amber: #9a6712; --rel-red: #b8404b;
}
body.kk-unified[data-kk-page="relationship"].rel-root { background: transparent !important; color: var(--rel-txt) !important; }
body.kk-unified[data-kk-page="relationship"] .rel-redline {
  background: rgb(103 88 200 / .09); border-color: rgb(103 88 200 / .34); color: var(--rel-txt);
}
body.kk-unified[data-kk-page="relationship"] .rel-redline b { color: #5446b2; }
body.kk-unified[data-kk-page="kkos"] :is(.sidebar,.side,.rail) { background: var(--kk-color-surface) !important; border-color: var(--kk-color-border) !important; }
@media (max-width: 48rem) {
  body.kk-unified { background-attachment: scroll !important; }
  body.kk-unified:is([data-kk-page="blueprint"],[data-kk-page="app"],[data-kk-page="relationship"],[data-kk-page="grow"],[data-kk-page="pricing"]) {
    background-image: linear-gradient(rgb(247 245 239 / .88),rgb(247 245 239 / .96)),url('/assets/backgrounds/quiet-intelligence-light-mobile.webp?v=20260924u7') !important;
  }
  body.kk-unified:is([data-kk-page="home"],[data-kk-page="ask-kk"],[data-kk-page="kkos"],[data-kk-page="account"]) {
    background-image: linear-gradient(rgb(5 13 27 / .18),rgb(5 13 27 / .5)),url('/assets/backgrounds/human-field-dark-mobile.webp?v=20260924u7') !important;
  }
  body.kk-unified[data-kk-page="home"] .hero-bg,
  body.kk-unified[data-kk-page="ask-kk"] .hero-photo { background-image: linear-gradient(rgb(4 11 24 / .78),rgb(4 11 24 / .46)),url('/assets/backgrounds/human-field-dark-mobile.webp?v=20260924u7') !important; }
  body.kk-unified :is(button,.btn,a.btn,.nav-cta,.rel-btn) { min-height: 44px; }
  body.kk-unified :is(button,a,.btn,.nav-cta,.rel-btn) { touch-action: manipulation; }
}
@media (prefers-reduced-data: reduce) {
  body.kk-unified, body.kk-unified .hero-bg, body.kk-unified .hero-photo { background-image: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.kk-unified *, body.kk-unified *::before, body.kk-unified *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}