.site-monitoring-detail-container[data-v-ce30aa90]{width:100%;height:100%;display:flex;background:#f0f2f5;overflow:hidden}.left-panel[data-v-ce30aa90]{width:380px;height:100%;display:flex;flex-direction:column;gap:20px;padding:20px;background:#f0f2f5;overflow-y:auto;box-sizing:border-box}.section-title[data-v-ce30aa90]{display:flex;align-items:center;margin-bottom:12px}.title-bar[data-v-ce30aa90]{width:4px;height:18px;background:#c1010d;margin-right:8px}.title[data-v-ce30aa90]{font-size:16px;font-weight:700;color:#000}.personnel-stats[data-v-ce30aa90]{flex:1;display:flex;flex-direction:column;min-height:0;background:#fff;border-radius:4px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.stats-content[data-v-ce30aa90]{display:flex;flex-direction:column;justify-content:space-around;align-items:center;flex:1;padding:0 20px}.stat-item[data-v-ce30aa90]{display:flex;align-items:center;justify-content:center;gap:24px;padding:14px 0;border-bottom:1px solid #e8e8e8;width:100%}.stat-item[data-v-ce30aa90]:last-child{border-bottom:none}.stat-icon[data-v-ce30aa90]{width:80px;height:80px;object-fit:contain;flex-shrink:0}.stat-info[data-v-ce30aa90]{display:flex;flex-direction:column;gap:8px}.stat-label[data-v-ce30aa90]{font-size:16px;color:#333;margin-bottom:0;font-weight:400}.stat-value[data-v-ce30aa90]{font-size:36px;font-weight:700;color:#255aa7}.stat-value .unit[data-v-ce30aa90]{font-size:18px;margin-left:4px}.attendance-list[data-v-ce30aa90]{flex:1;display:flex;flex-direction:column;min-height:0;background:#fff;border-radius:4px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.list-content[data-v-ce30aa90]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.list-item[data-v-ce30aa90]{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#fafafa;border-radius:4px;font-size:12px}.company-name[data-v-ce30aa90]{flex:1;color:#333}.attendance-badge[data-v-ce30aa90]{display:inline-block;padding:2px 12px;background:#255aa7;color:#fff;border-radius:10px;font-size:12px;min-width:45px;text-align:center}.right-panel[data-v-ce30aa90]{flex:1;height:100%;display:flex;flex-direction:column;padding:20px 20px 20px 0;min-width:0;box-sizing:border-box}.toolbar[data-v-ce30aa90]{display:flex;justify-content:space-between;align-items:center;height:50px;margin-bottom:10px}.filter-section[data-v-ce30aa90]{display:flex;align-items:center;gap:10px}.filter-label[data-v-ce30aa90]{font-size:14px;color:#333}.layout-buttons[data-v-ce30aa90],.toolbar-actions[data-v-ce30aa90]{display:flex;align-items:center;gap:12px}.layout-icon[data-v-ce30aa90]{height:30px;cursor:pointer;transition:opacity .3s}.layout-icon[data-v-ce30aa90]:hover{opacity:.8}.fullscreen-btn[data-v-ce30aa90]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#999;cursor:pointer;transition:all .3s}.fullscreen-btn[data-v-ce30aa90]:hover{color:#666}.fullscreen-btn .anticon[data-v-ce30aa90]{font-size:30px}.close-btn[data-v-ce30aa90]{height:32px;border-radius:16px;background-color:#255aa7;border-color:#255aa7;font-size:14px}.close-btn[data-v-ce30aa90]:focus,.close-btn[data-v-ce30aa90]:hover{background-color:#1a4175;border-color:#1a4175}.monitor-area[data-v-ce30aa90]{flex:1;position:relative;background:#fff;border-radius:4px;padding:20px 40px;box-shadow:0 2px 8px rgba(0,0,0,.1);min-height:0}.monitor-area[data-v-ce30aa90]:fullscreen{background:#000}.monitor-area[data-v-ce30aa90]:-webkit-full-screen{background:#000}.monitor-area[data-v-ce30aa90]:-moz-full-screen{background:#000}.monitor-area[data-v-ce30aa90]:-ms-fullscreen{background:#000}.nav-arrow[data-v-ce30aa90]{position:absolute;top:50%;transform:translateY(-50%);font-size:40px;color:#409eff;cursor:pointer;z-index:10}.nav-arrow[data-v-ce30aa90]:hover{color:#66b1ff}.nav-arrow.left[data-v-ce30aa90]{left:10px}.nav-arrow.right[data-v-ce30aa90]{right:10px}.nav-arrow.disabled[data-v-ce30aa90]{color:#bbb;cursor:not-allowed;opacity:.6;pointer-events:none}.slider-container[data-v-ce30aa90]{width:100%;height:100%;overflow:hidden;cursor:grab}.slider-container[data-v-ce30aa90]:active{cursor:grabbing}.slider-track[data-v-ce30aa90]{display:flex;width:100%;height:100%;transition:transform .4s ease;will-change:transform}.slider-track.no-transition[data-v-ce30aa90]{transition:none!important}.slider-page[data-v-ce30aa90]{flex:0 0 100%;height:100%}.monitor-grid[data-v-ce30aa90]{display:flex;flex-wrap:wrap;gap:3rem;width:100%;height:100%;padding:10px 0}.monitor-item[data-v-ce30aa90]{background:#fff;border:1px solid #e8e8e8;border-radius:4px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column}.monitor-header[data-v-ce30aa90]{background:#e6e6e6;height:40px;line-height:40px;padding:0 15px;font-weight:700;color:#333;text-align:center;font-size:14px;border-top:1px solid #d9d9d9}.monitor-video[data-v-ce30aa90]{flex:1;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-placeholder[data-v-ce30aa90]{text-align:center;color:#fff}.video-placeholder .video-icon[data-v-ce30aa90]{font-size:48px;margin-bottom:10px;opacity:.6}.video-placeholder .monitor-status[data-v-ce30aa90]{color:#52c41a;font-size:12px;margin:5px 0}.pagination-dots[data-v-ce30aa90]{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:10}.dot[data-v-ce30aa90]{width:8px;height:8px;border-radius:50%;background:#ccc;cursor:pointer;transition:all .3s}.dot[data-v-ce30aa90]:hover{background:#999}.dot.active[data-v-ce30aa90]{background:#1890ff;width:20px;border-radius:4px}