.cam-list-container[data-v-e6f2902c]{padding:10px}.page-header[data-v-e6f2902c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-bottom:30px}.page-title[data-v-e6f2902c]{font-size:24px;font-weight:800;color:#1a1a1a;margin:0}.sub-title[data-v-e6f2902c]{font-size:13px;color:#909399}.add-cam-btn[data-v-e6f2902c]{font-weight:600;-webkit-box-shadow:0 4px 12px rgba(26,115,232,.2);box-shadow:0 4px 12px rgba(26,115,232,.2)}.cam-card[data-v-e6f2902c]{border:none;border-radius:20px;overflow:hidden;-webkit-transition:all .3s cubic-bezier(.25,.8,.25,1);transition:all .3s cubic-bezier(.25,.8,.25,1);background:#fff;border:1px solid #f0f0f0}.cam-card[data-v-e6f2902c]:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-box-shadow:0 15px 30px rgba(0,0,0,.08);box-shadow:0 15px 30px rgba(0,0,0,.08)}.cam-preview-wrapper[data-v-e6f2902c]{height:180px;position:relative;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,#2c3e50,#000)}.cam-placeholder[data-v-e6f2902c]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cam-placeholder i[data-v-e6f2902c]{font-size:50px;color:hsla(0,0%,100%,.2)}.cam-preview-overlay[data-v-e6f2902c]{position:absolute;inset:0;background:rgba(0,0,0,.4);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;z-index:2}.cam-preview-wrapper:hover .cam-preview-overlay[data-v-e6f2902c]{opacity:1}.play-icon[data-v-e6f2902c]{font-size:40px;color:#fff}.status-indicator[data-v-e6f2902c]{position:absolute;top:12px;left:12px;padding:4px 10px;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);border-radius:20px;color:#fff;font-size:11px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:3}.dot[data-v-e6f2902c]{width:6px;height:6px;border-radius:50%;margin-right:6px;background:#f56c6c}.is-online .dot[data-v-e6f2902c]{background:#67c23a;-webkit-box-shadow:0 0 8px #67c23a;box-shadow:0 0 8px #67c23a;-webkit-animation:breathe-e6f2902c 2s infinite;animation:breathe-e6f2902c 2s infinite}@-webkit-keyframes breathe-e6f2902c{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes breathe-e6f2902c{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.cam-content[data-v-e6f2902c]{padding:16px}.cam-name[data-v-e6f2902c]{font-size:16px;font-weight:700;color:#303133;margin:0 0 4px 0}.cam-id[data-v-e6f2902c]{font-size:12px;color:#909399;margin:0}.cam-footer[data-v-e6f2902c]{margin-top:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.add-time[data-v-e6f2902c]{font-size:12px;color:#c0c4cc}.action-group[data-v-e6f2902c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.setting-btn[data-v-e6f2902c]{border:none;background:#f5f7fa;color:#606266}.setting-btn[data-v-e6f2902c]:hover{background:#e4e7ed;color:#1a73e8}