| 1 |
- .screen-header[data-v-cef6deee]{width:100%;height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:linear-gradient(180deg,rgba(10,26,58,.95),rgba(10,26,58,.75));border-bottom:1px solid rgba(30,144,255,.15);position:relative;z-index:10}.screen-header[data-v-cef6deee]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#3bafd6 50%,transparent);background-size:200% 100%;animation:headerGlow-cef6deee 3s linear infinite}@keyframes headerGlow-cef6deee{0%{background-position:100% 0}to{background-position:-100% 0}}.header-left[data-v-cef6deee]{flex:1}.header-title[data-v-cef6deee]{font-size:24px;font-weight:700;color:#fff;letter-spacing:4px;text-shadow:0 0 15px rgba(30,144,255,.4)}.header-center[data-v-cef6deee]{flex:0 0 auto}.nav-tabs[data-v-cef6deee]{display:flex;gap:4px;background:rgba(13,34,71,.8);border:1px solid rgba(30,144,255,.3);border-radius:4px;padding:4px}.nav-tab[data-v-cef6deee]{padding:8px 24px;font-size:14px;color:#8cb8e6;cursor:pointer;border-radius:3px;transition:all .3s;white-space:nowrap}.nav-tab[data-v-cef6deee]:hover{color:#fff;background:rgba(30,144,255,.15)}.nav-tab.active[data-v-cef6deee]{color:#fff;background:linear-gradient(135deg,#1565c0,#1e88e5);box-shadow:0 0 10px rgba(30,144,255,.3)}.header-right[data-v-cef6deee]{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:20px}.header-date[data-v-cef6deee],.header-weather[data-v-cef6deee]{font-size:14px;color:#8cb8e6}.header-time[data-v-cef6deee]{font-size:22px;color:#00e5ff;font-family:Courier New,monospace;letter-spacing:2px;font-weight:700;text-shadow:0 0 8px rgba(0,229,255,.3)}.building-nav[data-v-56260df0]{height:100%;display:flex;flex-direction:column}.building-nav .panel-content[data-v-56260df0]{flex:1;overflow-y:auto}.dark-tree[data-v-56260df0]{background:transparent;color:#8cb8e6}.dark-tree[data-v-56260df0] .el-tree-node__content{background:transparent;height:36px}.dark-tree[data-v-56260df0] .el-tree-node__content:hover{background:rgba(30,144,255,.1)}.dark-tree[data-v-56260df0] .is-current>.el-tree-node__content{background:rgba(30,144,255,.2);color:#00e5ff}.dark-tree[data-v-56260df0] .el-tree-node__expand-icon{color:#5a7da8}.dark-tree[data-v-56260df0] .el-tree-node__expand-icon.is-leaf{color:transparent}.dark-tree[data-v-56260df0] .el-tree-node__expand-icon:not(.is-leaf){color:#2196f3}.tree-node[data-v-56260df0]{display:flex;align-items:center;gap:6px;font-size:13px}.tree-node i[data-v-56260df0]{font-size:14px;color:#2196f3}.video-grid[data-v-2fae158f]{height:100%;display:flex;flex-direction:column}.video-grid .panel-content[data-v-2fae158f]{flex:1;display:flex;flex-direction:column}.video-count[data-v-2fae158f]{font-size:12px;color:#5a7da8;font-weight:400;margin-left:auto}.grid-container[data-v-2fae158f]{flex:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:12px}.video-cell[data-v-2fae158f]{position:relative;border:1px solid #1a3a6a;border-radius:4px;overflow:hidden;display:flex;flex-direction:column}.video-placeholder[data-v-2fae158f]{flex:1;background:rgba(10,26,58,.8);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.video-placeholder i[data-v-2fae158f]{font-size:32px;color:hsla(0,0%,100%,.1);z-index:1}.video-glow[data-v-2fae158f]{position:absolute;width:120px;height:120px;background:radial-gradient(circle,rgba(30,144,255,.15) 0,transparent 70%);border-radius:50%;animation:pulse-2fae158f 3s ease-in-out infinite}@keyframes pulse-2fae158f{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}}.video-label[data-v-2fae158f]{padding:6px 10px;font-size:12px;color:#8cb8e6;background:rgba(13,34,71,.9);border-top:1px solid #1a3a6a}.grid-pagination[data-v-2fae158f]{display:flex;justify-content:center;padding-top:12px}.dark-pagination[data-v-2fae158f] .btn-next,.dark-pagination[data-v-2fae158f] .btn-prev,.dark-pagination[data-v-2fae158f] .el-pager li{background:transparent;color:#8cb8e6;border:1px solid #1a3a6a;min-width:28px;height:28px;line-height:28px}.dark-pagination[data-v-2fae158f] .btn-next.active,.dark-pagination[data-v-2fae158f] .btn-next:hover,.dark-pagination[data-v-2fae158f] .btn-prev.active,.dark-pagination[data-v-2fae158f] .btn-prev:hover,.dark-pagination[data-v-2fae158f] .el-pager li.active,.dark-pagination[data-v-2fae158f] .el-pager li:hover{color:#00e5ff;border-color:#2196f3}.video-monitor-page[data-v-392870e4]{width:1920px;height:1080px;background:#0a1a3a;display:flex;flex-direction:column;overflow:hidden}.page-body[data-v-392870e4]{flex:1;display:flex;gap:16px;padding:16px 20px;overflow:hidden}.side-panel[data-v-392870e4]{width:280px;flex-shrink:0}.main-panel[data-v-392870e4]{flex:1;min-width:0}
|
