59 lines
1.2 KiB
CSS
59 lines
1.2 KiB
CSS
.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);
|
|
}
|