.root {
  display: inline-flex;
  align-items: center;
  gap: var(--su-space-2);
  color: var(--su-text-main);
  text-decoration: none;
}

.mark {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: var(--su-radius-pill);
  /* 前景取卡片底色而不是写死白色：深色下 text-main 变成近白色，
     再配白字就整块糊掉了 */
  background-color: var(--su-text-main);
  color: var(--su-bg-card);
  font-size: var(--su-font-size-base);
  font-weight: var(--su-font-weight-strong);
}

.logo {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: var(--su-radius-sm);
  object-fit: contain;
}

.name {
  font-size: var(--su-font-size-lg);
  line-height: var(--su-line-height-lg);
  letter-spacing: 0.04em;
}

/* 小号：标记 24，文字回到正文尺寸 */
.sm .mark,
.sm .logo {
  width: 24px;
  height: 24px;
}

.sm .mark {
  font-size: var(--su-font-size-sm);
}

.sm .name {
  font-size: var(--su-font-size-base);
  line-height: var(--su-line-height-base);
}

/* 浅底标记：主色字 + 主色柔和底 */
.soft .mark {
  background-color: var(--su-color-primary-soft);
  color: var(--su-color-primary);
}