/* OneNav Child - 置顶网址推荐卡片，与父主题卡片结构融合。 */
body.home .content-card .sites-item.oc-sticky-recommend,
body.front-page .content-card .sites-item.oc-sticky-recommend,
body.home .url-card .sites-item.oc-sticky-recommend,
body.front-page .url-card .sites-item.oc-sticky-recommend {
    border: 1px solid rgba(37, 99, 235, .18) !important;
    background: linear-gradient(135deg, var(--main-bg-color, #fff) 0%, rgba(239, 246, 255, .78) 100%) !important;
    box-shadow: 0 8px 22px rgba(37, 99, 235, .08) !important;
}

.oc-sticky-recommend-inline {
    display: inline-flex;
    align-self: flex-start;
    min-height: 13px;
    align-items: center;
    margin: 0 0 1px;
    padding: 0 4px;
    border-radius: 4px 4px 4px 1px;
    color: #fff;
    background: #f15b68;
    box-shadow: 0 2px 5px rgba(241, 91, 104, .16);
    font-size: 8px;
    font-weight: 700;
    line-height: 13px;
    white-space: nowrap;
}

body.io-black-mode .oc-sticky-recommend,
html.io-black-mode body .oc-sticky-recommend {
    border-color: rgba(96, 165, 250, .22) !important;
    background: linear-gradient(135deg, var(--main-bg-color, #202631) 0%, rgba(30, 64, 110, .55) 100%) !important;
}

body.io-black-mode .oc-sticky-recommend-inline,
html.io-black-mode body .oc-sticky-recommend-inline {
    color: #ffe9ec;
    background: #d94d5d;
}

@media (max-width: 767px) {
    .oc-sticky-recommend-inline { min-height: 12px; margin-bottom: 1px; padding: 0 3px; font-size: 7px; line-height: 12px; }
}

@media (prefers-reduced-motion: no-preference) {
    .oc-sticky-recommend { transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
    .oc-sticky-recommend:hover { transform: translateY(-2px); }
}