:root{--zibll-ad-primary:#f1404b;--zibll-ad-border:#dcdfe6;--zibll-ad-bg-empty:#f5f7fa;--zibll-ad-text-muted:#909399;--zibll-ad-transition:all 0.3s ease}.zib-ad-manager a::before,.zib-ad-manager a::after{display:none !important;content:none !important}.zib-ad-manager a{text-decoration:none !important;box-shadow:none !important}.theme-box .card-head,.zib-widget .card-head{display:flex;align-items:center;padding-bottom:0.75rem}.theme-box .text-sm,.zib-widget .text-sm{font-size:1.25rem;display:inline-flex;background-color:rgba(255,20,43,0.05);color:#fa455f !important;padding:.1em .3em .1em;border-radius:.5rem;align-items:center}.theme-box .icon-hot,.zib-widget .icon-hot{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin-right:0.5rem}.theme-box .icon-hot svg,.zib-widget .icon-hot svg{width:100%;height:100%;fill:currentColor;display:block}.theme-box .btn,.zib-widget .btn{display:inline-flex;align-items:center;padding:0.25rem 0.85rem;font-size:1rem;border-radius:4px;text-decoration:none !important;border:1px solid;background-color:transparent;transition:all 0.3s;cursor:pointer;white-space:nowrap}.theme-box .btn-outline,.zib-widget .btn-outline{border-color:#ff3f9f;color:#ff3f9f}.theme-box .btn-outline:hover,.zib-widget .btn-outline:hover{background-color:#ff3f9f;color:#fff}.theme-box .ml-auto,.zib-widget .ml-auto{margin-left:auto}.theme-box .icon-ad-copy,.zib-widget .icon-ad-copy{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;margin-right:0.35rem}.theme-box .icon-ad-copy svg,.zib-widget .icon-ad-copy svg{width:100%;height:100%;fill:currentColor;display:block}.theme-box .media-grid-container,.zib-widget .media-grid-container{display:grid;grid-template-columns:repeat(var(--per-row,2),1fr);gap:16px;margin:0}.theme-box .media-card,.zib-widget .media-card{width:100%;aspect-ratio:var(--media-aspect-ratio,8 / 1);overflow:hidden;border-radius:3px;transition:transform 0.2s ease,box-shadow 0.2s ease;box-shadow:0 1px 3px rgba(0,0,0,0.1);text-decoration:none !important;display:block}.theme-box .media-card:hover,.zib-widget .media-card:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,0.12)}.theme-box .media-card img,.zib-widget .media-card img{width:100%;height:100%;object-fit:cover;display:block}.theme-box .media-card img.lazyload,.zib-widget .media-card img.lazyload{background:var(--zibll-ad-bg-empty,#f5f7fa)}.theme-box .card-body,.zib-widget .card-body{padding-top:1rem;padding-bottom:0 !important;margin-bottom:0 !important}.theme-box .posts-row,.zib-widget .posts-row{display:grid;gap:0.5rem;grid-template-columns:repeat(var(--per-row,4),1fr);margin-bottom:0 !important;padding-bottom:0 !important}.theme-box .posts-row > .auto-list,.zib-widget .posts-row > .auto-list,.theme-box .posts-row > .auto-list-null,.zib-widget .posts-row > .auto-list-null{min-width:0}.theme-box .auto-list a,.zib-widget .auto-list a{display:flex;align-items:center;padding:0.25rem 0.5rem;text-decoration:none !important;border-radius:var(--theme-border-radius-lg,4px);transition:all 0.3s;min-width:0;color:var(--main-color,#484b4f);border:1px solid var(--muted-bg-color,#e6e8ea);background-color:#ffffff}.theme-box .auto-list a:hover,.zib-widget .auto-list a:hover{transform:translateY(-2px);background:linear-gradient(135deg,#ff5473 10%,#fb6bea 100%) !important;color:#ffffff;border-color:#ff3f9f}.auto-list a .auto-icon i{transition:transform 0.5s ease;transform-origin:center}.auto-list a:hover .auto-icon i{transform:rotate(360deg)}.theme-box .auto-icon,.zib-widget .auto-icon{width:21px;height:21px;flex-shrink:0;border-radius:50%;overflow:hidden}.theme-box .auto-icon img,.zib-widget .auto-icon img{width:100%;height:100%;object-fit:cover}.theme-box .auto-name,.zib-widget .auto-name{margin-left:0.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;min-width:0;max-width:100%}.ad-badge{display:inline-block;padding:2px 8px;font-size:12px;font-weight:600;line-height:1.4;color:#fff;border-radius:3px;white-space:nowrap;vertical-align:middle;z-index:2}.theme-box .media-card .ad-badge,.zib-widget .media-card .ad-badge{position:absolute;top:8px;left:8px;padding:3px 10px;font-size:12px;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,0.15)}.theme-box .media-card,.zib-widget .media-card{position:relative}.ad-badge-sm{padding:1px 5px;font-size:10px;font-weight:500;border-radius:3px;margin-left:4px;flex-shrink:0}.theme-box .auto-name,.zib-widget .auto-name{display:flex;align-items:center}.auto-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;min-width:0}.ad-badge-new{background:linear-gradient(135deg,#00c853 0%,#00e676 100%)}.ad-badge-hot{background:linear-gradient(135deg,#ff3d00 0%,#ff6e40 100%)}.ad-badge-recommend{background:linear-gradient(135deg,#ffab00 0%,#ffd740 100%);color:#5d4037}.theme-box .auto-list-null,.zib-widget .auto-list-null{opacity:0.6}.theme-box .auto-list-null > div,.zib-widget .auto-list-null > div{display:flex;align-items:center;padding:0.25rem 0.5rem;border-radius:var(--theme-border-radius-lg,4px);min-width:0;cursor:default;border:1px solid var(--muted-bg-color,#e6e8ea);background-color:#ffffff;transition:all 0.3s}.theme-box .auto-list-null > div:hover,.zib-widget .auto-list-null > div:hover{transform:translateY(-2px)}.theme-box .auto-list-null .auto-icon,.zib-widget .auto-list-null .auto-icon{display:flex;align-items:center;justify-content:center;font-size:0.625rem;color:var(--muted-color,#93959a);font-weight:600}.theme-box .auto-list-null .auto-icon svg,.zib-widget .auto-list-null .auto-icon svg{width:14px;height:14px;fill:var(--muted-color,#93959a)}.theme-box .auto-list-null .auto-name,.zib-widget .auto-list-null .auto-name{height:1rem;background-color:var(--muted-bg-color,#e6e8ea);border-radius:4px;flex:1;max-width:80px}body.dark-theme .theme-box .auto-list a,body.dark-theme .theme-box .auto-list-null > div,body.dark-theme .zib-widget .auto-list a,body.dark-theme .zib-widget .auto-list-null > div{color:#e0e0e0;border:1px solid #3a3a3a;background-color:#4c4d4f}body.dark-theme .theme-box .auto-list a:hover,body.dark-theme .theme-box .auto-list-null > div:hover,body.dark-theme .zib-widget .auto-list a:hover,body.dark-theme .zib-widget .auto-list-null > div:hover{box-shadow:0 4px 8px rgba(0,0,0,0.3);background:linear-gradient(135deg,#ff5473 10%,#fb6bea 100%) !important;color:#ffffff;border:1px solid #ff3f9f}body.dark-theme .theme-box .auto-list-null .auto-icon svg,body.dark-theme .zib-widget .auto-list-null .auto-icon svg{fill:#909399}body.dark-theme .theme-box .auto-list-null .auto-name,body.dark-theme .zib-widget .auto-list-null .auto-name{background-color:#5a5d61}@media (min-width:768px){.theme-box .auto-name,.zib-widget .auto-name{margin-left:0.75rem}}@media (max-width:768px){.theme-box .card-head,.zib-widget .card-head{padding-bottom:0.6rem}.theme-box .card-body,.zib-widget .card-body{padding-top:0.4rem}.theme-box .posts-row,.zib-widget .posts-row{gap:0.4rem}.theme-box .media-grid-container,.zib-widget .media-grid-container{gap:12px}.theme-box .auto-list a,.theme-box .auto-list-null > div,.zib-widget .auto-list a,.zib-widget .auto-list-null > div{padding:0.2rem 0.4rem}.theme-box .auto-icon,.zib-widget .auto-icon{width:18px;height:18px}.theme-box .auto-name,.zib-widget .auto-name{margin-left:0.4rem;font-size:1.125rem}.theme-box .text-sm,.zib-widget .text-sm{font-size:1.125rem}.theme-box .btn,.zib-widget .btn{padding:0.2rem 0.7rem;font-size:0.9375rem}.theme-box .icon-hot,.zib-widget .icon-hot{width:1.125rem;height:1.125rem}.theme-box .icon-ad-copy,.zib-widget .icon-ad-copy{width:0.9rem;height:0.9rem}}@media (max-width:600px){.theme-box .media-grid-container,.zib-widget .media-grid-container{gap:10px;grid-template-columns:repeat(var(--mobile-per-row,1),1fr) !important}}@media (max-width:480px){.theme-box .card-head,.zib-widget .card-head{padding-bottom:0.5rem}.theme-box .card-body,.zib-widget .card-body{padding-top:1rem}.theme-box .posts-row,.zib-widget .posts-row{gap:0.3rem;grid-template-columns:repeat(var(--mobile-per-row,2),1fr) !important}.theme-box .auto-list a,.theme-box .auto-list-null > div,.zib-widget .auto-list a,.zib-widget .auto-list-null > div{padding:0.45rem 0.3rem}.theme-box .auto-icon,.zib-widget .auto-icon{width:16px;height:16px;font-size:12px}.theme-box .auto-name,.zib-widget .auto-name{margin-left:0.3rem;font-size:1.25rem}.theme-box .text-sm,.zib-widget .text-sm{font-size:1.0625rem}.theme-box .btn,.zib-widget .btn{padding:0.18rem 0.6rem;font-size:0.875rem}.theme-box .icon-hot,.zib-widget .icon-hot{width:1rem;height:1rem;margin-right:0.35rem}.theme-box .icon-ad-copy,.zib-widget .icon-ad-copy{width:0.85rem;height:0.85rem;margin-right:0.25rem}.theme-box .auto-list-null .auto-icon svg,.zib-widget .auto-list-null .auto-icon svg{width:12px;height:12px}.theme-box .media-card .ad-badge,.zib-widget .media-card .ad-badge{top:6px;left:6px;padding:2px 7px;font-size:11px}.ad-badge-sm{padding:1px 4px;font-size:9px;margin-left:3px}}.theme-box .btn:focus-visible,.theme-box .media-card:focus-visible,.theme-box .auto-list a:focus-visible,.theme-box .auto-list-null > div:focus-visible,.zib-widget .btn:focus-visible,.zib-widget .media-card:focus-visible,.zib-widget .auto-list a:focus-visible,.zib-widget .auto-list-null > div:focus-visible{outline:2px solid var(--theme-color,#f1404b);outline-offset:2px}@media (prefers-reduced-motion:reduce){.theme-box .btn,.theme-box .media-card,.theme-box .auto-list a,.theme-box .auto-list-null > div,.zib-widget .btn,.zib-widget .media-card,.zib-widget .auto-list a,.zib-widget .auto-list-null > div{transition:none;transform:none !important}}@media print{.theme-box .card-head,.zib-widget .card-head{display:none}.theme-box .auto-list-null,.zib-widget .auto-list-null{display:none}}
.theme-box .auto-icon svg,.zib-widget .auto-icon svg{width:14px;height:14px;fill:currentColor;display:block}.theme-box .auto-icon i[data-svg],.zib-widget .auto-icon i[data-svg]{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center}

/* =====================================================================
 * 图片广告：幻灯片轮播 / 横向滚动
 * 模式作用于「同一分组下的多条广告」，每条广告占一个位置
 * 渐进增强：JS 未就绪时可原生横向手滑；JS 接管后加 .wzw-slider-ready
 * =================================================================== */
.zib-ad-manager .wzw-ad-slider{position:relative;display:block;width:100%;margin-top:.75rem;overflow:hidden;border-radius:3px;background:var(--zibll-ad-bg-empty,#f5f7fa);box-shadow:0 1px 3px rgba(0,0,0,.1);aspect-ratio:var(--media-aspect-ratio,8 / 1);min-height:46px}
.zib-ad-manager .wzw-slider-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}
.zib-ad-manager .wzw-slider-viewport::-webkit-scrollbar{width:0;height:0;display:none}
.zib-ad-manager .wzw-ad-slider.wzw-slider-ready .wzw-slider-viewport{overflow:hidden;scroll-snap-type:none}
.zib-ad-manager .wzw-slider-track{display:flex;height:100%;gap:var(--slide-gap,12px);transition:transform .45s ease;will-change:transform}
.zib-ad-manager .wzw-slider-slide{position:relative;flex:0 0 auto;height:100%;overflow:hidden;border:0;padding:0;margin:0;text-decoration:none !important;background:var(--zibll-ad-bg-empty,#f5f7fa);scroll-snap-align:start}
.zib-ad-manager .wzw-slider-slide img{width:100%;height:100%;object-fit:cover;display:block}
.zib-ad-manager .wzw-slider-slide .ad-badge{position:absolute;top:8px;left:8px;padding:3px 10px;font-size:12px;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.15)}

/* ============ 图片显示方式：完整显示（contain，默认） ============
 * 容器保持固定比例（等高统一），图片 contain 完整显示、居中，留白用背景色填充，
 * 长图不会被切掉，同时所有广告位视觉等高 */
.zib-ad-manager .wzw-ad-slider.wzw-slider-fit-contain .wzw-slider-slide{background:var(--zibll-ad-bg-empty,#f5f7fa);display:flex;align-items:center;justify-content:center}
.zib-ad-manager .wzw-ad-slider.wzw-slider-fit-contain .wzw-slider-slide img{width:100%;height:100%;object-fit:contain;display:block}

/* ============ 未就绪降级：所有模式都能手滑看全部广告 ============ */
.zib-ad-manager .wzw-ad-slider:not(.wzw-slider-ready) .wzw-slider-arrow,
.zib-ad-manager .wzw-ad-slider:not(.wzw-slider-ready) .wzw-slider-dots{display:none !important}
.zib-ad-manager .wzw-ad-slider:not(.wzw-slider-ready) .wzw-slider-slide{opacity:1 !important;pointer-events:auto}
.zib-ad-manager .wzw-ad-slideshow.wzw-slider-effect-fade:not(.wzw-slider-ready) .wzw-slider-track{display:flex}
.zib-ad-manager .wzw-ad-slideshow.wzw-slider-effect-fade:not(.wzw-slider-ready) .wzw-slider-slide{position:relative;width:100%;flex:0 0 100%;height:auto;transform:none}

/* ============ 幻灯片轮播：淡入淡出 ============ */
.zib-ad-manager .wzw-ad-slideshow.wzw-slider-effect-fade.wzw-slider-ready .wzw-slider-track{display:block;gap:0;transition:none}
.zib-ad-manager .wzw-ad-slideshow.wzw-slider-effect-fade.wzw-slider-ready .wzw-slider-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;z-index:1;transition:opacity .6s ease}
.zib-ad-manager .wzw-ad-slideshow.wzw-slider-effect-fade.wzw-slider-ready .wzw-slider-slide.is-active{opacity:1;pointer-events:auto;z-index:2}
/* 完整显示模式：用 grid 把所有广告叠在同一格，
   容器高度自动取最高的那张，长图不会被裁切，也不需要占位元素 */
.zib-ad-manager .wzw-ad-slideshow.wzw-slider-effect-fade.wzw-slider-fit-contain.wzw-slider-ready .wzw-slider-track{display:grid;grid-template-columns:1fr;align-items:center;gap:0;transition:none}
.zib-ad-manager .wzw-ad-slideshow.wzw-slider-effect-fade.wzw-slider-fit-contain.wzw-slider-ready .wzw-slider-slide{grid-area:1 / 1;position:relative;top:auto;right:auto;bottom:auto;left:auto;width:100%;height:auto;transform:none;opacity:0;pointer-events:none;transition:opacity .6s ease}
.zib-ad-manager .wzw-ad-slideshow.wzw-slider-effect-fade.wzw-slider-fit-contain.wzw-slider-ready .wzw-slider-slide.is-active{opacity:1;pointer-events:auto;z-index:2}

/* ============ 幻灯片轮播：左右滑动 ============ */
.zib-ad-manager .wzw-ad-slideshow.wzw-slider-effect-slide .wzw-slider-track{gap:0}
.zib-ad-manager .wzw-ad-slideshow.wzw-slider-effect-slide .wzw-slider-slide{flex:0 0 100%;width:100%}

/* ============ 横向滚动：电脑端一屏 --per-view 个 ============ */
.zib-ad-manager .wzw-ad-carousel .wzw-slider-slide{flex-basis:calc((100% - (var(--per-view,3) - 1) * var(--slide-gap,12px)) / var(--per-view,3));width:calc((100% - (var(--per-view,3) - 1) * var(--slide-gap,12px)) / var(--per-view,3))}

/* ============ 连续跑马灯 ============ */
@keyframes wzw-ad-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(var(--marquee-shift,-50%),0,0)}}
.zib-ad-manager .wzw-ad-carousel.wzw-slider-marquee .wzw-slider-track{transition:none;animation:wzw-ad-marquee var(--marquee-duration,30s) linear infinite}
.zib-ad-manager .wzw-ad-carousel.wzw-slider-marquee.wzw-slider-paused .wzw-slider-track,
.zib-ad-manager .wzw-ad-carousel.wzw-slider-marquee.wzw-slider-hidden .wzw-slider-track{animation-play-state:paused}
.zib-ad-manager .wzw-ad-carousel.wzw-slider-marquee .wzw-slider-slide{cursor:pointer}

/* ============ 可购买空位 ============ */
.zib-ad-manager .wzw-ad-slider .wzw-slider-placeholder{display:flex;align-items:center;justify-content:center;color:var(--zibll-ad-text-muted,#909399);border:1px dashed var(--zibll-ad-border,#dcdfe6);background:var(--zibll-ad-bg-empty,#f5f7fa);cursor:pointer;min-height:46px}
.zib-ad-manager .wzw-ad-slider .wzw-slider-placeholder:hover{border-color:var(--focus-color,#f04494);color:var(--focus-color,#f04494);background:rgba(240,68,148,.05)}
.zib-ad-manager .wzw-ad-slider .wzw-slider-placeholder .wzw-image-ad-placeholder-inner{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px 10px;font-size:14px;line-height:1}
.zib-ad-manager .wzw-ad-slider .wzw-slider-placeholder .wzw-image-ad-placeholder-icon{display:inline-flex;width:20px;height:20px}
.zib-ad-manager .wzw-ad-slider .wzw-slider-placeholder .wzw-image-ad-placeholder-icon svg{width:100%;height:100%;fill:currentColor;display:block}

/* ============ 箭头 / 指示点 ============ */
.zib-ad-manager .wzw-slider-arrow{position:absolute;top:50%;z-index:4;display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.35);color:#fff;font-size:15px;line-height:1;cursor:pointer;opacity:0;transform:translateY(-50%);transition:opacity .25s ease,background .25s ease}
.zib-ad-manager .wzw-ad-slider:hover .wzw-slider-arrow,
.zib-ad-manager .wzw-slider-arrow:focus-visible{opacity:1}
.zib-ad-manager .wzw-slider-arrow:hover{background:rgba(0,0,0,.65)}
.zib-ad-manager .wzw-slider-prev{left:6px}
.zib-ad-manager .wzw-slider-next{right:6px}
.zib-ad-manager .wzw-slider-dots{position:absolute;right:0;bottom:6px;left:0;z-index:4;display:flex;align-items:center;justify-content:center;gap:6px}
.zib-ad-manager .wzw-slider-dots:empty{display:none}
.zib-ad-manager .wzw-slider-dot{width:6px;height:6px;padding:0;border:0;border-radius:3px;background:rgba(255,255,255,.55);cursor:pointer;transition:all .25s ease}
.zib-ad-manager .wzw-slider-dot.is-active{width:16px;background:#fff}

/* ============ 手机端自适应：一屏 --mobile-per-view 个 ============ */
@media (max-width:768px){
.zib-ad-manager .wzw-ad-carousel .wzw-slider-slide{flex-basis:calc((100% - (var(--mobile-per-view,1) - 1) * var(--slide-gap,12px)) / var(--mobile-per-view,1));width:calc((100% - (var(--mobile-per-view,1) - 1) * var(--slide-gap,12px)) / var(--mobile-per-view,1))}
.zib-ad-manager .wzw-slider-arrow{width:22px;height:22px;font-size:13px;opacity:1}
.zib-ad-manager .wzw-ad-slider{margin-top:.5rem}
.zib-ad-manager .wzw-slider-slide .ad-badge{top:6px;left:6px;padding:2px 7px;font-size:11px}
}
@media (prefers-reduced-motion:reduce){
.zib-ad-manager .wzw-slider-track,
.zib-ad-manager .wzw-ad-slideshow.wzw-slider-effect-fade.wzw-slider-ready .wzw-slider-slide,
.zib-ad-manager .wzw-ad-carousel.wzw-slider-marquee .wzw-slider-track{transition:none;animation:none}
}

/* =====================================================================
 * 数据统计（后台报表）
 * =================================================================== */
/* 后台报表 / 工具：显式设色，避免主题深色变量影响 */
.wzw-ad-stats-panel,
.wzw-ad-tools{
    color:#374151;
}
.wzw-ad-stats-panel .muted-2-color,
.wzw-ad-tools .muted-2-color{color:#8b95a1 !important}

.wzw-ad-stats-panel{margin-top:10px}
.wzw-ad-stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.wzw-ad-stat-card{padding:14px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;text-align:center}
.wzw-ad-stat-num{font-size:22px;font-weight:600;color:#1f2937;line-height:1.3}
.wzw-ad-stat-label{margin-top:4px;font-size:12px;color:#8b95a1}
.wzw-ad-stats-chart{margin-top:18px;padding:14px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}
.wzw-ad-stats-chart-title{margin-bottom:10px;font-size:13px;font-weight:600;color:#374151}
.wzw-ad-stats-bars{display:flex;align-items:flex-end;gap:2px;height:120px}
.wzw-ad-stats-bar{flex:1;height:100%;display:flex;align-items:flex-end;background:#f3f4f6;border-radius:2px;overflow:hidden}
.wzw-ad-stats-bar-inner{width:100%;background:linear-gradient(to top,#f04494,#fb6bea);border-radius:2px;min-height:2px;transition:height .3s ease}
.wzw-ad-stats-chart-axis{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:#9ca3af}
.wzw-ad-stats-table{width:100%;margin-top:16px;border-collapse:collapse;font-size:12px}
.wzw-ad-stats-table th,.wzw-ad-stats-table td{padding:8px 10px;text-align:left;border-bottom:1px solid #eef0f3}
.wzw-ad-stats-table th{background:#f9fafb;color:#6b7280;font-weight:600}
.wzw-ad-stats-table tbody tr:hover{background:#fafbfc}

/* =====================================================================
 * 后台工具
 * =================================================================== */
.wzw-ad-tools{padding:4px 0}
.wzw-ad-tool-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px dashed #eee;flex-wrap:wrap}
.wzw-ad-tool-label{width:90px;flex-shrink:0;font-size:13px;font-weight:600;color:#374151}
.wzw-ad-tool-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wzw-ad-tool-backups{margin-top:14px}

/* =====================================================================
 * 用户中心「我的广告」
 *
 * 重要：本区块不依赖主题的 muted-* / btn-outline 等类，
 * 全部用自有的 --uc-* 变量，并显式适配深色模式。
 * 之前用主题类时，深色模式下次要文字被主题设成浅色，
 * 而卡片背景是硬编码白底，导致「浅字配白底」完全看不见。
 * =================================================================== */

/* ---------- 变量：明色 ---------- */
.wzw-ad-user-panel,
.wzw-ad-order-panel,
.wzw-ad-order-modal,
.wzw-ad-slot-picker,
.wzw-ad-uc-muted{
    --uc-text:        #1f2937;
    --uc-text-strong: #111827;
    --uc-muted:       #6b7280;
    --uc-card-bg:     #ffffff;
    --uc-border:      #eceff3;
    --uc-divider:     #f0f1f3;
    --uc-chip-bg:     #f5f6f8;
    --uc-chip-text:   #4b5563;
    --uc-btn-border:  #f04494;
    --uc-btn-text:    #f04494;
    --uc-btn-hover:   #ffffff;
    --uc-input-bg:    #ffffff;
    --uc-input-text:  #1f2937;
    --uc-input-border:#d7dbe0;
    --uc-mask:        rgba(0,0,0,.45);
}

/* ---------- 变量：深色（zibll 深色模式 / 手动切换 / 系统深色） ---------- */
body.dark-theme .wzw-ad-user-panel,
body.dark-theme .wzw-ad-order-panel,
body.dark-theme .wzw-ad-order-modal,
body.dark-theme .wzw-ad-slot-picker,
body.dark-theme .wzw-ad-uc-muted,
html.dark .wzw-ad-user-panel,
html.dark .wzw-ad-order-panel,
html.dark .wzw-ad-order-modal,
html.dark .wzw-ad-slot-picker,
html.dark .wzw-ad-uc-muted,
[data-theme="dark"] .wzw-ad-user-panel,
[data-theme="dark"] .wzw-ad-order-panel,
[data-theme="dark"] .wzw-ad-order-modal,
[data-theme="dark"] .wzw-ad-slot-picker,
[data-theme="dark"] .wzw-ad-uc-muted{
    --uc-text:        #e5e7eb;
    --uc-text-strong: #f9fafb;
    --uc-muted:       #9ca3af;
    --uc-card-bg:     #2b2d31;
    --uc-border:      #3a3d42;
    --uc-divider:     #3a3d42;
    --uc-chip-bg:     #35383d;
    --uc-chip-text:   #d1d5db;
    --uc-btn-border:  #ff6bb0;
    --uc-btn-text:    #ff6bb0;
    --uc-btn-hover:   #ffffff;
    --uc-input-bg:    #232529;
    --uc-input-text:  #e5e7eb;
    --uc-input-border:#4a4e54;
    --uc-mask:        rgba(0,0,0,.6);
}

@media (prefers-color-scheme: dark){
    /* 站点未给 body 加 dark-theme 时，跟随系统 */
    body:not(.light-theme) .wzw-ad-user-panel,
    body:not(.light-theme) .wzw-ad-order-panel,
    body:not(.light-theme) .wzw-ad-order-modal,
    body:not(.light-theme) .wzw-ad-slot-picker,
    body:not(.light-theme) .wzw-ad-uc-muted{
        --uc-text:        #e5e7eb;
        --uc-text-strong: #f9fafb;
        --uc-muted:       #9ca3af;
        --uc-card-bg:     #2b2d31;
        --uc-border:      #3a3d42;
        --uc-divider:     #3a3d42;
        --uc-chip-bg:     #35383d;
        --uc-chip-text:   #d1d5db;
        --uc-btn-border:  #ff6bb0;
        --uc-btn-text:    #ff6bb0;
        --uc-input-bg:    #232529;
        --uc-input-text:  #e5e7eb;
        --uc-input-border:#4a4e54;
    }
}

/* ---------- 基础文字色（兜底：不继承主题的浅色变量） ---------- */
.wzw-ad-user-panel,
.wzw-ad-user-panel *{
    color: var(--uc-text);
}
.wzw-ad-uc-muted{
    color: var(--uc-muted) !important;
}
.wzw-ad-uc-center{
    padding: 24px 12px;
    text-align: center;
}

.wzw-ad-user-panel{padding:6px 0}
.wzw-ad-user-tip{margin:0 0 12px;font-size:12px;line-height:1.7}

/* ---------- 筛选栏 ---------- */
.wzw-ad-user-filter{display:flex;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--uc-divider)}
.wzw-ad-filter-item{display:inline-flex;align-items:center;gap:4px;padding:5px 14px;font-size:13px;color:var(--uc-chip-text);background:var(--uc-chip-bg);border:0;border-radius:20px;cursor:pointer;transition:all .2s}
.wzw-ad-filter-item:hover{color:var(--uc-btn-text)}
.wzw-ad-filter-item.is-active{color:#fff !important;background:linear-gradient(135deg,#f04494,#fb6bea);border-color:transparent}
.wzw-ad-filter-count{font-size:11px;opacity:.85}

/* ---------- 卡片 ---------- */
.wzw-ad-user-card{margin-bottom:10px;padding:14px;background:var(--uc-card-bg);border:1px solid var(--uc-border);border-radius:10px;transition:box-shadow .2s}
.wzw-ad-user-card:hover{box-shadow:0 2px 10px rgba(0,0,0,.08)}
.wzw-ad-user-card-main{display:flex;gap:12px;align-items:flex-start}

/* 左侧 AD 图标 */
.wzw-ad-user-logo{flex-shrink:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff !important;letter-spacing:.5px;background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:10px}

.wzw-ad-user-info{flex:1;min-width:0}
.wzw-ad-user-row1{display:flex;align-items:center;justify-content:space-between;gap:8px}
.wzw-ad-user-slot{font-size:13px;font-weight:600;color:var(--uc-text) !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 状态徽章：文字色随状态，不跟随面板变量 */
.wzw-ad-user-status{flex-shrink:0;padding:2px 10px;font-size:12px;border-radius:10px;line-height:1.6;white-space:nowrap}
.wzw-ad-status-active{background:rgba(34,197,94,.14);color:#16a34a !important}
.wzw-ad-status-warning{background:rgba(245,158,11,.16);color:#b45309 !important}
.wzw-ad-status-expired{background:rgba(239,68,68,.14);color:#dc2626 !important}
.wzw-ad-status-paused{background:var(--uc-chip-bg);color:var(--uc-chip-text) !important}
body.dark-theme .wzw-ad-status-active,
html.dark .wzw-ad-status-active,
[data-theme="dark"] .wzw-ad-status-active{color:#4ade80 !important}
body.dark-theme .wzw-ad-status-warning,
html.dark .wzw-ad-status-warning,
[data-theme="dark"] .wzw-ad-status-warning{color:#fbbf24 !important}
body.dark-theme .wzw-ad-status-expired,
html.dark .wzw-ad-status-expired,
[data-theme="dark"] .wzw-ad-status-expired{color:#f87171 !important}

.wzw-ad-user-name-text{margin-top:4px;font-size:15px;font-weight:600;color:var(--uc-text-strong) !important;word-break:break-all}
.wzw-ad-user-row3{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;font-size:12px;line-height:1.6}

/* ---------- 按钮：显式设色，不依赖主题 btn-outline ---------- */
.wzw-ad-user-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--uc-divider)}
.wzw-ad-user-card-actions .btn,
.wzw-ad-user-edit-actions .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:5px 14px;
    font-size:12px;
    line-height:1.6;
    color:var(--uc-btn-text) !important;
    background:transparent !important;
    border:1px solid var(--uc-btn-border) !important;
    border-radius:4px;
    cursor:pointer;
    text-decoration:none !important;
    white-space:nowrap;
    transition:all .2s;
}
.wzw-ad-user-card-actions .btn:hover,
.wzw-ad-user-edit-actions .btn:hover{
    color:var(--uc-btn-hover) !important;
    background:var(--uc-btn-text) !important;
}
.wzw-ad-user-card-actions .btn[disabled],
.wzw-ad-user-edit-actions .btn[disabled]{opacity:.55;cursor:not-allowed}

/* ---------- 编辑区 ---------- */
.wzw-ad-user-fields{margin-top:12px;padding-top:12px;border-top:1px dashed var(--uc-divider)}
.wzw-ad-user-fields label{display:block;margin-bottom:10px}
.wzw-ad-user-fields label>span{display:block;margin-bottom:4px;font-size:12px;color:var(--uc-muted) !important}
.wzw-ad-user-fields input[type="text"],
.wzw-ad-user-fields input[type="url"],
.wzw-ad-user-image-link-box input{
    width:100%;
    padding:7px 10px;
    font-size:13px;
    color:var(--uc-input-text) !important;
    background:var(--uc-input-bg) !important;
    border:1px solid var(--uc-input-border) !important;
    border-radius:4px;
}
.wzw-ad-user-fields input::placeholder{color:var(--uc-muted);opacity:.8}
.wzw-ad-user-edit-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}

/* ---------- 上传控件 ---------- */
.wzw-ad-user-image-source{display:flex;gap:14px;margin-bottom:6px}
.wzw-ad-user-radio{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--uc-text) !important;cursor:pointer}
.wzw-ad-user-radio input{margin:0}
.wzw-ad-user-upload-drop{position:relative;display:flex;align-items:center;justify-content:center;min-height:88px;padding:12px;background:var(--uc-chip-bg);border:1px dashed var(--uc-input-border);border-radius:6px;cursor:pointer;transition:all .25s}
.wzw-ad-user-upload-drop:hover{border-color:var(--uc-btn-text)}
.wzw-ad-user-upload-drop input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}
.wzw-ad-user-upload-text{font-size:13px;color:var(--uc-muted) !important;pointer-events:none}
.wzw-ad-user-upload-preview{margin-top:8px}
.wzw-ad-user-upload-preview:empty{display:none}
.wzw-ad-user-upload-preview img{max-width:100%;max-height:140px;border-radius:4px;display:block}
.wzw-ad-user-upload-tip{margin-top:6px;font-size:12px;line-height:1.6}
.wzw-ad-user-image-link-box{margin-top:4px}
.wzw-ad-user-empty{margin-top:10px;padding:16px;text-align:center;font-size:12px}

/* ---------- 加载更多 / 位置标签 ---------- */
.wzw-ad-user-card-hidden{display:none}
.wzw-ad-user-more-wrap{margin-top:12px;text-align:center}
.wzw-ad-user-more{
    padding:8px 20px;
    font-size:13px;
    color:var(--uc-btn-text) !important;
    background:transparent !important;
    border:1px solid var(--uc-btn-border) !important;
    border-radius:20px;
    cursor:pointer;
    transition:all .2s;
}
.wzw-ad-user-more:hover{color:#fff !important;background:var(--uc-btn-text) !important}
.wzw-ad-user-pos{padding:1px 7px;font-size:11px;color:var(--uc-muted) !important;background:var(--uc-chip-bg);border-radius:4px}

/* ---------- 位置选择浮层 ---------- */
.wzw-ad-slot-picker,
.wzw-ad-slot-picker *{
    color: var(--uc-text);
}
.wzw-ad-slot-picker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center}
.wzw-ad-slot-picker-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--uc-mask)}
.wzw-ad-slot-picker-box{position:relative;width:90%;max-width:360px;max-height:80vh;overflow:auto;padding:16px;background:var(--uc-card-bg);border:1px solid var(--uc-border);border-radius:12px}
.wzw-ad-slot-picker-head{margin-bottom:12px;font-size:15px;font-weight:600;color:var(--uc-text-strong) !important}
.wzw-ad-slot-picker-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.wzw-ad-slot-item{position:relative;padding:10px 8px;font-size:13px;color:var(--uc-text) !important;background:var(--uc-chip-bg);border:1px solid var(--uc-border);border-radius:8px;cursor:pointer;transition:all .2s}
.wzw-ad-slot-item:hover{border-color:var(--uc-btn-text);color:var(--uc-btn-text) !important}
.wzw-ad-slot-item.is-current{border-color:#16a34a;color:#16a34a !important;background:rgba(34,197,94,.1)}
.wzw-ad-slot-item.is-taken{opacity:.55;cursor:not-allowed}
.wzw-ad-slot-item.is-taken:hover{border-color:var(--uc-border);color:var(--uc-text) !important}
.wzw-ad-slot-tag{display:block;margin-top:2px;font-size:11px;opacity:.85}
.wzw-ad-slot-picker-foot{margin-top:14px;text-align:right}

/* ---------- 移动端 ---------- */
@media (max-width:768px){
.wzw-ad-user-card{padding:12px}
.wzw-ad-user-logo{width:38px;height:38px;font-size:13px}
.wzw-ad-user-name-text{font-size:14px}
.wzw-ad-user-row3{gap:8px;font-size:11px}
.wzw-ad-user-card-actions .btn,
.wzw-ad-user-edit-actions .btn{flex:1;min-width:0;padding:6px 0}
.wzw-ad-user-filter{gap:6px}
.wzw-ad-filter-item{padding:5px 12px;font-size:12px}
.wzw-ad-slot-picker-list{grid-template-columns:repeat(2,1fr)}
}

/* =====================================================================
 * 订单中心（前台「我的订单」+ 后台订单管理）
 *
 * 同样不依赖主题类，用自有 --uc-* 变量并适配深色模式。
 * =================================================================== */

.wzw-ad-order-panel,
.wzw-ad-order-modal,
.wzw-ad-order-modal *{
    color: var(--uc-text);
}
.wzw-ad-order-panel{padding:6px 0}
.wzw-ad-order-tip{margin:0 0 12px;font-size:12px;line-height:1.7}

.wzw-ad-order-card{
    margin-bottom:10px;
    padding:14px;
    background:var(--uc-card-bg);
    border:1px solid var(--uc-border);
    border-radius:10px;
    cursor:pointer;
    transition:box-shadow .2s;
}
.wzw-ad-order-card:hover{box-shadow:0 2px 10px rgba(0,0,0,.08)}
.wzw-ad-order-card:focus{outline:2px solid var(--uc-btn-text);outline-offset:2px}
.wzw-ad-order-card-main{display:flex;gap:12px;align-items:flex-start}
.wzw-ad-order-price{font-weight:600;color:var(--uc-btn-text) !important}
.wzw-ad-order-card-actions{margin-top:12px;padding-top:12px;border-top:1px dashed var(--uc-divider)}

/* 详情浮层 */
.wzw-ad-order-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center}
.wzw-ad-order-modal-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--uc-mask)}
.wzw-ad-order-modal-box{
    position:relative;
    width:92%;
    max-width:460px;
    max-height:82vh;
    overflow:auto;
    background:var(--uc-card-bg);
    border:1px solid var(--uc-border);
    border-radius:12px;
}
.wzw-ad-order-modal-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 16px;
    font-size:15px;
    font-weight:600;
    color:var(--uc-text-strong) !important;
    border-bottom:1px solid var(--uc-divider);
}
.wzw-ad-order-modal-close{
    padding:0 6px;
    font-size:22px;
    line-height:1;
    color:var(--uc-muted) !important;
    background:transparent;
    border:0;
    cursor:pointer;
}
.wzw-ad-order-modal-body{padding:14px 16px}
.wzw-ad-order-loading,
.wzw-ad-order-error{padding:20px;text-align:center;font-size:13px;color:var(--uc-muted) !important}

/* 详情表 */
.wzw-ad-order-detail-head{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.wzw-ad-order-detail-biz{font-size:13px;font-weight:600;color:var(--uc-text) !important}
.wzw-ad-order-detail-price{font-size:16px;font-weight:700;color:var(--uc-btn-text) !important}
.wzw-ad-order-table{width:100%;border-collapse:collapse}
.wzw-ad-order-table th,
.wzw-ad-order-table td{
    padding:8px 10px;
    font-size:13px;
    text-align:left;
    vertical-align:top;
    border-bottom:1px solid var(--uc-divider);
    word-break:break-all;
}
.wzw-ad-order-table th{
    width:88px;
    font-weight:400;
    color:var(--uc-muted) !important;
    white-space:nowrap;
}
.wzw-ad-order-table td{color:var(--uc-text) !important}
.wzw-ad-order-table td a{color:var(--uc-btn-text) !important;text-decoration:none}
.wzw-ad-order-thumb{max-width:140px;max-height:80px;border-radius:4px;display:block}
.wzw-ad-order-table tr:last-child th,
.wzw-ad-order-table tr:last-child td{border-bottom:0}

/* =====================================================================
 * 后台：概览 / 订单管理
 * =================================================================== */
/* ---- 后台概览 ---- */
.wzw-ad-overview{padding:4px 0}
.wzw-ad-overview-flags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.wzw-ad-flag{padding:4px 12px;font-size:12px;border-radius:12px;line-height:1.7}
.wzw-ad-flag-danger{background:rgba(239,68,68,.14);color:#dc2626}
.wzw-ad-flag-warn{background:rgba(245,158,11,.16);color:#b45309}
.wzw-ad-flag-info{background:rgba(59,130,246,.14);color:#2563eb}

/* 核心指标：4 张卡片 */
.wzw-ad-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:22px}
.wzw-ad-kpi{
    min-width:0;
    padding:16px 12px;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:10px;
    text-align:center;
}
.wzw-ad-kpi-icon{
    width:38px;height:38px;
    margin:0 auto 10px;
    display:flex;align-items:center;justify-content:center;
    font-size:16px;color:#fff;
    border-radius:10px;
}
.wzw-ad-kpi-blue{background:linear-gradient(135deg,#3b82f6,#60a5fa)}
.wzw-ad-kpi-green{background:linear-gradient(135deg,#22c55e,#4ade80)}
.wzw-ad-kpi-orange{background:linear-gradient(135deg,#f59e0b,#fbbf24)}
.wzw-ad-kpi-pink{background:linear-gradient(135deg,#f04494,#fb6bea)}
.wzw-ad-kpi-num{
    font-size:24px;font-weight:700;color:#1f2937;line-height:1.2;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.wzw-ad-kpi-label{margin-top:6px;font-size:13px;font-weight:600;color:#374151}
.wzw-ad-kpi-desc{margin-top:2px;font-size:11px;line-height:1.5;color:#8b95a1}

.wzw-ad-overview-section{margin-bottom:22px}
.wzw-ad-overview-title{margin:0 0 10px;font-size:14px;font-weight:600;color:#374151}
.wzw-ad-overview-title2{margin:16px 0 8px;font-size:13px;font-weight:600;color:#4b5563}
.wzw-ad-overview-empty{padding:14px;font-size:12px;color:#8b95a1;background:#fafbfc;border:1px dashed #e5e7eb;border-radius:6px}
.wzw-ad-overview-note{margin-top:10px;padding:10px 12px;font-size:12px;line-height:1.7;color:#8a5a00;background:#fff7e6;border:1px solid #ffe0a3;border-radius:6px}
.wzw-ad-num-green{color:#16a34a !important}
.wzw-ad-num-red{color:#dc2626 !important}
.wzw-ad-num-orange{color:#d97706 !important}
.wzw-ad-num-blue{color:#2563eb !important}
.wzw-ad-num-pink{color:#f04494 !important}
.wzw-ad-num-gray{color:#6b7280 !important}

/* 收入构成：竖排卡片，避免窄屏挤成一团 */
.wzw-ad-income-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.wzw-ad-income-item{
    min-width:0;
    display:flex;flex-direction:column;gap:2px;
    padding:10px 12px;
    background:#fafbfc;
    border:1px solid #f0f1f3;
    border-radius:8px;
}
.wzw-ad-income-name{font-size:12px;color:#6b7280}
.wzw-ad-income-val{font-size:13px;font-weight:600;color:#374151}
.wzw-ad-income-money{font-size:15px;font-weight:700;color:#f04494}

/* 表格：窄屏横向滚动，不塌陷 */
.wzw-ad-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.wzw-ad-mini-table{width:100%;min-width:320px;border-collapse:collapse;font-size:13px}
.wzw-ad-mini-table th,
.wzw-ad-mini-table td{padding:7px 10px;text-align:left;color:#374151;border-bottom:1px solid #f0f1f3;white-space:nowrap}
.wzw-ad-mini-table th{font-weight:400;color:#8b95a1}

.wzw-ad-dot-ok{display:inline-block;margin-right:6px;padding:1px 8px;font-size:11px;color:#16a34a;background:rgba(34,197,94,.12);border-radius:10px}
.wzw-ad-dot-warn{display:inline-block;margin-right:6px;padding:1px 8px;font-size:11px;color:#b45309;background:rgba(245,158,11,.16);border-radius:10px}

.wzw-ad-orders-admin{padding:4px 0}
.wzw-ad-orders-filter{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.wzw-ad-orders-filter .wzw-ad-filter-item{text-decoration:none;display:inline-block}
.wzw-ad-orders-table{width:100%;border-collapse:collapse;font-size:13px}
.wzw-ad-orders-table th,
.wzw-ad-orders-table td{padding:9px 10px;text-align:left;vertical-align:middle;color:#374151;border-bottom:1px solid #f0f1f3}
.wzw-ad-orders-table th{font-weight:600;color:#6b7280;background:#fafbfc}
.wzw-ad-orders-table code{font-size:12px;color:#374151;word-break:break-all}
.wzw-ad-orders-sub{font-size:12px;color:#8b95a1}
.wzw-ad-orders-table td a{color:#f04494;text-decoration:none}
.wzw-ad-orders-table td a:hover{text-decoration:underline}
.wzw-ad-orders-pager{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}
.wzw-ad-pager-item{
    display:inline-block;
    padding:4px 11px;
    font-size:13px;
    color:#4b5563;
    background:#f5f6f8;
    border-radius:4px;
    text-decoration:none;
}
.wzw-ad-pager-item:hover{color:#f04494}
.wzw-ad-pager-item.is-active{color:#fff;background:#f04494}

@media (max-width:768px){
/* 订单 */
.wzw-ad-order-card{padding:12px}
.wzw-ad-order-table th{width:76px}
.wzw-ad-orders-admin{overflow-x:auto}
.wzw-ad-orders-table{min-width:640px}

/* 后台概览：窄屏强制 2 列，避免卡片被挤成一条 */
.wzw-ad-kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}
.wzw-ad-kpi{padding:12px 8px}
.wzw-ad-kpi-icon{width:32px;height:32px;font-size:14px;margin-bottom:8px}
.wzw-ad-kpi-num{font-size:19px}
.wzw-ad-kpi-label{font-size:12px}
.wzw-ad-kpi-desc{font-size:10px}

.wzw-ad-stat-cards{grid-template-columns:repeat(2,1fr);gap:10px}
.wzw-ad-stat-card{padding:12px 8px}
.wzw-ad-stat-num{font-size:19px}

.wzw-ad-income-grid{grid-template-columns:1fr}
.wzw-ad-overview-title{font-size:13px}
}

/* ===== 广告主联系方式徽标（等高对齐） ===== */
.wzw-ad-contact {
    display: block;
    margin-top: 4px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
    color: #909399;
    opacity: .85;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.auto-list:hover .wzw-ad-contact { color: var(--main-color, #409eff); opacity: 1; }

/* ============ 网格：完整显示（contain）——固定等高 + 图完整 + 背景留白 ============ */
.theme-box .wzw-media-fit-contain .media-card,.zib-widget .wzw-media-fit-contain .media-card{background:var(--zibll-ad-bg-empty,#f5f7fa);display:flex;align-items:center;justify-content:center}
.theme-box .wzw-media-fit-contain .media-card img,.zib-widget .wzw-media-fit-contain .media-card img{object-fit:contain}

/* ============ 图片适配：拉伸铺满（fill，默认，等高铺满式）——等高 + 完整显示 + 不缩小留白 ============ */
.zib-ad-manager .wzw-ad-slider.wzw-slider-fit-fill .wzw-slider-slide img{object-fit:fill}
.theme-box .wzw-media-fit-fill .media-card img,.zib-widget .wzw-media-fit-fill .media-card img{object-fit:fill}

/* ============ 等比完整（contain + 高度自适应）：图片按自身比例完整显示，不变形、不裁切、不留白 ============ */
.zib-ad-manager .wzw-ad-slider.wzw-slider-autoheight{aspect-ratio:auto;min-height:0;transition:height .4s ease}
.zib-ad-manager .wzw-ad-slider.wzw-slider-autoheight .wzw-slider-viewport{position:static}
.zib-ad-manager .wzw-ad-slider.wzw-slider-autoheight .wzw-slider-track{height:auto;align-items:stretch;gap:0}
.zib-ad-manager .wzw-ad-slider.wzw-slider-autoheight .wzw-slider-slide{height:auto !important;background:transparent}
.zib-ad-manager .wzw-ad-slider.wzw-slider-autoheight .wzw-slider-slide img{width:100%;height:auto !important;object-fit:contain;display:block}

/* ============ 等高铺满（fill）横幅：容器固定高度而非按宽度等比缩放，手机端横幅依旧高、显眼好看（www.sczyoo.cn 同款） ============ */
.zib-ad-manager .wzw-ad-slider.wzw-slider-fit-fill{aspect-ratio:auto;height:clamp(110px, 13vw, 160px);min-height:110px}
.zib-ad-manager .wzw-ad-slider.wzw-slider-fit-fill .wzw-slider-slide{height:100%}
.zib-ad-manager .wzw-ad-slider.wzw-slider-fit-fill .wzw-slider-slide img{width:100%;height:100%;object-fit:fill;display:block}