.monitoring-page[data-v-2f6b98c2]{padding:20px;background-color:#f5f7fa;min-height:100vh}.monitoring-header-bar[data-v-2f6b98c2]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#fff;padding:16px 20px;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);margin-bottom:20px;border-bottom:2px solid #303133}.monitoring-header-bar .header-left[data-v-2f6b98c2],.monitoring-header-bar[data-v-2f6b98c2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.monitoring-header-bar .header-left[data-v-2f6b98c2]{gap:20px}.monitoring-header-bar .header-left .page-title[data-v-2f6b98c2]{font-size:18px;font-weight:700;color:#303133;margin:0}.monitoring-header-bar .header-left .date-nav[data-v-2f6b98c2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.monitoring-header-bar .header-left .date-nav .date-text[data-v-2f6b98c2]{font-size:14px;color:#303133}.monitoring-header-bar .header-center .pending-text[data-v-2f6b98c2]{font-size:14px;color:#f56c6c}.monitoring-header-bar .header-center .pending-count[data-v-2f6b98c2]{font-size:20px;font-weight:700;color:#f56c6c;margin:0 4px}.monitoring-header-bar .header-right[data-v-2f6b98c2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.monitoring-header-bar .header-right .warning-text[data-v-2f6b98c2]{font-size:14px;color:#f56c6c}.monitoring-header-bar .header-right .tips-btn[data-v-2f6b98c2]{color:#409eff;font-size:14px}.adspace-cards-container[data-v-2f6b98c2]{background-color:#fff;padding:20px;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);margin-bottom:20px}.adspace-cards[data-v-2f6b98c2]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;margin-bottom:12px;-ms-flex-wrap:wrap;flex-wrap:wrap}.adspace-cards .adspace-card[data-v-2f6b98c2]{position:relative;width:140px;padding:10px 12px;border:1px solid #dcdfe6;border-radius:4px;cursor:pointer;background:#fff}.adspace-cards .adspace-card[data-v-2f6b98c2]:hover{border-color:#c6e2ff}.adspace-cards .adspace-card.active[data-v-2f6b98c2]{border-color:#409eff;background:#ecf5ff}.adspace-cards .adspace-card.active .card-code[data-v-2f6b98c2],.adspace-cards .adspace-card.active .card-name[data-v-2f6b98c2]{color:#409eff}.adspace-cards .adspace-card .card-header[data-v-2f6b98c2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:4px}.adspace-cards .adspace-card .card-header .card-type[data-v-2f6b98c2]{font-size:10px;padding:2px 6px;border-radius:10px;color:#fff}.adspace-cards .adspace-card .card-header .card-type.tv[data-v-2f6b98c2]{background:#67c23a}.adspace-cards .adspace-card .card-header .card-type.frame[data-v-2f6b98c2]{background:#409eff}.adspace-cards .adspace-card .card-header .card-badge[data-v-2f6b98c2]{margin-left:auto;padding:2px 6px;border-radius:10px;font-size:10px}.adspace-cards .adspace-card .card-header .card-badge.pending[data-v-2f6b98c2]{background:#f56c6c;color:#fff}.adspace-cards .adspace-card .card-header .card-badge.completed[data-v-2f6b98c2]{background:#67c23a;color:#fff}.adspace-cards .adspace-card .card-code[data-v-2f6b98c2]{font-size:13px;font-weight:600;color:#303133;margin-bottom:2px}.adspace-cards .adspace-card .card-name[data-v-2f6b98c2]{font-size:11px;color:#909399;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.end-date-info[data-v-2f6b98c2]{font-size:12px;color:#909399}.detail-section[data-v-2f6b98c2]{background-color:#fff;padding:20px;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);margin-bottom:20px}.detail-section .detail-grid[data-v-2f6b98c2]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.detail-section .detail-grid .material-column[data-v-2f6b98c2]{-webkit-box-flex:0;-ms-flex:0 0 120px;flex:0 0 120px}.detail-section .detail-grid .material-column.tv-material[data-v-2f6b98c2]{-webkit-box-flex:0;-ms-flex:0 0 150px;flex:0 0 150px}.detail-section .detail-grid .material-column .column-header[data-v-2f6b98c2]{height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:8px}.detail-section .detail-grid .material-column .column-header .column-title[data-v-2f6b98c2]{font-size:12px;color:#606266}.detail-section .detail-grid .material-column .material-box[data-v-2f6b98c2]{background:#f5f7fa;border:1px solid #e4e7ed;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.detail-section .detail-grid .material-column .material-box.vertical[data-v-2f6b98c2]{width:120px;height:170px}.detail-section .detail-grid .material-column .material-box.horizontal[data-v-2f6b98c2]{width:150px;height:110px}.detail-section .detail-grid .material-column .material-box .material-text[data-v-2f6b98c2]{font-size:16px;color:#909399}.detail-section .detail-grid .adspace-column[data-v-2f6b98c2]{-webkit-box-flex:1;-ms-flex:1;flex:1}.detail-section .detail-grid .adspace-column .adspace-items[data-v-2f6b98c2]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.detail-section .detail-grid .adspace-column .adspace-items.frame-items .adspace-item[data-v-2f6b98c2]{width:130px}.detail-section .detail-grid .adspace-column .adspace-items.tv-items .adspace-item[data-v-2f6b98c2]{width:170px}.detail-section .detail-grid .adspace-column .adspace-items .adspace-item[data-v-2f6b98c2]{text-align:center}.detail-section .detail-grid .adspace-column .adspace-items .adspace-item .column-header[data-v-2f6b98c2]{height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:8px}.detail-section .detail-grid .adspace-column .adspace-items .adspace-item .column-header .column-title[data-v-2f6b98c2]{font-size:12px;color:#303133;font-weight:500}.detail-section .detail-grid .adspace-column .adspace-items .adspace-item .item-image[data-v-2f6b98c2]{background:#f5f7fa;border:1px solid #e4e7ed;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.detail-section .detail-grid .adspace-column .adspace-items .adspace-item .item-image.vertical[data-v-2f6b98c2]{width:100px;height:140px;margin:0 auto}.detail-section .detail-grid .adspace-column .adspace-items .adspace-item .item-image.horizontal[data-v-2f6b98c2]{width:150px;height:100px;margin:0 auto}.detail-section .detail-grid .adspace-column .adspace-items .adspace-item .item-image img[data-v-2f6b98c2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px}.detail-section .detail-grid .adspace-column .adspace-items .adspace-item .item-image .photo-status-badge[data-v-2f6b98c2]{position:absolute;bottom:5px;right:5px;border-radius:10px;padding:2px 6px;font-size:10px}.detail-section .detail-grid .adspace-column .adspace-items .adspace-item .item-image .photo-status-badge.pending[data-v-2f6b98c2]{background:#f56c6c;color:#fff}.detail-section .detail-grid .adspace-column .adspace-items .adspace-item .item-image .photo-status-badge.completed[data-v-2f6b98c2]{background:#67c23a;color:#fff}.detail-section .detail-grid .adspace-column .adspace-items .adspace-item .play-count[data-v-2f6b98c2]{font-size:11px;color:#303133;margin-top:8px;word-wrap:break-word}.detail-section .detail-grid .adspace-column .adspace-items .adspace-item .play-count .count-num[data-v-2f6b98c2]{color:#409eff}.detail-section .detail-grid .adspace-column .adspace-items .adspace-item .play-count .text-success[data-v-2f6b98c2]{color:#67c23a}.detail-section .detail-grid .adspace-column .adspace-items .adspace-item .play-count .text-warning[data-v-2f6b98c2]{color:#e6a23c}.photo-tips-wrapper[data-v-2f6b98c2]{display:-webkit-box;display:-ms-flexbox;display:flex}.photo-tips-wrapper .tips-left[data-v-2f6b98c2]{-webkit-box-flex:1;-ms-flex:1;flex:1}.photo-tips-wrapper .tips-left .tips-list p[data-v-2f6b98c2]{font-size:14px;color:#f56c6c;line-height:1.8;margin-bottom:12px}.photo-tips-wrapper .tips-left .tips-list p .tip-num[data-v-2f6b98c2]{font-weight:700}.photo-tips-wrapper .tips-right[data-v-2f6b98c2]{width:180px;padding-left:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.photo-tips-wrapper .tips-right .example-image[data-v-2f6b98c2],.photo-tips-wrapper .tips-right[data-v-2f6b98c2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.photo-tips-wrapper .tips-right .example-image[data-v-2f6b98c2]{width:140px;height:180px;border:2px solid #409eff;border-radius:4px;background:#ecf5ff;margin-bottom:10px}.photo-tips-wrapper .tips-right .example-text[data-v-2f6b98c2]{font-size:14px;color:#303133}.tips-footer[data-v-2f6b98c2]{text-align:center}