/* Keep the shared dashboard in one compact row, including the fifth card. */
.bili-hub.bili-hub--desktop,
.uya-page .bili-hub.bili-hub--desktop {
    grid-template-columns: minmax(0, .95fr) minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1.1fr) minmax(0, 1.15fr);
    gap: 8px;
}

.bili-hub .bili-hub__card.douyin-card,
.uya-page .bili-hub .bili-hub__card.douyin-card {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 9px 10px;
    border: 0;
    border-radius: 6px;
    background: #edf3f3;
    color: #30484b;
    box-shadow: none;
    line-height: 1.4;
}

.bili-hub .bili-hub__card.douyin-card:hover,
.uya-page .bili-hub .bili-hub__card.douyin-card:hover {
    transform: none;
    background: #e3eeee;
    box-shadow: none;
}

.bili-hub .douyin-card:focus-visible {
    outline: 3px solid #638f91;
    outline-offset: 3px;
}

.douyin-card__head,
.douyin-card__platform,
.douyin-card__status,
.douyin-card__footer {
    display: flex;
    align-items: center;
    min-width: 0;
}

.douyin-card__head,
.douyin-card__footer {
    justify-content: space-between;
    gap: 5px;
}

.douyin-card__platform {
    gap: 4px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.douyin-card__logo {
    display: inline-grid;
    place-items: center;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background: #30484b;
    color: #fff;
    font-size: 13px;
    line-height: 1;
    text-shadow: -1px 0 #63d6d4, 1px 0 #eb7692;
}

.douyin-card__status {
    gap: 4px;
    color: #6b7778;
    font-size: 10px;
    white-space: nowrap;
}

.douyin-card__status strong { font-weight: 600; }
.douyin-card__dot {
    flex: 0 0 5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
}

.douyin-card[data-status="live"] .douyin-card__status { color: #b33860; }
.douyin-card[data-status="offline"] .douyin-card__status { color: #526e70; }
.douyin-card__name,
.douyin-card__title,
.douyin-card__followers {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.douyin-card__name { font-size: 12px; font-weight: 700; }
.douyin-card__title { color: #637779; font-size: 10px; }
.douyin-card__footer { margin-top: auto; font-size: 10px; }
.douyin-card__action { color: #306d71; font-weight: 700; white-space: nowrap; }
.douyin-card__followers { color: #637779; text-align: right; }
.douyin-card__followers[hidden] { display: none; }

.bili-hub.bili-hub--mobile .douyin-card,
.uya-page .bili-hub.bili-hub--mobile .douyin-card {
    grid-column: 1 / -1;
    min-height: 100px;
    padding: 11px 12px;
}

.bili-hub--mobile .douyin-card__name { font-size: 14px; }
.bili-hub--mobile .douyin-card__title,
.bili-hub--mobile .douyin-card__footer { font-size: 11px; }
.bili-hub--mobile .douyin-card__platform,
.bili-hub--mobile .douyin-card__status { font-size: 12px; }

@media (max-width: 1150px) {
    .bili-hub.bili-hub--desktop,
    .uya-page .bili-hub.bili-hub--desktop {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1.1fr) minmax(0, 1.15fr);
    }
    .bili-hub.bili-hub--desktop .bili-hub__profile { display: none; }
}

@media (max-width: 719px) {
    .bili-hub.bili-hub--desktop,
    .uya-page .bili-hub.bili-hub--desktop { display: none; }
}