/* ==========================================================================
   neomark.css · 模块 01「品牌字标」NEO Design
   --------------------------------------------------------------------------
   2026-10-16 接入。来源：kimi-design.html 的字标交互复刻页，
   品牌字由 KIMI 重绘为 NEO（仍是实心矩形/多边形，笔画 10、字高 49、
   占位 x 62→212 与原 KIMI 完全一致）。

   ★★ 原文件里的三样东西**一律没有搬过来**，搬了会毁掉整站：
      ① `*{margin:0;padding:0;box-sizing:border-box}`  —— 全局重置
      ② `html,body{height:100%}` + `body{display:flex;overflow:hidden}` —— 整页布局
      ③ `:root{--green/--lav/--sky/--sand/--blue/--brown}` —— 会和 neo-tokens.css
         的同名变量撞车。变量改名前缀 `nm-`，并全部收进 `.neomark` 作用域。

   ★ 类名 `.letter` / `.hit` 是通用词：本文件里全部写成 `.neomark .letter`
     这类后代选择器。以后再加样式前先 grep 这两个类名，避免撞车后元素被推出屏外。
   ========================================================================== */

#neoMark { max-width: min(100%, 560px); }

/* 字标容器：只包 svg。
   ★ 2026-10-17 对齐修正：原 viewBox 左端是 42，而 NEO 字形从 x=62 起 ⇒ 字形比
     「AI 生图 · 风格库与提示词补全」**缩进 25.2px**（实测值）。viewBox 改成从 62 起
     （62 28 424 110）⇒ 字形左沿与副标题逐像素对齐，右端仍留 486 不变。 */
.neomark {
  --nm-sand: #FFD296;
  --nm-blue: #008BFF;
  max-width: min(100%, 560px);
}

.neomark__svg {
  width: 100%;
  height: auto;
  display: block;
  user-select: none;
  -webkit-user-select: none;
}

/* ---- 每个字母独立持有自己的形态；切换是硬切，无过渡 ---- */
.neomark .letter > g { display: none; }
.neomark .letter[data-v="k"]  > .v-k  { display: block; }
.neomark .letter[data-v="c"]  > .v-c  { display: block; }
.neomark .letter[data-v="c1"] > .v-c1 { display: block; }
.neomark .letter[data-v="c2"] > .v-c2 { display: block; }

.neomark .hit { fill: transparent; pointer-events: all; cursor: pointer; }
.neomark__svg,
.neomark .letter { pointer-events: none; }

.neomark .tint-sand { color: var(--nm-sand); }
.neomark .tint-blue { color: var(--nm-blue); }

.neomark__hint {
  margin-top: 10px;               /* 2026-10-17：移到副标题下方，与它留 10px */
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  font-family: inherit;
  color: var(--ink-4);            /* ★ 原为写死的 #B8B8B8：在浅底上只有 1.82:1（AA 需 4.5），
                                     2026-10-17 对比度门禁查出来。改用主题令牌 --ink-4：
                                     浅色 #5F6369 / 深色 #7E8894，两套都过 AA。 */
  letter-spacing: .06em;
  opacity: 1;
  transition: opacity 1.2s ease;
}
.neomark__hint.gone { opacity: 0; }

@media (prefers-reduced-motion: reduce) {
  .neomark__hint { transition: none; }
}