*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{color:#e9fbff;background:#030915;font-family:Inter,Microsoft YaHei,PingFang SC,Arial,sans-serif;overflow:hidden}button,input,textarea,select{font:inherit}:root{--screen-bg:#030915;--panel-bg:#061c38bd;--panel-bg-strong:#07284fdb;--cyan:#32f5ff;--blue:#2388ff;--violet:#8f63ff;--green:#31f0a0;--orange:#ffb545;--red:#ff3b58;--text-main:#ecfbff;--text-muted:#cbe9ffad;--border-glow:#32f5ff6b;--card-radius:18px}.screen-page{background:radial-gradient(circle at 50% 12%,#258bff2e,#0000 28%),linear-gradient(90deg,#010916b8,#0000 24% 76%,#010916b8),linear-gradient(#030915b8 0%,#03091533 38%,#020712ad 100%);width:100vw;min-width:1200px;height:100vh;min-height:720px;padding:0 12px 18px;position:relative;overflow:hidden}.screen-page__bg{pointer-events:none;background-image:linear-gradient(#32f5ff0e 1px,#0000 1px),linear-gradient(90deg,#32f5ff0e 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.screen-page:before,.screen-page:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#010c1cdb,#0000);width:24%;position:absolute;top:0;bottom:0}.screen-page:after{right:0;transform:rotate(180deg)}.dashboard-grid{z-index:2;pointer-events:none;grid-template-columns:minmax(310px,22vw) 1fr minmax(350px,24vw);gap:12px;height:calc(100vh - 122px);display:grid;position:relative}.side-panel{pointer-events:auto}.side-panel--right{grid-column:3}.screen-header{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#041226b8,#062e5861,#041226b8),radial-gradient(circle at 50% 0,#32f5ff2e,#0000 62%);border:1px solid #32f5ff2e;border-radius:0;grid-template-columns:1fr minmax(520px,42vw) 1fr;align-items:center;height:86px;margin:0 -12px 18px;padding:0 18px;display:grid;position:relative;box-shadow:0 12px 36px #00081452,inset 0 -1px 24px #32f5ff14}.screen-header__center{text-align:center;filter:drop-shadow(0 0 18px #32f5ff4d);background:linear-gradient(90deg,#0000,#105ba6ad,#0000);border-bottom:1px solid #32f5ffb8;padding:8px 36px 14px;position:relative}.screen-header__center h1{letter-spacing:.18em;color:#fff;text-shadow:0 0 12px #32f5ffd1,0 0 28px #2388ff9e;margin:0;font-size:clamp(30px,2.45vw,48px)}.screen-header__center p,.screen-header__center span{color:var(--text-muted);letter-spacing:.32em;text-transform:uppercase;margin:0;font-size:12px;display:block}.screen-header__center span{letter-spacing:.14em;margin-top:4px}.screen-header__wing{background:linear-gradient(90deg,#0000,#32f5ffd1);height:1px;box-shadow:0 0 16px #32f5ffb8}.screen-header__wing--right{transform:rotate(180deg)}.side-panel{flex-direction:column;gap:14px;min-height:0;display:flex}.info-card{border:1px solid var(--border-glow);border-radius:var(--card-radius);background:linear-gradient(135deg, #32f5ff1f, transparent 42%), linear-gradient(180deg, var(--panel-bg-strong), var(--panel-bg));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex:1;min-height:0;padding:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #1a7eff2e,0 0 28px #06b4ff1f}.info-card:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0 40%,#32f5ff1f 50%,#0000 60% 100%);animation:6s infinite sheen;position:absolute;inset:0;transform:translate(-120%)}.info-card__header{justify-content:space-between;gap:12px;margin-bottom:14px;display:flex;position:relative}.info-card__header h2{letter-spacing:.08em;margin:0;font-size:18px}.info-card__header p{color:var(--text-muted);text-transform:uppercase;letter-spacing:.16em;margin:4px 0 0;font-size:11px}.info-card__corner{border-top:2px solid var(--cyan);border-right:2px solid var(--cyan);width:42px;height:12px}.info-card__body{height:calc(100% - 50px);position:relative}.info-card--auto{flex:none}.info-card--auto .info-card__body{height:auto}.community-overview__name{color:var(--cyan);font-size:24px;font-weight:700}.community-overview__address{color:var(--text-muted);margin:6px 0 12px;font-size:13px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.metric-card{background:#082a4e9e;border:1px solid #32f5ff2e;border-radius:12px;padding:10px 12px}.metric-card span,.device-status__list span,.property-stats span{color:var(--text-muted);font-size:12px;display:block}.metric-card strong{color:#fff;text-shadow:0 0 12px #32f5ff7a;margin-right:4px;font-size:25px;line-height:1.25}.metric-card em,.progress-row__label em{color:var(--cyan);font-size:12px;font-style:normal}.device-status{grid-template-columns:132px 1fr;align-items:center;gap:14px;height:100%;display:grid}.device-status__ring{background:conic-gradient(var(--cyan) var(--rate), #32f5ff1f 0);border-radius:50%;place-items:center;width:120px;height:120px;display:grid;box-shadow:0 0 26px #32f5ff33}.device-status__ring:before{content:"";background:#07172c;border-radius:50%;width:86px;height:86px;position:absolute}.device-status__ring strong,.device-status__ring span{grid-area:1/1;position:relative}.device-status__ring strong{margin-top:-14px;font-size:26px}.device-status__ring span{color:var(--text-muted);margin-top:34px}.device-status__list{grid-template-columns:repeat(2,1fr);gap:9px 12px;display:grid}.device-status__list div{border-bottom:1px solid #32f5ff24;justify-content:space-between;gap:12px;padding-bottom:8px;display:flex}.device-status__list strong,.property-stats strong{color:#fff}.warning{color:var(--orange)!important}.property-stats__main{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.property-stats__main div{background:linear-gradient(135deg,#2388ff42,#32f5ff14);border-radius:12px;padding:8px 12px}.property-stats__main strong{margin-top:2px;font-size:24px;line-height:1.2;display:block}.progress-row{margin-top:12px}.progress-row__label{justify-content:space-between;margin-bottom:8px;display:flex}.progress-row__track{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.progress-row__track span{border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--cyan));height:100%;display:block;box-shadow:0 0 14px #32f5ffa8}.property-stats__footer{justify-content:space-between;margin-top:16px;display:flex}.alarm-panel{flex-direction:column;height:100%;min-height:0;display:flex}.alarm-summary-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;display:grid}.alarm-summary-card{background:linear-gradient(135deg,#32f5ff24,#082a4eb8);border:1px solid #32f5ff38;border-radius:14px;padding:14px;position:relative;overflow:hidden}.alarm-summary-card:after{content:"";background:#32f5ff1f;border-radius:50%;width:78px;height:78px;position:absolute;bottom:-28px;right:-18px}.alarm-summary-card span,.alarm-record-header span,.alarm-record-header em{color:var(--text-muted);font-size:12px;font-style:normal}.alarm-summary-card strong{z-index:1;color:#fff;text-shadow:0 0 14px #32f5ff80;margin-top:6px;font-size:30px;display:block;position:relative}.alarm-summary-card.danger strong{color:var(--red);text-shadow:0 0 14px #ff3b58ad}.alarm-summary-card.warning strong{color:var(--orange);text-shadow:0 0 14px #ffb5458c}.alarm-record-header{border-bottom:1px solid #32f5ff2e;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.alarm-record-header span{color:var(--cyan);letter-spacing:.12em}.alarm-list{flex-direction:column;flex:1;gap:10px;min-height:0;padding-right:2px;display:flex;overflow:auto}.alarm-item{background:linear-gradient(135deg,#ffb5451f,#082a4eb8);border:1px solid #ffb54547;border-radius:14px;grid-template-columns:96px 1fr;gap:12px;padding:12px;display:grid;position:relative}.alarm-item--critical{border-color:#ff3b5894;animation:1.8s infinite alertPulse;box-shadow:0 0 18px #ff3b5829}.alarm-item.resolved{opacity:.58}.alarm-item__snapshot{object-fit:cover;background:#030c1ca8;border:1px solid #32f5ff42;border-radius:10px;width:96px;height:78px}.alarm-item__content{min-width:0}.alarm-item__header,.alarm-item__meta,.alarm-item__footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.alarm-item__type,.alarm-item__level{color:var(--cyan);background:#32f5ff1f;border-radius:999px;padding:3px 8px;font-size:12px}.alarm-item__level{color:var(--orange);background:#ffb5451f}.alarm-item__title{margin:10px 0;font-size:18px;font-weight:700}.alarm-item__meta,.alarm-item__footer{color:var(--text-muted);font-size:12px}.alarm-item__footer{flex-wrap:wrap;align-items:flex-start;margin-top:10px}.map-shell{z-index:0;position:absolute;inset:0}.amap-view{position:absolute;inset:0}.map-toolbar{z-index:4;align-items:center;gap:10px;display:flex;position:absolute;top:20px;right:112px}.map-toolbar button{cursor:pointer;color:var(--cyan);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#041428c7;border:1px solid #32f5ff8c;border-radius:999px;padding:8px 14px;box-shadow:0 0 18px #32f5ff2e,inset 0 0 14px #32f5ff14}.map-toolbar button:hover{color:#fff;border-color:#32f5ffeb;box-shadow:0 0 24px #32f5ff52}.map-toolbar span{color:var(--green);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#041428b8;border:1px solid #31f0a05c;border-radius:999px;padding:7px 12px;font-size:12px}.map-fallback{z-index:2;text-align:center;color:var(--text-muted);background:radial-gradient(circle,#32f5ff1f,#0000 28%),linear-gradient(135deg,#061c38eb,#020a18f5);place-content:center;gap:10px;display:grid;position:absolute;inset:0}.map-fallback strong{color:var(--cyan);font-size:28px}.map-marker{background:#32f5ff29;border:1px solid #32f5ffb8;border-radius:50%;width:24px;height:24px;position:relative;box-shadow:0 0 16px #32f5ffb3}.map-marker span{background:var(--cyan);border-radius:50%;position:absolute;inset:7px}.map-marker--camera{animation:2.4s ease-in-out infinite cameraFloat}.map-marker--camera:before{content:"";border:1px solid #32f5ff57;border-radius:50%;animation:2s ease-out infinite cameraRipple;position:absolute;inset:-8px}.map-marker--camera span{box-shadow:0 0 12px #32f5ffe6}.map-marker--danger,.map-marker--warning{border-color:#ff3b58e0;animation:1.4s infinite markerPulse;box-shadow:0 0 22px #ff3b58e0}.map-marker--warning span,.map-marker--danger span{background:var(--red)}.map-info-window{color:#0b1830;gap:4px;min-width:140px;display:grid}.map-info-window strong{color:#0b1830}.camera-popover{z-index:5;width:330px;color:var(--text-main);pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#32f5ff24,#0000 42%),linear-gradient(#07203ef5,#030d1ef5);border:1px solid #32f5ff5c;border-radius:16px;padding:14px;position:absolute;transform:translate(-50%,calc(-100% - 24px));box-shadow:0 18px 56px #0000006b,0 0 34px #32f5ff2e}.camera-popover__header,.camera-popover__footer,.camera-video-modal__header,.camera-video-modal__footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.camera-popover__header span,.camera-video-modal__header span,.camera-popover__meta span,.camera-popover__section-title span,.camera-popover__footer span,.camera-video-modal__footer span{color:var(--text-muted);font-size:12px}.camera-popover__header strong,.camera-video-modal__header strong{color:#fff;margin-top:3px;font-size:16px;display:block}.camera-popover__header button,.camera-video-modal__header button{cursor:pointer;width:28px;height:28px;color:var(--cyan);background:#32f5ff14;border:1px solid #32f5ff3d;border-radius:50%}.camera-popover__meta{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;display:grid}.camera-popover__meta div{background:#030c1c6b;border:1px solid #32f5ff24;border-radius:10px;padding:8px}.camera-popover__meta strong{color:#fff;margin-top:3px;font-size:13px;display:block}.camera-status--online{color:var(--green)!important}.camera-status--offline{color:var(--orange)!important}.camera-popover__alarms{margin-top:12px}.camera-popover__section-title{justify-content:space-between;margin-bottom:8px;display:flex}.camera-popover__section-title em{color:var(--cyan);font-size:12px;font-style:normal}.camera-popover__alarm-list{gap:7px;max-height:128px;display:grid;overflow:auto}.camera-popover__alarm{border-left:2px solid var(--cyan);background:#030c1c80;border-radius:8px;padding:8px}.camera-popover__alarm--critical{border-left-color:var(--red)}.camera-popover__alarm--high{border-left-color:var(--orange)}.camera-popover__alarm strong,.camera-popover__alarm span{display:block}.camera-popover__alarm strong{color:#fff;font-size:13px}.camera-popover__alarm span,.camera-popover__empty,.camera-popover__error,.camera-video-modal__error,.camera-video-modal__fallback{color:var(--text-muted);font-size:12px}.camera-popover__empty{text-align:center;border:1px dashed #32f5ff2e;border-radius:10px;margin:0;padding:10px}.camera-popover__error,.camera-video-modal__error{color:var(--orange);margin:10px 0 0}.camera-popover__footer{margin-top:12px}.camera-popover__footer button{cursor:pointer;color:#061425;background:linear-gradient(90deg, var(--cyan), var(--blue));border:0;border-radius:999px;padding:7px 16px;box-shadow:0 0 18px #32f5ff52}.camera-popover__footer button:disabled{cursor:not-allowed;color:var(--text-muted);box-shadow:none;background:#ffffff14}.camera-video-mask{z-index:30;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#010712c7;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.camera-video-modal{background:linear-gradient(#07203efa,#030d1efa);border:1px solid #32f5ff4d;border-radius:20px;width:min(980px,88vw);padding:18px;box-shadow:0 24px 80px #0000008c,0 0 44px #32f5ff29}.camera-video-modal__body{aspect-ratio:16/9;background:#020814;border:1px solid #32f5ff2e;border-radius:14px;place-items:center;margin-top:14px;display:grid;overflow:hidden}.camera-video-modal__stream{object-fit:contain;width:100%;height:100%;display:block}.camera-video-modal__footer{margin-top:12px}@keyframes sheen{0%,58%{transform:translate(-120%)}78%,to{transform:translate(120%)}}@keyframes alertPulse{0%,to{box-shadow:0 0 18px #ff3b5829}50%{box-shadow:0 0 28px #ff3b586b}}@keyframes cameraFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes cameraRipple{0%{opacity:.8;transform:scale(.72)}to{opacity:0;transform:scale(1.75)}}@keyframes markerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}@keyframes radar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1400px){.screen-page{min-width:1100px;padding:0 7px 14px}.dashboard-grid{grid-template-columns:300px 1fr 330px;gap:12px}}.admin-shell{width:100vw;height:100vh;color:var(--text-main);background:radial-gradient(circle at 18% 12%,#2388ff33,#0000 26%),linear-gradient(135deg,#061323,#030914 62%,#071428);grid-template-columns:232px 1fr;display:grid}.admin-sidebar{background:#041226d1;border-right:1px solid #32f5ff2e;padding:22px 16px;box-shadow:inset -1px 0 24px #32f5ff14}.admin-brand{border-bottom:1px solid #32f5ff29;gap:8px;padding:12px 12px 24px;display:grid}.admin-brand strong{color:var(--cyan);font-size:24px}.admin-brand span,.admin-page-header span{color:var(--text-muted);letter-spacing:.16em;text-transform:uppercase;font-size:12px}.admin-menu{gap:10px;margin-top:22px;display:grid}.admin-menu a{color:var(--text-muted);border:1px solid #0000;border-radius:12px;padding:13px 14px;text-decoration:none}.admin-menu a:hover,.admin-menu a.active{color:#fff;background:#32f5ff1f;border-color:#32f5ff6b;box-shadow:0 0 18px #32f5ff1f}.admin-main{min-width:0;padding:24px;overflow:auto}.admin-page-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#061c38a8;border:1px solid #32f5ff2e;border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:18px 20px;display:flex}.admin-page-header h1{margin:4px 0 0;font-size:28px}.admin-header-actions{gap:10px;display:flex}.admin-placeholder,.admin-card{background:#061c3894;border:1px solid #32f5ff2e;border-radius:18px;padding:20px}.admin-button{cursor:pointer;color:#fff;background:#2388ff57;border:1px solid #32f5ff80;border-radius:10px;padding:9px 14px}.admin-button.ghost{color:var(--cyan);background:#32f5ff14}.map-admin-grid{gap:16px;display:grid}.map-modal-grid{grid-template-columns:360px 1fr;gap:16px;display:grid}.map-form-card,.admin-form-card{align-content:start;gap:14px;display:grid}.map-form-card h2,.point-table-card h2,.admin-form-card h2,.admin-list-card h2{margin:0 0 4px}.map-form-card label,.admin-form-card label{color:var(--text-muted);gap:7px;font-size:13px;display:grid}.map-form-card input,.map-form-card select,.admin-form-card input,.admin-form-card select,.admin-form-card textarea{color:#fff;background:#030c1ca3;border:1px solid #32f5ff38;border-radius:10px;width:100%;padding:10px 12px}.form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-tip{color:var(--text-muted);margin:0;font-size:12px}.form-actions{gap:10px;display:flex}.map-picker-card{min-height:0;padding:0;overflow:hidden}.point-picker-map,.point-picker-map__view{width:100%;height:100%;min-height:440px;position:relative}.point-picker-map__fallback{color:var(--cyan);background:#030c1cdb;place-items:center;display:grid;position:absolute;inset:0}.point-table-card{grid-column:1/-1}.admin-modal-mask{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#010712b8;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.admin-modal{background:linear-gradient(#07203efa,#030d1efa);border:1px solid #32f5ff47;border-radius:20px;width:min(680px,92vw);max-height:88vh;padding:20px;overflow:auto;box-shadow:0 24px 80px #0000007a,0 0 40px #32f5ff24}.admin-modal--wide{width:min(1120px,94vw)}.admin-modal__header{border-bottom:1px solid #32f5ff29;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;display:flex}.admin-modal__header h2{margin:0}.admin-modal__header button{cursor:pointer;width:34px;height:34px;color:var(--cyan);background:#32f5ff14;border:1px solid #32f5ff3d;border-radius:50%;font-size:22px}.modal-map-card{height:100%;min-height:500px}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #32f5ff1f;padding:12px 10px}.admin-table th{color:var(--cyan);font-weight:600}.admin-table td{color:#ecfbffd6}.admin-table button{cursor:pointer;color:var(--cyan);background:0 0;border:0;margin-right:8px}.admin-two-column{grid-template-columns:360px 1fr;gap:16px;display:grid}.api-guide-card{margin-bottom:16px}.api-guide-card h2{margin:0 0 14px}.api-guide-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.api-guide-grid div{background:#030c1c6b;border:1px solid #32f5ff1f;border-radius:14px;gap:8px;padding:14px;display:grid}.api-guide-grid code{color:var(--cyan)}.api-guide-grid p{color:var(--text-muted);word-break:break-all;margin:0}.admin-section-header{justify-content:space-between;gap:16px;margin-bottom:14px;display:flex}.admin-section-header h2,.admin-section-header p{margin:0}.admin-section-header p{color:var(--text-muted);margin-top:6px;font-size:13px}.qly-import-card{margin-bottom:16px}.qly-form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.qly-rsa-field{grid-column:1/-1}.qly-preview-table{gap:12px;margin-top:14px;display:grid}.qly-preview-table input{color:#fff;background:#030c1c94;border:1px solid #32f5ff33;border-radius:8px;width:100%;padding:7px 9px}.admin-player-box{aspect-ratio:16/9;color:var(--text-muted);background:#030c1cb8;border:1px solid #32f5ff2e;border-radius:14px;place-items:center;margin-bottom:14px;display:grid;overflow:hidden}.admin-player-box iframe{border:0;width:100%;height:100%}.status-online{color:var(--green)}.status-offline{color:var(--red)}.screen-admin-link{z-index:4;color:var(--cyan);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#041428b8;border:1px solid #32f5ff6b;border-radius:999px;padding:8px 14px;text-decoration:none;position:absolute;top:20px;right:12px}