.mobile-cam-container[data-v-450c0fea]{padding:12px 16px 80px 16px;background:#f8f9fa;min-height:calc(100vh - 100px)}.page-header[data-v-450c0fea]{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;margin-bottom:20px}.page-title[data-v-450c0fea]{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}.online-status-text[data-v-450c0fea]{font-size:12px;color:#7d7e80;margin-left:8px}.count-highlight[data-v-450c0fea]{color:#67c23a;font-weight:700}.add-icon-btn[data-v-450c0fea]{font-size:24px;color:#1a73e8;padding:4px}.cam-list[data-v-450c0fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.mobile-cam-card[data-v-450c0fea]{background:#fff;border-radius:16px;overflow:hidden;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.03);box-shadow:0 4px 12px rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.02);-webkit-tap-highlight-color:transparent}.mobile-cam-card[data-v-450c0fea]:active{background-color:#f5f5f5;-webkit-transform:scale(.99);transform:scale(.99);-webkit-transition:all .1s ease;transition:all .1s ease}.cam-preview-wrapper[data-v-450c0fea]{position:relative;width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#2c3e50,#111)}.cam-placeholder[data-v-450c0fea]{position:absolute;inset:0;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-450c0fea]{font-size:40px;color:hsla(0,0%,100%,.15)}.play-btn-mask[data-v-450c0fea]{position:absolute;inset:0;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;background:rgba(0,0,0,.1)}.play-icon[data-v-450c0fea]{font-size:36px;color:hsla(0,0%,100%,.8);text-shadow:0 2px 4px rgba(0,0,0,.3)}.status-indicator[data-v-450c0fea]{position:absolute;top:10px;left:10px;padding:2px 8px;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);border-radius:12px;color:#fff;font-size:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dot[data-v-450c0fea]{width:6px;height:6px;border-radius:50%;margin-right:4px;background:#f56c6c}.is-online .dot[data-v-450c0fea]{background:#67c23a;-webkit-box-shadow:0 0 6px #67c23a;box-shadow:0 0 6px #67c23a}.cam-content[data-v-450c0fea]{padding:12px 14px;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}.cam-name[data-v-450c0fea]{font-size:15px;font-weight:700;color:#333;margin:0 0 2px 0}.cam-id[data-v-450c0fea]{font-size:11px;color:#999;margin:0}.cam-manage-block[data-v-450c0fea]{padding:10px;margin-right:-4px}.mobile-setting-icon[data-v-450c0fea]{font-size:20px;color:#606266}.fab-add-btn[data-v-450c0fea]{position:fixed;bottom:80px;right:20px;width:50px;height:50px;background:#1a73e8;border-radius:50%;color:#fff;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;font-size:24px;-webkit-box-shadow:0 4px 12px rgba(26,115,232,.4);box-shadow:0 4px 12px rgba(26,115,232,.4);z-index:99}.fab-add-btn[data-v-450c0fea]:active{background:#155cb8}