/* 本文件是产物 —— 由 scripts/build-site.py 从 assets/shared.css 的
   @drawer-shared:start/:end 区段抽出，供 图谱/atlas.html 的抽屉复用。
   别手改这里，改 shared.css 再重跑 build-site.py。 */
.wikilink {
  color: var(--wl, var(--ink));
  font-weight: 600;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: var(--wl-u, var(--rule));
  text-decoration-thickness: 1.5px;
  text-underline-offset: .2em;
  text-decoration-skip-ink: auto;   /* 别把汉字竖笔和拉丁降部划穿 */
  border-radius: 2px;
  transition: color .12s, background-color .12s, text-decoration-color .12s;
}
.wikilink:hover {
  color: var(--wl-d, var(--ink));
  text-decoration-style: solid;
  text-decoration-color: var(--wl-d, var(--ink));
  background: var(--wl-bg, var(--bg-3));
  /* 底纹往外撑 2px，不然贴着字边看着像选中而不是高亮 */
  box-shadow: 0 0 0 2px var(--wl-bg, var(--bg-3));
}
/* --wl 字色（= 白毛 _ENT_TYPE_STYLE 第一位）· --wl-d 悬停深一档（第二位）
   · --wl-u 静息点线（同色降透明度）· --wl-bg 悬停底纹 */
