.banner-list-container[data-v-45d6e8a4]{min-height:100vh;background:#f5f7fa;animation:fadeInUp-45d6e8a4 .6s ease-out}@keyframes fadeInUp-45d6e8a4{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.page-header[data-v-45d6e8a4]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px 40px;margin-bottom:30px;box-shadow:0 2px 10px rgba(102,126,234,.3)}.header-content[data-v-45d6e8a4]{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.header-left[data-v-45d6e8a4]{flex:1}.header-info .page-title[data-v-45d6e8a4]{color:#fff;font-size:28px;font-weight:600;margin:0 0 8px 0;display:flex;align-items:center;gap:12px}.header-info .page-title i[data-v-45d6e8a4]{font-size:32px;color:#fff}.header-info .page-subtitle[data-v-45d6e8a4]{color:#fff;opacity:.9;font-size:16px;margin:0;line-height:1.5}.header-actions[data-v-45d6e8a4]{display:flex;gap:12px;align-items:center}.action-btn[data-v-45d6e8a4]{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;backdrop-filter:blur(10px);transition:all .3s ease}.action-btn[data-v-45d6e8a4]:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3);transform:translateY(-2px)}.main-content[data-v-45d6e8a4]{max-width:1400px;margin:0 auto;padding:0 40px 40px}.search-section[data-v-45d6e8a4]{margin-bottom:30px}.search-card[data-v-45d6e8a4]{border:none;box-shadow:0 2px 8px rgba(0,0,0,.06);border-radius:16px}.search-form[data-v-45d6e8a4]{margin-bottom:0}.stats-section[data-v-45d6e8a4]{margin-bottom:30px}.stat-card[data-v-45d6e8a4]{background:#fff;border-radius:20px;padding:24px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #f1f3f4}.stat-card[data-v-45d6e8a4]:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.12)}.stat-icon[data-v-45d6e8a4]{width:60px;height:60px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:26px;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.1);position:relative}.stat-icon[data-v-45d6e8a4]:before{content:"";position:absolute;inset:-2px;border-radius:22px;padding:2px;background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor}.stat-icon i[data-v-45d6e8a4]{color:#4facfe;z-index:1}.stat-icon.total[data-v-45d6e8a4]:before{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.total i[data-v-45d6e8a4]{color:#667eea}.stat-icon.active[data-v-45d6e8a4]:before{background:linear-gradient(135deg,#67c23a,#85ce61)}.stat-icon.active i[data-v-45d6e8a4]{color:#67c23a}.stat-icon.inactive[data-v-45d6e8a4]:before{background:linear-gradient(135deg,#f56c6c,#f78989)}.stat-icon.inactive i[data-v-45d6e8a4]{color:#f56c6c}.stat-icon.expired[data-v-45d6e8a4]:before{background:linear-gradient(135deg,#e6a23c,#eebe77)}.stat-icon.expired i[data-v-45d6e8a4]{color:#e6a23c}.stat-content[data-v-45d6e8a4]{flex:1}.stat-number[data-v-45d6e8a4]{font-size:28px;font-weight:700;color:#303133;line-height:1;margin-bottom:4px}.stat-label[data-v-45d6e8a4]{font-size:14px;color:#666;font-weight:500}.table-section[data-v-45d6e8a4]{margin-bottom:30px}.table-card[data-v-45d6e8a4]{border:none;box-shadow:0 2px 8px rgba(0,0,0,.06);border-radius:16px;overflow:hidden}.table-header[data-v-45d6e8a4]{display:flex;justify-content:space-between;align-items:center}.table-title[data-v-45d6e8a4]{font-size:16px;font-weight:600;color:#303133}.table-subtitle[data-v-45d6e8a4]{color:#666;font-size:14px}.banner-info[data-v-45d6e8a4]{display:flex;align-items:center;gap:10px;padding:4px 0}.banner-image[data-v-45d6e8a4]{flex-shrink:0}.banner-thumb[data-v-45d6e8a4]{width:70px;height:40px;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid #e4e7ed}.banner-thumb[data-v-45d6e8a4]:hover{transform:scale(1.05);border-color:#409eff}.image-placeholder[data-v-45d6e8a4]{width:70px;height:40px;background:#f5f7fa;display:flex;align-items:center;justify-content:center;color:#c0c4cc;font-size:18px;border-radius:8px;border:1px solid #e4e7ed}.banner-details[data-v-45d6e8a4]{flex:1;min-width:0;overflow:hidden}.banner-title[data-v-45d6e8a4]{font-weight:600;color:#303133;margin-bottom:4px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.banner-meta[data-v-45d6e8a4]{display:flex;align-items:center;gap:4px;font-size:11px;flex-wrap:wrap}.banner-meta .el-tag[data-v-45d6e8a4]{margin:0;font-size:10px;padding:0 4px;height:18px;line-height:18px}.sort-order[data-v-45d6e8a4]{color:#666;background:#f0f2f5;padding:1px 4px;border-radius:3px;font-size:10px;white-space:nowrap}.time-range[data-v-45d6e8a4]{font-size:12px;text-align:center}.time-item[data-v-45d6e8a4]{color:#666;margin-bottom:2px;display:flex;align-items:center;justify-content:center;gap:4px}.no-time[data-v-45d6e8a4]{color:#67c23a;font-weight:500;text-align:center}.create-time[data-v-45d6e8a4]{color:#666;font-size:13px;display:flex;align-items:center;justify-content:center;gap:4px}.action-buttons[data-v-45d6e8a4]{display:flex;gap:8px;flex-wrap:nowrap;padding:8px 4px;justify-content:center}.action-buttons .el-button[data-v-45d6e8a4]{min-width:60px;font-size:13px;padding:7px 15px}.pagination-container[data-v-45d6e8a4]{display:flex;justify-content:center;margin-top:30px;padding:20px 0}@media (max-width:768px){.main-content[data-v-45d6e8a4]{padding:0 20px 20px}.page-header[data-v-45d6e8a4]{padding:16px 20px}.header-content[data-v-45d6e8a4]{flex-direction:column;align-items:flex-start;gap:16px}.stat-card[data-v-45d6e8a4]{padding:16px 12px}.stat-number[data-v-45d6e8a4]{font-size:24px}.banner-info[data-v-45d6e8a4]{gap:8px}.banner-thumb[data-v-45d6e8a4]{width:60px;height:35px}.image-placeholder[data-v-45d6e8a4]{width:60px;height:35px;font-size:16px}.banner-title[data-v-45d6e8a4]{font-size:12px}.banner-meta[data-v-45d6e8a4]{gap:4px}.sort-order[data-v-45d6e8a4]{font-size:9px;padding:1px 3px}.action-buttons[data-v-45d6e8a4]{flex-direction:column;gap:4px;padding:4px 2px}.action-buttons .el-button[data-v-45d6e8a4]{min-width:50px;font-size:11px;padding:5px 8px}.time-range[data-v-45d6e8a4]{font-size:11px}.time-item[data-v-45d6e8a4]{justify-content:center}.create-time[data-v-45d6e8a4]{font-size:11px;justify-content:center}}