@charset "UTF-8";
/* ══════════════════════════════════════════════════════════════════
   牌照披露块 r18 · 2026-09-24 · 方向:冷峻科技(委托人 2026-09-24 选定)

   走到这一版之前踩了两脚,记下来别再踩:
     r18-a 我把横滚带 + 段控 + 翻页钮换成静态网格 —— 治的是「像个控件」。
           评语:「毫无美感,一点都不权威」。对的,但只治了结构。
     r18-b 我把标识放大、白版压低(占比 9–14% → 18–28%)—— 治的是「白成了主角」。
           评语:「没有高级感,不够精细,不够专业」。
   两次都偏,是因为我在拿自己的审美猜一个比较级。第三次没有猜:
   **问了,她选了「冷峻科技」** —— 近黑、极细无衬线、高对比、几乎不用彩色,
   靠精密的对齐和极细线取胜。这一版按那个方向做。

   四条落实:
     ① **整块不出现任何彩色。** 蓝色(--c-primary-*)、青色(--c-accent-*)在这块里
        一律不用。「已持牌 / 申请中」改由**明度**承担,不由色相承担。
     ② **把这块压深。** 格子底走 --c-canvas,比所在节的 --c-surface-subtle 更深,
        整块读起来是嵌进版面的一块凹陷登记区。
     ③ **元数据全部等宽体。** 状态、机构缩写走 --font-mono + 大字距,
        这是「精密」最省力也最准的一个信号。
     ④ **字级拉开差。** 地名与机构名的大小比从 20:14 拉到 20:11,
        大的更大、小的更小,扫一眼就有主次。

   纪律照旧:**一个新颜色都不定义**,全部取自 brand/tokens-*.css;
   间距只用 --s-*,字号只用 --fs-*(11/12px 的等宽小字除外,见 §4 注)。
   挂在所有样式表最后,靠加载顺序取胜,不提高任何既有选择器的优先级。
   ══════════════════════════════════════════════════════════════════ */

.lic {
  /* 发丝线:从 --c-border-strong 兑出来的,不是新颜色。
     --c-border 与 --c-surface 同值(#1B2A33),拿它画格线等于没画。
     冷峻档比 r18-b 更细一档(30% → 22%),线要在那儿但不要抢。 */
  --hair: color-mix(in srgb, var(--c-border-strong) 22%, transparent);
  --hair-on-plate: color-mix(in srgb, var(--c-border-strong) 30%, var(--c-text));
}

/* ── §1 节头 ──────────────────────────────────────────────────────
   题下压一条通栏发丝线 —— 登记册的抬头。
   眉标原本是青色(--c-accent-700),这块要单色,退成等宽灰。 */
.lic__head {
  margin-block-end: var(--s-6);
  padding-block-end: var(--s-4);
  border-block-end: 1px solid var(--hair);
}
.lic__eyebrow {
  color: var(--c-text-3);
  letter-spacing: .2em;
}
.lic__title {
  font-weight: 500;
  letter-spacing: .02em;
}

/* ── §2 网格 ──────────────────────────────────────────────────────
   gap 必须是 0 —— 只要有缝,浅底版就从「一条通栏的标识带」
   退回「一堆各自为政的白方块」,那正是 r18-a 最致命的毛病。
   分隔交给 cell 自己的 1px 边,留白的活由 padding 干。 */
.licgrid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border: 1px solid var(--hair);
}

.licgrid__cell {
  display: grid;
  grid-template-rows: auto 1fr;
  background: var(--c-canvas);
  border-block-start: 1px solid var(--hair);
  transition: background var(--dur-2) var(--ease);
}
.licgrid__cell:first-child { border-block-start: 0; }
.licgrid__cell:hover { background: var(--c-surface); }

/* 两列 / 三列档:每格默认带上左边与上边的发丝线,
   再把每行第一格的左边、第一行的上边抹掉 —— 只留内部格线。 */
@media (min-width: 620px) {
  .licgrid { grid-template-columns: repeat(2, 1fr); }
  .licgrid__cell { border-inline-start: 1px solid var(--hair); }
  .licgrid__cell:nth-child(2n + 1) { border-inline-start: 0; }
  .licgrid__cell:nth-child(-n + 2) { border-block-start: 0; }
}