.wikilink-companies  { --wl: #2f6b3a; --wl-d: #1e5c2e; --wl-u: rgba( 47,107, 58,.55); --wl-bg: rgba( 47,107, 58,.10); }
.wikilink-subsectors { --wl: #8a6d1a; --wl-d: #6e5512; --wl-u: rgba(138,109, 26,.55); --wl-bg: rgba(138,109, 26,.12); }
.wikilink-concepts   { --wl: #6b4fa0; --wl-d: #523a80; --wl-u: rgba(107, 79,160,.52); --wl-bg: rgba(107, 79,160,.10); }
.wikilink-people     { --wl: #1d5a9b; --wl-d: #14477d; --wl-u: rgba( 29, 90,155,.55); --wl-bg: rgba( 29, 90,155,.10); }
.wikilink-events     { --wl: #a8345c; --wl-d: #8a2749; --wl-u: rgba(168, 52, 92,.52); --wl-bg: rgba(168, 52, 92,.10); }
.wikilink-syntheses  { --wl: #c8341f; --wl-d: #a32718; --wl-u: rgba(200, 52, 31,.52); --wl-bg: rgba(200, 52, 31,.10); }
/* 层级（2026-07-28 新页型）取青。六色已占掉绿/金/紫/藏青/玫红/印章红，五层色卡 --l1..--l5
   又是红蓝绿紫玫红——青是整套配色里唯一还空着的色相，不跟任何已有含义撞车。 */
.wikilink-layers     { --wl: #0f6b6b; --wl-d: #0a5454; --wl-u: rgba( 15,107,107,.55); --wl-bg: rgba( 15,107,107,.10); }
/* 指向尚未建页的名字：灰点线 + help 光标。不用 not-allowed——那是「禁止」的语义，
   这里其实是「这条线索存在、页还没写」，属于 wiki 的正常状态。 */
.wikilink.unresolved {
  color: var(--ink-soft);
  font-weight: inherit;             /* 没页可点就别抢正文的分量 */
  text-decoration-color: var(--rule);
  text-decoration-thickness: 1px;
  cursor: help;
}
.wikilink.unresolved:hover {
  color: var(--ink-soft); background: none; box-shadow: none;
  text-decoration-style: dotted; text-decoration-color: var(--rule);
}

/* ── 引文与不可达引用（2026-07-28）────────────────────────────────
   .cite-link  正文里的「（据 3-06）」。目标是 wiki/来源摘要/ 里那份子行业深度报告摘要，
               该目录不发布，但站内正好有同名子行业页 = 同一份报告的公开摘编，所以指过去。
               用子行业金色保持类型一致，但**不加粗、字号压小**——它是脚注记号，
               一页几十个，跟正文实体链一样重会把段落读成一片链接。
   .deadref    出处存在但站上没有可达页面（研报/纪要摘要、vault-only 目录）。
               灰点线 + help 光标，与 .wikilink.unresolved 同一档视觉：读者已经学过
               「灰点线 = 有线索、点不了」，不再教第二套。tooltip 里写清是什么来源。 */
.cite-link {
  color: #8a6d1a; font-size: .92em;
  text-decoration: underline; text-decoration-style: dotted;
  text-decoration-color: rgba(138, 109, 26, .5);
  text-decoration-thickness: 1px; text-underline-offset: .18em;
}
.cite-link:hover { color: #6e5512; text-decoration-style: solid; text-decoration-color: #6e5512; }
.deadref {
  color: var(--ink-soft);
  text-decoration: underline; text-decoration-style: dotted;
  text-decoration-color: var(--rule); text-decoration-thickness: 1px;
  text-underline-offset: .18em; cursor: help;
}
/* .tiermark  来源评级。原文里写的是我们内部的 `Tier D`，读者无从解码（站长 2026-07-30：
   「别人也不知道是什么东西」），渲染时换成人话「社媒剪辑／转述」，完整档位释义进 tooltip。
   视觉压到最轻：它是括号里的可信度旁注（「（同源，社媒剪辑／转述）」），不该跟正文抢。 */
.tiermark {
  color: var(--ink-faint); font-size: .92em;
  border-bottom: 1px dotted var(--rule); cursor: help;
}
/* ── 产业链上下游分层图（公司页 typed-link 渲染，2026-07-26）── */
.chainmap{border:1px solid var(--rule);border-radius:11px;padding:13px 14px 14px;background:var(--bg-2);margin:16px 0}
.chainmap .cm-belong{font-size:12.5px;color:var(--ink-soft);margin-bottom:10px;padding-bottom:9px;border-bottom:1px dashed var(--rule)}
.chainmap .cm-k{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--ink-faint);margin-right:7px}
.chainmap .cm-tier{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.03em;margin:0 0 6px}
.chainmap .cm-dot{width:8px;height:8px;border-radius:50%}
.chainmap .cm-tier.up{color:var(--up)} .chainmap .cm-tier.up .cm-dot{background:var(--up)}
.chainmap .cm-tier.down{color:var(--l2)} .chainmap .cm-tier.down .cm-dot{background:var(--l2)}
.chainmap .cm-tier.comp{color:var(--stamp)} .chainmap .cm-tier.comp .cm-dot{background:var(--stamp)}
/* 2026-07-28 删掉 .cm-row/.cm-cell/.cm-ch/.cm-desc 一族（带边框的说明卡）：
   上下游有金石块时走 .sc-tier chip 网格、没有时走说明卡，竞争对手永远走说明卡——
   同一张图里两套视觉语言（站长：「竞争对手的格式和下游·谁在采购明显不一致」）。
   现在三个 tier 统一走 .sc-tier，说明文字升格成分类组名。 */
.chainmap .cm-flow{text-align:center;font-size:11px;color:var(--ink-faint);letter-spacing:.12em;padding:4px 0 3px}
.chainmap .cm-arw{font-size:13px;color:var(--ink-soft);margin-right:6px}
.chainmap .cm-core{border:1.5px solid var(--accent);background:linear-gradient(180deg,rgba(29,78,216,.07),rgba(29,78,216,.02));border-radius:9px;padding:8px 14px;text-align:center}
.chainmap .cm-name{font-family:var(--serif);font-weight:900;font-size:17px;color:var(--ink)}
.chainmap .cm-role{font-size:11.5px;color:var(--ink-soft);margin-top:1px}
.chainmap .cm-sec{margin-top:12px}
.chainmap.chainmap-mini{padding:10px 14px}
.chainmap-mini .cm-belong{margin:0;padding:0;border-bottom:0}
/* ── 供应链全景（金石驱动的密集分类 chip，嵌进 chainmap 流向图的上/下游 tier 内）── */
/* 2026-07 站长要求：达到 infographic 密度，同时保留旧的分层流向图形式 */
.chainmap .sc-tier { margin: 4px 0 2px; }
.sc-cat { margin-bottom: 8px; }
.sc-cl {
  display: flex; align-items: baseline; gap: 6px;
  font-family: var(--cn); font-weight: 700; font-size: 12px;
  color: var(--ink); letter-spacing: .3px;
  padding: 2px 9px; border-left: 3px solid var(--rule-strong, var(--ink-faint));
  margin-bottom: 5px;
}
.cm-tier.up + .sc-tier .sc-cl   { border-left-color: var(--l2); }
.cm-tier.down + .sc-tier .sc-cl { border-left-color: var(--l3); }
.cm-tier.comp + .sc-tier .sc-cl { border-left-color: var(--stamp); }
/* 组名是「同业」这类废话时不出标题行（tier 标题已经说过了），chips 直接贴上来，
   但仍缩进对齐有标题的组，免得一列 chip 忽左忽右。 */
.sc-cat.sc-nolabel > .sc-chips { padding-left: 12px; }
.sc-cn { font-family: var(--mono); font-size: 9.5px; color: var(--ink-faint); font-weight: 500; }
.sc-chips { display: flex; flex-wrap: wrap; gap: 4px; padding-left: 12px; }
/* typed-link 里那句长说明。放 chips 下面而不是组名位：整句挂标题位、后面还跟计数徽章，
   版式上是标题内容上是句子（NVIDIA 竞争对手那条 40 字）。这里是它本来的身份——注解。 */
.sc-note {
  padding-left: 12px; margin-top: 4px;
  font-family: var(--cn); font-size: 11.5px; line-height: 1.55; color: var(--ink-soft, var(--ink-faint));
}
.sc-chip {
  display: inline-flex; align-items: baseline; gap: 4px;
  padding: 2px 8px; border: 0.5px solid var(--rule); border-radius: 3px;
  background: var(--bg-2); text-decoration: none;
  font-family: var(--cn); font-size: 12.5px; line-height: 1.4;
  color: var(--ink); transition: all .1s;
}
.sc-chip:hover { background: var(--bg-3); border-color: var(--ink-faint); }
.sc-chip.companies { box-shadow: inset 2px 0 0 var(--l2); }
.sc-chip .sc-nm { font-weight: 600; letter-spacing: -0.1px; }
.sc-chip .sc-tk { font-family: var(--mono); font-size: 9.5px; color: var(--ink-faint); letter-spacing: .2px; }
.sc-chip.sc-nolink { color: var(--ink-soft); cursor: default; border-style: dashed; }
