/* 独立小提示，不覆盖用户维护的全站 site.css。 */
.brand-home-hint {
    position: static;
    margin: 0 2px 0 0;
    padding: 4px 7px;
    border: 1px solid rgba(0, 113, 227, 0.24);
    border-radius: 999px;
    color: #2879cf;
    background: rgba(239, 247, 255, 0.82);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.2;
    white-space: nowrap;
}

.brand-home-hint::before {
    content: "";
    position: absolute;
    left: -5px;
    top: 50%;
    width: 7px;
    height: 7px;
    background: #f7fbff;
    border-left: 1px solid rgba(0, 113, 227, 0.24);
    border-bottom: 1px solid rgba(0, 113, 227, 0.24);
    transform: translateY(-50%) rotate(45deg);
}

/* 顶栏按两行排：小猫和入口在上，PWMM 4 在下。 */
.brand {
    display: inline-flex !important;
    flex-direction: column;
    align-items: center !important;
    justify-content: center;
    gap: 0 !important;
    line-height: 1;
}

.brand-topline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 42px;
    min-width: 0;
}

/* 小猫只压在 PWMM 正上方；提示从猫的右侧伸出，不拉宽下面的字标。 */
.brand-cat-logo {
    display: block;
    width: 40px;
    height: 40px;
    margin-left: 0;
    padding: 2px;
    border: 1px solid color-mix(in srgb, var(--border) 78%, transparent);
    border-radius: 50%;
    background: color-mix(in srgb, var(--surface) 90%, transparent);
    object-fit: cover;
    box-shadow: 0 5px 14px rgba(20, 28, 38, 0.08);
}

.brand img,
.brand-wordmark,
.brand-home-hint,
.brand-topline {
    flex: 0 0 auto;
}

.brand-wordmark {
    font-size: 16px;
    line-height: 15px;
    align-self: center;
}

/* 顶栏严格复用首页的 4：无边框、蓝色、稍大、略上抬。 */
.brand .generation-badge {
    display: inline-block;
    min-width: 0;
    height: auto;
    margin-left: 0.08em;
    padding: 0;
    position: relative;
    top: -0.34em;
    border: 0;
    border-radius: 0;
    color: #0071e3;
    font-size: 0.66em;
    font-weight: 750;
    line-height: 1;
    letter-spacing: 0;
    vertical-align: baseline;
}

@media (max-width: 620px) {
    .brand-home-hint { display: none; }
}