@media (min-width: 960px) {
  .licgrid { grid-template-columns: repeat(3, 1fr); }
  .licgrid__cell { border-block-start: 1px solid var(--hair); }
  .licgrid__cell:nth-child(2n + 1) { border-inline-start: 1px solid var(--hair); }
  .licgrid__cell:nth-child(3n + 1) { border-inline-start: 0; }
  .licgrid__cell:nth-child(-n + 3) { border-block-start: 0; }
}

/* ── §3 标识带 ────────────────────────────────────────────────────
   ⚠️ 为什么必须给浅底:六枚标识全是深墨稿(FSCA 纯黑 / CySEC 深蓝 /
   FSC 深蓝 / CMA 墨绿 / ASIC 藏蓝 / FSA 深蓝),压在深底上糊成一团,
   而**改标识的颜色 = 篡改他人标识**,不能做。

   冷峻档的调整:底色从纯白 #FFFFFF 换成 --c-text(#F4F6F6)——
   近黑版面上一块纯白会炸,冷灰白收得住,而且它是既有 token,不是新颜色。
   版面高度再压一档(128 → 116),让这条带更像一条**带**,不像一排盒子。 */
.licgrid__mark {
  display: grid;
  place-items: center;
  block-size: 116px;
  padding: var(--s-4) var(--s-6);
  background: var(--c-text);
  border-block-end: 1px solid var(--hair-on-plate);
}

/* 六枚标识长宽比从 1.42 到 4.53,给同一个高度会一大一小。
   逐枚定高(--logo-h 写在标记里),这里只负责不变形、不溢出。
   ⚠️ 版面高度与标识大小是**一对**:r18-a 给了 152px 的版面却只放
   38–60px 的标识,实测占比 9–14%,白就成了主角。现在锁在 20–28%。 */
.licgrid__logo {
  display: block;
  block-size: var(--logo-h, 48px);
  inline-size: auto;
  max-inline-size: 100%;
  object-fit: contain;
}

/* ── §4 文字 ──────────────────────────────────────────────────────
   ⚠️ 11px / 12px 两处等宽小字**故意不走 --fs-* 梯级**:最小档 --fs-eyebrow
   是 13px,那是给无衬线正文标签用的。等宽体同号视觉上要大半档,
   13px 的 mono 在这里会压过地名,把字级差吃掉。这是排版上的光学修正,
   不是偷懒绕过 token —— 除这两处外本文件不写任何裸字号。 */
.licgrid__text {
  display: grid;
  align-content: start;
  gap: var(--s-3);
  padding: var(--s-6);
}

/* 状态:**不用颜色区分,用明度区分。**
   已持牌 = 主文字档(深底上 15.44),申请中 = 三级档(7.00)——
   两者都远超 AA,而并排一扫,亮的那两个自己会跳出来。 */
.licgrid__status {
  display: inline-flex;
  align-items: center;
  gap: var(--s-2);
  margin: 0;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: .22em;
  color: var(--c-text-3);
}
/* 6px 小方:状态的第二层信号,**不依赖颜色单独成立**。
   已持牌是实心,申请中是空心 —— 形状本身就把话说完了。 */
.licgrid__status::before {
  content: "";
  inline-size: 6px;
  block-size: 6px;
  flex: none;
  border: 1px solid currentColor;
}
.licgrid__cell--held .licgrid__status { color: var(--c-text); }
.licgrid__cell--held .licgrid__status::before { background: currentColor; }

.licgrid__place {
  margin: 0;
  font-size: var(--fs-h3);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: .01em;
  color: var(--c-text);
}

/* 缩写退成等宽小字。r18-a 给它描了个框做成小牌 —— 那是开发者工具的语汇。 */
.licgrid__auth {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  margin: 0;
  font-size: var(--fs-sm);
  font-weight: 400;
  line-height: 1.6;
  color: var(--c-text-3);
}
.licgrid__abbr {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .12em;
}
.licgrid__abbr::before {
  content: "/";
  margin-inline: var(--s-2);
  font-family: var(--font-sans);
  letter-spacing: 0;
  color: var(--hair);
}

.licgrid__body {
  margin: var(--s-1) 0 0;
  font-size: var(--fs-sm);
  line-height: 1.8;
  color: var(--c-text-2);
  max-width: 26em;
}

/* ── §5 脚注 ──────────────────────────────────────────────────────
   这一条不能省:少了它,申请中那四格就只剩国名和一行小字,
   看的人会当成已经拿到的牌照。 */
.lic__note { margin-block-start: var(--s-6); }