/* =========================================================
   卡尼奶（Knn）主题适配补充样式
   卡尼奶无 .zib-widget 类，广告模块需自给基础容器样式；
   浅色/暗色（body.dark-mode）各给一套。
   ========================================================= */

/* 广告模块基础容器 */
.zib-widget {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    padding: 16px;
    margin-bottom: 18px;
    box-sizing: border-box;
}
body.dark-mode .zib-widget {
    background: #22252a;
    border-color: rgba(255, 255, 255, 0.08);
}

/* 用户中心「我的广告」筛选行（卡尼奶下兜底） */
.wzw-ad-user-filter {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}
.wzw-ad-filter-item {
    border: 1px solid #dcdfe6;
    background: #ffffff;
    color: #606266;
    border-radius: 6px;
    padding: 6px 12px;
    cursor: pointer;
    font-size: 13px;
    line-height: 1.4;
}
.wzw-ad-filter-item.is-active {
    background: #f1404b;
    border-color: #f1404b;
    color: #ffffff;
}
.wzw-ad-filter-count {
    opacity: 0.75;
    margin-left: 4px;
    font-size: 12px;
}
body.dark-mode .wzw-ad-filter-item {
    background: #33363c;
    border-color: #3f444c;
    color: #d0d3d8;
}
body.dark-mode .wzw-ad-filter-item.is-active {
    background: #f1404b;
    border-color: #f1404b;
    color: #ffffff;
}

/* 用户中心「我的广告」空态/提示 */
.wzw-ad-uc-muted {
    color: #909399;
}
.wzw-ad-uc-center {
    text-align: center;
    padding: 20px 0;
}


/* 对齐子比卡片头「友情赞助 / 立即入驻」显示效果（覆盖卡尼奶 rem 放大导致的字号过大/竖排） */
.zib-ad-manager .card-head .text-sm {
    font-size: 13px;
    padding: 2px 7px;
    border-radius: 5px;
    width: auto;
    white-space: nowrap;
    align-items: center;
}
.zib-ad-manager .card-head .btn {
    font-size: 11px;
    padding: 3px 9px;
    border-radius: 4px;
    line-height: 1.4;
}