code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected:after,.top-nav .ant-menu-item-selected:after{border-bottom:2px solid #1890ff!important;bottom:8px!important;inset-inline:15px!important;position:absolute!important}.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:after,.top-nav .ant-menu-item:after{display:none!important}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width:768px){button,input,select,textarea{font-size:16px!important}[role=button],button{cursor:pointer;touch-action:manipulation}}html{font-size:16px}@media (max-width:768px){html{font-size:14px}}.security-login-container{background:url(/static/media/loginBackground.fcde7c0e7a2799d59bee.png) 50%/cover no-repeat;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;font-family:Segoe UI,Microsoft YaHei,sans-serif;height:100vh;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;overflow:hidden;position:relative}.security-login-container.loading-hidden{opacity:0;visibility:hidden}.security-login-container{transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.security-login-container:before{background:linear-gradient(135deg,#0000001a,#1a1a2e33 50%,#0000004d);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.data-stream-background{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.data-stream{animation:dataFlow 8s linear infinite;background:linear-gradient(180deg,#0000,#00d4ff 20%,#06c 40%,#0000 60%,#06c 80%,#0000);height:100%;opacity:.6;position:absolute;width:2px}.data-stream-1{animation-delay:0s;display:none;left:10%}.data-stream-2{animation-delay:2s;display:none;height:80%;left:30%;top:10%}.data-stream-3{animation-delay:4s;height:90%;left:60%;top:5%}.data-stream-4{animation-delay:6s;left:80%}@keyframes dataFlow{0%{opacity:0;transform:translateY(-100%)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(100vh)}}.login-panel{align-items:center;display:flex;flex:0 0 45%;justify-content:center;padding:40px;position:relative;transition:opacity .5s ease,transform .5s ease;z-index:10}.fade-in-left{opacity:1;transform:translateX(0)}.fade-out-left{opacity:0;transform:translateX(-50px)}.glass-form-container{backdrop-filter:none;background:#ffffff26;border:1px solid #fff3;border-radius:24px;box-shadow:0 25px 50px #0000004d,inset 0 1px 0 #fff3,0 0 40px #00d4ff1a;max-width:420px;overflow:hidden;padding:40px;position:relative;width:100%}.glass-form-container:before{background:linear-gradient(135deg,#00d4ff1a,#ff00400d);border-radius:24px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.form-header{margin-bottom:40px;text-align:center}.security-logo{display:inline-block;margin-bottom:20px;position:relative}.logo-icon{color:#00d4ff;filter:drop-shadow(0 0 20px rgba(0,212,255,.6));font-size:64px;position:relative;z-index:2}.logo-glow{animation:logoPulse 3s ease-in-out infinite;background:radial-gradient(circle,#00d4ff4d 0,#0000 70%);border-radius:50%;height:100px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}@keyframes logoPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.security-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#fff 50%,#00d4ff);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:32px;font-weight:600;margin-bottom:12px;text-shadow:0 0 30px #00d4ff80}.security-subtitle{color:#ffffffb3;font-size:16px;letter-spacing:1px;margin:0}.security-form{margin-top:20px}.security-form-icon{color:#00d4ff!important;font-size:18px!important}.security-input{background:#ffffff0d!important;border:1px solid #fff3!important;border-radius:12px!important;color:#fff!important;font-size:16px!important;height:56px!important;padding:0 20px!important;transition:all .3s ease!important}.security-input:hover{background:#ffffff14!important;border-color:#00d4ff99!important;box-shadow:0 0 20px #00d4ff33!important}.security-input:focus{background:#ffffff1a!important;border-color:#00d4ff!important;box-shadow:0 0 30px #00d4ff4d!important}.security-input::placeholder{color:#ffffff80!important}.remember-item{margin-bottom:30px!important}.security-checkbox{color:#fffc!important}.security-checkbox .ant-checkbox-inner{background:#ffffff1a!important;border-color:#ffffff4d!important;border-radius:4px!important}.security-checkbox .ant-checkbox-checked .ant-checkbox-inner{background:linear-gradient(135deg,#00d4ff,#06c)!important;border-color:#00d4ff!important}.security-login-button{background:linear-gradient(135deg,#00d4ff,#06c)!important;border:none!important;border-radius:12px!important;box-shadow:0 8px 25px #00d4ff4d!important;font-size:18px!important;font-weight:600!important;height:56px!important;letter-spacing:2px!important;overflow:hidden!important;position:relative!important;transition:all .3s ease!important}.security-login-button:hover{box-shadow:0 12px 35px #00d4ff66!important;transform:translateY(-2px)!important}.button-text{color:#fff!important;position:relative;z-index:2}.button-glow{background:linear-gradient(90deg,#0000,#fff3 50%,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.security-login-button:hover .button-glow{left:100%}.security-display-panel{align-items:center;display:flex;flex:0 0 55%;justify-content:center;position:relative;z-index:5}.security-base{backdrop-filter:blur(10px);background:linear-gradient(135deg,#00d4ff1a,#ff00400d);border:2px solid #00d4ff4d;border-radius:40px;bottom:20%;box-shadow:0 0 40px #00d4ff33;height:80px;left:50%;position:absolute;transform:translateX(-50%);width:300px}.base-glow{animation:baseGlow 4s ease-in-out infinite;background:radial-gradient(ellipse,#00d4ff33 0,#0000 70%);border-radius:50px;bottom:-10px;left:-10px;position:absolute;right:-10px;top:-10px}@keyframes baseGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.base-pulse{animation:basePulse 2s ease-in-out infinite;border:1px solid #00d4ff99;border-radius:20px;height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}@keyframes basePulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.ai-core-container{bottom:35%;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.ai-core{height:120px;position:relative;width:120px}.core-inner{animation:coreRotate 8s linear infinite;background:linear-gradient(135deg,#00d4ff,#06c);border-radius:50%;box-shadow:0 0 30px #00d4ffcc;height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}@keyframes coreRotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.core-ring{animation:ringRotate 6s linear infinite reverse;border:2px solid #00d4ff99;border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ring-1{animation-delay:0s;height:80px;width:80px}.ring-2{animation-delay:2s;height:100px;width:100px}.ring-3{animation-delay:4s;height:120px;width:120px}.core-pulse{animation:corePulse 3s ease-in-out infinite;background:radial-gradient(circle,#00d4ff4d 0,#0000 70%);border-radius:50%;height:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}@keyframes corePulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.2;transform:translate(-50%,-50%) scale(1.5)}}.electronic-fence{bottom:25%;height:400px;left:50%;position:absolute;transform:translateX(-50%);width:400px;z-index:8}.fence-ring{animation:fenceRotate 10s linear infinite;border:1px solid #ff004066;border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.fence-ring-1{animation-delay:0s;height:200px;width:200px}.fence-ring-2{animation-delay:3s;height:300px;width:300px}.fence-ring-3{animation-delay:6s;height:400px;width:400px}@keyframes fenceRotate{0%{opacity:.3;transform:translate(-50%,-50%) rotate(0deg)}50%{opacity:.8}to{opacity:.3;transform:translate(-50%,-50%) rotate(1turn)}}.fence-pulse{animation:fencePulse 2s ease-in-out infinite;background:radial-gradient(circle,#ff004099 0,#0000 70%);border-radius:50%;height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px}@keyframes fencePulse{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(2)}}.security-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.particle{animation:particleFloat 8s ease-in-out infinite;background:#00d4ff;box-shadow:0 0 10px #00d4ffcc;height:4px;width:4px}.particle-1{animation-delay:0s;left:20%;top:20%}.particle-2{animation-delay:1s;right:25%;top:30%}.particle-3{animation-delay:2s;left:15%;top:60%}.particle-4{animation-delay:3s;right:20%;top:70%}.particle-5{animation-delay:4s;left:70%;top:40%}.particle-6{animation-delay:5s;right:60%;top:80%}.status-indicators{display:flex;flex-direction:column;gap:15px;position:absolute;right:20px;top:20px;z-index:15}.status-item{backdrop-filter:blur(10px);background:#0009;border:1px solid #fff3;border-radius:20px;color:#fff;font-size:14px;font-weight:500;gap:10px;padding:8px 16px}.status-dot{animation:statusBlink 2s ease-in-out infinite}.status-online .status-dot{background:#0f8;box-shadow:0 0 10px #0f89}.status-monitoring .status-dot{background:#00d4ff;box-shadow:0 0 10px #00d4ff99}.status-secure .status-dot{background:#ff0040;box-shadow:0 0 10px #ff004099}@keyframes statusBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}@media (max-width:1200px){.login-panel,.security-display-panel{flex:0 0 50%}.glass-form-container{max-width:380px;padding:30px}}@media (max-width:768px){.security-login-container{flex-direction:column}.login-panel{flex:0 0 60%;padding:20px}.security-display-panel{flex:0 0 40%}.glass-form-container{max-width:100%;padding:25px}.security-title{font-size:24px}.security-subtitle{font-size:14px}.ai-core{height:80px;width:80px}.core-inner{height:30px;width:30px}.electronic-fence{height:250px;width:250px}.fence-ring-1{height:150px;width:150px}.fence-ring-2{height:200px;width:200px}.fence-ring-3{height:250px;width:250px}}@media (max-width:480px){.login-panel{padding:15px}.glass-form-container{padding:20px}.security-title{font-size:20px}.security-subtitle{font-size:12px}.security-input{height:50px!important}.security-login-button{font-size:16px!important;height:50px!important}}.business-platform-link{margin-top:16px;text-align:center}.platform-link{background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:6px;color:#00d4ff;display:inline-block;font-size:14px;font-weight:500;padding:8px 16px;position:relative;text-decoration:none;transition:all .3s ease}.platform-link:hover{background:#00d4ff33;border-color:#00d4ff99;box-shadow:0 0 15px #00d4ff66;color:#fff;transform:translateY(-1px)}.platform-link:active{transform:translateY(0)}.platform-link:before{background:linear-gradient(45deg,#0000 30%,#00d4ff1a 50%,#0000 70%);border-radius:6px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.platform-link:hover:before{opacity:1}.page-loading-container{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-spinner,.page-loading-container{align-items:center;display:flex;justify-content:center}.loading-spinner{flex-direction:column;position:relative;z-index:1}.spinner-ring{animation:spin 1s linear infinite;border:3px solid #00d4ff4d;border-radius:50%;border-top-color:#00d4ff;height:40px;margin-bottom:16px;width:40px}.loading-text{color:#fff;font-size:14px;font-weight:400;opacity:.8}.dashboard-container{padding:0}.dashboard-title{color:#000000d9;font-size:24px;font-weight:500;margin-bottom:24px}.table-card{height:100%}.table-card .ant-card-head{background-color:#fafafa;border-bottom:1px solid #f0f0f0}.table-card .ant-card-body{padding:0}.ant-statistic-title{font-size:16px}.ant-statistic-content{font-size:24px}.ant-card{box-shadow:0 1px 2px #00000008;margin-bottom:16px;transition:all .3s}.ant-card:hover{box-shadow:0 4px 8px #00000017}@media (max-width:1200px){.ant-statistic-title{font-size:14px}.ant-statistic-content{font-size:20px}}@media (max-width:992px){.dashboard-title{font-size:20px;margin-bottom:16px}.ant-card{margin-bottom:12px}}@media (max-width:768px){.mobile-full-width{flex:0 0 100%!important;max-width:100%!important;width:100%!important}.ant-statistic-content{font-size:18px}.table-card .ant-card-head-title{font-size:15px}.ant-table{font-size:13px}.ant-table-cell{padding:12px 8px!important}}@media (max-width:576px){.dashboard-title{font-size:18px;margin-bottom:12px}.ant-statistic{align-items:center;display:flex}.ant-statistic-title{margin-bottom:0;margin-right:12px;min-width:70px}.ant-card-body{padding:12px!important}.table-card .ant-card-head{min-height:40px}.table-card .ant-card-head-title{padding:8px 0}.ant-table-cell{padding:8px 4px!important}}.home-container{padding:24px}.page-title{font-size:24px}.user-welcome{align-items:center;background:linear-gradient(120deg,#e0f7fa,#bbdefb);border-radius:8px;box-shadow:0 2px 10px #0000000f;display:flex;margin-bottom:32px;padding:24px}.user-info{margin-left:20px}.user-info h3{color:#1f1f1f;font-size:20px;margin-bottom:6px}.user-details{color:#5f6368;font-size:14px;margin:0;padding-left:10px}.user-details span{margin-right:16px}.section-title{align-items:center;display:flex;font-size:18px;justify-content:space-between}.statistics-section{margin-bottom:32px}.stat-card{border-radius:8px;display:flex;height:100%;overflow:hidden;transition:all .3s}.stat-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-4px)}.stat-icon{align-items:center;color:#fff;display:flex;justify-content:center;width:60px}.stat-content{flex:1;padding:16px}.stat-content h4{color:#5f6368;font-size:14px;margin-bottom:8px}.stat-value{color:#1f1f1f;font-size:22px;font-weight:500}.stat-subtitle{color:#8c8c8c;font-size:12px}.notification-section{margin-bottom:32px}.notification-card{border-radius:8px}.notification-card .ant-list-item{padding:12px 24px;transition:background-color .3s}.notification-card .ant-list-item:hover{background-color:#f9f9f9}.unread{color:#1f1f1f;font-weight:500}.theme-demo-section{margin-bottom:32px}.theme-demo-card{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff}.theme-demo-content{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.theme-demo-info h4{color:#fff;font-size:18px;font-weight:500;margin-bottom:8px}.theme-demo-info p{color:#ffffffe6;line-height:1.5;margin-bottom:12px}.theme-demo-info ul{color:#fffc;margin:0;padding-left:20px}.theme-demo-info li{font-size:14px;margin-bottom:4px}.theme-demo-action{flex-shrink:0;margin-left:24px}.theme-demo-action .ant-btn{background:#fff3;border:1px solid #ffffff4d;color:#fff;font-weight:500;transition:all .3s}.theme-demo-action .ant-btn:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 4px 12px #0003;color:#fff;transform:translateY(-2px)}@media (max-width:576px){.home-container{padding:16px}.page-title{font-size:20px;margin-bottom:16px}.user-welcome{flex-direction:column;padding:16px;text-align:center}.user-info{margin-left:0;margin-top:16px}.stat-content{padding:12px}.notification-card .ant-list-item{padding:12px 16px}.theme-demo-content{flex-direction:column;text-align:center}.theme-demo-action{margin-left:0;margin-top:16px}}.layout-container{background:#f5f7fa;color:var(--text-color,#2c3e50);font-family:var(--font-family,"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif);min-height:100vh}.main-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--header-bg-color,#fff);border-bottom:1px solid #ffffff1a;box-shadow:var(--shadow,0 2px 10px #0000000d);height:60px;justify-content:space-between;padding:0 24px;position:fixed;transition:all .3s;width:100%;z-index:1000}.main-header,.page-header-left{align-items:center;display:flex}.page-header-left{flex:0 0 auto;width:auto}.page-header-left.face-show-page{width:220px}.header-trigger{align-items:center;border-radius:6px;color:#595959;display:flex;font-size:18px;height:40px;justify-content:center;margin-right:12px;min-width:40px;padding:8px 12px;transition:all .3s ease}.header-trigger:hover{background-color:#1890ff1a;color:var(--primary-color,#1890ff);transform:scale(1.05)}.header-nav{display:flex;flex:1}.header-opt{align-items:center;display:flex;height:100%;justify-content:end}.Drawer_style{background:"#fff";padding:0}.park_select{height:70%;width:270px}.top-nav{background:#0000;border-bottom:none;flex:0 0 auto;font-size:15px;line-height:60px}.top-nav .ant-menu-item{border-radius:4px;margin:0 4px;padding:0 20px;transition:all .3s}.top-nav .ant-menu-item-selected,.top-nav .ant-menu-item:hover{background-color:#1890ff1a;color:var(--primary-color,#1890ff)}.top-nav .ant-menu-item-selected{font-weight:500;position:relative}.top-nav .ant-menu-item-selected:after,.top-nav .ant-menu-item:after{display:none!important}.top-nav .ant-menu-item-selected:before{background-color:var(--primary-color,#1890ff);bottom:10px;content:"";display:block!important;height:2px;left:20%;position:absolute;right:20%}.header-right{padding-left:16px}.notification-badge{margin-right:16px}.notification-btn{align-items:center;background-color:initial;border-radius:50%;color:#595959;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.ant-badge{color:#000000e0;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:14px;line-height:1;list-style:none;margin:0;padding:0;position:relative;width:60px}.notification-btn:hover{background-color:#f5f5f5;color:var(--primary-color,#1890ff)}.user-info{align-items:center;border-radius:24px;display:flex;padding:0 8px;transition:all .3s}.avatar{background-color:var(--primary-color,#1890ff);margin-right:8px}.username{color:#262626;font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;font-size:14px;margin-right:8px}.logout-btn{color:#595959;font-size:16px;padding:0}.logout-btn:hover{color:#f5222d}.main-sider{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--sidebar-bg-color,#fff)!important;box-shadow:var(--shadow,2px 0 8px 0 #1d23290d);height:calc(100vh - 60px);left:0;margin-top:60px;overflow:auto;position:fixed;transition:all .3s;z-index:10}.main-sider[style*="background-color: #001529"],.main-sider[style*="background-color: #001529"] .module-title h3,.main-sider[style*="background-color: #1a4a1a"],.main-sider[style*="background-color: #1a4a1a"] .module-title h3,.main-sider[style*="background-color: #2d1f3d"],.main-sider[style*="background-color: #2d1f3d"] .module-title h3,.main-sider[style*="background-color: #3d1a1c"],.main-sider[style*="background-color: #3d1a1c"] .module-title h3,.main-sider[style*="background-color: #3d2514"],.main-sider[style*="background-color: #3d2514"] .module-title h3,.main-sider[style*="background-color: rgb(0, 0, 0)"],.main-sider[style*="background-color: rgb(0, 0, 0)"] .module-title h3,.main-sider[style*="background-color: rgb(0, 21, 41)"],.main-sider[style*="background-color: rgb(0, 21, 41)"] .module-title h3,.main-sider[style*="background-color: rgb(26, 74, 26)"],.main-sider[style*="background-color: rgb(26, 74, 26)"] .module-title h3,.main-sider[style*="background-color: rgb(45, 31, 61)"],.main-sider[style*="background-color: rgb(45, 31, 61)"] .module-title h3,.main-sider[style*="background-color: rgb(61, 26, 28)"],.main-sider[style*="background-color: rgb(61, 26, 28)"] .module-title h3,.main-sider[style*="background-color: rgb(61, 37, 20)"],.main-sider[style*="background-color: rgb(61, 37, 20)"] .module-title h3{color:#fff}.main-sider[style*="background-color: #001529"] .side-menu .ant-menu-item,.main-sider[style*="background-color: #001529"] .side-menu .ant-menu-submenu-title,.main-sider[style*="background-color: #1a4a1a"] .side-menu .ant-menu-item,.main-sider[style*="background-color: #1a4a1a"] .side-menu .ant-menu-submenu-title,.main-sider[style*="background-color: #2d1f3d"] .side-menu .ant-menu-item,.main-sider[style*="background-color: #2d1f3d"] .side-menu .ant-menu-submenu-title,.main-sider[style*="background-color: #3d1a1c"] .side-menu .ant-menu-item,.main-sider[style*="background-color: #3d1a1c"] .side-menu .ant-menu-submenu-title,.main-sider[style*="background-color: #3d2514"] .side-menu .ant-menu-item,.main-sider[style*="background-color: #3d2514"] .side-menu .ant-menu-submenu-title,.main-sider[style*="background-color: rgb(0, 0, 0)"] .side-menu .ant-menu-item,.main-sider[style*="background-color: rgb(0, 0, 0)"] .side-menu .ant-menu-submenu-title,.main-sider[style*="background-color: rgb(0, 21, 41)"] .side-menu .ant-menu-item,.main-sider[style*="background-color: rgb(0, 21, 41)"] .side-menu .ant-menu-submenu-title,.main-sider[style*="background-color: rgb(26, 74, 26)"] .side-menu .ant-menu-item,.main-sider[style*="background-color: rgb(26, 74, 26)"] .side-menu .ant-menu-submenu-title,.main-sider[style*="background-color: rgb(45, 31, 61)"] .side-menu .ant-menu-item,.main-sider[style*="background-color: rgb(45, 31, 61)"] .side-menu .ant-menu-submenu-title,.main-sider[style*="background-color: rgb(61, 26, 28)"] .side-menu .ant-menu-item,.main-sider[style*="background-color: rgb(61, 26, 28)"] .side-menu .ant-menu-submenu-title,.main-sider[style*="background-color: rgb(61, 37, 20)"] .side-menu .ant-menu-item,.main-sider[style*="background-color: rgb(61, 37, 20)"] .side-menu .ant-menu-submenu-title{color:#ffffffd9}.main-sider[style*="background-color: #001529"] .side-menu .ant-menu-item:hover,.main-sider[style*="background-color: #001529"] .side-menu .ant-menu-submenu-title:hover,.main-sider[style*="background-color: #1a4a1a"] .side-menu .ant-menu-item:hover,.main-sider[style*="background-color: #1a4a1a"] .side-menu .ant-menu-submenu-title:hover,.main-sider[style*="background-color: #2d1f3d"] .side-menu .ant-menu-item:hover,.main-sider[style*="background-color: #2d1f3d"] .side-menu .ant-menu-submenu-title:hover,.main-sider[style*="background-color: #3d1a1c"] .side-menu .ant-menu-item:hover,.main-sider[style*="background-color: #3d1a1c"] .side-menu .ant-menu-submenu-title:hover,.main-sider[style*="background-color: #3d2514"] .side-menu .ant-menu-item:hover,.main-sider[style*="background-color: #3d2514"] .side-menu .ant-menu-submenu-title:hover,.main-sider[style*="background-color: rgb(0, 0, 0)"] .side-menu .ant-menu-item:hover,.main-sider[style*="background-color: rgb(0, 0, 0)"] .side-menu .ant-menu-submenu-title:hover,.main-sider[style*="background-color: rgb(0, 21, 41)"] .side-menu .ant-menu-item:hover,.main-sider[style*="background-color: rgb(0, 21, 41)"] .side-menu .ant-menu-submenu-title:hover,.main-sider[style*="background-color: rgb(26, 74, 26)"] .side-menu .ant-menu-item:hover,.main-sider[style*="background-color: rgb(26, 74, 26)"] .side-menu .ant-menu-submenu-title:hover,.main-sider[style*="background-color: rgb(45, 31, 61)"] .side-menu .ant-menu-item:hover,.main-sider[style*="background-color: rgb(45, 31, 61)"] .side-menu .ant-menu-submenu-title:hover,.main-sider[style*="background-color: rgb(61, 26, 28)"] .side-menu .ant-menu-item:hover,.main-sider[style*="background-color: rgb(61, 26, 28)"] .side-menu .ant-menu-submenu-title:hover,.main-sider[style*="background-color: rgb(61, 37, 20)"] .side-menu .ant-menu-item:hover,.main-sider[style*="background-color: rgb(61, 37, 20)"] .side-menu .ant-menu-submenu-title:hover{background-color:#ffffff1a!important}.module-title{border-bottom:1px solid #f0f0f0;margin-bottom:8px;padding:16px 24px}.module-title h3{color:#1f1f1f;font-size:18px!important;font-weight:500;margin:0}.side-menu{border-right:none!important}.side-menu .ant-menu-item{border-radius:4px;height:48px!important;line-height:48px!important;margin:4px 8px!important}.side-menu .ant-menu-item:hover{background-color:#f5f5f5!important}.side-menu .ant-menu-item-selected{background-color:#e6f7ff!important;border-right:none!important;color:var(--primary-color,#1890ff)!important}.main-sider[style*="background-color: #001529"] .side-menu .ant-menu-item:hover,.main-sider[style*="background-color: #1a4a1a"] .side-menu .ant-menu-item:hover,.main-sider[style*="background-color: #2d1f3d"] .side-menu .ant-menu-item:hover,.main-sider[style*="background-color: #3d1a1c"] .side-menu .ant-menu-item:hover,.main-sider[style*="background-color: #3d2514"] .side-menu .ant-menu-item:hover,.main-sider[style*="background-color: rgb(0, 0, 0)"] .side-menu .ant-menu-item:hover,.main-sider[style*="background-color: rgb(0, 21, 41)"] .side-menu .ant-menu-item:hover,.main-sider[style*="background-color: rgb(26, 74, 26)"] .side-menu .ant-menu-item:hover,.main-sider[style*="background-color: rgb(45, 31, 61)"] .side-menu .ant-menu-item:hover,.main-sider[style*="background-color: rgb(61, 26, 28)"] .side-menu .ant-menu-item:hover,.main-sider[style*="background-color: rgb(61, 37, 20)"] .side-menu .ant-menu-item:hover{background-color:#ffffff1a!important}.main-sider[style*="background-color: #001529"] .side-menu .ant-menu-item-selected,.main-sider[style*="background-color: #1a4a1a"] .side-menu .ant-menu-item-selected,.main-sider[style*="background-color: #2d1f3d"] .side-menu .ant-menu-item-selected,.main-sider[style*="background-color: #3d1a1c"] .side-menu .ant-menu-item-selected,.main-sider[style*="background-color: #3d2514"] .side-menu .ant-menu-item-selected,.main-sider[style*="background-color: rgb(0, 0, 0)"] .side-menu .ant-menu-item-selected,.main-sider[style*="background-color: rgb(0, 21, 41)"] .side-menu .ant-menu-item-selected,.main-sider[style*="background-color: rgb(26, 74, 26)"] .side-menu .ant-menu-item-selected,.main-sider[style*="background-color: rgb(45, 31, 61)"] .side-menu .ant-menu-item-selected,.main-sider[style*="background-color: rgb(61, 26, 28)"] .side-menu .ant-menu-item-selected,.main-sider[style*="background-color: rgb(61, 37, 20)"] .side-menu .ant-menu-item-selected{background-color:#fff3!important;color:var(--primary-color,#1890ff)!important}.side-menu .ant-menu-item:after{display:none!important}.side-menu .ant-menu-submenu-title{border-radius:4px;height:48px!important;line-height:48px!important;margin:4px 8px!important}.side-menu .ant-menu-submenu-title:hover{background-color:#f5f5f5!important}.main-sider[style*="background-color: #001529"] .side-menu .ant-menu-submenu-title:hover,.main-sider[style*="background-color: #1a4a1a"] .side-menu .ant-menu-submenu-title:hover,.main-sider[style*="background-color: #2d1f3d"] .side-menu .ant-menu-submenu-title:hover,.main-sider[style*="background-color: #3d1a1c"] .side-menu .ant-menu-submenu-title:hover,.main-sider[style*="background-color: #3d2514"] .side-menu .ant-menu-submenu-title:hover,.main-sider[style*="background-color: rgb(0, 0, 0)"] .side-menu .ant-menu-submenu-title:hover,.main-sider[style*="background-color: rgb(0, 21, 41)"] .side-menu .ant-menu-submenu-title:hover,.main-sider[style*="background-color: rgb(26, 74, 26)"] .side-menu .ant-menu-submenu-title:hover,.main-sider[style*="background-color: rgb(45, 31, 61)"] .side-menu .ant-menu-submenu-title:hover,.main-sider[style*="background-color: rgb(61, 26, 28)"] .side-menu .ant-menu-submenu-title:hover,.main-sider[style*="background-color: rgb(61, 37, 20)"] .side-menu .ant-menu-submenu-title:hover{background-color:#ffffff1a!important}.main-sider.ant-layout-sider-collapsed .module-title{padding:16px 8px;text-align:center}.main-sider.ant-layout-sider-collapsed .module-title h3{display:none}.side-menu .anticon{font-size:18px!important}.side-menu .ant-menu-sub{background:#fafafa!important}.side-menu .ant-menu-sub .ant-menu-item{color:#1f1f1f!important;font-size:15px!important;height:44px!important;line-height:44px!important;margin:4px 8px!important;padding-left:48px!important}.main-sider[style*="background-color: #001529"] .side-menu .ant-menu-sub,.main-sider[style*="background-color: #1a4a1a"] .side-menu .ant-menu-sub,.main-sider[style*="background-color: #2d1f3d"] .side-menu .ant-menu-sub,.main-sider[style*="background-color: #3d1a1c"] .side-menu .ant-menu-sub,.main-sider[style*="background-color: #3d2514"] .side-menu .ant-menu-sub,.main-sider[style*="background-color: rgb(0, 0, 0)"] .side-menu .ant-menu-sub,.main-sider[style*="background-color: rgb(0, 21, 41)"] .side-menu .ant-menu-sub,.main-sider[style*="background-color: rgb(26, 74, 26)"] .side-menu .ant-menu-sub,.main-sider[style*="background-color: rgb(45, 31, 61)"] .side-menu .ant-menu-sub,.main-sider[style*="background-color: rgb(61, 26, 28)"] .side-menu .ant-menu-sub,.main-sider[style*="background-color: rgb(61, 37, 20)"] .side-menu .ant-menu-sub{background:#ffffff0d!important}.main-sider[style*="background-color: #001529"] .side-menu .ant-menu-sub .ant-menu-item,.main-sider[style*="background-color: #1a4a1a"] .side-menu .ant-menu-sub .ant-menu-item,.main-sider[style*="background-color: #2d1f3d"] .side-menu .ant-menu-sub .ant-menu-item,.main-sider[style*="background-color: #3d1a1c"] .side-menu .ant-menu-sub .ant-menu-item,.main-sider[style*="background-color: #3d2514"] .side-menu .ant-menu-sub .ant-menu-item,.main-sider[style*="background-color: rgb(0, 0, 0)"] .side-menu .ant-menu-sub .ant-menu-item,.main-sider[style*="background-color: rgb(0, 21, 41)"] .side-menu .ant-menu-sub .ant-menu-item,.main-sider[style*="background-color: rgb(26, 74, 26)"] .side-menu .ant-menu-sub .ant-menu-item,.main-sider[style*="background-color: rgb(45, 31, 61)"] .side-menu .ant-menu-sub .ant-menu-item,.main-sider[style*="background-color: rgb(61, 26, 28)"] .side-menu .ant-menu-sub .ant-menu-item,.main-sider[style*="background-color: rgb(61, 37, 20)"] .side-menu .ant-menu-sub .ant-menu-item{color:#ffffffbf!important}.main-sider[style*="background-color: #001529"] .side-menu .ant-menu-sub .ant-menu-item:hover,.main-sider[style*="background-color: #1a4a1a"] .side-menu .ant-menu-sub .ant-menu-item:hover,.main-sider[style*="background-color: #2d1f3d"] .side-menu .ant-menu-sub .ant-menu-item:hover,.main-sider[style*="background-color: #3d1a1c"] .side-menu .ant-menu-sub .ant-menu-item:hover,.main-sider[style*="background-color: #3d2514"] .side-menu .ant-menu-sub .ant-menu-item:hover,.main-sider[style*="background-color: rgb(0, 0, 0)"] .side-menu .ant-menu-sub .ant-menu-item:hover,.main-sider[style*="background-color: rgb(0, 21, 41)"] .side-menu .ant-menu-sub .ant-menu-item:hover,.main-sider[style*="background-color: rgb(26, 74, 26)"] .side-menu .ant-menu-sub .ant-menu-item:hover,.main-sider[style*="background-color: rgb(45, 31, 61)"] .side-menu .ant-menu-sub .ant-menu-item:hover,.main-sider[style*="background-color: rgb(61, 26, 28)"] .side-menu .ant-menu-sub .ant-menu-item:hover,.main-sider[style*="background-color: rgb(61, 37, 20)"] .side-menu .ant-menu-sub .ant-menu-item:hover{background-color:#ffffff1a!important}.side-menu .ant-menu-item-selected .anticon{color:var(--primary-color,#1890ff)}.side-menu .ant-menu-item,.side-menu .ant-menu-submenu-title{color:#1f1f1f!important;font-size:16px!important;height:48px!important;line-height:48px!important}.main-sider .module-title h3,.main-sider .side-menu .ant-menu-item,.main-sider .side-menu .ant-menu-submenu-title{color:#1f1f1f!important}.side-menu .ant-menu-item:active,.side-menu .ant-menu-submenu-title:active{background:#e6f7ff!important;color:var(--primary-color,#1890ff)!important}.side-menu .ant-menu-item,.side-menu .ant-menu-submenu-title{transition:all .3s ease}.side-menu .ant-menu-submenu-arrow{transition:transform .3s ease}.side-menu .ant-menu-item:hover .anticon,.side-menu .ant-menu-submenu-title:hover .anticon{color:var(--primary-color,#1890ff)}.side-menu .ant-menu-sub .ant-menu-item:after{display:none!important}.main-content{background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000d;height:auto;margin:84px 24px 24px;min-height:calc(100vh - 108px);overflow-y:auto;padding:24px;transition:all .3s}.theme-浅绿色数据流 .main-content{box-shadow:0 4px 20px #00ff884d;color:#fff}.theme-蓝色数据流 .main-content{box-shadow:0 4px 20px #00a8ff4d;color:#fff}.theme-淡蓝色数据流 .main-content{box-shadow:0 4px 20px #70c1ff4d;color:#fff}.theme-淡紫色数据流 .main-content{box-shadow:0 4px 20px #c299ff4d;color:#fff}.theme-淡黑色数据流 .main-content{box-shadow:0 4px 20px #cccccc4d;color:#fff}.theme-淡灰色数据流 .main-content{box-shadow:0 4px 20px #a0a0a04d;color:#fff}.no-sidebar .main-content{margin-left:24px}.with-sidebar .main-content{margin-left:264px;transition:margin .3s}.content-collapsed{margin-left:104px!important}@media (max-width:992px){.main-content{margin:72px 16px 16px;padding:20px}.no-sidebar .main-content,.with-sidebar .main-content{margin-left:16px}.content-collapsed{margin-left:16px!important}}@media (max-width:768px){.main-header{padding:0 16px}.page-header-left{flex:0 0 auto}.username{display:none}.top-nav{flex:1;justify-content:center}.top-nav .ant-menu-item{margin:0 2px;padding:0 12px}.main-content{border-radius:0;margin-top:72px;padding:16px}.notification-badge{margin-right:8px}}@media (max-width:576px){.main-header{padding:0 12px}.top-nav .ant-menu-item{margin:0;padding:0 8px}.notification-badge{margin-right:4px}}.theme-bluehologram .main-header,.theme-bluehologram .main-sider,.theme-lightblackhologram .main-header,.theme-lightblackhologram .main-sider,.theme-lightbluehologram .main-header,.theme-lightbluehologram .main-sider,.theme-lightpurplehologram .main-header,.theme-lightpurplehologram .main-sider,.theme-whitehologram .main-header,.theme-whitehologram .main-sider{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff1a}.theme-浅绿色数据流 .main-header,.theme-浅绿色数据流 .main-sider{border:1px solid #00ff884d;box-shadow:var(--shadow,0 4px 20px #00ff884d),inset 0 0 10px #0f83}.theme-蓝色数据流 .main-header,.theme-蓝色数据流 .main-sider{border:1px solid #00a8ff4d;box-shadow:var(--shadow,0 4px 20px #00a8ff4d),inset 0 0 10px #00a8ff33}.theme-淡蓝色数据流 .main-header,.theme-淡蓝色数据流 .main-sider{border:1px solid #70c1ff4d;box-shadow:var(--shadow,0 4px 20px #70c1ff4d),inset 0 0 10px #70c1ff33}.theme-淡紫色数据流 .main-header,.theme-淡紫色数据流 .main-sider{border:1px solid #c299ff4d;box-shadow:var(--shadow,0 4px 20px #c299ff4d),inset 0 0 10px #c299ff33}.theme-淡黑色数据流 .main-header,.theme-淡黑色数据流 .main-sider{border:1px solid #cccccc4d;box-shadow:var(--shadow,0 4px 20px #cccccc4d),inset 0 0 10px #ccc3}.theme-淡灰色数据流 .main-header,.theme-淡灰色数据流 .main-sider{border:1px solid #a0a0a04d;box-shadow:var(--shadow,0 4px 20px #a0a0a04d),inset 0 0 10px #a0a0a033}.theme-浅绿色数据流 .main-sider .side-menu,.theme-淡灰色数据流 .main-sider .side-menu,.theme-淡紫色数据流 .main-sider .side-menu,.theme-淡蓝色数据流 .main-sider .side-menu,.theme-淡黑色数据流 .main-sider .side-menu,.theme-蓝色数据流 .main-sider .side-menu{background:#0000!important}.theme-浅绿色数据流 .main-sider .side-menu .ant-menu-item:hover,.theme-浅绿色数据流 .main-sider .side-menu .ant-menu-submenu-title:hover,.theme-淡灰色数据流 .main-sider .side-menu .ant-menu-item:hover,.theme-淡灰色数据流 .main-sider .side-menu .ant-menu-submenu-title:hover,.theme-淡紫色数据流 .main-sider .side-menu .ant-menu-item:hover,.theme-淡紫色数据流 .main-sider .side-menu .ant-menu-submenu-title:hover,.theme-淡蓝色数据流 .main-sider .side-menu .ant-menu-item:hover,.theme-淡蓝色数据流 .main-sider .side-menu .ant-menu-submenu-title:hover,.theme-淡黑色数据流 .main-sider .side-menu .ant-menu-item:hover,.theme-淡黑色数据流 .main-sider .side-menu .ant-menu-submenu-title:hover,.theme-蓝色数据流 .main-sider .side-menu .ant-menu-item:hover,.theme-蓝色数据流 .main-sider .side-menu .ant-menu-submenu-title:hover{background-color:#ffffff1a!important}.theme-浅绿色数据流 .main-sider .side-menu .ant-menu-item-selected,.theme-浅绿色数据流 .main-sider .side-menu .ant-menu-submenu-title-selected,.theme-淡灰色数据流 .main-sider .side-menu .ant-menu-item-selected,.theme-淡灰色数据流 .main-sider .side-menu .ant-menu-submenu-title-selected,.theme-淡紫色数据流 .main-sider .side-menu .ant-menu-item-selected,.theme-淡紫色数据流 .main-sider .side-menu .ant-menu-submenu-title-selected,.theme-淡蓝色数据流 .main-sider .side-menu .ant-menu-item-selected,.theme-淡蓝色数据流 .main-sider .side-menu .ant-menu-submenu-title-selected,.theme-淡黑色数据流 .main-sider .side-menu .ant-menu-item-selected,.theme-淡黑色数据流 .main-sider .side-menu .ant-menu-submenu-title-selected,.theme-蓝色数据流 .main-sider .side-menu .ant-menu-item-selected,.theme-蓝色数据流 .main-sider .side-menu .ant-menu-submenu-title-selected{background-color:#fff3!important}.theme-浅绿色数据流 .main-sider .side-menu .ant-menu-sub .ant-menu-item:hover,.theme-淡灰色数据流 .main-sider .side-menu .ant-menu-sub .ant-menu-item:hover,.theme-淡紫色数据流 .main-sider .side-menu .ant-menu-sub .ant-menu-item:hover,.theme-淡蓝色数据流 .main-sider .side-menu .ant-menu-sub .ant-menu-item:hover,.theme-淡黑色数据流 .main-sider .side-menu .ant-menu-sub .ant-menu-item:hover,.theme-蓝色数据流 .main-sider .side-menu .ant-menu-sub .ant-menu-item:hover{background-color:#ffffff1a!important}.theme-浅绿色数据流 .main-sider .side-menu .ant-menu-sub .ant-menu-item-selected,.theme-淡灰色数据流 .main-sider .side-menu .ant-menu-sub .ant-menu-item-selected,.theme-淡紫色数据流 .main-sider .side-menu .ant-menu-sub .ant-menu-item-selected,.theme-淡蓝色数据流 .main-sider .side-menu .ant-menu-sub .ant-menu-item-selected,.theme-淡黑色数据流 .main-sider .side-menu .ant-menu-sub .ant-menu-item-selected,.theme-蓝色数据流 .main-sider .side-menu .ant-menu-sub .ant-menu-item-selected{background-color:#fff3!important}.theme-浅绿色数据流 .main-sider .side-menu .ant-menu-sub,.theme-淡灰色数据流 .main-sider .side-menu .ant-menu-sub,.theme-淡紫色数据流 .main-sider .side-menu .ant-menu-sub,.theme-淡蓝色数据流 .main-sider .side-menu .ant-menu-sub,.theme-淡黑色数据流 .main-sider .side-menu .ant-menu-sub,.theme-蓝色数据流 .main-sider .side-menu .ant-menu-sub{background:#0000!important}body.theme-浅绿色数据流 .main-sider .side-menu .ant-menu-item,body.theme-浅绿色数据流 .main-sider .side-menu .ant-menu-submenu-title,body.theme-淡灰色数据流 .main-sider .side-menu .ant-menu-item,body.theme-淡灰色数据流 .main-sider .side-menu .ant-menu-submenu-title,body.theme-淡紫色数据流 .main-sider .side-menu .ant-menu-item,body.theme-淡紫色数据流 .main-sider .side-menu .ant-menu-submenu-title,body.theme-淡蓝色数据流 .main-sider .side-menu .ant-menu-item,body.theme-淡蓝色数据流 .main-sider .side-menu .ant-menu-submenu-title,body.theme-淡黑色数据流 .main-sider .side-menu .ant-menu-item,body.theme-淡黑色数据流 .main-sider .side-menu .ant-menu-submenu-title,body.theme-蓝色数据流 .main-sider .side-menu .ant-menu-item,body.theme-蓝色数据流 .main-sider .side-menu .ant-menu-submenu-title{color:#fff!important}body.theme-bluehologram .main-sider .side-menu .ant-menu-item,body.theme-bluehologram .main-sider .side-menu .ant-menu-submenu-title,body.theme-lightblackhologram .main-sider .side-menu .ant-menu-item,body.theme-lightblackhologram .main-sider .side-menu .ant-menu-submenu-title,body.theme-lightbluehologram .main-sider .side-menu .ant-menu-item,body.theme-lightbluehologram .main-sider .side-menu .ant-menu-submenu-title,body.theme-lightpurplehologram .main-sider .side-menu .ant-menu-item,body.theme-lightpurplehologram .main-sider .side-menu .ant-menu-submenu-title,body.theme-whitehologram .main-sider .side-menu .ant-menu-item,body.theme-whitehologram .main-sider .side-menu .ant-menu-submenu-title{color:#1f1f1f!important}body.theme-浅绿色数据流 .main-sider .side-menu .ant-menu-sub .ant-menu-item,body.theme-淡灰色数据流 .main-sider .side-menu .ant-menu-sub .ant-menu-item,body.theme-淡紫色数据流 .main-sider .side-menu .ant-menu-sub .ant-menu-item,body.theme-淡蓝色数据流 .main-sider .side-menu .ant-menu-sub .ant-menu-item,body.theme-淡黑色数据流 .main-sider .side-menu .ant-menu-sub .ant-menu-item,body.theme-蓝色数据流 .main-sider .side-menu .ant-menu-sub .ant-menu-item{color:#fff!important}body.theme-bluehologram .main-sider .side-menu .ant-menu-sub .ant-menu-item,body.theme-lightblackhologram .main-sider .side-menu .ant-menu-sub .ant-menu-item,body.theme-lightbluehologram .main-sider .side-menu .ant-menu-sub .ant-menu-item,body.theme-lightpurplehologram .main-sider .side-menu .ant-menu-sub .ant-menu-item,body.theme-whitehologram .main-sider .side-menu .ant-menu-sub .ant-menu-item{color:#1f1f1f!important}body.theme-浅绿色数据流 .main-sider .side-menu .anticon,body.theme-淡灰色数据流 .main-sider .side-menu .anticon,body.theme-淡紫色数据流 .main-sider .side-menu .anticon,body.theme-淡蓝色数据流 .main-sider .side-menu .anticon,body.theme-淡黑色数据流 .main-sider .side-menu .anticon,body.theme-蓝色数据流 .main-sider .side-menu .anticon{color:#fff!important}body.theme-bluehologram .main-sider .side-menu .anticon,body.theme-lightblackhologram .main-sider .side-menu .anticon,body.theme-lightbluehologram .main-sider .side-menu .anticon,body.theme-lightpurplehologram .main-sider .side-menu .anticon,body.theme-whitehologram .main-sider .side-menu .anticon{color:#1f1f1f!important}body.theme-浅绿色数据流 .main-sider .module-title h3,body.theme-淡灰色数据流 .main-sider .module-title h3,body.theme-淡紫色数据流 .main-sider .module-title h3,body.theme-淡蓝色数据流 .main-sider .module-title h3,body.theme-淡黑色数据流 .main-sider .module-title h3,body.theme-蓝色数据流 .main-sider .module-title h3{color:#fff!important}.theme-bluehologram .main-header .top-nav .ant-menu-item,.theme-lightblackhologram .main-header .top-nav .ant-menu-item,.theme-lightbluehologram .main-header .top-nav .ant-menu-item,.theme-lightpurplehologram .main-header .top-nav .ant-menu-item,.theme-whitehologram .main-header .top-nav .ant-menu-item,body.theme-bluehologram .main-sider .module-title h3,body.theme-lightblackhologram .main-sider .module-title h3,body.theme-lightbluehologram .main-sider .module-title h3,body.theme-lightpurplehologram .main-sider .module-title h3,body.theme-whitehologram .main-sider .module-title h3{color:#1f1f1f!important}.theme-bluehologram .main-header .top-nav .ant-menu-item:hover,.theme-lightblackhologram .main-header .top-nav .ant-menu-item:hover,.theme-lightbluehologram .main-header .top-nav .ant-menu-item:hover,.theme-lightpurplehologram .main-header .top-nav .ant-menu-item:hover,.theme-whitehologram .main-header .top-nav .ant-menu-item:hover{background-color:#0000001a!important;color:#1f1f1f!important}.theme-bluehologram .main-header .top-nav .ant-menu-item-selected,.theme-lightblackhologram .main-header .top-nav .ant-menu-item-selected,.theme-lightbluehologram .main-header .top-nav .ant-menu-item-selected,.theme-lightpurplehologram .main-header .top-nav .ant-menu-item-selected,.theme-whitehologram .main-header .top-nav .ant-menu-item-selected{background-color:#0003!important;color:#1f1f1f!important}.theme-浅绿色数据流 .main-header .top-nav .ant-menu-item,.theme-淡灰色数据流 .main-header .top-nav .ant-menu-item,.theme-淡紫色数据流 .main-header .top-nav .ant-menu-item,.theme-淡蓝色数据流 .main-header .top-nav .ant-menu-item,.theme-淡黑色数据流 .main-header .top-nav .ant-menu-item,.theme-蓝色数据流 .main-header .top-nav .ant-menu-item{color:#fff!important}.theme-浅绿色数据流 .main-header .top-nav .ant-menu-item:hover,.theme-淡灰色数据流 .main-header .top-nav .ant-menu-item:hover,.theme-淡紫色数据流 .main-header .top-nav .ant-menu-item:hover,.theme-淡蓝色数据流 .main-header .top-nav .ant-menu-item:hover,.theme-淡黑色数据流 .main-header .top-nav .ant-menu-item:hover,.theme-蓝色数据流 .main-header .top-nav .ant-menu-item:hover{background-color:#ffffff1a!important;color:#fff!important}.theme-浅绿色数据流 .main-header .top-nav .ant-menu-item-selected,.theme-淡灰色数据流 .main-header .top-nav .ant-menu-item-selected,.theme-淡紫色数据流 .main-header .top-nav .ant-menu-item-selected,.theme-淡蓝色数据流 .main-header .top-nav .ant-menu-item-selected,.theme-淡黑色数据流 .main-header .top-nav .ant-menu-item-selected,.theme-蓝色数据流 .main-header .top-nav .ant-menu-item-selected{background-color:#fff3!important;color:#fff!important}.theme-whitehologram .main-header .top-nav .ant-menu-item-selected:before{background-color:#fff!important}.theme-bluehologram .main-header .top-nav .ant-menu-item-selected:before{background-color:#00a8ff!important}.theme-lightbluehologram .main-header .top-nav .ant-menu-item-selected:before{background-color:#70c1ff!important}.theme-lightpurplehologram .main-header .top-nav .ant-menu-item-selected:before{background-color:#c299ff!important}.theme-lightblackhologram .main-header .top-nav .ant-menu-item-selected:before{background-color:#ccc!important}.theme-浅绿色数据流 .main-header .top-nav .ant-menu-item-selected:before{background-color:#0f8!important}.theme-蓝色数据流 .main-header .top-nav .ant-menu-item-selected:before{background-color:#00a8ff!important}.theme-淡蓝色数据流 .main-header .top-nav .ant-menu-item-selected:before{background-color:#70c1ff!important}.theme-淡紫色数据流 .main-header .top-nav .ant-menu-item-selected:before{background-color:#c299ff!important}.theme-淡黑色数据流 .main-header .top-nav .ant-menu-item-selected:before{background-color:#ccc!important}.theme-淡灰色数据流 .main-header .top-nav .ant-menu-item-selected:before{background-color:#a0a0a0!important}.theme-浅绿色数据流 .main-header .header-right,.theme-浅绿色数据流 .main-header .header-trigger,.theme-浅绿色数据流 .main-header .user-info,.theme-浅绿色数据流 .main-header .username,.theme-淡灰色数据流 .main-header .header-right,.theme-淡灰色数据流 .main-header .header-trigger,.theme-淡灰色数据流 .main-header .user-info,.theme-淡灰色数据流 .main-header .username,.theme-淡紫色数据流 .main-header .header-right,.theme-淡紫色数据流 .main-header .header-trigger,.theme-淡紫色数据流 .main-header .user-info,.theme-淡紫色数据流 .main-header .username,.theme-淡蓝色数据流 .main-header .header-right,.theme-淡蓝色数据流 .main-header .header-trigger,.theme-淡蓝色数据流 .main-header .user-info,.theme-淡蓝色数据流 .main-header .username,.theme-淡黑色数据流 .main-header .header-right,.theme-淡黑色数据流 .main-header .header-trigger,.theme-淡黑色数据流 .main-header .user-info,.theme-淡黑色数据流 .main-header .username,.theme-蓝色数据流 .main-header .header-right,.theme-蓝色数据流 .main-header .header-trigger,.theme-蓝色数据流 .main-header .user-info,.theme-蓝色数据流 .main-header .username{color:#fff!important}.theme-浅绿色数据流 .main-header .header-trigger:hover,.theme-淡灰色数据流 .main-header .header-trigger:hover,.theme-淡紫色数据流 .main-header .header-trigger:hover,.theme-淡蓝色数据流 .main-header .header-trigger:hover,.theme-淡黑色数据流 .main-header .header-trigger:hover,.theme-蓝色数据流 .main-header .header-trigger:hover{background-color:#ffffff1a!important;color:#fff!important;transform:scale(1.05)!important}.theme-bluedatastream .main-header .ant-btn:hover,.theme-datastream .main-header .ant-btn:hover,.theme-lightblackdatastream .main-header .ant-btn:hover,.theme-lightbluedatastream .main-header .ant-btn:hover,.theme-lightgreydatastream .main-header .ant-btn:hover,.theme-lightpurpledatastream .main-header .ant-btn:hover{background-color:#ffffff1a!important;color:#fff!important}.theme-浅绿色数据流 .main-sider .module-title h3,.theme-淡灰色数据流 .main-sider .module-title h3,.theme-淡紫色数据流 .main-sider .module-title h3,.theme-淡蓝色数据流 .main-sider .module-title h3,.theme-淡黑色数据流 .main-sider .module-title h3,.theme-蓝色数据流 .main-sider .module-title h3{color:#fff!important}.unified-select{min-width:200px}.unified-select .ant-select-selector{border-radius:6px!important}.unified-option{padding:4px 0}.unified-option-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.unified-option-name{color:#262626;font-weight:500}.unified-option-sub{align-items:center;color:#8c8c8c;display:flex;font-size:12px;gap:4px;margin-left:24px}.linked-tag{font-size:11px;margin:0;padding:0 4px}.ant-select-item-group{color:#595959;font-weight:600}.ant-select-item-option-selected .unified-option-name{color:#1890ff;font-weight:600}.advanced-theme-selector{display:inline-block;position:relative}.theme-trigger-btn{align-items:center;background-color:initial;border-radius:50%;color:#595959;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .3s;width:40px}.theme-trigger-btn:hover{background-color:#f5f5f5;color:var(--primary-color,#1890ff)}.theme-bluedatastream .theme-trigger-btn,.theme-datastream .theme-trigger-btn,.theme-lightblackdatastream .theme-trigger-btn,.theme-lightbluedatastream .theme-trigger-btn,.theme-lightgreydatastream .theme-trigger-btn,.theme-lightpurpledatastream .theme-trigger-btn{color:#fff!important}.theme-bluedatastream .theme-trigger-btn:hover,.theme-datastream .theme-trigger-btn:hover,.theme-lightblackdatastream .theme-trigger-btn:hover,.theme-lightbluedatastream .theme-trigger-btn:hover,.theme-lightgreydatastream .theme-trigger-btn:hover,.theme-lightpurpledatastream .theme-trigger-btn:hover{background-color:#ffffff1a!important;color:#fff!important}.theme-dropdown{background:#fff;border:1px solid #d9d9d9;border-radius:8px;box-shadow:0 6px 16px 0 #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;max-height:500px;max-width:400px;min-width:300px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1050}.theme-dropdown-header{align-items:center;background:#fafafa;border-bottom:1px solid #f0f0f0;color:#262626;display:flex;font-weight:500;justify-content:space-between;padding:12px 16px}.theme-list{max-height:400px;overflow-y:auto;padding:8px 0}.theme-item{align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;padding:12px 16px;position:relative;transition:all .2s}.theme-item:hover{background-color:#f5f5f5}.theme-item.active{background-color:#e6f7ff;border-left:3px solid var(--primary-color,#1890ff)}.theme-preview{border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;height:24px;margin-right:12px;overflow:hidden;width:40px}.theme-color-primary{height:100%;width:8px}.theme-color-header,.theme-color-sidebar{height:100%;width:16px}.theme-info{flex:1;min-width:0}.theme-name{color:#262626;font-size:14px;font-weight:500;margin-bottom:2px}.theme-description{color:#8c8c8c;font-size:12px;line-height:1.4}.theme-check{color:var(--primary-color,#1890ff);font-size:16px;font-weight:700;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.theme-list::-webkit-scrollbar{width:6px}.theme-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.theme-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.theme-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.theme-dropdown{min-width:280px;right:-50px}.theme-item{padding:10px 12px}.theme-preview{height:20px;width:32px}.theme-color-primary{width:6px}.theme-color-header,.theme-color-sidebar{width:13px}}.draggable-modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000073;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.draggable-modal{animation:modalFadeIn .3s ease-out;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#fffffff5;border:1px solid #fff6;border-radius:18px;box-shadow:0 25px 50px -12px #00000040,inset 0 0 0 1px #fff3;display:flex;flex-direction:column;max-height:90vh;max-width:95vw;overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.draggable-modal.maximized{border-radius:0;max-height:100vh;max-width:100vw}.draggable-modal.dragging{box-shadow:0 30px 80px #0006;transition:none!important;user-select:none}.modal-header{align-items:center;background:linear-gradient(180deg,#ffffffd9,#f5f5f5d9);border-bottom:1px solid #0000000f;cursor:move;display:flex;flex-shrink:0;justify-content:space-between;padding:18px 24px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.modal-header:hover{background:linear-gradient(180deg,#ffffffe6,#f5f5f5e6)}.header-titlex{color:#2d3748;font-size:19px;font-weight:600;letter-spacing:.3px;pointer-events:none;text-shadow:0 1px 1px #fffc}.header-controls{cursor:default;gap:10px}.control-btn,.header-controls{display:flex;pointer-events:auto}.control-btn{align-items:center;background:#0000;border:none;border-radius:10px;box-shadow:0 1px 2px #0000000d;color:#5a6c87;cursor:pointer!important;height:36px;justify-content:center;transition:all .2s ease;width:36px}.control-btn:hover{background:#00000008;box-shadow:0 2px 4px #00000014;color:#2d3748;transform:translateY(-1px)}.close-btn:hover{background:#ff4d4f1a;color:#ff4d4f}.modal-body{color:#4a5568;flex:1;font-size:16px;line-height:1.65;max-height:calc(100vh - 200px);min-height:0;overflow-y:auto;padding:28px}.modal-footer{background:linear-gradient(0deg,#fafafad9,#f5f5f5d9);border-top:1px solid #0000000f;display:flex;flex-shrink:0;gap:14px;justify-content:center;padding:18px 28px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.draggable-modal.dragging .modal-content{box-shadow:0 30px 80px #0006;transform:scale(1.02)}@media (max-width:768px){.draggable-modal{width:90vw!important}.modal-body{padding:20px}.modal-footer,.modal-header{padding:14px 20px}}.draggable-modal.dragging *{pointer-events:none}.draggable-modal.dragging .header-controls{pointer-events:auto}@keyframes softPulse{0%{box-shadow:0 5px 15px #0000001a}50%{box-shadow:0 10px 20px #00000026}to{box-shadow:0 5px 15px #0000001a}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.home-container{padding:0}.info-card{background:#fff;border:none;border-radius:16px;box-shadow:0 5px 15px #00000014;margin-bottom:20px;overflow:hidden;transition:all .3s ease}.info-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.chart-card{background:#fff;border:none;border-radius:16px;box-shadow:0 5px 15px #00000014;overflow:hidden;transition:all .3s ease}.chart-card-no-margin{margin-bottom:0!important}.chart-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.chart-containerx{height:210px;transition:all .3s ease;width:100%}.nav-card{background:#fff;border:none;border-radius:16px;box-shadow:0 5px 15px #00000014;margin-bottom:20px;overflow:hidden;transition:all .3s ease}.nav-card:hover{box-shadow:0 8px 25px #0000001f}.card-header{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;color:#303133;display:flex;font-size:18px;font-weight:600;padding:16px 20px}.card-header .anticon{color:#1890ff;font-size:20px;margin-right:12px}.nav-item{align-items:center;background:#f8f9fb;border-radius:12px;cursor:pointer;display:flex;height:100px;justify-content:center;margin-bottom:20px;overflow:hidden;position:relative;transition:all .3s ease}.nav-item img{filter:brightness(1) saturate(1.05);height:100%;object-fit:cover;transition:all .4s;width:100%}.nav-item:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-6px)}.nav-item:hover img{filter:brightness(1.05) saturate(1.1);transform:scale(1.08)}.card-icon,.grid-content{align-items:center;display:flex}.card-icon{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;box-shadow:0 4px 12px #00000014;height:90px;justify-content:center;margin-right:20px;width:90px}.left1{background-image:url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAABjCAYAAAB0QIkPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHxSURBVHhe7dbBaR0xGIVRl5YCXIb3KSZ7xwsXkFVqyCpOFyljoocRiKDwgu4Mhl/nwtlobPnB+8Dz8On5OGCVgIgIiIiAiAiIiICICIiIgIgIiIiAiAiIiICICIiIgIgIiIiAiAiIiICICIiIgIgIiIiAiAiIiICICIiIgIgIiIiAiAiIiICICIiIgIhsF9DTt+P4+jPz5cf87h1tF9DL23HKZnfvSECLm929IwEtbnb3jgS0uNndOxJQ26/f7+fjs9nZuM/f/+3xdf63KxJQ2+2sP++bnf3vxt+tTkBtAlonoAsmoMIEdC4Bta28RPdnt5/7e7fz2d+uSEBt4xfeNzsb15/du686AbUJaJ2ALpiAChPQuQTU5iV6nYDaxi+8b3Y2rj+7d191AmoT0DoBXTABFSagcwmozUv0OgG1jV943+xsXH92777qBNQmoHUCumACKkxA5xJQm5fodQJqG7/wvtnZuP7s3n3VCahNQOsEdMEEVJiAziWgCyagwgR0LgFdMAEV9FGbfZZKBHTxZp+lkm0Cuv1b+Qizz1LJdu9AnEtARAREREBEBEREQEQERERARAREREBEBEREQEQERERARAREREBEBEREQEQERERARAREREBEBEREQEQERERARAREREBEBEREQEQEROA4/gA2ypzEPU8sZwAAAABJRU5ErkJggg==)}.left2{background-image:url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAJEAAABjCAYAAACbguIxAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAANxSURBVHhe7dxhStxAHIbxnqoX6AF6gR6gF+gB6vf2AO0BeoD2Av286AdBsBUUBKugIGwRFIR0X+rAME52o+8ki/88A78PNdnNQh6SSTbbV68Xiw5wEBFsRAQbEcFGRLAREWxEBBsRwUZEsBERbEQEGxHBRkSwERFsRAQbEcFGRLAREWxEBBsRwUZEsBERbEQEGxHBRkSwERFsRAQbEcFGRLAREWxEBNtsInp3cNB9Oj3tvpydjUrb0LZqnyGq8BG93d/vdpfLbuqhbb7Z26t+pmhCR6SAlvf3D7t1+qFtzyGk0BGVR6Dzu7vu28VF93V12hnDj6ur7m8RrT5D7bNFEjYizUvyoR08xVFB2yjj1RGxtm4UYSP6vJrgpqEj0JSnFW0rPyLps9TWiyJsRDq9pKFTWG2dMenIl4Y+S22dKGYR0TZ24ra3P6XZRqR5yzrfLy+7j8fHj143FBEFsGknDh1/bm+fdfOQiAJoFZGG7vc89QqLiAIYGpFOXeUyBaPJeD40US7XW4eIAnAiSvIrLB2Nauv0IaIAWkT0/vDwYa3/4yn3mogogBYR5e+hUVunDxEF4EakK7L8y9vfNzfV9foQUQBDI1IoCqlUjg9HR4/eYx0iCmBoREPGcyIgogBaRKRTmCbX5WuHIKIAhkakU1e5rKT5Ue1RWOm7YiOiAFpGpHV0RCppntR3E5KIAmgVkULZOTmpLpO+h92IKIBWEf28vl77vZkCqz10RkQBtIiofMS2b9S+EiGiAFpEpHmPhmLSI7ai90rvraOUTnca5Ws3bT8SIhoQ0a/Vpb5GfmMy/TstK19LRAG0iEgTZt0rSuuV0jIdkcrXElEALSKS9D61ZelIxcS68scINu3EdK9n06OvujLTerVlOlJpGZf4lT9GkO9EfjI0rrAR5T9e1MP2fV9PjEHbyh8j4ceLL1R5j0c/AZoiJG1D86x88DPqF6zcmToi6dRW+yK1Bb13fgTS2DRxjyB0RDoqlP9Lx5RD257yNLotoSOS2ulliqFtziEgCR9RonmJJri6UhqTthF9DlSaTUQYDxHBRkSwERFsRAQbEcFGRLAREWxEBBsRwUZEsBERbEQEGxHBRkSwERFsRAQbEcFGRLAREWxEBBsRwUZEsBERbEQEGxHBRkSwERFsRAQbEcFGRLAREUyL7h+QESOznR7IHwAAAABJRU5ErkJggg==)}.left3{background-image:url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAI8AAABiCAYAAABpuYDPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAL7SURBVHhe7dq/a9RwGMdx/1hnhy4OTkI3cezatW7+mBScBBcHHUSoUkGOlkLpKYjtQVGin7NfTL8+Qfxcctc8eT/wmtJ+E8ibXJK7GzffbTWAg3hgIx7YiAc24oGNeGAjHtiIBzbigY14YCMe2IgHNuKBjXhgIx7YiAc24oGNeGAjHtiIBzbigY14YCMe2IgHNuKBjXhgIx7YiAc24oGNeGAjHtiIBzbigY14YCMe2CYbz639O83e8cNm/9vBSh6fPF2uFe0ju0nGc/vDdnN6MW/6mrPv583dj/fDfWU2yXh0xeh7tGa0r8wmF4+uOmUeHD9q7n3aWYnWKKO1o31mNbl4ysk+vfgcbnfMFkfLNZ/PX4Tbs5pcPLPF4fJEPzl5Fm53/AlyHm7PalLxtD+y+vyIGWrd625S8ZQrhD5mou2reH/2+yZc+4i2Z5Q2Hl0BXn99e+WdTHk87/Mjq9CaGu2jvU8dQ9arUdp42k9B9QxxY6s1uybr1ShtPHppd/5jcXn6/h69XY7+z6G1ukbHkPUFYvp7nt2jvcvTuP7RvqNjyiJ9PG9+3XNsanQTHR1TFunjKU9Bmxi9U4qOKYv08Wx6omPKgngGnuiYsphcPHr60TuZ8qVm/USmR25tj9SP4/pfrdG1libzG+fU8eik1lO/c6mfxtrbIu17qPppSmvXo2No/00mk4sneufSnnpbrR1P/QvC9ndcZYhnpKJ4dma7V/5GMbXnXz8pLd/Ka+owtHY9xDNSUTw6+eXqoytFO4b/Hf1vuafpWot4RiqKZ91DPCNFPMMinoGHeEaqK56XX14tt/UpekzXaFt0bBlMMh698Iv+fhVd+yKekeo6ofXjeh+IJyF9paAXe8UQvyIs1rmv6yB9PBgO8cBGPLARD2zEAxvxwEY8sBEPbMQDG/HARjywEQ9sxAMb8cBGPLARD2zEAxvxwEY8sBEPbMQDG/HARjywEQ9sxAMb8cBGPLARD2zEAxvxwEY8sBEPbMQDG/HARjwwbTU/AWOOjQqpDkM4AAAAAElFTkSuQmCC)}.left4{background-image:url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAJEAAABkCAYAAACGh9KJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAMPSURBVHhe7dxPitRAFMfxOZgH8ABewAN4AA/gAXSvC1fiwpUIrgTFjYJ/VoLjahZOizoyduPQzWjpC11DWb4g9i/JmFffB59VeiqBfEl30s3svb99IQEKIoKMiCAjIsiICDIigoyIICMiyIgIMiKCjIggIyLIiAgyIoKMiCAjIsiICDIigoyIICMiyIgIMiKCjIggIyLIiAgyIoKMiCAjIsiICDIigoyIICMiyIgIMiKCjIggazaixZ2L6fjZ9bRevJB8fXWzW8vbRyuajOjDvUvpdHmYhprv62X6eP+yu68WNBmRXUGGHlvT21cLmovIrkJ5jp/fSJ8eXpHYGnlsbW+f0TUXUT7pp6tDd/suNkf73ZqrN3fd7dE1F9Hm89vuhC9f33K37+IszF+fs7zt0TUVUflWNuRbz1jrzkVTEeUrhr39eNsV68XLbm3bh7c9srAR2RXh5ODx2fMck2/rh3wry2xNG9tHuU87huhXp7ARlXdN9YzxAdjW7JvoV6ewEdnDvx+b1fY0/jn2tNr7u13YWn1jxxD9QWT4z0Rfnl7bns7px/btHVM04SM6OXiyPaXTj33Y9o4pmvAR5bum8xh7JuUdUzThIzrv8Y4pGiIaebxjiqa5iOxuyZ7p5C9P6zs4u1W37Z76Nt7+1tboW8umhSfYoSOyk1tP/cymvnsrt3nKz1j13ZetXY8dQ/maiJqLyHtmU069rVZGVP+isfwOLQ8RzZwX0dGjq7+9xqIq528/dc2/ArCpA7G16yGimfMisgjy1ciuHGUU/zr2t/kzT99aRDRzXkRTDxHNHBFNg4hGHiKaub6Ivr170G0bknd7b2PbvGOLpMmI7MGh93pF376IaOb6Tmx9mz8EIgrMvqqwB4TZGL9qzKbc1/8kfEQYHxFBRkSQERFkRAQZEUFGRJAREWREBBkRQUZEkBERZEQEGRFBRkSQERFkRAQZEUFGRJAREWREBBkRQUZEkBERZEQEGRFBRkSQERFkRAQZEUFGRJAREWREBBkRQUZEkBERZHvbf3LKMDtOSj8BMoWi63m1NQ8AAAAASUVORK5CYII=)}.right{display:flex;flex-direction:column;flex-grow:1;justify-content:center}.right .h2{font-size:32px;font-weight:600;margin-bottom:8px;transition:all .3s}.card-label{color:#606266;font-size:16px}.mask-layer{backdrop-filter:blur(4px);background:#0006}.nav-card-container{margin-top:20px}.dialog-container{animation:fadeIn .3s ease-out;background:#fff;box-shadow:0 10px 30px #0003;max-width:500px;width:90%}.dialog-header{align-items:center;border-bottom:1px solid #f0f0f0;color:#303133;display:flex;padding:20px}.dialog-header .anticon{color:#1890ff;font-size:20px;margin-right:12px}.select-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.select-header span{color:#303133;font-size:16px;font-weight:500}.select-all-btn{border-radius:8px;font-size:14px;padding:4px 12px;transition:all .3s}.select-all-btn:hover:not(:disabled){background:#e6f7ff;color:#1890ff}.dialog-footer{border-top:1px solid #f0f0f0;padding:16px 20px}@media screen and (max-width:768px){.home-container{padding:0}.dialog-container{width:95%}.info-card .grid-content .h2{font-size:24px}.chart-card .chart-containerx{height:210px}.nav-item{height:100px}}.whitelist-data-screen *{box-sizing:border-box;margin:0;padding:0}.whitelist-data-screen{z-index:1}body,html{overflow-x:hidden!important;overflow-y:auto!important}.whitelist-data-screen{background:linear-gradient(135deg,#0a0e27,#1a1a2e 50%,#16213e);box-sizing:border-box;color:#fff;font-family:Microsoft YaHei,Arial,sans-serif;height:auto;min-height:100vh;overflow:visible;padding:20px 20px 100px;position:relative;width:100%}.charts-row{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:30px}.whitelist-data-screen::-webkit-scrollbar{width:8px}.whitelist-data-screen::-webkit-scrollbar-track{background:#0014284d;border-radius:4px}.whitelist-data-screen::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d4ff,#0f8);border-radius:4px;box-shadow:0 0 10px #00d4ff80}.whitelist-data-screen::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0f8,#00d4ff);box-shadow:0 0 15px #00ff88b3}.whitelist-data-screen{scrollbar-color:#00d4ff #0014284d;scrollbar-width:thin}.whitelist-data-screen:before{animation:gridMove 20s linear infinite;background-image:linear-gradient(#00d4ff0d 1px,#0000 0),linear-gradient(90deg,#00d4ff0d 1px,#0000 0);background-size:50px 50px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.screen-header{background:linear-gradient(90deg,#00d4ff1a,#0000);border-left:4px solid #00d4ff;border-radius:4px;margin-bottom:30px;min-width:0;overflow:hidden;padding:20px 30px;z-index:1}.screen-header .header-title{position:relative}.screen-header .title-text{color:#00d4ff;font-size:28px;font-weight:700;position:relative;text-shadow:0 0 20px #00d4ff80;z-index:2}.screen-header .title-line{animation:lineGlow 2s ease-in-out infinite alternate;background:linear-gradient(90deg,#00d4ff,#0000);bottom:-5px;height:2px;left:0;position:absolute;width:100%}.screen-header .header-right{flex-shrink:0;gap:30px;min-width:0}.screen-header .header-right,.screen-header .websocket-status{align-items:center;display:flex}.screen-header .status-indicator{align-items:center;backdrop-filter:blur(10px);background:#00142899;border:1px solid #00d4ff4d;border-radius:20px;display:flex;gap:8px;padding:8px 16px}.screen-header .status-indicator.connected{border-color:#0f8;box-shadow:0 0 20px #00ff884d}.screen-header .status-indicator.connecting{border-color:#ff9800;box-shadow:0 0 20px #ff98004d}.screen-header .status-indicator.disconnected{border-color:#ff4757;box-shadow:0 0 20px #ff47574d}.screen-header .status-indicator.clickable{cursor:pointer;transition:all .3s ease}.screen-header .status-indicator.clickable:hover{border-color:#ff6b7a;box-shadow:0 4px 20px #ff475780;transform:translateY(-2px)}.screen-header .status-dot{animation:connectedPulse 2s ease-in-out infinite;background:#00d4ff;border-radius:50%;height:8px;width:8px}.screen-header .status-indicator.connected .status-dot{animation:connectedPulse 2s ease-in-out infinite;background:#0f8}.screen-header .status-indicator.connecting .status-dot{animation:connectingBlink 1s ease-in-out infinite;background:#ff9800}.screen-header .status-indicator.disconnected .status-dot{animation:none;background:#ff4757}.screen-header .status-text{color:#8fb3d1;font-size:14px}.screen-header .time-and-fullscreen{align-items:center;display:flex;flex-shrink:0;gap:15px}.screen-header .current-time{color:#00d4ff;flex-shrink:0;font-size:18px;font-weight:700;text-shadow:0 0 10px #00d4ff80;white-space:nowrap}.screen-header .fullscreen-btns{align-items:center;background:#0000;border:2px solid #00d4ff99;border-radius:6px;color:#00d4ff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;min-width:36px;overflow:hidden;padding:6px 10px;position:relative;text-shadow:0 0 8px #00d4ff99;transition:all .3s ease}.screen-header .fullscreen-btns:before{background:linear-gradient(45deg,#0000 30%,#00d4ff1a 50%,#0000 70%);border-radius:4px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.screen-header .fullscreen-btns:hover:before{opacity:1}.screen-header .fullscreen-btns:hover{background:#00d4ff26;border-color:#00d4ff;box-shadow:0 0 15px #00d4ff66;color:#fff;text-shadow:0 0 12px #00d4ffcc;transform:scale(1.05)}.screen-header .fullscreen-btns:active{box-shadow:0 0 8px #00d4ff4d;transform:scale(.95)}@keyframes connectedPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes connectingBlink{0%,to{opacity:1}50%{opacity:.3}}@keyframes lineGlow{0%{box-shadow:0 0 5px #00d4ff80}to{box-shadow:0 0 20px #00d4ffcc}}.metrics-row{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:30px;position:relative;z-index:1}.metric-card{backdrop-filter:blur(10px);background:linear-gradient(135deg,#00d4ff1a,#00ff880d);border-radius:8px}.metric-card:hover{border-color:#00d4ff;box-shadow:0 10px 30px #00d4ff4d;transform:translateY(-5px)}.metric-card .card-bg{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.metric-card .scan-line{animation:scanLine 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#00d4ff,#0000);height:2px;left:-100%;position:absolute;top:0;width:100%}.metric-card .energy-pulse{animation:energyPulse 2s ease-in-out infinite;border:2px solid #00d4ff4d;border-radius:50%;height:100px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}.metric-card .card-content{align-items:center;display:flex;gap:15px;position:relative;z-index:2}.metric-card .metric-icon{color:#00d4ff;font-size:32px;text-shadow:0 0 10px #00d4ff80}.metric-card .metric-info{flex:1}.metric-card .metric-value{color:#fff;font-size:28px;font-weight:700;text-shadow:0 0 10px #ffffff4d}.metric-card .metric-label{color:#8fb3d1;font-size:14px;margin-top:5px}@keyframes scanLine{0%{left:-100%}to{left:100%}}@keyframes energyPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.1;transform:translate(-50%,-50%) scale(1.2)}}.charge-summary{background:linear-gradient(135deg,#001428cc,#00285099);border:1px solid #00d4ff4d;border-radius:8px;margin-bottom:30px;padding:20px;position:relative;z-index:1}.charge-summary .summary-title{color:#00d4ff;font-size:20px;margin-bottom:20px;text-shadow:0 0 10px #00d4ff80}.charge-dashboard{display:flex;flex-direction:column;gap:20px;height:100%}.main-metrics{display:grid;gap:20px;grid-template-columns:1fr 1fr}.metric-card{align-items:center;background:linear-gradient(135deg,#001428e6,#002850b3);border:1px solid #00d4ff4d;border-radius:12px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .3s ease}.metric-card:hover{border-color:#00d4ff99;box-shadow:0 8px 25px #00d4ff33;transform:translateY(-2px)}.metric-card.primary{border-color:#00d4ff66}.metric-card.success{border-color:#0f86}.metric-card:before{background:linear-gradient(45deg,#0000 30%,#00d4ff0d 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.metric-card:hover:before{transform:translateX(100%)}.metric-icon{margin-bottom:15px}.icon-circle{background:linear-gradient(135deg,#00d4ff33,#00d4ff1a);height:60px;width:60px}.metric-card.success .icon-circle{background:linear-gradient(135deg,#0f83,#00ff881a);border-color:#00ff884d}.icon-symbol{font-size:20px;font-weight:700}.metric-card.success .icon-symbol{color:#0f8}.metric-content{text-align:center}.metric-label{color:#8fb3d1;font-size:14px;margin-bottom:8px}.metric-value{color:#00d4ff;font-size:24px;font-weight:700;text-shadow:0 0 10px #00d4ff80}.metric-card.success .metric-value{color:#0f8;text-shadow:0 0 10px #00ff8880}.metric-trend{align-items:center;display:flex;gap:5px}.trend-indicator{font-size:16px;font-weight:700}.trend-indicator.up{color:#0f8}.trend-text{color:#8fb3d1;font-size:12px}.secondary-metrics{display:flex;flex-direction:column;gap:12px}.secondary-metrics-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.metric-item{background:linear-gradient(135deg,#00142899,#00285066);border:1px solid #00d4ff33;border-radius:8px;overflow:hidden;padding:15px;position:relative;transition:all .3s ease}.metric-item:hover{background:linear-gradient(135deg,#001428cc,#00285099);border-color:#00d4ff66}.metric-label-small{color:#8fb3d1;font-size:12px;margin-bottom:5px}.metric-value-small{color:#00d4ff;font-size:16px;font-weight:700;margin-bottom:8px}.metric-pay-num{color:#8fb3d1;font-size:12px;margin-bottom:8px;text-align:center}.metric-bar{background:#001428cc;height:6px;overflow:hidden;width:100%}.bar-fill,.metric-bar{border-radius:3px;position:relative}.bar-fill{background:linear-gradient(90deg,#00d4ff,#0f8 50%,#ff9800);height:100%;transition:width .8s ease}.bar-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.park-info{background:linear-gradient(135deg,#001428cc,#00285099);border:1px solid #00d4ff4d;border-radius:8px;margin-bottom:30px;padding:20px;position:relative;z-index:1}.park-info .info-title{color:#00d4ff;font-size:20px;margin-bottom:20px;text-shadow:0 0 10px #00d4ff80}.single-park{display:flex;gap:20px}.single-park .park-map{align-items:center;background:#00142880;border:1px solid #00d4ff4d;border-radius:6px;color:#8fb3d1;display:flex;flex:1;height:200px;justify-content:center}.single-park .park-details{flex:1;padding:20px}.single-park .park-details h3{color:#00d4ff;margin-bottom:10px}.single-park .park-details p{color:#8fb3d1;line-height:1.6}.single-park-vertical{display:flex;flex-direction:column;gap:20px;width:100%}.single-park-vertical .park-map-large{align-items:center;background:#00142880;color:#8fb3d1;display:flex;height:400px;justify-content:center;overflow:hidden;position:relative}.single-park-vertical .park-details-large,.single-park-vertical .park-map-large{border:1px solid #00d4ff4d;border-radius:8px;box-shadow:0 4px 20px #00d4ff1a;width:100%}.single-park-vertical .park-details-large{background:linear-gradient(135deg,#001428e6,#002850b3);padding:25px}.single-park-vertical .park-info-header{align-items:center;border-bottom:1px solid #00d4ff33;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.single-park-vertical .park-info-header h3{color:#00d4ff;font-size:20px;font-weight:700;margin:0;text-shadow:0 0 10px #00d4ff4d}.single-park-vertical .park-status{align-items:center;display:flex;gap:8px}.single-park-vertical .status-indicator{animation:pulse 2s infinite;background:#0f8;border-radius:50%;box-shadow:0 0 10px #00ff8880;height:8px;width:8px}.single-park-vertical .status-text{color:#0f8;font-size:12px;font-weight:700}.single-park-vertical .park-info-content{display:flex;flex-direction:column;gap:15px}.single-park-vertical .info-item{align-items:flex-start;display:flex;gap:10px}.single-park-vertical .info-label{color:#8fb3d1;flex-shrink:0;font-size:14px;font-weight:700;min-width:60px}.single-park-vertical .info-value{color:#fff;flex:1;font-size:14px;line-height:1.5;word-break:break-all}.map-placeholder{align-items:center;background:linear-gradient(135deg,#001428cc,#00285099);border-radius:8px;display:flex;height:100%;justify-content:center;width:100%}.multi-park .park-stats{display:flex;gap:30px;margin-bottom:20px}.multi-park .stat-item{align-items:center;backdrop-filter:blur(10px);background:linear-gradient(135deg,#001428e6,#002850b3);border:1px solid #00d4ff4d;border-radius:12px;box-shadow:0 4px 20px #00d4ff1a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.multi-park .stat-item:hover{border-color:#00d4ff99;box-shadow:0 8px 30px #00d4ff33;transform:translateY(-3px)}.multi-park .stat-item:before{animation:statShimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#00d4ff0d 50%,#0000 70%);border-radius:12px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.multi-park .stat-item:first-child:before{background:linear-gradient(45deg,#0000 30%,#00ff880d 50%,#0000 70%)}.multi-park .stat-item:last-child:before{background:linear-gradient(45deg,#0000 30%,#ffc1070d 50%,#0000 70%)}.multi-park .stat-label{color:#8fb3d1;font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;position:relative;z-index:2}.multi-park .stat-value{color:#00d4ff;font-size:28px;font-weight:700;position:relative;text-shadow:0 0 10px #00d4ff80;z-index:2}.multi-park .stat-item:first-child .stat-value{color:#0f8;text-shadow:0 0 10px #00ff8880}.multi-park .stat-item:last-child .stat-value{color:#ffc107;text-shadow:0 0 10px #ffc10780}@keyframes statShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.park-list{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-height:300px;overflow-x:hidden;overflow-y:auto;padding-right:5px}.park-list::-webkit-scrollbar{width:6px}.park-list::-webkit-scrollbar-track{background:#0014284d;border-radius:3px}.park-list::-webkit-scrollbar-thumb{background:#00d4ff80;border-radius:3px;transition:background .3s ease}.park-list::-webkit-scrollbar-thumb:hover{background:#00d4ffcc}.park-item{background:#00142880;border:1px solid #00d4ff33;border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:15px;position:relative}.park-item .park-name{color:#fff;font-size:14px;font-weight:700}.park-item .park-address{color:#8fb3d1;font-size:12px;line-height:1.4;margin-bottom:4px}.park-item .park-type{align-self:flex-start;color:#00d4ff;font-size:12px}.park-coordinates{background:#00142899;border:1px solid #00d4ff33;border-radius:4px;color:#8fb3d1;font-family:Courier New,monospace;font-size:11px;letter-spacing:.5px;padding:4px 8px}.park-item .park-type-status-row{align-items:center;display:flex;justify-content:space-between;margin-top:4px}.device-dashboard{background:linear-gradient(135deg,#001428cc,#00285099);border:1px solid #00d4ff4d;border-radius:8px;margin-bottom:30px;padding:20px;position:relative;z-index:1}.device-dashboard .dashboard-title{color:#00d4ff;font-size:20px;margin-bottom:20px;text-shadow:0 0 10px #00d4ff80}.device-grid{display:grid;gap:20px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:100%}.device-circle,.device-item{align-items:center;display:flex;justify-content:center}.device-circle{background:linear-gradient(135deg,#00d4ff1a,#0000);border:6px solid #00d4ff4d;border-radius:50%;flex-direction:column;height:150px;position:relative;transition:all .3s ease;width:150px}.device-circle:hover{background:linear-gradient(135deg,#00d4ff33,#0000);border-color:#00d4ff99;transform:scale(1.05)}.device-circle:before{animation:gaugeRotate 3s linear infinite;background:linear-gradient(45deg,#00d4ff,#0f8,#ff9800,#9c27b0) border-box;border:2px solid #0000;border-radius:50%;bottom:-3px;content:"";left:-3px;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;position:absolute;right:-3px;top:-3px}.device-value{color:#00d4ff;font-size:24px;font-weight:700;text-shadow:0 0 10px #00d4ffcc}.device-label{color:#8fb3d1;font-size:12px;margin-top:4px;text-align:center}@keyframes gaugeRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.payment-pie{background:linear-gradient(135deg,#001428cc,#00285099);border:1px solid #00d4ff4d;border-radius:8px;margin-bottom:30px;padding:20px;position:relative;z-index:1}.payment-pie .pie-title{color:#00d4ff;font-size:20px;margin-bottom:20px;text-shadow:0 0 10px #00d4ff80}.pie-charts-grid{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);height:100%}.pie-chart-container{align-items:center;display:flex;flex-direction:column;gap:15px;height:100%;width:100%}.pie-chart{background:conic-gradient(var(--color) 0deg,var(--color) calc(var(--percentage)*3.6deg),#0014284d calc(var(--percentage)*3.6deg),#0014284d 1turn);border:3px solid #00d4ff4d;border-radius:50%;overflow:hidden;transition:all .3s ease}.pie-chart:hover{border-color:var(--color);box-shadow:0 0 20px #00d4ff66;transform:scale(1.05)}.pie-chart:before{animation:pieRotate 3s linear infinite;background:linear-gradient(45deg,var(--color),#0000,var(--color));border-radius:50%;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.pie-slice{border-radius:50%;height:100%;overflow:hidden;position:relative;width:100%}.pie-center{background:linear-gradient(135deg,#001428e6,#002850b3);border:2px solid #00d4ff4d;border-radius:50%;height:60px;width:60px}.pie-icon{color:var(--color);font-size:24px;text-shadow:0 0 10px var(--color)}.pie-info{backdrop-filter:blur(10px);background:linear-gradient(135deg,#001428cc,#00285099);border:1px solid #00d4ff33;border-radius:8px;padding:12px;text-align:center;width:100%}.pie-label{color:#8fb3d1;font-size:12px;margin-bottom:5px}.pie-value{color:#00d4ff;font-size:18px;font-weight:700;margin-bottom:3px;text-shadow:0 0 8px #00d4ff80}.pie-amount{color:#0f8;font-size:14px;font-weight:500;text-shadow:0 0 5px #00ff884d}@keyframes pieRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pieShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.stats-row{display:flex;gap:20px;margin-bottom:30px}.stats-row>div{flex:1;margin-bottom:0}.event-3d-container{animation:card3dPulse 4s ease-in-out infinite;backdrop-filter:blur(15px);background:linear-gradient(135deg,#001428f2,#002850cc);border:1px solid #00d4ff66;border-radius:16px;box-shadow:0 10px 40px #00d4ff26;padding:25px;position:relative;z-index:1}.event-3d-container:before{animation:card3dPulse 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#00d4ff08 50%,#0000 70%);border-radius:16px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.event-3d-title{color:#00d4ff;font-size:22px;margin-bottom:25px;position:relative;text-shadow:0 0 15px #00d4ff99;z-index:2}.event-3d-header{gap:20px;margin-bottom:30px;z-index:2}.event-3d-header,.header-3d-icon{align-items:center;display:flex;position:relative}.header-3d-icon{animation:icon3dPulse 2s ease-in-out infinite;background:radial-gradient(circle,#00d4ff4d 0,#0f83 100%);border-radius:50%;height:60px;justify-content:center;width:60px}.icon-3d-pulse{animation:icon3dPulse 1.5s ease-in-out infinite;background:linear-gradient(45deg,#00d4ff,#0f8);border-radius:50%;height:30px;width:30px}.header-info{flex:1}.header-title{color:#00d4ff;font-size:24px;font-weight:700;margin-bottom:5px;text-shadow:0 0 15px #00d4ff99}.header-subtitle{color:#8fb3d1;font-size:14px;font-weight:500}.header-stats{display:flex;gap:20px}.stat-item{background:#00d4ff1a;border-radius:8px;padding:10px}.stat-icon{animation:statIconPulse 2s ease-in-out infinite;font-size:20px;margin-bottom:5px}.stat-value{color:#00d4ff;font-size:18px;text-shadow:0 0 10px #00d4ff80}.stat-label{color:#8fb3d1;font-size:11px;margin-top:2px}.event-3d-grid{display:flex;flex-direction:column;margin-bottom:30px}.event-3d-grid,.event-row{gap:20px;perspective:1000px}.event-row{display:grid;grid-template-columns:repeat(4,1fr)}.card-3d-container{cursor:pointer;perspective:1000px;transform-style:preserve-3d;transition:all .3s ease}.card-3d-container:hover{transform:scale(1.05)!important}.card-3d{animation:card3dFloat 6s ease-in-out infinite;height:120px;position:relative;transform-style:preserve-3d;width:100%}.card-3d:first-child{animation-delay:0s}.card-3d:nth-child(2){animation-delay:1s}.card-3d:nth-child(3){animation-delay:2s}.card-3d:nth-child(4){animation-delay:3s}.card-3d:nth-child(5){animation-delay:4s}.card-3d:nth-child(6){animation-delay:5s}.card-front{align-items:center;backdrop-filter:blur(10px);backface-visibility:hidden;background:linear-gradient(135deg,#001428e6,#002850b3);border:1px solid #00d4ff66;border-radius:12px;box-shadow:0 8px 25px #00d4ff33;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%}.card-value{font-size:28px;margin-bottom:5px;text-shadow:0 0 15px #00d4ffcc}.card-label{font-size:12px}.card-status{align-items:center;display:flex;gap:5px}.status-dot{animation:status3dPulse 2s ease-in-out infinite;border-radius:50%;height:8px;width:8px}.status-dot.active{background:#0f8;box-shadow:0 0 10px #0f89}.status-dot.warning{background:#ffc107;box-shadow:0 0 10px #ffc10799}.status-dot.danger{background:#ff4757;box-shadow:0 0 10px #ff475799}.status-text{color:#8fb3d1;font-size:10px;font-weight:500}.card-back{align-items:center;backface-visibility:hidden;background:linear-gradient(135deg,#001428f2,#002850cc);border:1px solid #00d4ff66;border-radius:12px;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;position:absolute;position:relative;transform:rotateY(180deg);width:100%}.back-pattern{animation:pattern3dMove 4s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#00d4ff1a 50%,#0000 70%);bottom:0;left:0;position:absolute;right:0;top:0}.back-info{position:relative;text-align:center;z-index:2}.back-title{color:#00d4ff;font-size:14px}.back-title,.back-value{font-weight:700;margin-bottom:5px}.back-value{color:#fff;font-size:20px}.back-status{color:#8fb3d1;font-size:10px}.card-side{background:#00d4ff33;border:1px solid #00d4ff4d;position:absolute}.card-side.top{height:10px;top:-10px;transform:rotateX(90deg);transform-origin:bottom;width:100%}.card-side.bottom{bottom:-10px;height:10px;transform:rotateX(-90deg);transform-origin:top;width:100%}.card-side.left{height:100%;left:-10px;transform:rotateY(-90deg);transform-origin:right;width:10px}.card-side.right{height:100%;right:-10px;transform:rotateY(90deg);transform-origin:left;width:10px}.card-glow{animation:glow3dRotate 3s linear infinite;background:linear-gradient(45deg,#00d4ff4d,#0000,#00d4ff4d);border-radius:16px;bottom:-5px;left:-5px;right:-5px;top:-5px;z-index:-1}.card-particles{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.particle{animation:particle3D 4s ease-in-out infinite;background:#00d4ffcc}.particle:first-child{left:20%;top:20%}.particle:nth-child(2){animation-delay:.8s;right:25%;top:30%}.particle:nth-child(3){animation-delay:1.6s;bottom:25%;left:30%}.particle:nth-child(4){animation-delay:2.4s;bottom:35%;right:20%}.particle:nth-child(5){animation-delay:3.2s;left:50%;top:50%}.event-3d-footer{align-items:center;backdrop-filter:blur(10px);background:#00142899;border:1px solid #00d4ff33;border-radius:10px;display:flex;justify-content:space-between;padding:15px 20px}.footer-alert,.footer-status,.footer-time{align-items:center;display:flex;gap:8px}.footer-icon{animation:footerIconPulse 2s ease-in-out infinite;font-size:16px}.footer-text{color:#8fb3d1;font-size:12px;font-weight:500}@keyframes card3dPulse{0%,to{box-shadow:0 10px 40px #00d4ff26}50%{box-shadow:0 15px 50px #00d4ff40}}@keyframes icon3dPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes card3dFloat{0%,to{transform:translateY(0) rotateX(0deg)}50%{transform:translateY(-5px) rotateX(2deg)}}@keyframes status3dPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes pattern3dMove{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes glow3dRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes particle3D{0%,to{opacity:0;transform:translateY(0) scale(.5)}50%{opacity:1;transform:translateY(-20px) scale(1)}}@keyframes statIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes footerIconPulse{0%,to{opacity:.7}50%{opacity:1}}.recognition-stats{background:linear-gradient(135deg,#001428cc,#00285099);border:1px solid #00d4ff4d;border-radius:8px;padding:20px;position:relative;z-index:1}.recognition-stats .recognition-title{color:#00d4ff;font-size:20px;margin-bottom:20px;text-shadow:0 0 10px #00d4ff80}.recognition-content{align-items:center;display:flex;gap:40px}.recognition-circle{flex-shrink:0;position:relative}.circle-progress{align-items:center;background:conic-gradient(from 0deg,#00d4ff 0deg,#00d4ff 344deg,#00d4ff4d 344deg);border:6px solid #00d4ff4d;border-radius:50%;display:flex;flex-direction:column;height:100px;justify-content:center;position:relative;width:100px}.circle-progress:before{background:linear-gradient(135deg,#0a0e27,#1a1a2e 50%,#16213e);border-radius:50%;bottom:4px;content:"";left:4px;position:absolute;right:4px;top:4px}.progress-value{color:#00d4ff;font-size:24px;font-weight:700;position:relative;text-shadow:0 0 10px #00d4ff80;z-index:2}.progress-label{color:#8fb3d1;font-size:12px;margin-top:5px;position:relative;z-index:2}.recognition-details{display:grid;flex:1;gap:20px;grid-template-columns:repeat(3,1fr)}.tech-card{align-items:center;backdrop-filter:blur(10px);background:linear-gradient(135deg,#001428e6,#002850b3);border:1px solid #00d4ff4d;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .3s ease}.tech-card:hover{border-color:#00d4ff99;box-shadow:0 10px 30px #00d4ff33;transform:translateY(-5px)}.tech-card.primary{border-color:#00d4ff66;box-shadow:0 0 20px #00d4ff1a}.tech-card.secondary{border-color:#0f86;box-shadow:0 0 20px #00ff881a}.tech-card.tertiary{border-color:#ffc10766;box-shadow:0 0 20px #ffc1071a}.card-icon{margin-bottom:15px;position:relative;z-index:2}.icon-circle{align-items:center;background:linear-gradient(135deg,#00d4ff33,#00ff881a);border:2px solid #00d4ff4d;border-radius:50%;display:flex;height:50px;justify-content:center;overflow:hidden;position:relative;width:50px}.icon-circle:before{animation:iconRotate 3s linear infinite;background:linear-gradient(45deg,#00d4ff4d,#0000,#00d4ff4d);border-radius:50%;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.icon-symbol{color:#00d4ff;font-size:24px;text-shadow:0 0 10px #00d4ff80}.card-content,.icon-symbol{position:relative;z-index:2}.card-content{width:100%}.card-label{color:#8fb3d1;font-size:13px;font-weight:500;letter-spacing:.5px;margin-bottom:8px}.card-value{color:#00d4ff;font-size:24px;font-weight:700;margin-bottom:10px;text-shadow:0 0 10px #00d4ff80}.card-trend{align-items:center;color:#0f8;display:flex;font-size:11px;gap:5px;justify-content:center}.trend-indicator{animation:trendPulse 2s ease-in-out infinite;font-size:14px}.trend-text{font-weight:500;text-shadow:0 0 5px #00ff884d}.card-glow{animation:cardShimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#00d4ff0d 50%,#0000 70%);border-radius:12px;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}@keyframes trendPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes cardShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.vehicle-wave-dashboard{backdrop-filter:blur(10px);background:linear-gradient(135deg,#001428e6,#002850b3);border:1px solid #00d4ff66;border-radius:12px;box-shadow:0 8px 32px #00d4ff1a;overflow:hidden;padding:25px;position:relative;z-index:1}.vehicle-wave-dashboard:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#00d4ff0d 50%,#0000 70%);border-radius:12px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.wave-title{color:#00d4ff;font-size:22px;margin-bottom:25px;position:relative;text-align:center;text-shadow:0 0 15px #00d4ff99;z-index:2}.wave-container-two-column{display:grid;gap:20px;grid-template-columns:1fr 1fr;position:relative;z-index:2}.wave-section{background:#00142899;border:1px solid #00d4ff33;border-radius:15px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.wave-section:hover{background:#001428cc;border-color:#00d4ff66}.wave-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.wave-icon-small{animation:waveBounce 2s ease-in-out infinite;font-size:20px}.wave-title-small{color:#00d4ff;font-size:16px;font-weight:700}.wave-value-display{color:#fff;font-size:28px;font-weight:700;margin-bottom:15px;text-align:center;text-shadow:0 0 10px #ffffff80}.wave-container-small{background:#001428cc;border-radius:10px;height:80px;margin-bottom:15px;overflow:hidden;position:relative}.wave-wrapper{height:100%;position:relative;width:100%}.wave-svg{height:100%;left:0;position:absolute;top:0;width:100%}.wave-path{animation:waveMove 4s ease-in-out infinite}.in-wave-path{animation:waveMove 3s ease-in-out infinite}.out-wave-path{animation:waveMove 3.5s ease-in-out infinite reverse}.in-wave-path-2{animation:waveMove 2.5s ease-in-out infinite}.out-wave-path-2{animation:waveMove 3s ease-in-out infinite reverse}.wave-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.wave-particle{animation:waveParticle 3s linear infinite;border-radius:50%;height:6px;position:absolute;width:6px}.in-wave-particle{animation:waveParticleIn 3s linear infinite;background:linear-gradient(45deg,#00d4ff,#0f8);box-shadow:0 0 8px #00d4ff99}.out-wave-particle{animation:waveParticleOut 3s linear infinite;background:linear-gradient(45deg,#ff6b6b,orange);box-shadow:0 0 8px #ff6b6b99}.wave-info{align-items:center;color:#8fb3d1;display:flex;font-size:12px;gap:10px;justify-content:center}.wave-percentage{color:#00d4ff;font-size:14px;font-weight:700}.wave-unit{font-size:12px}@keyframes waveFloat{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-5px) rotate(2deg)}50%{transform:translateY(-10px) rotate(0deg)}75%{transform:translateY(-5px) rotate(-2deg)}}@keyframes waveBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.1)}}@keyframes ripple{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}@keyframes waveMove{0%{transform:translateX(-10px)}50%{transform:translateX(10px)}to{transform:translateX(-10px)}}@keyframes waveParticle{0%{opacity:.8;transform:translateY(0) scale(.8)}50%{opacity:1;transform:translateY(-20px) scale(1.2)}to{opacity:0;transform:translateY(-40px) scale(.8)}}@keyframes waveParticleIn{0%{opacity:.8;transform:translateY(0) translateX(0) scale(.8)}25%{opacity:1;transform:translateY(-15px) translateX(10px) scale(1.1)}50%{opacity:.9;transform:translateY(-30px) translateX(-5px) scale(1.3)}75%{opacity:.7;transform:translateY(-45px) translateX(15px) scale(1.1)}to{opacity:0;transform:translateY(-60px) translateX(0) scale(.8)}}@keyframes waveParticleOut{0%{opacity:.8;transform:translateY(0) translateX(0) scale(.8)}25%{opacity:1;transform:translateY(-15px) translateX(-10px) scale(1.1)}50%{opacity:.9;transform:translateY(-30px) translateX(5px) scale(1.3)}75%{opacity:.7;transform:translateY(-45px) translateX(-15px) scale(1.1)}to{opacity:0;transform:translateY(-60px) translateX(0) scale(.8)}}.vehicle-droplets:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#00d4ff0d 50%,#0000 70%);border-radius:12px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.vehicle-droplets .droplets-title{color:#00d4ff;font-size:22px;margin-bottom:25px;position:relative;text-shadow:0 0 15px #00d4ff99;z-index:2}.droplets-container{gap:30px;justify-content:space-between}.droplets-container,.triangular-layout{align-items:center;display:flex;position:relative;z-index:2}.triangular-layout{flex-direction:column;gap:20px}.top-row{justify-content:center}.bottom-row,.top-row{display:flex;width:100%}.bottom-row{justify-content:space-between;max-width:300px}.center-droplet{margin:0 auto}.left-droplet{margin-right:auto}.right-droplet{margin-left:auto}.clickable-title{position:relative;transition:all .3s ease}.clickable-title:hover{color:#0f8!important;text-shadow:0 0 10px #00ff8880;transform:translateY(-1px)}.clickable-title:active{transform:translateY(0)}.tech-droplet{align-items:center;animation:dropletFloat 4s ease-in-out infinite;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;cursor:pointer;display:flex;flex-direction:column;height:120px;justify-content:center;position:relative;transition:all .3s ease;width:120px}.tech-droplet:hover{animation-play-state:paused;transform:scale(1.05)}.tech-droplet.primary,.tech-droplet.secondary{background:radial-gradient(circle at 30% 30%,#87cefacc 0,#add8e699 40%,#001428b3 100%);box-shadow:0 0 30px #87cefa66}.tech-droplet.secondary{animation-delay:1.3s}.tech-droplet.tertiary{animation-delay:2.6s;background:radial-gradient(circle at 30% 30%,#87cefacc 0,#add8e699 40%,#001428b3 100%);box-shadow:0 0 30px #87cefa66}.droplet-glow{animation:dropletGlow 2s ease-in-out infinite alternate;border-radius:50%;bottom:-15px;left:-15px;position:absolute;right:-15px;top:-15px;z-index:-1}.tech-droplet.primary .droplet-glow,.tech-droplet.secondary .droplet-glow,.tech-droplet.tertiary .droplet-glow{background:radial-gradient(circle,#87cefa4d 0,#0000 70%)}.droplet-particles{border-radius:50%;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.droplet-particles:before{animation:particleFloat 3s ease-in-out infinite;background:#fffc;border-radius:50%;content:"";height:4px;left:20%;position:absolute;top:20%;width:4px}.droplet-particles:after{animation:particleFloat 3s ease-in-out 1.5s infinite;background:#fff9;border-radius:50%;content:"";height:2px;position:absolute;right:25%;top:60%;width:2px}.droplet-content{position:relative;text-align:center;z-index:3}.droplet-value{color:#fff;font-size:32px;font-weight:700;line-height:1;margin-bottom:8px;text-shadow:0 0 15px #fffc}.droplet-label{color:#b3d9ff;font-size:13px;font-weight:500;letter-spacing:.5px;text-shadow:0 0 8px #b3d9ff80}@keyframes dropletFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-8px) rotate(1deg)}66%{transform:translateY(-4px) rotate(-1deg)}}@keyframes dropletGlow{0%{opacity:.3;transform:scale(1)}to{opacity:.8;transform:scale(1.1)}}@media (max-width:1400px){.stats-row{flex-direction:column;gap:15px}.stats-row>div{margin-bottom:15px}.event-cards{grid-template-columns:repeat(6,1fr)}.event-card{height:120px}.circle-progress{border:8px solid #00d4ff4d}.circle-progress,.main-droplet{height:120px;width:120px}.sub-droplet{height:80px}}@media (max-width:1200px){.charts-section-row,.stats-row{flex-direction:column}}.loading-container{background:linear-gradient(135deg,#0a0e27,#1a1a2e 50%,#16213e);flex-direction:column;height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #00d4ff4d;border-radius:50%;border-top-color:#00d4ff;height:50px;margin-bottom:20px;width:50px}.loading-text{color:#00d4ff;text-shadow:0 0 10px #00d4ff80}.error-container{align-items:center;background:linear-gradient(135deg,#0a0e27,#1a1a2e 50%,#16213e);display:flex;flex-direction:column;height:100vh;justify-content:center}.error-icon{font-size:64px;margin-bottom:20px}.error-text{color:#ff6b6b;font-size:18px;margin-bottom:30px;max-width:400px;text-align:center}.retry-button{background:linear-gradient(135deg,#00d4ff,#0f8);border:none;border-radius:8px;box-shadow:0 4px 15px #00d4ff4d;color:#000;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:all .3s ease}.retry-button:hover{box-shadow:0 6px 20px #00d4ff66;transform:translateY(-2px)}.charts-section{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);position:relative;z-index:1}.chart-section-single,.charts-section{margin-bottom:30px}.chart-section-single .chart-container{width:100%}.charts-section-row{display:flex;gap:20px;margin-bottom:30px}.charts-section-row .chart-container{flex:1}.chart-container{background:linear-gradient(135deg,#001428cc,#00285099);border-radius:8px;overflow:hidden}.chart-container:before{animation:chartShine 4s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#00d4ff0d 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.chart-content{height:300px;position:relative;width:100%;z-index:2}@keyframes chartShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.realtime-records{position:relative;z-index:1}.records-grid{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.record-panel{background:linear-gradient(135deg,#001428cc,#00285099);border:1px solid #00d4ff4d;border-radius:8px;overflow:hidden;padding:20px;position:relative}.record-panel:before{animation:recordShine 5s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#00d4ff0d 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.panel-header{gap:10px;margin-bottom:15px;position:relative;z-index:2}.panel-icon{color:#00d4ff;font-size:20px;position:relative}.panel-icon .icon-ring{animation:iconRotate 2s linear infinite;border:2px solid #00d4ff4d;border-radius:50%;bottom:-5px;left:-5px;position:absolute;right:-5px;top:-5px}.panel-icon .icon-glow{animation:iconGlow 2s ease-in-out infinite alternate;background:radial-gradient(circle,#00d4ff33 0,#0000 70%);border-radius:50%;bottom:-8px;left:-8px;position:absolute;right:-8px;top:-8px}.panel-title{color:#00d4ff;font-size:16px;font-weight:700}.record-list{max-height:200px;overflow-y:auto;position:relative;z-index:2}.record-itemx{animation:recordSlideIn .5s ease-out;border-bottom:1px solid #00d4ff1a;gap:10px;padding:8px 0}.record-itemx:last-child{border-bottom:none}.record-itemx .record-icon{flex-shrink:0;height:20px;position:relative;width:20px}.record-itemx .record-icon .icon-ring{animation:recordIconRotate 3s linear infinite;border:1px solid #00d4ff4d;border-radius:50%;bottom:0;left:0;position:absolute;right:0;top:0}.record-itemx .record-icon .icon-glow{animation:recordIconGlow 2s ease-in-out infinite alternate;background:radial-gradient(circle,#00d4ff1a 0,#0000 70%);border-radius:50%;bottom:-2px;left:-2px;position:absolute;right:-2px;top:-2px}.record-text{color:#fff;font-size:12px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-time{color:#8fb3d1;font-size:10px}@keyframes iconRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes iconGlow{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.1)}}@keyframes recordShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes recordSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes recordIconRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes recordIconGlow{0%{opacity:.2;transform:scale(1)}to{opacity:.4;transform:scale(1.05)}}@media (max-width:1200px){.metrics-row{grid-template-columns:repeat(2,1fr)}.charge-cards{grid-template-columns:repeat(3,1fr)}.pie-cards{grid-template-columns:repeat(2,1fr)}.event-cards{grid-template-columns:repeat(3,1fr)}.records-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.whitelist-data-screen{padding:10px}.charge-cards,.metrics-row,.pie-cards{grid-template-columns:1fr}.event-cards{grid-template-columns:repeat(2,1fr)}.charts-section,.records-grid{grid-template-columns:1fr}.dashboard-content,.droplets-container,.recognition-content{flex-direction:column;gap:20px}}.chart-container{backdrop-filter:blur(10px);background:#00142899;border:1px solid #00d4ff4d;border-radius:12px;padding:20px;position:relative;width:100%}.header-line{background:linear-gradient(90deg,#00d4ffcc,#0000);flex:1;height:2px;margin-left:15px}.realtime-records-wrapper{display:flex;gap:20px;margin-bottom:20px}.realtime-records-container{backdrop-filter:blur(10px);background:#00142899;border:1px solid #00d4ff4d;border-radius:12px;padding:20px}.realtime-records-container.half-width{flex:1}.chart-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.chart-header h3{color:#00d4ff;font-size:18px;margin:0;text-shadow:0 0 10px #00d4ff80;white-space:nowrap}.chart-header .header-line{background:linear-gradient(90deg,#00d4ffcc,#0000);flex:1;height:2px}.record-count{background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:12px;color:#8fb3d1;font-size:12px;padding:4px 12px;white-space:nowrap}.realtime-records-scroll{max-height:600px;overflow-x:hidden;overflow-y:auto;padding:10px 0;position:relative}.realtime-records-scroll::-webkit-scrollbar{width:8px}.realtime-records-scroll::-webkit-scrollbar-track{background:#0014284d;border-radius:4px}.realtime-records-scroll::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:4px}.realtime-records-scroll::-webkit-scrollbar-thumb:hover{background:#00d4ff80}.records-listx{display:block}.record-itemx{align-items:center;background:#00326433;border-left:4px solid;border-radius:8px;display:flex;gap:15px;margin-bottom:10px;overflow:hidden;padding:15px 20px;position:relative;transition:all .3s ease}.record-itemx:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.record-itemx.in{background:#00ff880d;border-left-color:#0f8;color:#0f8}.record-itemx.in:hover{background:#00ff8826;border-left-color:#0fa;box-shadow:0 5px 20px #00ff884d;transform:translateX(5px)}.record-itemx.out{background:#ff4d4f0d;border-left-color:#ff4d4f;color:#ff4d4f}.record-itemx.out:hover{background:#ff4d4f26;border-left-color:#f67;box-shadow:0 5px 20px #ff4d4f4d;transform:translateX(5px)}.record-icon-tech{flex-shrink:0;height:60px;position:relative;width:60px}.icon-ring{border:2px solid;border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.icon-ring.outer-ring{animation:ringRotate 4s linear infinite;border-color:currentColor;height:100%;opacity:.3;width:100%}.icon-ring.inner-ring,.icon-ring.middle-ring{display:none}.icon-core{align-items:center;background:#001428cc;border-radius:50%;display:flex;height:50%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50%;z-index:2}.icon-in-symbol{animation:inSymbolPulse 2s ease-in-out infinite;color:#0f8;text-shadow:0 0 10px #00ff8880}.icon-in-symbol,.icon-out-symbol{align-items:center;display:flex;font-size:16px;font-weight:700;height:100%;justify-content:center;position:relative;width:100%}.icon-out-symbol{animation:outSymbolPulse 2s ease-in-out infinite;color:#ff6b6b;text-shadow:0 0 10px #ff6b6b80}.icon-glow{animation:glowPulse 2s ease-in-out infinite;border-radius:50%;height:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px;z-index:0}.record-itemx.in .icon-glow{background:radial-gradient(circle,#0f86,#0000)}.record-itemx.out .icon-glow{background:radial-gradient(circle,#ff4d4f66,#0000)}.icon-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.particle{animation:particleFloat 2s ease-in-out infinite;background:currentColor;border-radius:50%;height:3px;opacity:0;position:absolute;width:3px}.particle:first-child{animation-delay:0s;left:50%;top:0}.particle:nth-child(2){animation-delay:.5s;right:0;top:50%}.particle:nth-child(3){animation-delay:1s;bottom:0;left:50%}.particle:nth-child(4){animation-delay:1.5s;left:0;top:50%}.record-content{flex:1;min-width:0}.record-content .record-text{color:#fff;font-size:14px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-content .record-time{color:#8fb3d1;font-size:12px;opacity:.7}.record-badge{animation:badgeGlow 2s ease-in-out infinite;border-radius:12px;box-shadow:0 2px 8px #0003;color:#fff;flex-shrink:0;font-size:12px;font-weight:700;padding:4px 12px;text-shadow:0 0 5px #0000004d}.record-badge.in{backdrop-filter:blur(10px);background:linear-gradient(135deg,#00ff881a,#00ff880d);border:1px solid #00ff884d;box-shadow:0 4px 15px #0f83}.record-badge.out{backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff4d4f1a,#ee22330d);border:1px solid #ff4d4f4d;box-shadow:0 4px 15px #ff4d4f33}.no-data-tip{align-items:center;color:#8fb3d1;display:flex;flex-direction:column;height:300px;justify-content:center}.icon-arrow-down,.icon-arrow-up{animation:bounce 2s ease-in-out infinite;font-size:48px;margin-bottom:15px;opacity:.5}.tip-text{font-size:14px;opacity:.7}.slide-up-enter{opacity:0;transform:translateY(-20px)}.slide-up-enter-active{opacity:1;transform:translateY(0);transition:all .5s ease}.slide-up-exit{opacity:1;transform:translateX(0)}.slide-up-exit-active{opacity:0;transform:translateX(100%);transition:all .3s ease}@keyframes ringRotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes inSymbolPulse{0%,to{opacity:1;text-shadow:0 0 10px #00ff8880;transform:scale(1)}50%{opacity:.8;text-shadow:0 0 20px #0f8c;transform:scale(1.1)}}@keyframes outSymbolPulse{0%,to{opacity:1;text-shadow:0 0 10px #ff6b6b80;transform:scale(1)}50%{opacity:.8;text-shadow:0 0 20px #ff6b6bcc;transform:scale(1.1)}}@keyframes glowPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}@keyframes particleFloat{0%{opacity:0;transform:translate(0) scale(0)}50%{opacity:1}to{opacity:0;transform:translate(var(--particle-x,0),var(--particle-y,-20px)) scale(1)}}@keyframes badgeGlow{0%,to{box-shadow:0 2px 8px #0003}50%{box-shadow:0 2px 15px currentColor}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.realtime-records-wrapper{flex-direction:column}.realtime-records-container.half-width{width:100%}}.realtime-charge-wrapper{margin-bottom:20px}.realtime-charge-wrapper .chart-container{backdrop-filter:blur(10px);background:#00142899;border:1px solid #00d4ff4d;border-radius:12px;padding:20px}.realtime-charge-wrapper .chart-container.realtime-records-container{width:100%}.realtime-charge-wrapper .chart-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.realtime-charge-wrapper .chart-header h3{color:#00d4ff;font-size:18px;margin:0;text-shadow:0 0 10px #00d4ff80;white-space:nowrap}.realtime-charge-wrapper .chart-header .header-line{background:linear-gradient(90deg,#00d4ffcc,#0000);flex:1;height:2px}.realtime-charge-wrapper .record-count{background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:12px;color:#8fb3d1;font-size:12px;padding:4px 12px;white-space:nowrap}.realtime-charge-wrapper .realtime-records-scroll{max-height:600px;overflow-x:hidden;overflow-y:auto;padding:10px 0;position:relative}.realtime-charge-wrapper .realtime-records-scroll::-webkit-scrollbar{width:8px}.realtime-charge-wrapper .realtime-records-scroll::-webkit-scrollbar-track{background:#0014284d;border-radius:4px}.realtime-charge-wrapper .realtime-records-scroll::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:4px}.realtime-charge-wrapper .realtime-records-scroll::-webkit-scrollbar-thumb:hover{background:#00d4ff80}.realtime-charge-wrapper .records-listx{display:block}.record-itemx.charge{background:#00bcd40d;border-left-color:#4fc3f7;color:#4fc3f7}.record-itemx.charge:hover{background:#00bcd426;border-left-color:#4fc3f7;box-shadow:0 5px 20px #00bcd44d;transform:translateX(5px)}.record-itemx.charge .icon-glow{background:radial-gradient(circle,#00bcd466,#0000)}.record-itemx.charge .record-badge{backdrop-filter:blur(10px);background:linear-gradient(135deg,#4fc3f71a,#29b6f60d);border:1px solid #4fc3f74d;box-shadow:0 4px 15px #4fc3f733}.icon-money-symbol{align-items:center;animation:moneySymbolPulse 2s ease-in-out infinite;color:#fff;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;position:relative;text-shadow:0 0 10px #ffffff80;width:100%}.realtime-charge-wrapper .no-data-tip{align-items:center;color:#8fb3d1;display:flex;flex-direction:column;height:300px;justify-content:center}.realtime-charge-wrapper .icon-money{animation:bounce 2s ease-in-out infinite;font-size:48px;font-weight:700;margin-bottom:15px;opacity:.5}.realtime-charge-wrapper .tip-text{font-size:14px;opacity:.7}@keyframes moneySymbolPulse{0%,to{opacity:1;text-shadow:0 0 10px #ffffff80;transform:scale(1)}50%{opacity:.8;text-shadow:0 0 20px #fffc;transform:scale(1.1)}}@media (max-width:768px){.realtime-charge-wrapper{width:100%}.realtime-charge-wrapper .record-content .record-text{font-size:12px}}.realtime-event-wrapper{margin-bottom:20px}.realtime-event-wrapper .chart-container{backdrop-filter:blur(10px);background:#00142899;border:1px solid #00d4ff4d;border-radius:12px;padding:20px}.realtime-event-wrapper .chart-container.event-records-container{width:100%}.realtime-event-wrapper .chart-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.realtime-event-wrapper .chart-header h3{color:#00d4ff;font-size:18px;margin:0;text-shadow:0 0 10px #00d4ff80;white-space:nowrap}.realtime-event-wrapper .chart-header .header-line{background:linear-gradient(90deg,#00d4ffcc,#0000);flex:1;height:2px}.realtime-event-wrapper .record-count{background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:12px;color:#8fb3d1;font-size:12px;padding:4px 12px;white-space:nowrap}.event-records-waterfall{max-height:600px;overflow-x:hidden;overflow-y:auto;padding:10px 0;position:relative}.event-records-waterfall::-webkit-scrollbar{width:8px}.event-records-waterfall::-webkit-scrollbar-track{background:#0014284d;border-radius:4px}.event-records-waterfall::-webkit-scrollbar-thumb{background:#ff98004d;border-radius:4px}.event-records-waterfall::-webkit-scrollbar-thumb:hover{background:#ff980080}.event-records-waterfall .records-listx{display:block}.event-item{align-items:center;background:#321e0033;border-left:4px solid;border-radius:8px;display:flex;gap:15px;margin-bottom:10px;overflow:hidden;padding:15px 20px;position:relative;transition:all .3s ease}.event-item:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.event-item.state-pending{background:#ff98000d;border-left-color:#ff9800;color:#ff9800}.event-item.state-pending:hover{background:#ff980026;border-left-color:#ffb84d;box-shadow:0 5px 20px #ff98004d;transform:translateX(5px)}.event-item.state-pending .event-icon-tech .icon-glow{background:radial-gradient(circle,#ff980066,#0000)}.event-item.state-pending .event-badge{background:linear-gradient(135deg,#ff98004d,#ff70004d);border-color:#ff9800;box-shadow:0 0 15px #ff980080,inset 0 0 10px #ff980033;text-shadow:0 0 8px #ff9800cc}.event-item.state-pending .event-badge:hover{box-shadow:0 0 25px #ff9800cc,inset 0 0 15px #ff98004d}.event-item.state-auto{background:#00bcd40d;border-left-color:#00bcd4;color:#00bcd4}.event-item.state-auto:hover{background:#00bcd426;border-left-color:#4dd0e1;box-shadow:0 5px 20px #00bcd44d;transform:translateX(5px)}.event-item.state-auto .event-icon-tech .icon-glow{background:radial-gradient(circle,#00bcd466,#0000)}.event-item.state-auto .event-badge{background:linear-gradient(135deg,#00bcd44d,#0097a74d);border-color:#00bcd4;box-shadow:0 0 15px #00bcd480,inset 0 0 10px #00bcd433;text-shadow:0 0 8px #00bcd4cc}.event-item.state-auto .event-badge:hover{box-shadow:0 0 25px #00bcd4cc,inset 0 0 15px #00bcd44d}.event-item.state-manual{background:#4caf500d;border-left-color:#4caf50;color:#4caf50}.event-item.state-manual:hover{background:#4caf5026;border-left-color:#66bb6a;box-shadow:0 5px 20px #4caf504d;transform:translateX(5px)}.event-item.state-manual .event-icon-tech .icon-glow{background:radial-gradient(circle,#4caf5066,#0000)}.event-item.state-manual .event-badge{background:linear-gradient(135deg,#4caf504d,#388e3c4d);border-color:#4caf50;box-shadow:0 0 15px #4caf5080,inset 0 0 10px #4caf5033;text-shadow:0 0 8px #4caf50cc}.event-item.state-manual .event-badge:hover{box-shadow:0 0 25px #4caf50cc,inset 0 0 15px #4caf504d}.event-icon-tech{flex-shrink:0;height:60px;position:relative;width:60px}.event-icon-tech .icon-ring{border:2px solid;border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.event-icon-tech .icon-ring.outer-ring{animation:ringRotate 4s linear infinite;border-color:currentColor;height:100%;opacity:.3;width:100%}.event-icon-tech .icon-ring.inner-ring,.event-icon-tech .icon-ring.middle-ring{display:none}.event-icon-tech .icon-warning{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.event-icon-tech .warning-triangle{animation:trianglePulse 2s ease-in-out infinite;border-color:#0000 #0000 currentcolor;border-style:solid;border-width:0 12px 20px;height:0;position:relative;width:0}.event-icon-tech .warning-mark{color:#001428;font-size:14px;font-weight:700;left:50%;position:absolute;text-shadow:none;top:5px;transform:translateX(-50%)}.event-icon-tech .icon-glow{animation:glowPulse 2s ease-in-out infinite;background:radial-gradient(circle,#ffffff4d,#0000);border-radius:50%;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1}.event-icon-tech .icon-particles{display:none}.event-content{flex:1;min-width:0;pointer-events:none}.event-content .event-text{font-size:14px;font-weight:500;margin-bottom:5px}.event-content .event-detail,.event-content .event-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-content .event-detail{color:#8fb3d1;font-size:12px;margin-bottom:3px}.event-content .event-time{color:#627a8f;font-size:11px;opacity:.8}.event-badge{border:1px solid;border-radius:20px;flex-shrink:0;font-size:12px;font-weight:500;overflow:hidden;padding:8px 16px;position:relative;transition:all .3s ease;white-space:nowrap}.realtime-event-wrapper .no-data-tip{align-items:center;color:#8fb3d1;display:flex;flex-direction:column;height:300px;justify-content:center}.realtime-event-wrapper .icon-warning{animation:bounce 2s ease-in-out infinite;font-size:48px;font-weight:700;margin-bottom:15px;opacity:.5}.realtime-event-wrapper .tip-text{font-size:14px;opacity:.7}@keyframes trianglePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@media (max-width:768px){.realtime-event-wrapper{width:100%}.event-content .event-text{font-size:12px}.event-badge{font-size:11px;padding:6px 12px}}.chart-container.hourly-trend-container{backdrop-filter:blur(10px);background:#00142899;border:1px solid #00d4ff4d;border-radius:12px;margin-bottom:20px;padding:20px;width:100%}.chart-container.hourly-trend-container .chart-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.chart-container.hourly-trend-container .chart-header h3{color:#00d4ff;font-size:18px;font-weight:600;margin:0;text-shadow:0 0 10px #00d4ff80;white-space:nowrap}.chart-container.hourly-trend-container .chart-header .header-line{background:linear-gradient(90deg,#00d4ffcc,#0000);flex:1;height:2px}.hourly-trend-chart{height:400px;width:100%}.chart-container.hourly-trend-container .no-data-tip{align-items:center;color:#8fb3d1;display:flex;flex-direction:column;height:400px;justify-content:center}.chart-container.hourly-trend-container .no-data-tip .icon-chart{animation:bounce 2s ease-in-out infinite;font-size:48px;margin-bottom:15px;opacity:.5}.chart-container.hourly-trend-container .no-data-tip .tip-text{font-size:14px;opacity:.7}@media (max-width:768px){.hourly-trend-chart{height:300px}.chart-container.hourly-trend-container .chart-header h3{font-size:16px}}.chart-container.vehicle-flow-container{backdrop-filter:blur(10px);background:#00142899;border:1px solid #00d4ff4d;border-radius:12px;flex:1;margin-bottom:20px;padding:20px}.chart-container.vehicle-flow-container .chart-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.chart-container.vehicle-flow-container .chart-header h3{color:#00d4ff;font-size:18px;font-weight:600;margin:0;text-shadow:0 0 10px #00d4ff80;white-space:nowrap}.chart-container.vehicle-flow-container .chart-header .header-line{background:linear-gradient(90deg,#00d4ffcc,#0000);flex:1;height:2px}.vehicle-flow-chart{height:400px;width:100%}.chart-container.vehicle-flow-container .no-data-tip{align-items:center;color:#8fb3d1;display:flex;flex-direction:column;height:400px;justify-content:center}.chart-container.vehicle-flow-container .no-data-tip .icon-chart{animation:bounce 2s ease-in-out infinite;font-size:48px;margin-bottom:15px;opacity:.5}.chart-container.vehicle-flow-container .no-data-tip .tip-text{font-size:14px;opacity:.7}@media (max-width:768px){.vehicle-flow-chart{height:300px}.chart-container.vehicle-flow-container .chart-header h3{font-size:16px}}.chart-container.vehicle-type-container{backdrop-filter:blur(10px);background:#00142899;border:1px solid #00d4ff4d;border-radius:12px;flex:1;margin-bottom:20px;padding:20px}.chart-container.vehicle-type-container .chart-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.chart-container.vehicle-type-container .chart-header h3{color:#00d4ff;font-size:18px;font-weight:600;margin:0;text-shadow:0 0 10px #00d4ff80;white-space:nowrap}.chart-container.vehicle-type-container .chart-header .header-line{background:linear-gradient(90deg,#00d4ffcc,#0000);flex:1;height:2px}.vehicle-type-chart{height:400px;width:100%}.chart-container.vehicle-type-container .no-data-tip{align-items:center;color:#8fb3d1;display:flex;flex-direction:column;height:400px;justify-content:center}.chart-container.vehicle-type-container .no-data-tip .icon-chart{animation:bounce 2s ease-in-out infinite;font-size:48px;margin-bottom:15px;opacity:.5}.chart-container.vehicle-type-container .no-data-tip .tip-text{font-size:14px;opacity:.7}@media (max-width:768px){.vehicle-type-chart{height:300px}.chart-container.vehicle-type-container .chart-header h3{font-size:16px}}.chart-container.payment-method-container{backdrop-filter:blur(10px);background:#00142899;border:1px solid #00d4ff4d;border-radius:12px;margin-bottom:20px;padding:20px;width:100%}.chart-container.payment-method-container .chart-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.chart-container.payment-method-container .chart-header h3{color:#00d4ff;font-size:18px;font-weight:600;margin:0;text-shadow:0 0 10px #00d4ff80;white-space:nowrap}.chart-container.payment-method-container .chart-header .header-line{background:linear-gradient(90deg,#00d4ffcc,#0000);flex:1;height:2px}.payment-pie-grid{display:grid;gap:15px;grid-template-columns:repeat(4,1fr);max-width:100%;overflow:hidden;padding:5px}.pie-chart-item{align-items:center;display:flex;justify-content:center;padding:10px}.pie-chart{backface-visibility:hidden;height:120px;position:relative;transform:translateZ(0);width:120px}.pie-svg{shape-rendering:geometricPrecision;height:100%;text-rendering:optimizeLegibility;width:100%}.pie-svg .pie-slice{cursor:pointer;transition:all .3s ease}.pie-svg .pie-slice:hover{filter:brightness(1.2)}.pie-svg .pie-remaining{opacity:.3}.pie-center{flex-direction:column;left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2}.pie-center,.pie-center .center-icon{align-items:center;display:flex;justify-content:center}.pie-center .center-icon{animation:iconPulse 2s ease-in-out infinite;font-size:24px;height:45px;margin-bottom:12px;width:45px}.pie-center .center-icon span{display:block}.pie-center .center-value{color:#fff;font-family:Arial,Microsoft YaHei,sans-serif;font-size:24px;font-weight:700;letter-spacing:.5px;line-height:1;margin-bottom:6px}.pie-center .center-label{color:#fffc;font-size:12px;line-height:1.2;margin-bottom:2px}.pie-center .center-amount{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Microsoft YaHei,sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px;line-height:1.2;opacity:1}@keyframes iconPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}@media (max-width:1400px){.payment-pie-grid{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.payment-pie-grid{gap:20px;grid-template-columns:1fr}.pie-chart{height:180px;width:180px}}.card-3d-container,.icon-glow,.icon-ring,.particle,.record-itemx .record-icon-tech .icon-glow,.record-itemx .record-icon-tech .icon-ring,.tech-droplet{animation:none!important}.event-records-waterfall,.realtime-records-scroll{transform:translateZ(0);will-change:scroll-position}.metric-card,.record-itemx,.tech-card{transform:translateZ(0);will-change:transform}.header-div-camera{align-items:stretch;display:flex}.broadcast-settings-modal .draggable-modal-overlay{z-index:9998!important}.broadcast-settings-modal .draggable-modal{z-index:9999!important}.header-div-camera .ant-select-selection-item,.header-div-camera .ant-select-selector{border-bottom-left-radius:0!important;border-bottom-right-radius:6!important;border-top-left-radius:0!important;border-top-right-radius:6!important}.header-div-camera .ant-input{border-bottom-right-radius:6px!important;border-top-right-radius:6px!important;font-size:16px!important;height:40px!important;line-height:40px!important}.header-div-camera .ant-input,.header-div-camera .ant-picker{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.header-div-camera .ant-picker{border-bottom-right-radius:6!important;border-top-right-radius:6!important}.channel-monitoring-container{background:#000c1c;bottom:0;font-family:MicrosoftYaHeiLight,微软雅黑 Light,微软雅黑,sans-serif;position:absolute;top:0;width:100%}.channel-monitoring-header{background:#00183c;border-bottom:.0625rem solid #20436c;justify-content:space-between;padding:1.25rem}.channel-monitoring-header,.header-left{align-items:center;display:flex}.monitorpic{background:#202e42 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAA4CAYAAABE814IAAAHPUlEQVRo3u1aCWxURRguHoioQY0ieERRMGq876hRNHhE0cSj8YhHod23RyC2sO9YCj5UUKBlZ+aVEopG1AQSGkCrJooaFNEQE0yEACoEUIgapCKiXAVa/393C7x5M6/zdrftbu1LJtv0zbyZ+ea/5vv/kpL8Pn1COrlWM6geMuin8Ptn2KB74fc7zXDGlNp235Ke/lQYzvlhg43STDofNr4dWptP2xBJ0JE9DoRInF0JACRhg+s1g7V2AIKgsY+1RN1lPQKMkE5f0nR6KDgIXNNpC0jWTM1sGFC0YGgmiSps9q+wSZdophMtt+qHxvQZgzSTzYL/H5T0367prMK27eOKy1ZMoOeAmvwtPmnyFajBpKjh3Fpa2ni8EEyDveCrXjpdFdHJ7UUDCHiLN3lJ0CxaOtqYflpHYxEkAOP7jqQL1LEVjXOkOnleYRtRy7kOFszbjTHKYJpkHDcWJIU1wO+/QmBS/2fVZbbdrzBth0GXuxZt0nXDbfsEVbcMY3ZzXubdoy6bLkgDJJSazaCOjxWYqjhPeE7QpPcHAHMxN35nJF4z0G2s6R3p4E2qTp+Xg6vvdjDKyux+cJqbudP9SBlMnT3o2ZxJw6K+6GUiJg2BuvwhAQW9VF15VfLM7lMVnU7gFnUglJh1qcrYqqrkyTyYoB4rS9ra+vi79oYB0JdAa5EAswNdusybdR4YlWSwR/dNllRXNfYaf8Jh07lG/UpALgcAP/HxSKsjFhnedbbDpPPccQLZUVZJTlcaO965AqXJLR1sZlaRsUEfgfEbJVcA9FaN5eNrL+xkQ5q8ESY87JYOElU3pOxLbvHbYnb9qdmup9Ru7AvG3fR6qyNtLxj6lzVtcv/OcrMruAnXqOpsOiJ1LzhfrlObQAaDqrzjOayj7ZewTp/Mr3TABz36Gk+OUBmLHsDjJUx1r6QMTILeEjLItz5uejnyMjlPVJr2DD9zH29StzvOXG7snop4zZDOUew2JKPKYI7fJaAcAhc/Rxtfe1YuhnSiO4QmByCWGKZk/Ex2Gy/KMD7R2cYf71IghdNhvv0SYHaGdPairRhZH+P/pw3gb7MARo3KWAzjof9qPrzXtIYTu8wrwsGBm/5QqkawHnh/r7p7M9lTHp4CQFIcG+dvrSHduatbrho6ewAk5gdp/GKS96NW8mIFf08S2QRhser6C6D/Py7JghimWy+jIJnpGzbZJYlf9mHgGIv5hAIhg0Xcg8ja0UbduQou+j1uwuZRY52zC4P7rRkIm3/Dx03/Cof3rNhlAt2XImjcA3ZjQDR2rHOS2AgnH/YyX6yi4Ng+i90A4cDXMjUKm2yJcI+ZoEdkkDZiCO2SjMkN/eHdFq7vN+gOC5cTZs+AxGyT7HGOSPf6w6ClcktNluKlK0MpTuPet1TE6dWFToU+F685BczBFFjvPm79h+GyeJGQlwhbKXvSLAGmJUX/6e7rOYhdTUkRPRXxuiGwj584ddekA6LW7DOQkPFJH7juEIh8SZE9IcwLBQ0kkbpDCs8PEIxwiw0MVG+PFoCNUUfTYo8i6SsBpRWM7gIkjYsBDCSqUswbx/SjVpQsWr5p2KJlm8alGvytwLFWhyTpg3RagUwqs+f1K1QwMimVZkHqI5bqgEAs/mLTZGz4t9JHIZEERnW+IG5pb1vg3eOFGI9giYZgvbVHOrWD0d6CTFAOqUfw36t87MsyzUxeVRAG1KI34c1XsMYZro65ANLupjE6BVXZLk0fQLK7O9MHSCilUq/eYOx1T+dcAUFSCS5KC2HTe7R0tZAsfdAMwVysq9MHmICHuXcJkutThQNyBSQTqxxrnKalCmLkarQG3t/dJWqCpJWoYsEgr0gH5QIIbszDkulkdOZeNBJLqKTpA5MuEobKebu3pNKjApae2b4DswUkRd15Lndsw7GpACyyA1UyxKeUTh/gaeFFMb9xBr2T52jSDKBCAJktILCRBp7Ujeh1woKXmF4/CPq/7cNLbEXGLj9xBhkujJMgLav0gWwA0SznPkEJQ22HizWcm8EAr/SxLyswcMoBjHuQ6RcEXabyR4ICkklG85zC+gDRaR8Q6edhzG+y9AFsYO6oRDDWLWQ5I0Bl9/C2CvneQKgGBcST84U4A08+m/RBhlPZL0lmQ9xAKlXSBxmJ3esx3BatCixmCMLCz358NT7lrXXAaRwMXF5pSvy5arRrJYdCYPeBzxzrccPSA7KAZfeSPa2Yi8lqQQjI1NlNTdnVm5I1+SrXxqqkdCGwdL4mbaJziVt9yUPIoHsK9wLUv+UTkJZcDKAsfQDeoEoYZqfbfgy3U+QVVEDy6pauYnSiOS0iO5VhzYHIlIAPGlSwVXMFlY9+7bCsXKtTjWqXXsp0cr2gNEMMhpWn9EchA3LEcOrkafBIW2U181iTkrfJigGQlLRgHsikFoCwNmM7kAJszEsdSDEC0mVPLyC9gPQC0gtILk82aYieDUiARNX/4fkPq9fscb92ZjIAAAAASUVORK5CYII=) no-repeat 50%;height:90%;position:relative;width:100%}.channel-monitoring-content{background:#000c1c;height:100%;overflow:hidden}.channel-monitoring-container.fullscreen{background:#000;height:100vh;left:0;padding:0;position:fixed;top:0;width:100vw;z-index:9999}.channel-monitoring-container.fullscreen .channel-monitoring-header{background:#1f1f1f;border-radius:0;box-shadow:none;color:#fff}.channel-monitoring-container.fullscreen .channel-monitoring-content{background:#000;border-radius:0;box-shadow:none;height:100%}.table-containers{background-color:#000c1c;display:flex;height:100%;padding:20px;position:relative}.bc-side{height:100%;width:23%}.bcs-yard-info{background-color:#00183c;height:50%;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.bcs-yard-info::-webkit-scrollbar{width:6px}.bcs-yard-info::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.bcs-yard-info::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.bcs-yard-info::-webkit-scrollbar-thumb:hover{background:#ffffff80}.bcs-vehicle-info::-webkit-scrollbar{width:6px}.bcs-vehicle-info::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.bcs-vehicle-info::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.bcs-vehicle-info::-webkit-scrollbar-thumb:hover{background:#ffffff80}.table-wrapper{height:100%;position:relative;width:100%}.table-wrapper::-webkit-scrollbar{height:6px;width:6px}.table-wrapper::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.table-wrapper::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#ffffff80}.custom-table .ant-table{background:#0a1f3e!important;color:#fff!important;min-width:1300px}.custom-table .ant-table-placeholder{background:#0a1f3e!important;border:1px solid #adbfde!important}.custom-table .ant-empty,.custom-table .ant-empty-description,.custom-table .ant-empty-normal .ant-empty-description{color:#fff!important}.custom-table .ant-table-container{overflow-x:auto}.custom-table .ant-table-thead>tr>th{position:sticky!important;top:0!important;z-index:10!important}.custom-table .ant-table-tbody>tr>td,.custom-table .ant-table-thead>tr>th{background:#0a1f3e!important;border:1px solid #adbfde!important;color:#fff!important;font-size:14px!important}.custom-table .ant-table-tbody>tr:hover>td{background:#1a2f4e!important}.custom-table .ant-table-tbody>tr.ant-table-row-selected>td{background:#2a3f5e!important}.bcs-user-info{border-bottom:1px solid #ffffff1a;box-sizing:border-box;padding:20px}.bcs-user-info__name{color:#adbfde;font-family:Microsoft YaHei,微软雅黑,Arial,sans-serif;font-size:28px;font-weight:700!important;overflow:hidden;text-overflow:ellipsis;text-shadow:.5px 0 0 #adbfde,-.5px 0 0 #adbfde,0 .5px 0 #adbfde,0 -.5px 0 #adbfde;white-space:nowrap;width:50%}.bcs-side-info{padding:20px}.bcs-side-header:before{background:#0078ff;content:"";height:22px;left:0;position:absolute;width:4px}.bcs-side-header{color:#adbfde;font-size:20px;font-weight:600;line-height:1;margin-left:.06rem;position:relative}.bcs-side-info__money{color:#fff;font-size:20px;font-weight:600;margin:10px 0;text-align:center}.bcs-side-info__unit{font-size:22px;margin-right:10px}.bcs-side-details__item{color:#adbfde;flex:1;font-size:20px;font-weight:400;text-align:left}.bcs-side-details{display:flex}.bcs-vehicle-info{background-color:#0a1f3e;display:block;height:calc(50% - 11px);margin-top:11px;overflow-x:auto;overflow-y:auto;position:relative}.vehicle-info-header{border-bottom:1px solid #000c1c}.vehicle-car-number0{color:#adbfde;flex:3;font-size:20px;font-weight:600;margin-left:20px}.vehicle-state0{flex:2}.vehicle-enter-time0,.vehicle-state0{color:#adbfde;font-size:20px;font-weight:600;margin-left:60px}.vehicle-enter-time0{flex:5}.el-scrollbar2{height:calc(100% - 104px);overflow:hidden;position:relative}.vehicle-info-no-data{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.no-data-icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA+CAMAAABTPci/AAAA/1BMVEUAAAAAAAB/f39/f39mZplVf39ddItqf5Vmc4xodItmeo9ocY5oeI9mdZJndZFnd5JldY9oeJJmepRmdJBndI9ld5FoeI9mdpFkdpBmdY5meJJod5BndZFnd5FleJFndo9ndpJmdZBld5Fmd5FmdpBmdpBmdpJnd5Fmd5BndpBmdpBmdpBld5FndpFmdpFmdo9ndpFmdpFmdpBmd5Fmd5FmdpBndpFldpFmd5BmdZBmd5FmdpBmdpFldpBmdpBmd49mdpBmd5BmdpBmdpBmdpBmdpBmdpBmdpBmdpBmdpBmd5FmdpBmdpBmdpBmdpBldpBmdpBmdZBmdpBmdpFmdpDYoqlLAAAAVHRSTlMAAQIEBQYLDBQWGRsgIyUvMDEyNzk6QEFFRkZHSE9RVFRVVlpsbnByh4iKjJKXm6CktLa5u77HycrMzs/Q0djZ29vc4uPl5ujq7Ozt8PL4+fn6/f5W+ikTAAABoUlEQVRIx+3XWTMjYRTG8YMmlkGIdYZI7CLoGcsYIQgRRLeQ//f/LC5k6VdOTtrVVCnPXb+nftlOuuppERERL+sXA5Q8/16ULkmX6J59TyP9uTpWDhMKytEj/0Y6P1sdCPMp5fWa6mr8w8ArAbdJ9bsC/AWoTLuDLBDqRgCG/gAEC87AB/LSHcnAAUBtLTooAikLiWwDvG5FBgGQsJFsvALs9nUMLCSrIYDvfQrJ/JOz5nhIJu+ia46J5MclwPV4LDTavBiOrLkX2mxdNdY80wMFQNBe4vuaHyZsdAIQ7q38bOTXEcCxjdb1W2XHRIMFFQUtNHVaax/XTqdERGRMVy105p6fNd5r/SQwUNU9r5oLb6Kl85c2eTlfioXi5hv9XzRX0f5llTkTXei3wYWJqjqqmihzr5n7zPdyvwCavbH6x82sigp2aymo6NFGjypaLlumvPzl92TVHCUJIDALlZIUUDSrm5I84JslsTPJEMiadbTT3AIlzyy+H36DVD4E6ulYFdtNLlaZd1LP9cd5bHBSSkfKebcHFKeoFP3seyF9A1NVfkyrjJh5AAAAAElFTkSuQmCC);background-position:50%;background-size:100% 100%;height:.31rem;margin:0 auto .09rem;text-align:center;width:.25rem}.no-data-text{color:#667690;font-size:20px;font-weight:400;margin:0;padding:0}.bo-item-container{color:#adbfde;display:flex;flex-wrap:wrap;height:100%;justify-content:space-between;list-style:none;margin:0;padding:0;width:100%}.bo-order-item{border-bottom:1px solid #0000;display:flex;font-family:'"Microsoft YaHei", "微软雅黑", Arial, sans-serif';font-size:20px;font-weight:500;height:50px;line-height:50px;width:50%}.order-item__label{background-color:#0a1f3e;flex:2;text-align:center}.order-item__content,.order-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-item__content{background-color:#00183c;flex:4;padding-left:7px;text-align:left}.bc-main{display:flex;flex:1;flex-direction:column;position:relative}.bcm-picture-video-containers{background-color:#00183c;display:flex;flex:1;flex-wrap:wrap;height:calc(100% - 429px);justify-content:space-between;margin-left:20px;width:calc(100% - 20px)}.monitor-item{background:#202e42 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAA4CAYAAABE814IAAAHPUlEQVRo3u1aCWxURRguHoioQY0ieERRMGq876hRNHhE0cSj8YhHod23RyC2sO9YCj5UUKBlZ+aVEopG1AQSGkCrJooaFNEQE0yEACoEUIgapCKiXAVa/393C7x5M6/zdrftbu1LJtv0zbyZ+ea/5vv/kpL8Pn1COrlWM6geMuin8Ptn2KB74fc7zXDGlNp235Ke/lQYzvlhg43STDofNr4dWptP2xBJ0JE9DoRInF0JACRhg+s1g7V2AIKgsY+1RN1lPQKMkE5f0nR6KDgIXNNpC0jWTM1sGFC0YGgmiSps9q+wSZdophMtt+qHxvQZgzSTzYL/H5T0367prMK27eOKy1ZMoOeAmvwtPmnyFajBpKjh3Fpa2ni8EEyDveCrXjpdFdHJ7UUDCHiLN3lJ0CxaOtqYflpHYxEkAOP7jqQL1LEVjXOkOnleYRtRy7kOFszbjTHKYJpkHDcWJIU1wO+/QmBS/2fVZbbdrzBth0GXuxZt0nXDbfsEVbcMY3ZzXubdoy6bLkgDJJSazaCOjxWYqjhPeE7QpPcHAHMxN35nJF4z0G2s6R3p4E2qTp+Xg6vvdjDKyux+cJqbudP9SBlMnT3o2ZxJw6K+6GUiJg2BuvwhAQW9VF15VfLM7lMVnU7gFnUglJh1qcrYqqrkyTyYoB4rS9ra+vi79oYB0JdAa5EAswNdusybdR4YlWSwR/dNllRXNfYaf8Jh07lG/UpALgcAP/HxSKsjFhnedbbDpPPccQLZUVZJTlcaO965AqXJLR1sZlaRsUEfgfEbJVcA9FaN5eNrL+xkQ5q8ESY87JYOElU3pOxLbvHbYnb9qdmup9Ru7AvG3fR6qyNtLxj6lzVtcv/OcrMruAnXqOpsOiJ1LzhfrlObQAaDqrzjOayj7ZewTp/Mr3TABz36Gk+OUBmLHsDjJUx1r6QMTILeEjLItz5uejnyMjlPVJr2DD9zH29StzvOXG7snop4zZDOUew2JKPKYI7fJaAcAhc/Rxtfe1YuhnSiO4QmByCWGKZk/Ex2Gy/KMD7R2cYf71IghdNhvv0SYHaGdPairRhZH+P/pw3gb7MARo3KWAzjof9qPrzXtIYTu8wrwsGBm/5QqkawHnh/r7p7M9lTHp4CQFIcG+dvrSHduatbrho6ewAk5gdp/GKS96NW8mIFf08S2QRhser6C6D/Py7JghimWy+jIJnpGzbZJYlf9mHgGIv5hAIhg0Xcg8ja0UbduQou+j1uwuZRY52zC4P7rRkIm3/Dx03/Cof3rNhlAt2XImjcA3ZjQDR2rHOS2AgnH/YyX6yi4Ng+i90A4cDXMjUKm2yJcI+ZoEdkkDZiCO2SjMkN/eHdFq7vN+gOC5cTZs+AxGyT7HGOSPf6w6ClcktNluKlK0MpTuPet1TE6dWFToU+F685BczBFFjvPm79h+GyeJGQlwhbKXvSLAGmJUX/6e7rOYhdTUkRPRXxuiGwj584ddekA6LW7DOQkPFJH7juEIh8SZE9IcwLBQ0kkbpDCs8PEIxwiw0MVG+PFoCNUUfTYo8i6SsBpRWM7gIkjYsBDCSqUswbx/SjVpQsWr5p2KJlm8alGvytwLFWhyTpg3RagUwqs+f1K1QwMimVZkHqI5bqgEAs/mLTZGz4t9JHIZEERnW+IG5pb1vg3eOFGI9giYZgvbVHOrWD0d6CTFAOqUfw36t87MsyzUxeVRAG1KI34c1XsMYZro65ANLupjE6BVXZLk0fQLK7O9MHSCilUq/eYOx1T+dcAUFSCS5KC2HTe7R0tZAsfdAMwVysq9MHmICHuXcJkutThQNyBSQTqxxrnKalCmLkarQG3t/dJWqCpJWoYsEgr0gH5QIIbszDkulkdOZeNBJLqKTpA5MuEobKebu3pNKjApae2b4DswUkRd15Lndsw7GpACyyA1UyxKeUTh/gaeFFMb9xBr2T52jSDKBCAJktILCRBp7Ujeh1woKXmF4/CPq/7cNLbEXGLj9xBhkujJMgLav0gWwA0SznPkEJQ22HizWcm8EAr/SxLyswcMoBjHuQ6RcEXabyR4ICkklG85zC+gDRaR8Q6edhzG+y9AFsYO6oRDDWLWQ5I0Bl9/C2CvneQKgGBcST84U4A08+m/RBhlPZL0lmQ9xAKlXSBxmJ3esx3BatCixmCMLCz358NT7lrXXAaRwMXF5pSvy5arRrJYdCYPeBzxzrccPSA7KAZfeSPa2Yi8lqQQjI1NlNTdnVm5I1+SrXxqqkdCGwdL4mbaJziVt9yUPIoHsK9wLUv+UTkJZcDKAsfQDeoEoYZqfbfgy3U+QVVEDy6pauYnSiOS0iO5VhzYHIlIAPGlSwVXMFlY9+7bCsXKtTjWqXXsp0cr2gNEMMhpWn9EchA3LEcOrkafBIW2U181iTkrfJigGQlLRgHsikFoCwNmM7kAJszEsdSDEC0mVPLyC9gPQC0gtILk82aYieDUiARNX/4fkPq9fscb92ZjIAAAAASUVORK5CYII=) no-repeat 50%;background-size:auto;background-size:68px 56px;cursor:pointer;height:calc(50% - 20px);margin:0 0 20px 20px;position:relative;text-align:center;width:calc(50% - 20px)}.video-box{height:100%;position:relative;width:100%}.switch-container{background-color:#fff;border-radius:20px;display:flex;font-size:20px;height:40px;left:20px;line-height:40px;overflow:hidden;position:absolute;top:20px;width:160px;z-index:9}.switch-item{cursor:pointer}.switch-item,.switch-item-active{height:40px;text-align:center;width:80px}.switch-item-active{background:#1890ff;color:#fff}.set-button{position:absolute;right:20px;top:20px;z-index:8}.monitoring-console{bottom:0;left:0;position:absolute;right:0;top:0;z-index:9}.channel-name-box{background:#000c1c66;border-radius:24px;color:#fff;font-size:20px;left:50%;padding:10px 18px;position:absolute;top:20px;transform:translateX(-50%);z-index:5}.mc-headersin{background:#000c1c63;cursor:pointer;left:0;position:absolute;top:0}.top-button-one{margin-top:.01rem}.top-button-one,.top-button-two{align-items:center;background:#00c897;border:1px solid;border-radius:.03rem;color:#fff;cursor:pointer;display:flex;height:14%;justify-content:center;width:90%}.top-button-two{margin-top:7%}.top-button-midthree{background:#00c897;height:14%;margin-top:7%}.ensure-pass,.top-button-midthree{align-items:center;border:1px solid;border-radius:.03rem;color:#fff;cursor:pointer;display:flex;justify-content:center;width:90%}.ensure-pass{height:80%}.mc-headers{background:#000c1c63;cursor:pointer;position:absolute;right:0;top:0}.bcm-order-container{display:flex;flex-wrap:wrap;height:249px;justify-content:space-between;margin-top:.1rem;width:100%;z-index:1000}.bo-item{height:100%;margin-left:20px;width:calc(50% - 20px)}.bo-item-pay{background-color:#00183c;height:160px;line-height:160px;text-align:center;width:100%}.bo-item-pay_label{margin-right:10px}.bo-item-pay_label,.bo-item-pay_unit{color:#adbfde;font-family:'"Microsoft YaHei", "微软雅黑", Arial, sans-serif';font-size:30px;font-weight:600}.bo-item-pay_unit{margin-right:3px}.bo-item-pay_money{color:#dc5656;font-family:'"Microsoft YaHei", "微软雅黑", Arial, sans-serif';font-size:60px;font-weight:600}.bo-payment-operation{display:flex;height:75px;justify-content:space-between;margin-top:15px;width:100%}.booth-btncancel{background-color:#dc5656;border-radius:2px;padding:10px 20px}.booth-btncancel,.booth-btnfree{border:none;color:#fff;cursor:pointer;flex:1;font-size:30px;font-weight:400}.booth-btnfree{background-color:#00c897}.booth-btncharge{background:#1890ff;border:none;color:#fff;cursor:pointer;flex:1;font-size:30px;font-weight:400}.flv-video{background:#000;display:inline-block;height:100%;left:0;position:absolute;top:0;width:100%}.videoElement{height:100%;object-fit:cover;width:100%}.el-scrollbar__wrap{overflow-x:hidden}.el-scrollbar__view{height:100%}.channel-order-dialog .ant-modal-body{padding:20px}.channel-order-dialog-content{max-height:500px;overflow-y:auto}.dialog-toolbar{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.toolbar-left,.toolbar-right{display:flex;gap:8px}.channel-list-container{border:1px solid #f0f0f0;border-radius:6px}.channel-list-header{background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;font-weight:600;padding:12px}.channel-list-header>div{flex:1;text-align:center}.channel-list-header>div:first-child{flex:0.5}.channel-list-header>div:last-child{flex:1.5}.channel-list-body{max-height:400px;overflow-y:auto}.channel-list-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:12px}.channel-list-item:hover{background:#f5f5f5}.channel-list-item>div{flex:1;text-align:center}.channel-list-item>div:first-child{flex:0.5}.channel-list-item>div:last-child{flex:1.5}.channel-index{color:#1890ff;font-weight:600}.channel-name{font-weight:500}.channel-direction{display:flex;justify-content:center}.channel-id{color:#666;font-family:monospace}.channel-actions{display:flex;gap:4px;justify-content:center}.sip-container{padding:20px}.status-bar{background:#f5f5f5;gap:20px;margin-bottom:30px;padding:20px}.status-bar,.status-item{border-radius:8px;display:flex}.status-item{align-items:center;background:#fff;box-shadow:0 2px 8px #0000001a;flex-direction:column;min-width:120px;padding:15px}.status-item.connected .status-light{background:#52c41a}.status-item.connecting .status-light{background:#faad14}.status-item.disconnected .status-light{background:#ff4d4f}.status-light{border-radius:50%;height:12px;margin-bottom:8px;width:12px}.status-username{font-weight:600;margin-bottom:4px}.status-text{color:#666;font-size:12px}.dialer{margin-bottom:30px;text-align:center}.dial-input{margin-bottom:20px;width:300px}.dial-buttons{display:flex;gap:20px;justify-content:center}.call-btn{background:#52c41a;border-color:#52c41a}.call-btn:hover{background:#73d13d;border-color:#73d13d}.hangup-btn{background:#ff4d4f;border-color:#ff4d4f}.hangup-btn:hover{background:#ff7875;border-color:#ff7875}.call-list{border-top:1px solid #f0f0f0;padding-top:20px}.call-item{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px}.call-item:hover{background:#f5f5f5}.demo-drawer__content{padding:20px}.settings-form{max-height:600px;overflow-y:auto}.settings-section{border-bottom:1px solid #f0f0f0;margin-bottom:30px;padding-bottom:20px}.settings-section:last-child{border-bottom:none}.section-header{align-items:center;color:#1890ff;display:flex;font-size:16px;font-weight:600;margin-bottom:20px}.section-header .anticon{margin-right:8px}.settings-item{align-items:center;display:flex;margin-bottom:16px}.settings-label{margin-right:16px;width:120px}.label-text{font-weight:500}.settings-select{width:200px}.column-buttons{display:flex;gap:8px}.info-group{max-height:500px;overflow-y:auto}.info-group-item{border:1px solid #f0f0f0;border-radius:8px;display:flex;margin-bottom:20px;padding:20px}.info-group-item__img{border:1px solid #f0f0f0;border-radius:4px;height:214px;margin-right:20px;overflow:hidden;width:380px}.info-group-item__content{flex:1;padding-left:20px}.info-group-item__content__item{font-size:14px;line-height:1.5;margin-bottom:12px}.info-group-item__content__item strong{color:#1890ff;margin-right:8px}@media (max-width:768px){.table-containers{flex-direction:column}.bc-side{height:200px;width:100%}.bcm-picture-video-containers{flex-direction:column}.monitor-item{height:200px;margin:10px 0;width:100%}.status-bar{flex-direction:column;gap:10px}.dial-input{width:100%}.dial-buttons{gap:10px}.dial-buttons,.info-group-item{flex-direction:column}.info-group-item__img{margin-bottom:20px;margin-right:0;width:100%}.callback{left:20px;position:fixed;top:40px;z-index:99999}.callback.float{border-radius:24px;color:#fff;cursor:move;height:50px;left:20px!important;line-height:48px;position:fixed!important;text-align:center;top:20px!important;touch-action:none;width:50px;z-index:99999!important}.callback img{background:#fff;border-radius:50%;box-shadow:0 0 10px #858181;cursor:pointer;display:block;height:50px;transition:transform .3s ease;width:50px}.callback img:hover{transform:scale(1.1)}.callback img:active{transform:scale(.95)}.settings-drawer .ant-drawer-content{background:#f8f9fa}.settings-drawer .ant-drawer-header{background:#1890ff;border-bottom:none;color:#fff}.settings-drawer .ant-drawer-title{color:#fff;font-weight:600}.settings-drawer .ant-drawer-close{color:#fff}.settings-content{padding:20px}.settings-content .ant-form-item-label>label{color:#262626;font-weight:600}.settings-content .ant-btn,.settings-content .ant-select{border-radius:6px}.sip-container{background:#fafafa;border:1px solid #d9d9d9;border-radius:6px}.status-bar{padding:12px}.status-item{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:4px;display:flex;margin-bottom:8px;padding:8px 12px}.status-item.connected{background:#f6ffed;border-color:#52c41a}.status-item.connecting{background:#fffbe6;border-color:#faad14}.status-item.disconnected{background:#fff2f0;border-color:#ff4d4f}.status-light{border-radius:50%;height:8px;margin-right:8px;width:8px}.status-item.connected .status-light{background:#52c41a}.status-item.connecting .status-light{background:#faad14}.status-item.disconnected .status-light{background:#ff4d4f}.status-text{color:#8c8c8c;font-size:12px;margin-left:auto}.layout-manager{background:#fff;border:1px solid #e8e8e8;border-radius:8px;margin-top:30px;padding:20px}.layout-section{margin-bottom:24px}.layout-section:last-child{margin-bottom:0}.section-title{align-items:center;color:#262626;display:flex;font-size:16px;font-weight:600;margin-bottom:12px}.section-subtitle{color:#8c8c8c;font-size:12px;margin-left:8px}.column-selector{display:flex;gap:8px}.column-selector .ant-btn{min-width:60px}.channel-order-actions{display:flex;gap:8px}.channel-order-actions .ant-btn{min-width:120px}.channel-order-dialog .ant-modal-body{padding:16px}.channel-order-dialog-content{display:flex;flex-direction:column;max-height:600px;overflow:hidden}.dialog-toolbar{background:#fafafa;border:1px solid #e8e8e8;border-radius:6px;justify-content:space-between;margin-bottom:16px;padding:12px}.dialog-toolbar,.toolbar-left{align-items:center;display:flex}.toolbar-left{gap:8px}.toolbar-right{align-items:center;display:flex;gap:8px}.channel-list-container{background:#fff;border:1px solid #e8e8e8;border-radius:6px;flex:1;overflow:hidden}.channel-list-header{background:#fafafa;border-bottom:1px solid #e8e8e8;color:#262626;display:flex;font-weight:600;padding:12px 0}.header-item{flex:1;font-size:14px;padding:0 8px;text-align:center}.channel-list-body{max-height:400px;overflow-y:auto}.channel-list-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:8px 0;transition:background-color .2s}.channel-list-item:hover{background:#f5f5f5}.channel-list-item.dragging{background:#e6f7ff;opacity:.5}.channel-list-item:last-child{border-bottom:none}.channel-drag-handle{align-items:center;color:#bfbfbf;cursor:move;display:flex;justify-content:center;padding:0 8px;width:40px}.channel-drag-handle:hover{color:#1890ff}.channel-direction,.channel-id,.channel-index,.channel-name{flex:1;padding:0 8px;text-align:center}.channel-index{color:#1890ff}.channel-index,.channel-name{font-weight:500}.channel-direction .ant-tag{margin:0}.channel-id{color:#8c8c8c;font-size:12px}.channel-actions{display:flex;gap:4px;justify-content:center;padding:0 8px;width:160px}.channel-actions .ant-btn{height:28px;padding:4px;width:28px}.channel-actions .ant-btn:disabled{opacity:.4}.channel-pagination{background:#fafafa;border-radius:6px;margin-top:16px;padding:12px;text-align:center}}.car_no_popover{margin-top:18px!important}.header-div-car-popover{align-items:center;display:flex}.ant-input-affix-wrapper{border-bottom-left-radius:0!important;border-bottom-right-radius:6!important;border-top-left-radius:0!important;border-top-right-radius:6!important;font-size:16px!important;height:40px!important;margin-bottom:0!important}.ant-input-affix-wrapper-focused,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper:hover{border-color:#1890ff!important;box-shadow:0!important;transform:translateY(0)}.btnk{border-radius:6px;box-shadow:0 2px 8px #3c50780f;font-size:15px;height:38px;min-width:48px}.tag-header{background-color:#fff}@media (max-width:900px){.table-container{overflow-x:auto}.ant-table{min-width:700px}.contain-content{background:#fff;max-width:100vw;min-width:0;padding:8px 2px;width:98vw}}@media (max-width:600px){.section-style .contain-content .ant-form-inline{align-items:stretch!important;background:#fff;flex-direction:column!important;gap:0;width:100%!important}.section-style .contain-content .ant-form-inline .ant-form-item{align-items:stretch!important;background:#fff;border-radius:8px;box-shadow:0 2px 8px #3c50780a;display:flex!important;flex-direction:column!important;margin-bottom:18px!important;margin-right:0!important;max-width:100%!important;padding:10px 12px 6px;width:100%!important}.section-style .contain-content .ant-form-item-label{color:#3a466e;font-size:15px;font-weight:500;padding-bottom:4px!important;text-align:left!important;width:100%!important}.section-style .contain-content .ant-form-item-control,.section-style .contain-content .ant-form-item-control-input{max-width:100%!important;width:100%!important}.section-style .contain-content .ant-btn,.section-style .contain-content .ant-checkbox-wrapper,.section-style .contain-content .ant-input,.section-style .contain-content .ant-picker,.section-style .contain-content .ant-select,.section-style .contain-content .ant-select-selector{box-sizing:border-box!important;font-size:16px;max-width:100%!important;min-width:0!important;width:100%!important}.section-style .contain-content .form-btn-group{display:flex!important;flex-direction:column!important;gap:10px!important;margin-top:4px;width:100%!important}.section-style .contain-content .form-btn-group .ant-btn{border-radius:8px!important;box-shadow:0 2px 8px #3c50781a;font-size:16px;font-weight:500;letter-spacing:1px;margin-left:0!important;max-width:100%!important;min-width:0!important;width:100%!important}.section-style .contain-content{overflow-x:hidden!important;padding:8px 4px!important}}.dialog-container{animation:zoomIn .3s ease-out;backdrop-filter:blur(10px);background:linear-gradient(135deg,#2c3e50e6,#34495ee6);border:1px solid #4a90e24d;border-radius:16px;box-shadow:0 10px 30px #0000004d,0 0 15px #4a90e233;left:50%;min-height:250px;min-width:400px;position:fixed;top:50%;transform:translate(-50%,-50%);transition:transform .3s,box-shadow .3s;z-index:1000}.dialog-container:hover{box-shadow:0 15px 40px #0006,0 0 20px #4a90e24d;transform:translate(-50%,-50%) translateY(-5px)}.dialog-header{background:#4a90e233;border-bottom:1px solid #4a90e233;border-radius:16px 16px 0 0;color:#ecf0f1;font-size:18px;font-weight:600;height:45px;line-height:45px;padding-left:20px}.dialog-body{color:#ecf0f1;font-size:16px;min-height:120px;padding:20px}.dialog-footer{align-items:center;border-top:1px solid #4a90e21a;height:60px;padding:0 20px}.cancel-btn{background:#0003;border:1px solid #4a90e24d;color:#ecf0f1;margin-right:15px;transition:all .3s}.cancel-btn:hover{background:#0000004d;transform:translateY(-2px)}.confirm-btn{background:linear-gradient(135deg,#4a90e2,#00bcd4);border:none;box-shadow:0 4px 10px #0003;color:#fff;transition:all .3s}.confirm-btn:hover{box-shadow:0 6px 15px #0000004d;transform:translateY(-2px)}.mask-layer{backdrop-filter:blur(10px);background:#000000b3}.mask-layers{height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.select-header{margin-bottom:15px}.el-textarea__inner{background:#0003;border:1px solid #4a90e24d;border-radius:8px;color:#ecf0f1;transition:all .3s}.el-textarea__inner:focus{border-color:#4a90e299;box-shadow:0 0 10px #4a90e24d}.dialog-footer{border-top:1px solid #4a90e233;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.cancel-btn{background-color:#2c3e5080!important;border:1px solid #4a90e24d!important;color:#ecf0f1!important}.confirm-btn{background:linear-gradient(135deg,#4a90e2,#00bcd4)!important;border:none!important;font-weight:600!important;letter-spacing:1px!important;text-shadow:0 1px 2px #0003!important;transition:all .3s ease!important}.confirm-btn:hover{background:linear-gradient(135deg,#5a9fe2,#00d2e4)!important;box-shadow:0 5px 15px #0000004d!important;transform:translateY(-2px)!important}.confirm-btn:active{transform:translateY(1px)!important}.mask-layer{backdrop-filter:blur(3px);background:#0009;height:100%;left:0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:999}.event-state:hover:after{background:#2c3e50;border-radius:10px;color:#ecf0f1;content:"处理";font-size:18px;left:50%;opacity:0;opacity:1;padding:10px 15px;position:absolute;top:-45px;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;visibility:visible;white-space:nowrap}.event-state{cursor:pointer;position:relative}.event-btn:hover:after{background:#2c3e50;border-radius:10px;color:#ecf0f1;content:"处理页面";font-size:18px;left:50%;opacity:0;opacity:1;padding:10px 15px;position:absolute;top:-45px;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;visibility:visible;white-space:nowrap}.event-btn{cursor:pointer;position:relative}@keyframes red-pulse{0%{opacity:1;text-shadow:0 0 10px #ff000080}50%{opacity:.7;text-shadow:0 0 20px #f00c,0 0 30px #ff00004d}to{opacity:1;text-shadow:0 0 10px #ff000080}}@keyframes breathing{0%{opacity:.6;text-shadow:0 0 10px #0aff1a}50%{opacity:1;text-shadow:0 0 20px #0aff1a,0 0 30px #0aff1a}to{opacity:.6;text-shadow:0 0 10px #0aff1a}}.pulse-text{animation:red-pulse 1s ease-in-out infinite;color:red!important}.breathing-text,.pulse-text{will-change:opacity,text-shadow}.breathing-text{animation:breathing 1.5s ease-in-out infinite}.box1{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:20px;width:73%}.box2{height:calc(100% - 40px);margin-top:20px;width:26%}.box1_2,.box2{background:#bef2ff1a;border-radius:10px;display:flex;flex-direction:column}.box1_2{align-items:center;background-size:100% 100%;justify-content:space-around;width:100%}.box2_3_1{color:#f5f5f5;font-size:25px;height:10%;text-align:center}.param{align-items:center;display:flex;margin-bottom:20px}.param label{font-weight:700;margin-right:10px;min-width:110px}.param span{flex-grow:1;word-break:break-all}.tech-glow{background:radial-gradient(circle,#4a90e233,#0000);position:absolute}.header-title{align-items:center;color:#fff;display:flex;justify-content:space-between;justify-content:center;padding:16px}:root{--primary-color:#4a90e2;--secondary-color:#50cae3;--background-dark:#2c3e50;--card-bg:#4a90e21a;--card-bgs:#2c3e50;--text-primary:#ecf0f1;--text-secondary:#bdc3c7;--border-radius:12px;--transition-speed:0.3s;--glow-color:#4a90e280;--neon-blue:#4a90e2;--neon-light:#50e3c2;--cyber-glow:0 0 10px var(--neon-blue),0 0 20px var(--neon-blue),0 0 30px var(--neon-light);--cyber-gradient:linear-gradient(45deg,var(--neon-blue),var(--neon-light))}body{background:var(--background-dark);color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.page{background:linear-gradient(135deg,#2c3e50,#34495e);min-height:100vh;z-index:1}.page:before{animation:backgroundPulse 15s ease-in-out infinite alternate;background:radial-gradient(circle at 50% 50%,#4a90e21a 0,#0000 50%),radial-gradient(circle at 0 0,#4a90e226 0,#0000 50%),radial-gradient(circle at 100% 100%,#50e3c226 0,#0000 50%),repeating-linear-gradient(45deg,#4a90e203,#4a90e203 1px,#0000 0,#0000 10px);content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}@keyframes backgroundPulse{0%{background-position:0 0,0 0,100% 100%,0 0;background-size:100% 100%,50% 50%,50% 50%,10px 10px}to{background-position:0 0,100% 100%,0 0,10px 10px;background-size:120% 120%,75% 75%,75% 75%,12px 12px}}.header-title{backdrop-filter:blur(10px);background:#00a8ff1a;border-bottom:1px solid #00a8ff33;overflow:hidden;padding:20px;position:relative}.header-title:before{display:none}.header-title div{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00a8ff,#48dbfb);-webkit-background-clip:text;font-size:40px;font-weight:600;letter-spacing:2px;position:relative;text-align:center;text-transform:uppercase}.header-title div:after{display:none}.fullscreen-btnab{align-items:center;backdrop-filter:blur(5px);background:#4a90e233;border:2px solid #4a90e266;border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:20px;top:20px;transition:all var(--transition-speed);width:44px;z-index:10}.fullscreen-btnab:hover{background:#4a90e266;border-color:var(--secondary-color);box-shadow:0 0 15px var(--glow-color);transform:scale(1.05)}.fullscreen-btnab svg{transition:all .3s ease}.fullscreen-exit svg{transform:rotate(180deg)}.card-container{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);height:calc(100vh - 120px);overflow-x:hidden;overflow-y:auto;padding:20px;scrollbar-color:var(--primary-color) #0000;scrollbar-width:thin;width:100%}@media (max-width:1200px){.card-container{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr)}}@media (max-width:768px){.card-container{grid-template-columns:1fr;grid-template-rows:auto}}.card-container::-webkit-scrollbar{width:6px}.card-container::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:3px}.card-container::-webkit-scrollbar-corner,.card-container::-webkit-scrollbar-track{background:#0000}.box2_1,.box2_3_2_2,.card,.custom-select{backdrop-filter:blur(10px);background:linear-gradient(135deg,#2c3e50cc,#34495ecc);border:1px solid #4a90e233;border-radius:var(--border-radius);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;max-height:400px;overflow-x:hidden;overflow-y:auto;padding:15px;position:relative;transform:translateZ(0);transition:transform var(--transition-speed),box-shadow var(--transition-speed);width:100%;will-change:transform,box-shadow}.card:hover{box-shadow:0 10px 20px #0003;transform:translateY(-5px) translateZ(0)}.card:after{background:linear-gradient(45deg,#0000 40%,#4a90e21a 45%,#50e3c21a 50%,#0000 55%);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateX(-100%) translateZ(0);transition:transform .5s;will-change:transform}.card:hover:after{opacity:1;transform:translateX(100%) translateZ(0)}.card:before{background:var(--cyber-gradient);content:"";inset:-2px;opacity:0;pointer-events:none;position:absolute;transition:opacity .1s;z-index:-1}.card:hover:before{opacity:.1}.page .card::-webkit-scrollbar{background:#0000;width:0}.param{font-size:20px;margin-bottom:10px;min-height:fit-content;position:relative}.param span{display:inline-block;max-width:calc(100% - 120px);vertical-align:top}.param.event-Content{width:100%}.param.event-Content>div:last-child>div{-webkit-box-orient:vertical;-webkit-line-clamp:2;cursor:pointer;display:-webkit-box;line-height:1.5;max-width:500px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.param.event-Content>div:last-child:hover>div{-webkit-line-clamp:unset;background:#2c3e50;border-radius:10px;box-shadow:0 2px 12px 0 #0000001a;display:block;height:auto;left:0;max-height:none;min-height:auto;overflow:visible;padding:10px;position:absolute;top:0;white-space:normal;z-index:9999}.param.event-solution{width:100%}.param.event-solution>div:last-child{cursor:pointer;max-width:300px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.param.event-solution>div:last-child:hover{background:#2c3e50;border-radius:10px;box-shadow:0 2px 12px 0 #0000001a;left:90px;overflow:visible;padding:10px;position:absolute;white-space:normal;z-index:9999}.param.event-content span{word-wrap:break-word;white-space:normal}.event-image{border-radius:8px}.event-image,.event-images{height:100px;margin-top:5px;object-fit:cover;width:160px}.box2_1{align-items:center;animation:none;backdrop-filter:blur(10px);background:linear-gradient(135deg,#2c3e50cc,#34495ecc);border:1px solid #4a90e233;border-radius:var(--border-radius);box-shadow:none;box-sizing:border-box;display:flex;gap:10px;height:90px;justify-content:space-between;margin:10px 20px;max-width:calc(100% - 40px);overflow:hidden;padding:10px 20px;position:relative}.box2_1_1,.box2_1_2{color:var(--text-primary);font-size:24px;font-weight:500;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 5px #00a8ff80,0 0 10px #00a8ff80;white-space:nowrap}.custom-checkbox{align-items:center;cursor:pointer;display:inline-flex;font-size:16px;margin:8px;padding-left:35px;position:relative;user-select:none}.custom-checkbox input{display:none}.custom-checkbox .checkmark{background:var(--card-bg);border:2px solid var(--primary-color);border-radius:6px;height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--transition-speed);width:20px}.custom-checkbox:hover .checkmark{border-color:var(--secondary-color);box-shadow:0 0 8px var(--glow-color)}.custom-checkbox input:checked+.checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.custom-checkbox .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.custom-checkbox input:checked+.checkmark:after{display:block}.box2_3_2_1{display:flex;flex-direction:column;gap:10px;margin-bottom:5px;padding:15px 20px}.select-container{align-items:center;display:flex;gap:15px;padding:5px 0}.select-label{color:var(--text-primary);min-width:80px;white-space:nowrap}.custom-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;backdrop-filter:blur(10px);background:linear-gradient(135deg,#2c3e50cc,#34495ecc);background-clip:padding-box;border:2px solid #4a90e233;border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;flex:1;font-size:16px;padding:12px 15px;position:relative;transition:all var(--transition-speed)}.custom-select:hover{background:#4a90e233}.custom-select:focus,.custom-select:hover{border-color:var(--secondary-color);box-shadow:0 0 15px var(--glow-color)}.custom-select:focus{outline:none}.custom-select option{background:#2c3e50;color:var(--text-primary);padding:12px}.alert-sound-select{flex:1}.alert-sound-select .ant-select-selector{background:#2a2a2a!important;border:1px solid #555!important;border-radius:6px!important;color:#f0f0f0!important;font-size:14px!important;height:36px!important;transition:all .2s ease!important}.alert-sound-select .ant-select-selector:hover{background:#333!important;border-color:#4a90e2!important}.alert-sound-select .ant-select-selector:focus{border-color:#4a90e2!important;box-shadow:0 0 0 2px #4a90e233!important}.alert-sound-select .ant-select-dropdown{background:#2a2a2a!important;border:1px solid #555!important;border-radius:6px!important}.alert-sound-select .ant-select-item{color:#f0f0f0!important;font-size:14px!important}.alert-sound-select .ant-select-item:hover{background:#4a90e233!important}.alert-sound-select .ant-select-item-option-selected{background:#4a90e24d!important;color:#4a90e2!important}.box2_3{background:#0000001a;background-size:100% 100%;border-radius:10px;display:flex;flex-direction:column;height:calc(100vh - 260px);margin-left:5%;margin-top:3.3%;overflow:hidden;width:90%}.box2_3_1{padding:5px 20px 0}.box2_3_1 div{margin-top:10px!important}.box2_3_2{overflow:hidden;padding:5px 0}.box2_3_2,.box2_3_2_2{display:flex;flex:1;flex-direction:column}.box2_3_2_2{backdrop-filter:blur(10px);background:linear-gradient(135deg,#2c3e50cc,#34495ecc);border:1px solid #4a90e233;border-radius:var(--border-radius);box-sizing:border-box;margin:5px 20px;max-height:calc(100vh - 250px);max-width:calc(100% - 40px);min-height:250px;padding:10px}#eventList{flex:1;overflow-x:hidden;overflow-y:auto;padding-right:10px;scrollbar-color:var(--primary-color) #0000;scrollbar-width:thin}#eventList::-webkit-scrollbar{width:6px}#eventList::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:3px}#eventList::-webkit-scrollbar-corner,#eventList::-webkit-scrollbar-track{background:#0000}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.box2_3_2_2_1{backdrop-filter:blur(5px);background:#4a90e20d;border:1px solid #4a90e233;border-radius:8px;cursor:pointer;font-size:15px;line-height:1.4;margin:4px 0;overflow:hidden;padding:10px 10px 10px 15px;position:relative;transition:all .3s ease}.box2_3_2_2_1:hover{background:#4a90e21a;transform:translateX(5px)}.box2_3_2_2_1s{animation:blink 1s infinite;backdrop-filter:blur(5px);background:#4a90e20d;border:1px solid #4a90e233;border-radius:8px;cursor:pointer;font-size:15px;line-height:1.4;margin:4px 0;overflow:hidden;padding:10px 10px 10px 15px;position:relative;transition:all .3s ease}.box2_3_2_2_1s:hover{background:#4a90e21a;transform:translateX(5px)}.modal{backdrop-filter:blur(8px);background:#000c}.modal,.modals{display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.modals{backdrop-filter:blur(10px);background:#000000b3}.modal-content{animation:zoomIn .3s ease-out;border-radius:var(--border-radius);box-shadow:0 20px 40px #0000004d;left:50%;max-height:90vh;max-width:90%;position:absolute;top:50%;transform:translate(-50%,-50%)}.modal-content:before{border:1px solid var(--cyber-gradient);border-radius:inherit;content:"";inset:-2px;position:absolute;z-index:-1}.modal-contents{animation:zoomIn .3s ease-out;background:linear-gradient(135deg,#2c3e50e6,#34495ee6);border:1px solid #4a90e24d;border-radius:16px;box-shadow:0 10px 30px #0000004d,0 0 15px #4a90e233;left:50%;max-height:90vh;max-width:90%;padding:50px 100px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .3s,box-shadow .3s}.modal-contents:hover{box-shadow:0 15px 40px #0006,0 0 20px #4a90e24d;transform:translate(-50%,-50%) translateY(-5px)}.modal-contents:before{border:1px solid #4a90e233;border-radius:inherit;content:"";inset:-2px;position:absolute;z-index:-1}.modal-image{border:1px solid #4a90e24d;border-radius:12px;max-height:90vh;max-width:100%;object-fit:contain;transition:transform .3s,box-shadow .3s}.modal-image:hover{box-shadow:0 5px 15px #0000004d,0 0 10px #4a90e233;transform:scale(1.02)}.close-button{-webkit-text-fill-color:#0000;background:var(--cyber-gradient);-webkit-background-clip:text;color:#fff;right:0;text-shadow:var(--cyber-glow);top:-50px}.close-button,.close-buttons{align-items:center;border:none;cursor:pointer;display:flex;font-size:30px;height:40px;justify-content:center;position:absolute;transition:transform .3s ease;width:40px}.close-buttons{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a90e2,#00bcd4);-webkit-background-clip:text;color:#ecf0f1;right:10px;text-shadow:0 0 10px #4a90e280;top:10px;z-index:10}.close-buttons:hover{transform:scale(1.1) rotate(90deg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes techSlideIn{0%{filter:blur(10px);opacity:0;transform:scale(.8) translateY(50px)}to{filter:blur(0);opacity:1;transform:scale(1) translateY(0)}}@keyframes borderGlow{0%,to{opacity:.3;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1)}}@keyframes pulseGlow{0%,to{opacity:.3;transform:scaleX(.5)}50%{opacity:1;transform:scaleX(1)}}@keyframes glow{0%{box-shadow:0 0 5px #4a90e280}50%{box-shadow:0 0 20px #4a90e2cc}to{box-shadow:0 0 5px #4a90e280}}.box2,.ztpage{overflow:hidden}.ztpage{display:flex;height:calc(100vh - 80px)}.box1,.box1_2{overflow:hidden}.box1_2{height:100%}::-webkit-scrollbar-corner{background:#0000!important}.box1,.box1_2,.box2,.ztpage{overflow-x:hidden}.tech-glow{animation:glowMove 20s infinite alternate;background:radial-gradient(circle at 20% 20%,#4a90e21a 0,#0000 50%),radial-gradient(circle at 80% 80%,#50e3c21a 0,#0000 50%);height:100%;pointer-events:none;position:fixed;width:100%;z-index:1}@keyframes glowMove{0%{background-position:0 0}to{background-position:100% 100%}}.stats-popup{animation:slideIn .3s ease-out;backdrop-filter:blur(10px);background:linear-gradient(135deg,#2c3e50e6,#34495ee6);border:1px solid #4a90e24d;border-radius:16px;box-shadow:0 10px 30px #0000004d,0 0 15px #4a90e233;overflow:hidden;position:fixed;right:20px;top:100px;transition:transform .3s,box-shadow .3s;width:320px;z-index:1000}.stats-popup:hover{box-shadow:0 15px 40px #0006,0 0 20px #4a90e24d;transform:translateY(-5px)}.stats-header{align-items:center;background:#4a90e233;border-bottom:1px solid #4a90e233;display:flex;justify-content:space-between;padding:15px 20px}.stats-header span{color:#ecf0f1;font-size:18px;font-weight:600;text-shadow:0 0 10px #4a90e280}.stats-header i{align-items:center;background:linear-gradient(135deg,#4a90e233,#00bcd433);border-radius:50%;color:#ecf0f1;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;padding:5px;transition:all .2s;width:30px}.stats-header i:hover{background:linear-gradient(135deg,#4a90e24d,#00bcd44d);box-shadow:0 0 10px #4a90e24d;transform:rotate(90deg)}.stats-content{display:flex;flex-direction:column;gap:20px;overflow:hidden;padding:20px;position:relative}.stats-content:before{background:radial-gradient(circle at top right,#4a90e21a,#0000 70%),radial-gradient(circle at bottom left,#00bcd41a,#0000 70%);bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.stat-item{background:#0003;border:1px solid #4a90e21a;border-radius:12px;padding:15px;transition:all .3s}.stat-item:hover{background:#4a90e21a;box-shadow:0 5px 15px #0003,0 0 8px #4a90e233;transform:translateX(5px)}.stat-item:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#4a90e20d 50%,#0000);left:0;pointer-events:none;transform:translateX(-100%)}@keyframes shimmer{to{transform:translateX(100%)}}.stat-value{color:#ecf0f1;font-size:28px;font-weight:700;margin-right:15px;min-width:60px;text-align:center;text-shadow:0 0 10px #4a90e280;transition:all .3s}.stat-item:hover .stat-value{transform:scale(1.1)}.stat-label{color:#bdc3c7;flex-grow:1;font-size:16px}.stat-icon{color:#4a90e2b3;font-size:24px;margin-left:10px;transition:all .3s}.stat-item:hover .stat-icon{transform:rotate(15deg) scale(1.2)}.stat-item:first-child .stat-value{color:#ff6b6b;text-shadow:0 0 10px #ff6b6b80}.stat-item:first-child .stat-icon i{color:#ff6b6bb3}.stat-item:nth-child(2) .stat-value{color:#48dbfb;text-shadow:0 0 10px #48dbfb80}.stat-item:nth-child(2) .stat-icon i{color:#48dbfbb3}.stat-item:nth-child(3) .stat-value{color:#1dd1a1;text-shadow:0 0 10px #1dd1a180}.stat-item:nth-child(3) .stat-icon i{color:#1dd1a1b3}.stats-btn{align-items:center;backdrop-filter:blur(5px);background:#4a90e233;border:2px solid #4a90e266;border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;display:flex;height:44px;justify-content:center;position:fixed;right:80px;top:20px;transition:all var(--transition-speed);width:44px;z-index:10}.stats-btn i{color:#ecf0f1;font-size:20px}.stats-btn:hover{background:#4a90e266;border-color:var(--secondary-color);box-shadow:0 0 15px var(--glow-color);transform:scale(1.05)}@keyframes numberChange{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.stat-value{animation:numberChange .5s ease-out}.park-selection{background:#0003;border:1px solid #4a90e21a;border-radius:12px;margin-top:15px;padding:15px;transition:all .3s}.park-selection:hover{background:#4a90e21a;transform:translateX(5px)}.select-label{color:#ecf0f1;display:block;font-size:16px;margin-bottom:10px}.stats-popup .el-select .el-input__inner,.stats-popup .el-textarea__inner{background-color:#2c3e5080;border:1px solid #4a90e24d;color:#ecf0f1}.stats-popup .el-textarea__inner{resize:none}.stats-popup .el-button--primary{background:linear-gradient(135deg,#4a90e2,#00bcd4);border:none;font-size:16px;font-weight:600;letter-spacing:1px;text-shadow:0 1px 2px #0003;transition:all .3s ease}.stats-popup .el-button--primary:hover{background:linear-gradient(135deg,#5a9fe2,#00d2e4);box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.stats-popup .el-button--primary:active{transform:translateY(1px)}.stats-popup .el-button--primary.is-disabled{background:linear-gradient(135deg,#7a9cb7,#86a6b2);color:#ffffffb3}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.paramDiv{align-items:center;background:#0003;border:1px solid #4a90e21a;border-radius:12px;display:flex;margin-bottom:10px;overflow:hidden;padding:15px;position:relative;transition:all .3s}.paramDiv:hover{background:#4a90e21a;transform:translateX(5px)}.paramDiv label{color:#bdc3c7;font-weight:600;margin-right:10px;min-width:100px}.paramDiv span{color:#ecf0f1;flex-grow:1}.event-content{position:relative}.event-content span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;max-width:100%;overflow:hidden;text-overflow:ellipsis;transition:all .3s}.event-content:hover span{-webkit-line-clamp:unset;background:#2c3e50f2;border-radius:8px;box-shadow:0 5px 15px #0000004d;padding:10px;position:relative;z-index:10}.event-images{border:1px solid #4a90e24d;border-radius:8px;transition:all .3s}.event-images:hover{box-shadow:0 5px 15px #0000004d,0 0 10px #4a90e233;transform:scale(1.05)}.paramDiv [data-v-0719dff4].el-col{background:linear-gradient(135deg,#4a90e2,#00bcd4);border:none!important;box-shadow:0 3px 8px #0003;transition:all .3s}.paramDiv [data-v-0719dff4].el-col:hover{box-shadow:0 5px 12px #0000004d;transform:translateY(-2px)}.paramDiv [data-v-0719dff4].el-col i{color:#fff!important}.paramDiv>div[style*="background: rgba(74, 144, 226, 0.8)"]{background:linear-gradient(135deg,#4a90e2,#00bcd4)!important;border-radius:12px!important;box-shadow:0 5px 15px #0003;color:#fff;font-weight:600;padding:15px 25px!important;transition:all .3s}.paramDiv>div[style*="background: rgba(74, 144, 226, 0.8)"]:hover{box-shadow:0 8px 20px #0000004d,0 0 15px #4a90e24d;transform:translateY(-3px)}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}.loader{animation:spin 1s linear infinite;border:3px solid #4a90e24d;border-radius:50%;border-top-color:#4a90e2;height:60px;margin-bottom:20px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{animation:pulse 1.5s ease-in-out infinite;color:#ecf0f1;font-size:18px;font-weight:500;text-shadow:0 0 10px #4a90e280}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.empty-state{align-items:center;color:#ecf0f1b3;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.empty-state i{color:#4a90e299;font-size:64px;margin-bottom:15px}.empty-state span{font-size:20px;font-weight:500}.audio-control{background:#4a90e2cc;border-radius:50px;bottom:20px;box-shadow:0 0 10px #0000004d;color:#fff;cursor:pointer;padding:10px 15px;position:fixed;right:20px;transition:all .3s;z-index:1000}.audio-control:hover{background:#4a90e2;transform:scale(1.05)}.event-list{flex:1;overflow-x:hidden;overflow-y:auto;padding-right:10px;scrollbar-color:var(--primary-color) #0000;scrollbar-width:thin}.event-list::-webkit-scrollbar{width:6px}.event-list::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:3px}.event-list::-webkit-scrollbar-corner,.event-list::-webkit-scrollbar-track{background:#0000}.ant-alert-info.ant-alert-with-description{background-color:#fff;color:#909399}.ant-alert-warning.ant-alert-with-description{background-color:#fff;color:#e6a23c}.custom-popover{border:none;border-radius:8px;box-shadow:0 4px 20px #00000026}.popover-content{padding:0}.popover-title{align-items:center;color:#303133;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:12px}.popover-body{color:#606266;font-size:14px;line-height:1.6;margin-bottom:12px}.popover-example{background:#f5f7fa;border-left:3px solid #409eff;border-radius:6px;color:#909399;font-size:13px;line-height:1.5;padding:12px}.ant-table-wrapper{width:100%}.ant-form-item{margin-bottom:18px!important}.custom-scrollbar::-webkit-scrollbar{height:8px;width:8px}.custom-scrollbar::-webkit-scrollbar-track{border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#555}.table-contain{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:1%}.ant-table-thead>tr>th{background:#fff!important}@media (max-width:900px){.contain-content{background:#fff;padding:16px 4px 12px}.ant-form-inline .ant-form-item{margin-right:8px}}@media (max-width:600px){.contain-content{background:#fff;min-width:0;padding:4px 0}.ant-form-inline .ant-form-item{margin-bottom:10px;margin-right:0}}.carpert-manage-container{overflow-y:auto;padding:0;width:100%}.carpert-manage-container .ant-table{font-size:14px}.carpert-manage-container .ant-table-thead>tr>th{background:linear-gradient(180deg,#f8f9fc,#f0f2f7);border-bottom:2px solid #e8eaf0;color:#3a466e;font-size:15px;font-weight:600;padding:16px}.carpert-manage-container .ant-table-tbody>tr>td{color:#4a5568;font-size:14px;padding:14px 16px}.carpert-manage-container .ant-table-tbody>tr:hover>td{background:#f7f9fc!important}.carpert-manage-container .ant-table-tbody>tr{transition:all .2s ease}.channel-tab-content{padding:16px 0}.week-tabs .ant-tabs-nav{margin-bottom:16px}.time-slot-item{align-items:center;display:flex;gap:8px;margin-bottom:12px}.time-slot-item .ant-picker{flex:1}.device-selection-info{background:#f5f5f5;border-radius:4px;margin-bottom:16px;padding:12px}.selected-devices-display{color:#1890ff;font-size:14px;margin-top:8px}.week-tabs .ant-tabs-tab{min-width:60px}.time-slot-item .ant-picker{width:120px}.time-slot-item span{margin:0 8px}.tree-content .ant-tree-node-content-wrapper{align-items:center;display:inline-flex;width:100%}.tree-content .ant-tree-title{flex:1}.ant-modal-body .ant-tabs{margin-top:16px}.ant-modal-body .ant-tabs-content{max-height:500px;overflow-y:auto}.device-selection-info p{margin-bottom:8px}.device-selection-info p:last-child{margin-bottom:0}.table-container .ant-table{font-size:14px}.table-container .ant-table-thead>tr>th{background:#fafafa;font-weight:600}.channel-tab-content{max-height:600px;overflow-y:auto;padding-right:8px}.ant-modal-body .ant-tabs-content::-webkit-scrollbar,.channel-tab-content::-webkit-scrollbar{width:6px}.ant-modal-body .ant-tabs-content::-webkit-scrollbar-thumb,.channel-tab-content::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.ant-modal-body .ant-tabs-content::-webkit-scrollbar-thumb:hover,.channel-tab-content::-webkit-scrollbar-thumb:hover{background:#bfbfbf}@media (max-width:1200px){.time-slot-item .ant-picker{width:100px}}.custom-tag{font-size:16px;padding:8px 16px}.header-divs .ant-select-selection-item{border-radius:0!important}.ant-input,.ant-select-selector{border-bottom-left-radius:0!important;border-bottom-right-radius:6px!important;border-top-left-radius:0!important;border-top-right-radius:6px!important}.ant-checkbox-wrapper{color:#3a466e}.ant-table-thead>tr>th{color:#000000d9;text-align:center}.ant-table-tbody>tr>td{text-align:center}.ant-table-row:hover>td{background-color:#f5f5f5}.ant-modal-body{padding:24px}@media (max-width:768px){.ant-col{margin-bottom:8px}.ant-table{font-size:12px}}@media (max-width:576px){.ant-form-inline .ant-form-item{display:block;margin-bottom:12px}.ant-form-inline .ant-form-item-label{text-align:left;width:100%}}.tag-header{background:#f0f0f0;border:1px solid #d9d9d9;border-bottom-left-radius:6px;border-right:none;border-top-left-radius:6px;color:#666;padding:8px 12px}.ant-modal-content{border-radius:8px}.ant-form-inline .ant-form-item{margin-bottom:16px}@media (max-width:768px){.header-divs{align-items:stretch;flex-direction:column}.tag-header{border-bottom:none;border-radius:6px 6px 0 0;border-right:1px solid #d9d9d9}.header-divs .ant-input,.header-divs .ant-picker,.header-divs .ant-select-selector{border-radius:0 0 6px 6px!important}.test_button{width:100%}.pagination-container,.test_button{justify-content:center}}.header-div-car{align-items:stretch;display:flex}.header-div-car .ant-input,.header-div-car .ant-select-selector{border-bottom-left-radius:0!important;border-bottom-right-radius:6px!important;border-top-left-radius:0!important;border-top-right-radius:6px!important;height:40px!important;line-height:40px!important}.header-div-car .ant-input{font-size:16px!important}.header-div-car .ant-picker{border-bottom-left-radius:0!important;border-bottom-right-radius:6px!important;border-top-left-radius:0!important;border-top-right-radius:6px!important;height:40px!important}.ant-select-selector,.header-div-car .ant-input{font-size:16px}.header-div-car .ant-select-selection-item{border-bottom-left-radius:0!important;border-bottom-right-radius:6px!important;border-top-left-radius:0!important;border-top-right-radius:6px!important}.ant-btn-primary:hover{background:linear-gradient(90deg,#2355e6,#1a4bc7);border:none}.test_button{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:6px;display:flex;gap:8px;padding:8px 16px;transition:all .3s}.test_button.active,.test_button:hover{border-color:#007bff;color:#007bff}.ant-table{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.ant-table-thead>tr>th{background:#e8edf2;color:#00000073}.ant-table-tbody>tr>td,.ant-table-thead>tr>th{border-bottom:1px solid #f0f0f0}.ant-table-row:hover>td{background:#f5f5f5}.pagination-container{justify-content:flex-end;padding:0 20px}.ant-pagination{margin:0}.ant-modal-body{padding:20px 30px}.ant-modal-body img{height:auto}.ant-modal-content{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;box-shadow:0 20px 40px #00000026;overflow:hidden}.ant-modal-header{border-bottom:none;border-radius:12px 12px 0 0;padding:20px 30px}.ant-modal-title{text-align:center}.ant-modal-body{background:#fff;padding:30px}.ant-tabs{border-radius:8px;box-shadow:0 4px 12px #0000000d}.ant-tabs-tab{color:#64748b;padding:12px 24px;transition:all .3s ease}.ant-tabs-tab:hover{color:#667eea}.ant-tabs-tab-active{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border-radius:6px 6px 0 0;color:#667eea}.ant-card{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease}.ant-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.ant-card-head{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;padding:16px 20px}.ant-card-head-title{color:#334155;font-size:16px}.ant-card-body{background:#fff;padding:24px}.ant-form-item-label>label{color:#475569;font-size:14px}.ant-input,.ant-picker,.ant-select-selector{border:1px solid #d1d5db;border-radius:8px;box-shadow:0 1px 3px #0000000d;transition:all .3s ease}.ant-input:focus,.ant-picker:focus,.ant-select-focused .ant-select-selector{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.ant-input-number{border-radius:8px;box-shadow:0 1px 3px #0000000d}.ant-checkbox-wrapper{color:#475569;font-weight:500}.ant-checkbox-checked .ant-checkbox-inner{background-color:#667eea;border-color:#667eea}.ant-btn{border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.ant-btn-primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.ant-btn-default{background:#fff;border:1px solid #d1d5db;color:#475569}.ant-btn-default:hover{border-color:#667eea;color:#667eea;transform:translateY(-1px)}.ant-modal-footer{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0;padding:20px 30px;text-align:center}.ant-row{margin-bottom:0}.ant-col{padding:0 8px}@media (max-width:768px){.ant-modal-body{padding:20px}.ant-card-body{padding:16px}.ant-col{margin-bottom:16px}}.ant-form-inline .ant-form-item{margin-bottom:0}.ant-btn-primary{background:#007bff;border-color:#007bff}.ant-btn-primary:hover{background:#0056b3;border-color:#0056b3}@media (max-width:768px){.header-div-car{align-items:stretch;flex-direction:column}.tag-header{border-bottom:none;border-radius:6px 6px 0 0;border-right:1px solid #d9d9d9}.header-div-car .ant-input,.header-div-car .ant-picker,.header-div-car .ant-select-selector{border-radius:0 0 6px 6px!important}.test_button{width:100%}.pagination-container,.test_button{justify-content:center}}@media (max-width:480px){.ant-modal-body{padding:16px 20px}.ant-btn,.ant-table{font-size:12px}.ant-btn{padding:4px 8px}}.qrcode-manage{min-height:100%}.action-section,.search-section{margin-bottom:16px}.action-section,.search-section,.table-section{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;padding:16px}.posterBox,.posterBoxz{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #ddd;border-radius:8px;height:400px;margin:0 auto;position:relative;width:300px}.posterContent,.posterContentz{background:#00000080;border-radius:4px;color:#fff;font-size:18px;font-weight:700;margin:10px;padding:10px;text-align:center}.posterContent21,.posterContent22,.posterContentz21,.posterContentz22{background:#00000080;border-radius:4px;color:#fff;font-size:14px;margin:5px;padding:5px;text-align:center}.qrcodeBox{align-items:center;background:#fff;border-radius:8px;bottom:20px;box-shadow:0 2px 8px #0000001a;display:flex;height:120px;justify-content:center;transform:translateX(-50%);width:120px}.qr-generate-area{left:-9999px;position:absolute;top:-9999px;visibility:hidden;z-index:-1}@media (max-width:768px){.qrcode-manage{padding:10px}.posterBox,.posterBoxz{height:350px;width:250px}.qrcodeBox{height:100px;width:100px}}.ant-table-thead>tr>th{background:#fafafa}.ant-table-tbody>tr:hover>td{background:#f5f5f5}.ant-btn-primary{background:#1890ff}.ant-btn-primary:hover{background:#40a9ff}.ant-modal-header{background:#5bc0de;border-radius:6px 6px 0 0}.ant-modal-title{font-weight:600}.ant-input,.ant-select-selector{border-radius:4px}.ant-radio-group{width:100%}.ant-radio-button-wrapper{border-radius:4px;margin-right:8px}.ant-radio-button-wrapper:first-child,.ant-radio-button-wrapper:last-child{border-radius:4px}.ant-pagination{margin-top:16px}.action-buttons{flex-wrap:wrap}.action-buttons .ant-btn{margin-right:0}.search-form{flex-wrap:wrap}.search-form .ant-form-item{margin-bottom:0}.table-actions{display:flex;gap:8px;justify-content:center}.table-actions .ant-btn{font-size:12px;height:auto;padding:4px 8px}.qr-preview{align-items:center;display:flex;flex-direction:column;padding:20px}.qr-preview canvas{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0000001a}.batch-actions{align-items:center;background:#f8f9fa;border-radius:4px;display:flex;gap:16px;margin-bottom:16px;padding:12px 16px}.batch-actions .ant-btn{margin-right:0}.stats-info{display:flex;gap:24px;margin-bottom:16px}.stat-item{align-items:center;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;min-width:100px;padding:12px}.stat-value{color:#1890ff;font-size:24px;font-weight:600;margin-bottom:4px}.stat-label{color:#666;font-size:12px}@media (max-width:1200px){.ant-table{font-size:12px}.table-actions{flex-direction:column;gap:4px}}@media (max-width:768px){.search-form{align-items:stretch}.action-buttons,.search-form,.stats-info{flex-direction:column}.stats-info{gap:12px}.stat-item{min-width:auto}}.header-divs .ant-select-selection-item,.header-divs .ant-select-selector{border-bottom-right-radius:6!important;border-top-right-radius:6!important}.header-divs .ant-select-selection-item{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.ant-input,.header-divs .ant-picker{border-bottom-right-radius:6!important;border-top-right-radius:6!important}.table-container{border-radius:12px;box-shadow:0 4px 16px #3c507814;margin-top:18px;padding:18px 12px 8px}.ant-table-expanded-row>td{background:#f8fafc!important;border-bottom:1px solid #e6eaf1}.pagination-container{align-items:center;display:flex;justify-content:center;padding:24px 0 0}.ant-modal-content{border-radius:12px;box-shadow:0 8px 32px #3c50782e}.ant-modal-body{align-items:center;background:#222;display:flex;justify-content:center;padding:0}.ant-modal-body img{background:#222;border-radius:10px;box-shadow:0 2px 12px #0000002e;max-height:70vh;max-width:100%}.permission-tree-container{background:#fafafa;border:1px solid #d9d9d9;border-radius:6px;flex:1;overflow-y:auto;padding:16px}.ant-tree-node-content-wrapper{border-radius:4px}.ant-tree-node-content-wrapper:hover{background:#f5f5f5}.ant-tree-node-selected .ant-tree-node-content-wrapper{background:#e6f7ff;color:#1890ff}@media (max-width:900px){.contains{padding:16px 4px 12px}.ant-form-inline .ant-form-item{margin-right:8px}}@media (max-width:600px){.contains{min-width:0;padding:4px 0}.ant-form-inline .ant-form-item{margin-bottom:10px;margin-right:0}.table-container{padding:4px 0}.ant-form-inline{align-items:stretch!important;flex-direction:column!important}.ant-form-inline .ant-form-item{align-items:stretch;display:flex;flex-direction:column;margin-bottom:12px!important;margin-right:0!important;width:100%!important}.ant-form-item-label{padding-bottom:2px;text-align:left!important}.ant-btn,.ant-form-item-control-input,.ant-input,.ant-picker,.ant-select{box-sizing:border-box;min-width:0!important;width:100%!important}.form-btn-group{display:flex;flex-direction:column;gap:8px;width:100%}.form-btn-group .ant-btn{min-width:0!important;width:100%!important}}@media (max-width:900px){.table-container{overflow-x:auto;padding:8px 0}.ant-table{min-width:700px}.contains{max-width:100vw;min-width:0;padding:8px 2px;width:98vw}}@media (max-width:600px){.section-style .contains .ant-form-inline{align-items:stretch!important;flex-direction:column!important;gap:0;width:100%!important}.section-style .contains .ant-form-inline .ant-form-item{align-items:stretch!important;background:#f7f9fc;border-radius:8px;box-shadow:0 2px 8px #3c50780a;display:flex!important;flex-direction:column!important;margin-bottom:18px!important;margin-right:0!important;max-width:100%!important;padding:10px 12px 6px;width:100%!important}.section-style .contains .ant-form-item-label{color:#3a466e;font-size:15px;font-weight:500;padding-bottom:4px!important;text-align:left!important;width:100%!important}.section-style .contains .ant-form-item-control,.section-style .contains .ant-form-item-control-input{max-width:100%!important;width:100%!important}.section-style .contains .ant-btn,.section-style .contains .ant-checkbox-wrapper,.section-style .contains .ant-input,.section-style .contains .ant-picker,.section-style .contains .ant-select,.section-style .contains .ant-select-selector{box-sizing:border-box!important;font-size:16px;max-width:100%!important;min-width:0!important;width:100%!important}.section-style .contains .form-btn-group{display:flex!important;flex-direction:column!important;gap:10px!important;margin-top:4px;width:100%!important}.section-style .contains .form-btn-group .ant-btn{border-radius:8px!important;box-shadow:0 2px 8px #3c50781a;font-size:16px;font-weight:500;letter-spacing:1px;margin-left:0!important;max-width:100%!important;min-width:0!important;width:100%!important}.section-style .contains{overflow-x:hidden!important;padding:8px 4px!important}}.form-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:0;width:100%}.form-btn-group-horizontal{display:flex;flex-wrap:wrap;gap:8px}.form-btn-group-horizontal .ant-btn{border-radius:6px;box-shadow:0 2px 8px #3c50780f;font-size:15px}@media (max-width:900px){.form-row{gap:8px}}@media (max-width:600px){.form-row{flex-direction:column!important;gap:0!important}.form-row .ant-form-item{background:#f7f9fc;border-radius:8px;box-shadow:0 2px 8px #3c50780a;margin-bottom:12px!important;max-width:100%!important;min-width:0!important;padding:10px 12px 6px;width:100%!important}.form-row .ant-form-item-label{color:#3a466e;font-size:15px;font-weight:500;padding-bottom:4px!important;text-align:left!important;width:100%!important}.form-row .ant-btn,.form-row .ant-checkbox-wrapper,.form-row .ant-form-item-control,.form-row .ant-form-item-control-input,.form-row .ant-input,.form-row .ant-picker,.form-row .ant-select,.form-row .ant-select-selector{box-sizing:border-box!important;font-size:16px;max-width:100%!important;min-width:0!important;width:100%!important}.form-btn-group-horizontal{flex-direction:column!important;gap:10px!important;margin-top:4px;width:100%!important}.form-btn-group-horizontal .ant-btn{border-radius:8px!important;box-shadow:0 2px 8px #3c50781a;font-size:16px;font-weight:500;letter-spacing:1px;max-width:100%!important;min-width:0!important;width:100%!important}}.custom-scrollbar::-webkit-scrollbar{height:6px}.custom-scrollbar::-webkit-scrollbar-thumb{transition:background .3s ease}.custom-scrollbar::-webkit-scrollbar-corner{background:#f1f1f1}.header-divs .ant-input{border-bottom-left-radius:0!important;border-bottom-right-radius:6px!important;border-top-left-radius:0!important;border-top-right-radius:6px!important}.company-list-container{display:flex}.left-tree{border:1px solid #e8edf2;border-radius:4px}.tree-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;height:35px;padding-left:10px;width:100%}.tree-title{color:#606266;font-size:22px;font-weight:700}.tree-filter{margin:20px 10px 10px;width:83%}.tree-container{height:70%;margin-top:10px}.contains{display:flex;flex:1;flex-direction:column;margin-left:1%}.search-container{background-color:#fff;border:1px solid #0000001a;border-radius:4px;margin-bottom:8px;padding:10px 20px}.search-form{align-items:center;display:flex;gap:16px}.tag-header{font-size:14px;padding:0 20px}.header-divs .ant-input{border-left:none;border-radius:0 4px 4px 0}.header-divs .ant-input:focus{border-left:none}.table-container{display:flex;flex:1;flex-direction:column}.add-button-container{margin-bottom:10px;padding:10px 12px}.test-button{align-items:center;background:#fcfcfc;background-color:#fcfcfc;border:1px solid #0000001a;border-radius:3px;cursor:pointer;display:flex;font-size:18px;gap:5px;height:38px;line-height:26px;padding:5px 14px;text-align:center}.test-button.active{background-color:#eff7ff;border:1px solid #007bff}.test-button.active .anticon,.test-button.active span{color:#007bff}.table-wrapper{flex:1;overflow:auto}.delete-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.delete-modal{background-color:#fff;border-radius:5px;left:50%;margin-left:-200px;margin-top:-100px;min-height:200px;min-width:400px;position:fixed;top:50%;z-index:1000}.delete-modal-header{background-color:#5bc0de;border-radius:5px 5px 0 0;color:#fff;font-size:18px;height:45px;line-height:45px;padding-left:20px}.delete-modal-content{word-wrap:break-word;color:#333;font-size:16px;height:100px;letter-spacing:3px;line-height:100px;padding:0 30px;text-align:center}.delete-modal-footer{align-items:center;display:flex;gap:20px;height:45px;justify-content:flex-end;padding:0 20px}.delete-modal-footer button{border:none;border-radius:5px;cursor:pointer;font-size:16px;height:35px;line-height:35px;padding:0 20px}.delete-modal-footer button:first-child{background-color:#d4d4d4;color:#4d4d4d}.delete-modal-footer button:last-child{background-color:#1f7efe;color:#fff}.permission-tree{border:1px solid #c0c4cc;border-radius:3px;float:right;height:450px;margin-left:1%;margin-top:20px;overflow:auto;width:300px}.pagination-container{border-top:1px solid #f0f0f0;margin-top:16px}.ant-tree-node-content-wrapper,.ant-tree-title{font-size:18px}.ant-modal-header{background-color:#5bc0de}.ant-modal-title{color:#fff;font-size:20px}.ant-modal-close,.ant-modal-close:hover{color:#fff}@media (max-width:768px){.section-style{flex-direction:column}.left-tree{height:300px;margin-bottom:10px;margin-left:0}.contains{height:auto;margin-left:0;min-height:500px}.search-form{align-items:stretch;flex-direction:column}.header-divs{width:100%}.tag-header{min-width:100px}}.ant-table-body::-webkit-scrollbar{height:6px;width:6px}.ant-table-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.ant-table-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.ant-table-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.empty-container,.loading-container{align-items:center;display:flex;height:200px;justify-content:center}.empty-container{color:#999;flex-direction:column}.empty-container .anticon{font-size:48px;margin-bottom:16px}.button-group{display:flex;gap:8px}.button-group .ant-btn{margin:0}.action-buttons{gap:8px}.action-buttons .ant-btn{height:auto;line-height:1;padding:4px 8px}.status-tag{border-radius:4px;font-size:12px;padding:2px 8px}.status-tag.online{background-color:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.status-tag.offline{background-color:#fff2e8;border:1px solid #ffd591;color:#fa8c16}.tree-icon{font-size:16px;margin-right:8px}.tree-icon.folder{color:#1890ff}.tree-icon.file{color:#52c41a}.ant-scrollbar{height:100%;overflow-x:hidden}.ant-scrollbar .ant-scrollbar-wrap{height:100%}.header-divs{width:100%}.header-divs .ant-input{border-radius:0 3px 3px 0}.test_button{background:#fcfcfc;background-color:#fcfcfc;border:1px solid #0000001a;border-radius:3px;cursor:pointer;font-size:18px;height:38px;line-height:26px;padding:5px 14px;text-align:center}.test_button.active{background-color:#eff7ff;border:1px solid #007bff}.svg-icon{fill:currentColor;height:1em!important;margin-right:5px;overflow:hidden;vertical-align:-.2em!important;width:1em!important}.ellipsis,.ellipsis1{width:100px}.ellipsis,.ellipsis1,.ellipsis2{display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.ellipsis2{width:300px;z-index:100}.section-style{display:flex;flex-wrap:wrap;height:100%}.left-tree{background:#fff;border:1px solid #e0e0e0;color:#fff;height:96%;margin-left:1%;width:100%}.contains,.left-tree{float:left;margin-top:1%}.contains{background:#ededed;height:99%}.my-custom-form-item{margin-bottom:10px}.form-item{position:fixed;z-index:100}.header{height:8%;margin-left:30px;margin-top:20px}.table-container{background:#fff;float:left;height:88%;margin-bottom:1%;padding:5px;width:100%}.ant-scrollbar .ant-scrollbar-wrap{overflow-x:hidden;overflow-y:scroll}.boxx{height:100%;margin:0 auto;width:100%}.boxx .ant-scrollbar .ant-scrollbar-wrap{overflow-y:hidden}.boxx .ant-scrollbar .ant-scrollbar-wrap .ant-scrollbar-view{white-space:nowrap}.qrcodeBox{left:50%;position:absolute;top:52%;transform:translate(-50%,-50%)}.pagination-container{padding:16px 0;text-align:right}.demo-table-expand{float:left;font-size:0;height:220px;width:30%}.demo-table-expand label{color:#99a9bf}.demo-table-expand .ant-form-item{margin-left:0;margin-top:0;width:50%}.demo-table-expand0{float:left;font-size:0;height:220px;width:35%}.demo-table-expand0 label{color:#99a9bf}.demo-table-expand0 .ant-form-item{margin-left:0;margin-top:0;width:50%}.demo-table-expand1{float:left;font-size:0;height:220px;width:30%}.demo-table-expand1 label{color:#99a9bf}.demo-table-expand1 .ant-form-item{margin-left:0;margin-top:0;width:50%}.demo-table-expand2{float:left;font-size:0;height:220px;width:40%}.demo-table-expand2 label{color:#99a9bf}.demo-table-expand2 .ant-form-item{margin-left:0;margin-top:0;width:100%}.ant-tree-node-content-wrapper .ant-tree-title{font-size:18px}@media (max-width:768px){.contains,.left-tree{margin-left:0;width:100%}.header-divs{align-items:stretch;flex-direction:column}.tag-header{border-radius:4px 4px 0 0}.header-divs .ant-input{border-radius:0 0 3px 3px}}.ant-table-thead>tr>th{background-color:#fafafa}.ant-table-tbody>tr:hover>td{background-color:#f5f5f5}.ant-modal-header{border-bottom:1px solid #f0f0f0}.ant-modal-footer{border-top:1px solid #f0f0f0}.ant-input-focused,.ant-input:focus,.ant-select-focused,.ant-select:focus{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}.ant-btn-primary{background-color:#1890ff;border-color:#1890ff}.ant-btn-primary:hover{background-color:#40a9ff;border-color:#40a9ff}.ant-tag{font-size:12px;padding:2px 8px}.ant-pagination{text-align:right}.ant-pagination-item-active{background-color:#1890ff;border-color:#1890ff}.ant-spin-container{min-height:200px}.ant-empty{margin:40px 0}.ant-tooltip-inner{background-color:#000000bf;border-radius:6px}.ant-dropdown-menu{border-radius:6px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px 0 #00000014,0 9px 28px 8px #0000000d}.ant-dropdown-menu-item{padding:5px 12px}.ant-dropdown-menu-item:hover{background-color:#f5f5f5}.ant-tabs-tab{font-weight:500}.ant-tabs-tab-active{color:#1890ff}.ant-tabs-ink-bar{background-color:#1890ff}.ant-checkbox-wrapper{font-size:14px}.ant-checkbox-checked .ant-checkbox-inner{background-color:#1890ff;border-color:#1890ff}.ant-input-number{width:100%}.ant-input-number-focused,.ant-input-number:focus{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}.ant-picker{width:100%}.ant-picker-focused,.ant-picker:focus{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}.ant-card{border-radius:8px;box-shadow:0 1px 2px -2px #00000029,0 3px 6px 0 #0000001f,0 5px 12px 4px #00000017}.ant-card-head{border-bottom:1px solid #f0f0f0}.ant-card-head-title{font-weight:600}.ant-space{align-items:center;display:inline-flex}.ant-row{display:flex;flex-wrap:wrap}.ant-col{max-width:100%;min-height:1px;position:relative}.anticon{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;line-height:1;text-align:center;text-rendering:optimizeLegibility;text-transform:none;vertical-align:initial}@media (max-width:1200px){.ant-table{font-size:12px}.ant-table-tbody>tr>td,.ant-table-thead>tr>th{padding:8px 4px}}@media (max-width:768px){.ant-table{font-size:11px}.ant-table-tbody>tr>td,.ant-table-thead>tr>th{padding:6px 2px}.ant-btn{font-size:12px;padding:4px 8px}.ant-form-item-label{padding-bottom:4px}.ant-form-item{margin-bottom:16px}}.face-dashboard{padding:24px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-title{margin:0}.fullscreen-btn{background:linear-gradient(45deg,#1890ff,#40a9ff);border:none;box-shadow:0 2px 8px #1890ff4d;transition:all .3s ease}.fullscreen-btn:hover{background:linear-gradient(45deg,#40a9ff,#69c0ff);box-shadow:0 4px 12px #1890ff66;transform:translateY(-2px)}.section-container{background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000000d;margin-top:24px;padding:16px}.section-title{color:#1f1f1f;font-size:16px;font-weight:500;margin-bottom:16px}@media (max-width:768px){.face-dashboard{padding:16px}.page-title{font-size:18px}}.face-user{padding:24px}@media (max-width:768px){.face-user{padding:16px}.page-title{font-size:18px}}.face-device{padding:24px}.action-buttons{display:flex;justify-content:flex-end;margin-top:16px}@media (min-width:576px){.action-buttons{margin-top:0}}@media (max-width:768px){.face-device{padding:16px}.page-title{font-size:18px}}.face-records{padding:24px}.page-title{color:#1f1f1f;font-size:20px;font-weight:500}.page-title,.search-card{margin-bottom:24px}.form-label{color:#1f1f1f;display:block;font-size:14px;margin-bottom:8px}.search-buttons{display:flex;justify-content:flex-end;margin-top:8px}.table-container{background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000000d;padding:16px}@media (max-width:768px){.face-records{padding:16px}.page-title{font-size:18px}.search-buttons{justify-content:center;margin-top:16px}}.unit-manage{background-color:#f2f2f2;height:90%}.ant-modal-body{background-color:#fff}.search-card{background:#fff;display:flex}.company-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:100%}.search-container{align-items:center;display:flex}.search-container .ant-input{border-radius:6px;height:32px;line-height:32px}.toolbar{background:#f8f9fa;border-radius:5px;margin-bottom:15px;padding:10px}.toolbar .ant-space{align-items:center;width:100%}.toolbar .ant-btn{align-items:center;border-radius:6px;display:flex;height:32px;justify-content:center}.search-bar{display:none}.view-mode-switch{margin-bottom:10px;text-align:right}.company-tree{background:#fff;border-radius:5px;min-height:500px}.company-tree-component .ant-tree-node-content-wrapper:hover{background-color:#f5f5f5}.node-details{color:#999;font-size:12px;margin-left:10px}.company-list{background:#fff;border:1px solid #e6e6e6;border-radius:5px}.company-list .ant-table-tbody>tr:hover>td{background-color:#f5f5f5}.selected-row{background-color:#1e9fff!important}.selected-row,.selected-row .ant-table-cell{color:#fff!important}@media (max-width:768px){.unit-manage{padding:10px}.toolbar{padding:8px}.toolbar .ant-space{flex-wrap:wrap}.toolbar .ant-btn{margin-bottom:5px}}.ant-empty{padding:50px 20px}.ant-input[disabled]{background-color:#f5f5f5;color:#666}.ant-btn[disabled]{cursor:not-allowed;opacity:.5}.ant-tree{background:#0000}.ant-tree .ant-tree-treenode{padding:0}.ant-tree .ant-tree-node-content-wrapper{border-radius:4px;margin:2px 0}.ant-table-thead>tr>th{background-color:#f8f9fa;color:#333}.ant-table-tbody>tr>td{padding:12px 15px}.ant-modal-header{border-bottom:1px solid #e6e6e6;padding-bottom:10px}.ant-modal-title{color:#333;font-size:18px;font-weight:700}.project-manage{display:flex;height:90%}.main-container{display:flex}.company-card,.project-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:100%}.company-card .ant-card-head,.project-card .ant-card-head{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px 8px 0 0;color:#fff;flex-shrink:0;padding:16px 24px}.company-card .ant-card-head-title,.project-card .ant-card-head-title{color:#fff;font-size:16px;font-weight:700}.company-card .ant-card-body,.project-card .ant-card-body{display:flex;flex:1;flex-direction:column;overflow:hidden;padding:16px}.company-tree{border:1px solid #e6e6e6;border-radius:4px;flex:1;min-height:0;overflow-y:auto;padding:10px}.company-tree-component .ant-tree-node-content-wrapper{border-radius:4px;padding:8px 15px;transition:background-color .3s}.company-tree-component .ant-tree-node-content-wrapper.ant-tree-node-selected{background-color:#1e9fff;color:#fff}.tree-node-content{align-items:center;display:flex;gap:8px}.node-icon{color:#1890ff;font-size:16px}.node-name{font-weight:500}.btn-group{background:#fafafa;border:1px solid #e8e8e8;border-radius:6px;flex-shrink:0;margin-bottom:16px;padding:12px}.project-table{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.project-table .ant-table-wrapper{flex:1;overflow:hidden}.project-table .ant-table,.project-table .ant-table-container{height:100%}.project-table .ant-table-body{max-height:600px!important;overflow-y:auto!important}.compact-table .ant-table-thead>tr>th{padding:8px 12px}.compact-table .ant-table-tbody>tr>td{padding:6px 12px}.selected-row,.selected-row .ant-table-cell{background-color:#e6f7ff!important;color:#000!important}.selected-row:hover>td{background-color:#bae7ff!important;color:#000!important}.ant-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.ant-modal-title{color:#fff!important}.ant-form-item-label>label{color:#333}.ant-input,.ant-input-number,.ant-select-selector{border-radius:4px}.ant-input-number-focused,.ant-input:focus,.ant-select-focused .ant-select-selector{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.search-card{background:#fafafa;border:1px solid #e8e8e8;border-radius:6px;flex-shrink:0;margin-bottom:16px;padding:12px}.ant-btn{border-radius:4px;font-weight:500}.ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.ant-btn-primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.ant-tag{border-radius:4px;font-weight:500}.ant-pagination-item-active{background-color:#667eea;border-color:#667eea}.ant-pagination-item-active a{color:#fff}.ant-empty{padding:40px 0}.ant-empty-description{color:#999}@media (max-width:1200px){.project-manage .ant-col-5{flex:0 0 20%;max-width:20%}.project-manage .ant-col-19{flex:0 0 80%;max-width:80%}}@media (max-width:768px){.project-manage .ant-col-5{margin-bottom:16px}.project-manage .ant-col-19,.project-manage .ant-col-5{flex:0 0 100%;max-width:100%}.btn-group .ant-space{flex-direction:column;width:100%}.btn-group .ant-btn{margin-bottom:8px;width:100%}}.compact-table .ant-table-expand-icon-col{width:50px}.compact-table .ant-table-row-expand-icon{margin-right:8px}.compact-table .ant-table-expanded-row{background-color:#fafafa}.compact-table .ant-table-expanded-row .ant-table-cell{background-color:#fafafa;padding:16px 24px}.expanded-content{background:#fafafa;border-radius:4px;margin:8px 0;padding:16px 24px}.expanded-content .ant-col{margin-bottom:8px}.expanded-content strong{color:#333;font-weight:500}.custom-scrollbar{scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:thin}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.map-search-input-fix.ant-input-affix-wrapper{align-items:center;display:inline-flex}.map-search-input-fix.ant-input-affix-wrapper .ant-input{align-items:center;display:flex;line-height:1.5715}.area-manage{height:100%;width:100%}.containers,.containert{background:#fff;border-radius:8px;box-shadow:0 2px 12px 0 #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden}.containers{margin:0 auto;max-width:1200px;width:100%}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;text-align:center}.content{display:flex;flex:1;flex-direction:column;padding:20px}.toolbar{justify-content:space-between;margin-bottom:20px}.project-selector,.toolbar{align-items:center;display:flex}.project-selector{gap:10px}.project-selector label{color:#606266;font-weight:500}.area-tree{border:1px solid #e4e7ed;border-radius:4px;flex:1;min-height:400px;overflow:auto}.area-tree-component{padding:16px}.tree-node{border-radius:4px;cursor:pointer;margin:2px 0;padding:8px 0;transition:background-color .3s}.tree-node:hover{background-color:#f5f7fa}.tree-node.selected{background-color:#ecf5ff;color:#409eff}.area-info{align-items:center;display:flex;gap:10px}.area-icon{color:#909399;font-size:16px}.area-name{flex:1;font-weight:500}.area-meta{color:#909399;font-size:12px}.empty,.loading{color:#909399;padding:40px;text-align:center}.error{color:#f56c6c;padding:20px;text-align:center}.dialog-form{padding:20px 0}.dialog-form .ant-form-item{margin-bottom:20px}.dialog-form .ant-form-item-label>label{color:#606266;display:block;font-weight:500;margin-bottom:8px}.dialog-form .ant-input,.dialog-form .ant-select{border:1px solid #dcdfe6;border-radius:4px;font-size:14px;padding:10px;width:100%}.dialog-form .ant-input:focus,.dialog-form .ant-select-focused .ant-select-selector{border-color:#409eff;outline:none}@media (max-width:768px){.toolbar{align-items:stretch;flex-direction:column;gap:16px}.project-selector{justify-content:center}.toolbar>div:last-child{display:flex;gap:8px;justify-content:center}.toolbar .ant-btn{flex:1;max-width:120px}}.device-manage{width:100%}.device-manage .ant-layout{height:100%}.device-manage .ant-layout-sider{background:#fff;border-right:1px solid #e8e8e8}.device-manage .ant-layout-content{background:#fff;padding:10px}.device-manage .ant-layout-sider:last-child{border-right:none}.device-manage .ant-table{background:#fff}.device-manage .ant-table-thead>tr>th{background:#fafafa;border-bottom:1px solid #e8e8e8;color:#333;font-weight:600}.device-manage .ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0;padding:8px 12px}.device-manage .ant-table-tbody>tr:hover>td{background:#f5f5f5}.device-manage .selected-row,.device-manage .selected-row>td{background:#e6f7ff!important}.device-manage .ant-space{margin-bottom:10px}.device-manage .ant-btn{border-radius:4px;font-size:12px;height:32px;padding:0 12px}.device-manage .ant-btn-primary{background:#1890ff;border-color:#1890ff}.device-manage .ant-btn-primary:hover{background:#40a9ff;border-color:#40a9ff}.device-manage .ant-btn-danger{background:#ff4d4f;border-color:#ff4d4f}.device-manage .ant-btn-danger:hover{background:#ff7875;border-color:#ff7875}.device-manage .ant-card{border-radius:6px;box-shadow:0 2px 8px #0000001a}.device-manage .ant-card-head{background:#fafafa;border-bottom:1px solid #e8e8e8;padding:0 16px}.device-manage .ant-card-head-title{color:#333;font-size:14px;font-weight:600}.device-manage .ant-card-body{padding:16px}.device-manage .ant-form-item{margin-bottom:16px}.device-manage .ant-form-item-label>label{color:#333;font-weight:500}.device-manage .ant-input,.device-manage .ant-input-number{border:1px solid #d9d9d9;border-radius:4px}.device-manage .ant-input-number:focus,.device-manage .ant-input:focus,.device-manage .ant-select-focused .ant-select-selector{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.device-manage .ant-tag{border-radius:4px;font-size:12px;padding:2px 8px}.device-manage .anticon{font-size:14px}.device-manage .ant-tree{background:#0000}.device-manage .ant-tree-node-content-wrapper{border-radius:4px;padding:4px 8px}.device-manage .ant-tree-node-content-wrapper:hover{background:#f5f5f5}.device-manage .ant-tree-node-selected{background:#e6f7ff}.device-manage .ant-empty{padding:40px 0}.device-manage .ant-empty-description{color:#999}.device-manage .ant-spin{color:#1890ff}@media (max-width:1200px){.device-manage .ant-layout-sider{width:200px!important}.device-manage .ant-layout-sider:last-child{width:250px!important}}@media (max-width:768px){.device-manage .ant-layout-sider{width:150px!important}.device-manage .ant-layout-sider:last-child{width:200px!important}.device-manage .ant-space{flex-direction:column;gap:8px}.device-manage .ant-btn{width:100%}}.device-manage .draggable-modal{border-radius:8px;overflow:hidden}.device-manage .draggable-modal .ant-modal-header{background:#fafafa;border-bottom:1px solid #e8e8e8;padding:16px 24px}.device-manage .draggable-modal .ant-modal-title{color:#333;font-size:16px;font-weight:600}.device-manage .draggable-modal .ant-modal-body{max-height:70vh;overflow-y:auto;padding:24px}.device-manage .draggable-modal .ant-modal-footer{border-top:1px solid #e8e8e8;padding:16px 24px;text-align:right}.device-manage .ant-form-vertical .ant-form-item{margin-bottom:20px}.device-manage .ant-form-vertical .ant-form-item-label{padding-bottom:8px}.device-manage .ant-form-vertical .ant-form-item-label>label{color:#333;font-weight:500}.device-manage .ant-checkbox-wrapper{font-size:14px}.device-manage .ant-checkbox-checked .ant-checkbox-inner{background-color:#1890ff;border-color:#1890ff}.device-manage .ant-radio-group{display:flex;gap:16px}.device-manage .ant-radio-wrapper{font-size:14px}.device-manage .ant-input-number{width:100%}.device-manage .ant-input-number-handler-wrap{display:none}.device-manage .ant-table-body::-webkit-scrollbar{height:6px;width:6px}.device-manage .ant-table-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.device-manage .ant-table-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.device-manage .ant-table-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.device-manage .device-details{padding:16px}.device-manage .device-details .ant-form-item{margin-bottom:12px}.device-manage .device-details .ant-form-item-label{color:#666;font-weight:500}.device-manage .device-details .ant-input[readonly]{background-color:#f5f5f5;color:#666}.device-manage .status-icon{font-size:16px;margin-right:4px}.device-manage .status-icon.success{color:#52c41a}.device-manage .status-icon.error{color:#ff4d4f}.device-manage .status-icon.warning{color:#faad14}.device-manage .toolbar{background:#fff;border-bottom:1px solid #e8e8e8;margin-bottom:16px;padding:12px 16px}.device-manage .toolbar .ant-space{margin-bottom:0}.device-manage .ant-pagination{margin-top:16px;text-align:right}.device-manage .ant-pagination-total-text{color:#666;font-size:12px}.device-manage .ant-table-row-selected>td{background:#e6f7ff!important}.device-manage .ant-table-row-selected:hover>td{background:#bae7ff!important}.dialog-form .ant-select{border:0;padding:0}.dormitory-manage{width:100%}.dormitory-manage .ant-layout{height:100%}.dormitory-manage .ant-layout-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;height:auto;line-height:1.5;padding:20px;text-align:center}.dormitory-manage .ant-layout-content{background:#fff;border-radius:8px;box-shadow:0 2px 12px 0 #0000001a;margin:20px;overflow:hidden;padding:20px}.dormitory-manage .ant-table{background:#fff}.dormitory-manage .ant-table-thead>tr>th{background:#fafafa;border-bottom:1px solid #e8e8e8;color:#333;font-weight:600}.dormitory-manage .ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0;padding:8px 12px}.dormitory-manage .ant-table-tbody>tr:hover>td{background:#f5f5f5}.ant-table-tbody>tr.selected-row>td,.dormitory-manage .selected-row,.dormitory-manage .selected-row>td{background:#e6f7ff!important}.dormitory-manage .ant-space{margin-bottom:10px}.dormitory-manage .ant-btn{border-radius:4px;font-size:12px;height:32px;padding:0 12px}.dormitory-manage .ant-btn-primary{background:#409eff;border-color:#409eff}.dormitory-manage .ant-btn-primary:hover{background:#66b1ff;border-color:#66b1ff}.dormitory-manage .ant-btn-danger{background:#f56c6c;border-color:#f56c6c}.dormitory-manage .ant-btn-danger:hover{background:#f78989;border-color:#f78989}.dormitory-manage .ant-card{border-radius:6px;box-shadow:0 2px 8px #0000001a}.dormitory-manage .ant-card-head{background:#fafafa;border-bottom:1px solid #e8e8e8;padding:0 16px}.dormitory-manage .ant-card-head-title{color:#333;font-size:14px;font-weight:600}.dormitory-manage .ant-card-body{padding:16px}.dormitory-manage .ant-form-item{margin-bottom:16px}.dormitory-manage .ant-form-item-label>label{color:#333;font-weight:500}.dormitory-manage .ant-input,.dormitory-manage .ant-input-number,.dormitory-manage .ant-select{border:1px solid #d9d9d9;border-radius:4px}.dormitory-manage .ant-input-number:focus,.dormitory-manage .ant-input:focus,.dormitory-manage .ant-select-focused .ant-select-selector{border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.dormitory-manage .ant-tree{background:#0000}.dormitory-manage .ant-tree-node-content-wrapper{border-radius:4px;padding:4px 8px}.dormitory-manage .ant-tree-node-content-wrapper:hover{background:#f5f5f5}.dormitory-manage .ant-tree-node-selected{background:#e6f7ff}.dormitory-manage .ant-modal{border-radius:8px;overflow:hidden}.dormitory-manage .ant-modal-header{background:#fafafa;border-bottom:1px solid #e8e8e8;padding:16px 24px}.dormitory-manage .ant-modal-title{color:#333;font-size:16px;font-weight:600}.dormitory-manage .ant-modal-body{max-height:70vh;overflow-y:auto;padding:24px}.dormitory-manage .ant-modal-footer{border-top:1px solid #e8e8e8;padding:16px 24px;text-align:right}.dormitory-manage .ant-form-vertical .ant-form-item{margin-bottom:20px}.dormitory-manage .ant-form-vertical .ant-form-item-label{padding-bottom:8px}.dormitory-manage .ant-form-vertical .ant-form-item-label>label{color:#333;font-weight:500}.dormitory-manage .ant-radio-group{display:flex;gap:16px}.dormitory-manage .ant-radio-wrapper{font-size:14px}.dormitory-manage .ant-input-number{width:100%}.dormitory-manage .ant-input-number-handler-wrap{display:none}.dormitory-manage .ant-table-body::-webkit-scrollbar{height:6px;width:6px}.dormitory-manage .ant-table-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dormitory-manage .ant-table-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dormitory-manage .ant-table-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dormitory-manage .device-details{padding:16px}.dormitory-manage .device-details .ant-form-item{margin-bottom:12px}.dormitory-manage .device-details .ant-form-item-label{color:#666;font-weight:500}.dormitory-manage .device-details .ant-input[readonly]{background-color:#f5f5f5;color:#666}.dormitory-manage .status-icon{font-size:16px;margin-right:4px}.dormitory-manage .status-icon.success{color:#52c41a}.dormitory-manage .status-icon.error{color:#ff4d4f}.dormitory-manage .status-icon.warning{color:#faad14}.dormitory-manage .toolbar{background:#fff;border-bottom:1px solid #e8e8e8;margin-bottom:16px;padding:12px 16px}.dormitory-manage .toolbar .ant-space{margin-bottom:0}.dormitory-manage .ant-pagination{margin-top:16px;text-align:right}.dormitory-manage .ant-pagination-total-text{color:#666;font-size:12px}.dormitory-manage .ant-table-row-selected>td{background:#e6f7ff!important}.dormitory-manage .ant-table-row-selected:hover>td{background:#bae7ff!important}.dormitory-manage .config-section{border:1px solid #e4e7ed;border-radius:4px;margin-top:20px;padding:15px}.dormitory-manage .config-title{color:#303133;font-weight:700;margin-bottom:15px}.dormitory-manage .detail-card{border:1px solid #e4e7ed;border-radius:4px;flex:1;padding:15px}.dormitory-manage .detail-header{background:#f5f7fa;border-radius:4px 4px 0 0;color:#606266;font-weight:700;margin:-15px -15px 15px;padding:10px}.dormitory-manage .ant-picker{width:100%}.dormitory-manage .ant-picker-input>input{border:1px solid #dcdfe6;border-radius:4px;font-size:14px;padding:10px}.dormitory-manage .ant-picker-input>input:focus{border-color:#409eff;outline:none}.dormitory-manage .ant-cascader{width:100%}.dormitory-manage .ant-cascader-picker{border:1px solid #dcdfe6;border-radius:4px}.dormitory-manage .ant-cascader-picker-focused,.dormitory-manage .ant-cascader-picker:focus{border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.dormitory-manage .ant-select-multiple .ant-select-selection-item{background:#409eff;border-radius:2px;color:#fff;margin:2px}.dormitory-manage .ant-empty{padding:40px 0}.dormitory-manage .ant-empty-description{color:#999}.dormitory-manage .ant-spin{color:#409eff}@media (max-width:1200px){.dormitory-manage .ant-layout-sider{width:200px!important}.dormitory-manage .ant-layout-sider:last-child{width:250px!important}}@media (max-width:768px){.dormitory-manage .ant-layout-sider{width:150px!important}.dormitory-manage .ant-layout-sider:last-child{width:200px!important}.dormitory-manage .ant-space{flex-direction:column;gap:8px}.dormitory-manage .ant-btn{width:100%}.dormitory-manage .detail-area{flex-direction:column}.dormitory-manage .detail-card{margin-bottom:20px}}.dormitory-manage .project-selector{align-items:center;display:flex;gap:10px;margin-bottom:20px}.dormitory-manage .project-selector label{color:#333;font-weight:500;white-space:nowrap}.dormitory-manage .main-layout{display:flex;gap:20px;height:600px}.dormitory-manage .sidebar{background:#fafafa;border:1px solid #e4e7ed;border-radius:4px;padding:15px;width:300px}.dormitory-manage .main-content{border:1px solid #e4e7ed;border-radius:4px;flex:1;padding:15px}.dormitory-manage .dormitory-tree{border:1px solid #e4e7ed;border-radius:4px;min-height:400px}.dormitory-manage .detail-area{display:flex;gap:20px;margin-top:20px}.dormitory-manage .toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.dormitory-manage .table-container{margin-top:20px}.dormitory-manage .error{color:#f56c6c;font-size:12px;margin-top:5px}.dormitory-manage .loading{color:#909399;padding:20px;text-align:center}.dormitory-manage .empty{color:#909399;padding:40px;text-align:center}.dormitory-manage .hidden{display:none}.dormitory-manage .dialog-form{padding:20px}.dormitory-manage .form-item{margin-bottom:20px}.dormitory-manage .form-label{color:#606266;display:block;font-weight:500;margin-bottom:8px}.dormitory-manage .form-input{border:1px solid #dcdfe6;border-radius:4px;font-size:14px;padding:10px;width:100%}.dormitory-manage .form-input:focus{border-color:#409eff;outline:none}.dormitory-manage .time-input{width:100%}.dormitory-manage .btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-right:10px;padding:10px 20px;transition:all .3s}.dormitory-manage .btn-primary{background-color:#409eff;color:#fff}.dormitory-manage .btn-primary:hover{background-color:#66b1ff}.dormitory-manage .btn-success{background-color:#67c23a;color:#fff}.dormitory-manage .btn-success:hover{background-color:#85ce61}.dormitory-manage .btn-warning{background-color:#e6a23c;color:#fff}.dormitory-manage .btn-warning:hover{background-color:#ebb563}.dormitory-manage .btn-danger{background-color:#f56c6c;color:#fff}.dormitory-manage .btn-danger:hover{background-color:#f78989}.dormitory-manage .btn-info{background-color:#909399;color:#fff}.dormitory-manage .btn-info:hover{background-color:#a6a9ad}.dormitory-manage .container{background:#fff;border-radius:8px;box-shadow:0 2px 12px 0 #0000001a;margin:0 auto;max-width:1400px;overflow:hidden}.dormitory-manage .header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;text-align:center}.dormitory-manage .content{padding:20px}.dormitory-manage .monitor-header{background:#d3d24d!important;color:#fff!important}.dormitory-manage .exclude-time-header{background:#5fb878!important;color:#fff!important}.dormitory-manage .ant-btn,.dormitory-manage .ant-input,.dormitory-manage .ant-picker,.dormitory-manage .ant-select{transition:all .3s ease}.dormitory-manage .ant-table-tbody>tr{transition:background-color .3s ease}.dormitory-manage .ant-input:focus,.dormitory-manage .ant-picker-focused,.dormitory-manage .ant-select-focused .ant-select-selector{border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.dormitory-manage .ant-btn[disabled]{border-color:#d9d9d9}.dormitory-manage .ant-btn[disabled],.dormitory-manage .ant-input[disabled]{background-color:#f5f5f5;color:#bfbfbf;cursor:not-allowed}.dormitory-manage .ant-message-success{color:#67c23a}.dormitory-manage .ant-message-error{color:#f56c6c}.dormitory-manage .ant-message-warning{color:#e6a23c}.dormitory-manage .ant-message-info{color:#409eff}.violation-manage{height:100%}.violation-manage .ant-layout{background:#fff}.violation-manage .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a}.violation-manage .search-form{background:#fafafa;border-radius:6px;margin-bottom:16px;padding:16px}.violation-manage .search-form .ant-form-item{margin-bottom:12px}.violation-manage .ant-table{font-size:12px}.violation-manage .ant-table-thead>tr>th{background:#fafafa;font-size:12px;font-weight:500;padding:8px 12px}.violation-manage .ant-table-tbody>tr>td{font-size:12px;padding:8px 12px}.violation-manage .ant-table-tbody>tr.selected-row>td{background-color:#e6f7ff}.violation-manage .dialog-form{padding:20px 0}.violation-manage .dialog-form .ant-form-item{margin-bottom:16px}.violation-manage .dialog-form .ant-form-item-label>label{color:#606266;font-weight:500}.violation-manage .ant-input,.violation-manage .ant-input-number,.violation-manage .ant-picker,.violation-manage .ant-select-selector{border:1px solid #d9d9d9!important;border-radius:6px!important;box-sizing:border-box!important;font-size:14px!important;height:40px!important;line-height:1.5715!important;padding:8px 12px!important;transition:all .3s ease!important}.violation-manage .ant-select-selector{align-items:center!important;display:flex!important;padding:0 12px!important}.violation-manage .ant-select-selection-item{font-size:14px!important;line-height:38px!important}.violation-manage .ant-picker{padding:0 12px!important}.violation-manage .ant-picker-input>input{font-size:14px!important;height:38px!important;line-height:38px!important}.violation-manage .ant-input-number-focused,.violation-manage .ant-input:focus,.violation-manage .ant-picker-focused,.violation-manage .ant-select-focused .ant-select-selector{border-color:#1890ff!important;box-shadow:0 0 0 2px #1890ff33!important}.violation-manage .ant-input-number:hover,.violation-manage .ant-input:hover,.violation-manage .ant-picker:hover,.violation-manage .ant-select:hover .ant-select-selector{border-color:#40a9ff!important}.draggable-modal .violation-manage .ant-select{width:100%!important}.draggable-modal .violation-manage .ant-select-selector{align-items:center!important;background-color:#fff!important;border:1px solid #d9d9d9!important;border-radius:6px!important;box-sizing:border-box!important;display:flex!important;height:40px!important;padding:0 12px!important;transition:all .3s ease!important;width:100%!important}.draggable-modal .violation-manage .ant-select-selection-item{color:#262626!important;font-size:14px!important;line-height:38px!important;max-width:calc(100% - 20px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.draggable-modal .violation-manage .ant-select-selection-placeholder{color:#bfbfbf!important;font-size:14px!important;line-height:38px!important}@media (max-width:768px){.violation-manage .ant-table{font-size:11px}.violation-manage .ant-table-tbody>tr>td,.violation-manage .ant-table-thead>tr>th{padding:6px 8px}}.header-divs,.tag-header{align-items:center;display:flex}.tag-header{background-color:#f5f7fa;border:1px solid #dcdfe6;border-radius:4px 0 0 4px;color:#909399;font-size:16px;height:40px;padding-left:20px;padding-right:20px;white-space:nowrap}.ant-form-inline .ant-form-item{margin-bottom:20px;margin-right:24px}.ant-form-item-label>label{color:#3a466e;font-size:15px;font-weight:500}.ant-input,.header-divs .ant-select-selector{border-bottom-left-radius:0!important;border-bottom-right-radius:6px!important;border-top-left-radius:0!important;border-top-right-radius:6px!important}.ant-input{font-size:16px!important;height:40px!important}.ant-input,.ant-select-selector{font-size:16px}.header-divs .ant-input-number,.header-divs .ant-picker,.header-divs .ant-tree-select .ant-select-selector{border-bottom-left-radius:0!important;border-bottom-right-radius:6px!important;border-top-left-radius:0!important;border-top-right-radius:6px!important}.ant-checkbox-wrapper{font-size:15px;margin-right:16px}.ant-btn{border-radius:6px;box-shadow:0 2px 8px #3c50780f;font-size:15px;height:38px;min-width:90px}.ant-btn-primary{background:linear-gradient(90deg,#4f8cff,#2355e6);border:none}.ant-btn-primary:hover{background:linear-gradient(90deg,#2355e6,#4f8cff)}.ant-table{border-radius:10px 10px 0 0;font-size:15px;overflow:hidden}.ant-table-thead>tr>th{background:#f0f4fa!important;color:#3a466e!important;font-size:15px;font-weight:600}.ant-table-tbody>tr>td{background:#fff;font-size:15px}.ant-table-row:hover>td{background:#f5f7fa!important}.ant-pagination{font-size:15px}@media (max-width:900px){.ant-form-inline .ant-form-item{margin-right:8px}}@media (max-width:600px){.ant-form-inline{align-items:stretch!important;flex-direction:column!important}.ant-form-inline .ant-form-item{align-items:stretch;display:flex;flex-direction:column;margin-bottom:12px!important;margin-right:0!important;width:100%!important}.ant-form-item-label{padding-bottom:2px;text-align:left!important}.ant-btn,.ant-form-item-control-input,.ant-input,.ant-picker,.ant-select{box-sizing:border-box;min-width:0!important;width:100%!important}}.operation-record-container .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a}.operation-record-container .ant-card-head{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px 8px 0 0;color:#fff}.operation-record-container .ant-card-head-title{color:#fff}.operation-record-container .ant-table{background:#fff}.operation-record-container .ant-table-thead>tr>th{background:#fafafa;color:#333;font-weight:700}.operation-record-container .ant-table-tbody>tr:hover{background:#f5f5f5}.operation-record-container .ant-form-inline .ant-form-item{margin-bottom:16px}.operation-record-container .ant-tag{border-radius:4px;font-size:12px;padding:2px 8px}.operation-record-container pre{word-wrap:break-word;white-space:pre-wrap}.role-manage-container .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a}.role-manage-container .ant-card-head{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px 8px 0 0;color:#fff}.role-manage-container .ant-card-head-title{color:#fff}.role-manage-container .ant-table{background:#fff}.role-manage-container .ant-table-thead>tr>th{background:#fafafa;color:#333;font-weight:700}.role-manage-container .ant-table-tbody>tr:hover{background:#f5f5f5}.role-manage-container .ant-btn-primary{background:#1890ff;border-color:#1890ff}.role-manage-container .ant-btn-primary:hover{background:#40a9ff;border-color:#40a9ff}.role-manage-container .ant-tag{border-radius:4px;font-size:12px;padding:2px 8px}.face-show-screen{background:radial-gradient(circle at 20% 80%,#00d4ff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff6b6b1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#00ff880d 0,#0000 50%),linear-gradient(135deg,#0a0e1a,#1a1f2e 25%,#16213e 50%,#0f1419 75%,#0a0e1a);color:#fff;display:flex;flex-direction:column;font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;height:100vh;overflow:hidden;position:relative;width:100vw}.face-show-screen:before{animation:faceShowParticleMove 20s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,#00d4ff4d,#0000),radial-gradient(2px 2px at 40px 70px,#ff6b6b33,#0000),radial-gradient(1px 1px at 90px 40px,#0f86,#0000),radial-gradient(1px 1px at 130px 80px,#ffc1074d,#0000);background-repeat:repeat;background-size:200px 200px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}@keyframes faceShowParticleMove{0%{transform:translate(0)}to{transform:translate(-200px,-200px)}}.screen-header{align-items:center;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 16px #0000001a,0 2px 6px #0000000d,inset 0 1px 0 #fff3;display:flex;justify-content:space-between;margin:10px;padding:8px 20px;position:relative;z-index:100}.screen-header:before{background:linear-gradient(90deg,#0000,#ffffff0d 50%,#0000);border-radius:20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes faceShowHeaderGlow{0%{opacity:.3}to{opacity:.8}}.header-left{width:600px}.header-left h1{animation:faceShowTechGlow 2s ease-in-out infinite;backdrop-filter:blur(10px);background:linear-gradient(135deg,#4dd0e11a,#4dd0e10d 50%,#4dd0e11a);border:2px solid #4dd0e14d;border-radius:20px;color:#4dd0e1!important;font-family:Courier New,Monaco,monospace;font-size:42px;font-weight:800;letter-spacing:3px;margin:0 0 15px;padding:15px 25px;position:relative;text-shadow:0 0 10px #4dd0e1cc,0 0 20px #4dd0e199,0 0 30px #4dd0e166,0 0 40px #4dd0e133,2px 2px 4px #000c;text-transform:uppercase}.header-left h1:before{background:#4dd0e133;border-radius:23px;bottom:-3px;box-shadow:0 0 10px #4dd0e14d,0 0 20px #4dd0e133;content:"";filter:blur(2px);left:-3px;position:absolute;right:-3px;top:-3px;z-index:-1}.header-left h1:after{background:#4dd0e10d;border-radius:26px;bottom:-6px;box-shadow:0 0 15px #4dd0e11a,0 0 30px #4dd0e10d;content:"";filter:blur(4px);left:-6px;position:absolute;right:-6px;top:-6px;z-index:-2}.header-left h1 .particle{animation:faceShowTechParticle 3s ease-in-out infinite;background:linear-gradient(45deg,#fffc,#fff9);border-radius:50%;box-shadow:0 0 8px #fff9,0 0 16px #ffffff4d;height:4px;position:absolute;width:4px}.header-left h1 .particle:first-child{animation-delay:0s;left:5%;top:15%}.header-left h1 .particle:nth-child(2){animation-delay:1s;right:10%;top:70%}.header-left h1 .particle:nth-child(3){animation-delay:2s;left:85%;top:45%}@keyframes faceShowTechParticle{0%,to{box-shadow:0 0 8px #fff9,0 0 16px #ffffff4d;opacity:.6;transform:translateY(0) scale(1) rotate(0deg)}25%{box-shadow:0 0 12px #ffffffb3,0 0 24px #fff6;opacity:.8;transform:translateY(-6px) scale(1.2) rotate(90deg)}50%{box-shadow:0 0 16px #fffc,0 0 32px #ffffff80;opacity:.7;transform:translateY(-12px) scale(1.3) rotate(180deg)}75%{box-shadow:0 0 12px #ffffffb3,0 0 24px #fff6;opacity:.8;transform:translateY(-6px) scale(1.2) rotate(270deg)}}.header-left h1 .scan-line{animation:faceShowTechScanLine 2.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff9,#fff6,#fff9,#0000);box-shadow:0 0 8px #fff6,0 0 16px #fff3;height:2px;left:-100%;position:absolute;top:0;width:100%}@keyframes faceShowTechScanLine{0%{left:-100%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}.header-left h1 .data-stream{animation:faceShowDataStream 1.5s ease-in-out infinite;background:linear-gradient(180deg,#0000,#fff9,#fff6,#0000);height:20px;left:-20px;position:absolute;top:50%;width:2px}.header-left h1 .data-stream:nth-child(2){animation-delay:.5s;left:10px;top:30%}.header-left h1 .data-stream:nth-child(3){animation-delay:1s;left:auto;right:10px;top:70%}@keyframes faceShowDataStream{0%,to{opacity:0;transform:translateY(0) scaleY(1)}50%{opacity:1;transform:translateY(-10px) scaleY(1.5)}}@keyframes faceShowTechGlow{0%,to{text-shadow:0 0 10px #4dd0e1cc,0 0 20px #4dd0e199,0 0 30px #4dd0e166,0 0 40px #4dd0e133,2px 2px 4px #000c}50%{text-shadow:0 0 15px #4dd0e1,0 0 30px #4dd0e1cc,0 0 45px #4dd0e199,0 0 60px #4dd0e166,2px 2px 6px #000000e6}}@keyframes faceShowGradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.project-info{color:#b0b0b0;display:flex;font-size:14px;gap:20px}.connection-status{align-items:center;display:flex;gap:5px;margin-left:20px}.connection-status.connected{color:#0f8}.connection-status.connecting{color:#fa0}.connection-status.disconnected{color:#ff6b6b}.connection-status.error{color:#ff4757}.header-right{align-items:center;display:flex;gap:30px}.current-time{backdrop-filter:blur(10px);background:linear-gradient(135deg,#4dd0e126,#4dd0e114 50%,#4dd0e126);background-clip:padding-box;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 16px #0003,0 2px 8px #0000001a,inset 0 1px 0 #fff3;color:#4dd0e1;font-size:18px;font-weight:600;padding:12px 20px;position:relative;text-shadow:0 0 10px #4dd0e199,0 0 20px #4dd0e166,0 2px 4px #00000080;transition:all .3s ease}.current-time:before{background:linear-gradient(135deg,#4dd0e166,#4dd0e133 25%,#4dd0e14d 50%,#4dd0e133 75%,#4dd0e166);background-size:200% 200%;border-radius:18px;bottom:-2px;filter:blur(1px);left:-2px;right:-2px;top:-2px;z-index:-1}.current-time:after,.current-time:before{animation:faceShowTimeGlow 3s ease-in-out infinite;content:"";position:absolute}.current-time:after{background:linear-gradient(135deg,#4dd0e11a,#4dd0e10d 50%,#4dd0e11a);background-size:200% 200%;border-radius:20px;bottom:-4px;filter:blur(2px);left:-4px;right:-4px;top:-4px;z-index:-2}.current-time:hover{box-shadow:0 6px 24px #0000004d,0 4px 12px #0003,inset 0 1px 0 #ffffff4d,0 0 20px #4dd0e14d;transform:translateY(-2px)}@keyframes faceShowTimeGlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.control-buttons{display:flex;gap:10px}.control-buttons button{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.btn-connect{background:linear-gradient(45deg,#00d4ff,#09c);color:#fff}.btn-connect:hover:not(:disabled){box-shadow:0 5px 15px #00d4ff66;transform:translateY(-2px)}.btn-connect:disabled{cursor:not-allowed;opacity:.5}.btn-disconnect{background:linear-gradient(45deg,#ff6b6b,#ff4757);color:#fff}.btn-disconnect:hover:not(:disabled){box-shadow:0 5px 15px #ff6b6b66;transform:translateY(-2px)}.btn-disconnect:disabled{cursor:not-allowed;opacity:.5}.statistics-panel{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff0d;border-bottom:1px solid #00d4ff26;display:flex;justify-content:space-around;padding:35px 40px;position:relative;z-index:10}.statistics-panel:before{animation:faceShowPanelGlow 6s ease-in-out infinite;background:linear-gradient(135deg,#00d4ff0d,#0000 25%,#00ff880d 50%,#0000 75%,#ff6b6b0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes faceShowPanelGlow{0%,to{opacity:.3}50%{opacity:.8}}.stat-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #00d4ff33;border-radius:16px;min-width:160px;overflow:hidden;padding:25px 20px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-item:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.stat-item:hover{background:#ffffff1f;border-color:#00d4ff66;box-shadow:0 20px 40px #0006,0 0 20px #00d4ff33,inset 0 1px 0 #ffffff1a;transform:translateY(-8px) scale(1.02)}.stat-item:hover:before{left:100%}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#0f8 50%,#ff6b6b);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:42px;font-weight:800;margin-bottom:12px;position:relative;text-shadow:0 0 30px #00d4ff99}.stat-value,.stat-value:before{animation:faceShowNumberGlow 3s ease-in-out infinite}.stat-value:before{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#0f8,#ff6b6b);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;content:attr(data-value);filter:blur(2px);left:0;opacity:.3;position:absolute;top:0}@keyframes faceShowNumberGlow{0%,to{background-position:0 50%;filter:hue-rotate(0deg)}50%{background-position:100% 50%;filter:hue-rotate(180deg)}}.stat-label{color:#b0b0b0;font-size:14px;letter-spacing:1px;text-transform:uppercase}.records-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 8px 32px #0000001a,0 4px 12px #0000000d,inset 0 1px 0 #ffffff1a;display:flex;flex:1;flex-direction:column;margin:0 20px 20px;overflow:hidden;padding:30px;position:relative;z-index:5}.records-panel:before{background:radial-gradient(circle at 10% 20%,#ffffff08 0,#0000 50%),radial-gradient(circle at 90% 80%,#ffffff05 0,#0000 50%);border-radius:20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.panel-header h2{color:#fff;font-size:24px;font-weight:600;margin:0;text-shadow:0 2px 4px #0000004d}.record-count{background:#ffffff26;border:1px solid #fff3;border-radius:16px;color:#fff;font-size:14px;padding:8px 16px;text-shadow:0 1px 2px #0000004d}.records-list{align-content:start;display:grid;flex:1;gap:16px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));overflow-y:auto;padding-right:10px}.records-list::-webkit-scrollbar{width:6px}.records-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.records-list::-webkit-scrollbar-thumb{background:#00d4ff80;border-radius:3px}.records-list::-webkit-scrollbar-thumb:hover{background:#00d4ffb3}.no-records{align-items:center;color:#666;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;min-height:400px;width:100%}.no-records-icon{font-size:48px;margin-bottom:20px;opacity:.5}.no-records-text{color:#fff;font-size:24px;font-weight:500;margin-bottom:10px;text-shadow:0 2px 4px #0000004d}.no-records-tip{color:#ccc;font-size:16px;text-shadow:0 1px 2px #0000004d}.record-item{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:faceShowSlideIn .6s ease-out;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(125deg,#0000 30%,#ffffff14 50%,#0000 70%),linear-gradient(45deg,#ffffff1f,#ffffff14,#ffffff0f);background-size:100% 100%,100% 100%;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 8px 32px #0000001a,0 4px 12px #0000000d,inset 0 1px 0 #fff3;display:flex;flex-direction:column;min-height:560px;overflow:hidden;padding:28px;position:relative;text-rendering:optimizeLegibility;transition:all .4s cubic-bezier(.4,0,.2,1)}.record-item:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:100%;left:-100%;transition:left .8s ease;width:100%}.record-item:after,.record-item:before{border-radius:20px;content:"";position:absolute;top:0;z-index:1}.record-item:after{background:radial-gradient(circle at 20% 20%,#ffffff0d 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff08 0,#0000 50%),linear-gradient(135deg,#ffffff08,#0000 30%,#0000 70%,#ffffff05);bottom:0;left:0;opacity:.8;pointer-events:none;right:0}.record-item:hover{background:linear-gradient(125deg,#0000 20%,#ffffff1f 50%,#0000 80%),linear-gradient(45deg,#ffffff2e,#ffffff1f,#ffffff14);background-size:100% 100%,100% 100%;border-color:#ffffff40;box-shadow:0 12px 40px #00000026,0 6px 20px #0000001a,inset 0 1px 0 #ffffff4d,0 0 30px #ffffff14;transform:translateY(-6px);transition:all .3s cubic-bezier(.4,0,.2,1)}.record-item:hover:before{left:100%}.record-item:first-child{animation:faceShowNewRecordPulse 2s ease-in-out infinite;background:linear-gradient(125deg,#0000 20%,#00d4ff26 50%,#0000 80%),linear-gradient(45deg,#ffffff26,#00d4ff14,#ffffff0f);background-size:100% 100%,100% 100%;border-color:#00d4ff4d;box-shadow:0 12px 40px #00d4ff26,0 0 30px #00d4ff33,inset 0 1px 0 #ffffff4d,0 0 40px #00d4ff26}@keyframes faceShowNewRecordPulse{0%,to{box-shadow:0 0 20px #00d4ff4d,inset 0 1px 0 #fff3}50%{box-shadow:0 0 30px #00d4ff80,inset 0 1px 0 #ffffff4d}}@keyframes faceShowSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes hologram{0%{background-position:-100% -100%,0 0}to{background-position:200% 200%,0 0}}.record-image-top{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:2px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 16px #0003;height:280px;margin-bottom:12px;overflow:hidden;position:relative;width:100%;z-index:3}.record-image-top img{border-radius:10px;display:block;height:100%;object-fit:fill;object-position:center;transition:transform .3s ease;width:100%}.record-image-top:hover img{transform:scale(1.05)}.no-image-placeholder{align-items:center;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:2px dashed #fff3;border-radius:10px;color:#888;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.no-image-icon{font-size:48px;margin-bottom:8px;opacity:.6}.no-image-text{color:#fff;font-size:16px;font-weight:600;letter-spacing:.5px;text-shadow:0 1px 3px #00000080}.record-name{margin-bottom:8px;position:relative;z-index:3}.record-name .user-name{color:#fff;font-size:20px;font-weight:700;overflow:hidden;text-align:center;text-overflow:ellipsis;text-shadow:0 2px 4px #0000004d;white-space:nowrap}.record-user-type{display:flex;justify-content:center;margin-bottom:8px;position:relative;z-index:3}.record-user-type .user-type{background:linear-gradient(135deg,#ffffff26,#ffffff14);border:1px solid #ffffff1a;border-radius:16px;color:#e0e0e0;font-size:14px;font-weight:600;padding:6px 16px;text-align:center}.record-device{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#e0e0e0;display:flex;font-size:13px;justify-content:center;margin:0 auto 8px;max-width:300px;padding:8px 12px}.record-device,.record-time{position:relative;text-align:center;z-index:3}.record-time{margin-bottom:8px}.record-time .time-label{color:#b0b0b0;font-size:12px;font-weight:500;margin-bottom:4px}.record-time .time-value{background:linear-gradient(135deg,#00d4ff26,#00d4ff14);border:1px solid #00d4ff33;border-radius:12px;color:#00d4ff;display:inline-block;font-size:14px;font-weight:600;padding:8px 16px;text-shadow:0 0 8px #00d4ff4d}.pass-status{align-items:center;display:flex;gap:8px}.status-label{color:#fff;font-size:14px;font-weight:500;text-shadow:0 1px 2px #0000004d}.status-badge{backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 15px #0000004d,inset 0 1px 0 #fff3,inset 0 -1px 0 #0003;font-size:11px;font-weight:700;letter-spacing:1px;overflow:hidden;padding:6px 16px;position:relative;text-transform:uppercase;transition:all .3s ease}.status-badge:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.status-badge:hover:before{left:100%}.status-badge.success{background:linear-gradient(135deg,#81c784cc,#66bb6ae6 25%,#81c784cc 50%,#74c878e6 75%,#81c784cc);border:1px solid #81c78466;color:#fff;text-shadow:0 0 10px #81c784cc,0 1px 2px #00000080}.status-badge.failed{background:linear-gradient(135deg,#f44336cc,#d32f2fe6 25%,#f44336cc 50%,#e53935e6 75%,#f44336cc);border:1px solid #f4433666;color:#fff;text-shadow:0 0 10px #f44336cc,0 1px 2px #00000080}.status-badge:hover{box-shadow:0 8px 25px #0006,inset 0 1px 0 #ffffff4d,inset 0 -1px 0 #0000004d;transform:translateY(-2px) scale(1.05)}.status-badge.success:hover{box-shadow:0 8px 25px #81c78466,0 0 20px #81c7844d,inset 0 1px 0 #ffffff4d,inset 0 -1px 0 #0000004d}.status-badge.failed:hover{box-shadow:0 8px 25px #f4433666,0 0 20px #f443364d,inset 0 1px 0 #ffffff4d,inset 0 -1px 0 #0000004d}.record-actions{justify-content:center;margin-top:auto;position:relative;z-index:3}.record-actions,.record-badges{align-items:center;display:flex}.record-badges{gap:8px}.type-badge{border:1px solid #fff3;border-radius:16px;box-shadow:0 2px 8px #0003;display:inline-block;font-size:12px;font-weight:700;padding:6px 12px;text-align:center;text-shadow:0 1px 2px #0000004d}.type-badge.in{background:#fff3;border:1px solid #ffffff4d}.type-badge.in,.type-badge.out{box-shadow:0 2px 8px #0000001a;color:#fff}.type-badge.out{background:#ffffff26;border:1px solid #ffffff40}.result-badge{border:1px solid #fff3;border-radius:16px;box-shadow:0 2px 8px #0003;display:inline-block;font-size:12px;font-weight:700;padding:6px 12px;text-align:center;text-shadow:0 1px 2px #0000004d}.result-badge.success{background:#fff3;border:1px solid #ffffff4d;box-shadow:0 2px 8px #0000001a;color:#fff}.result-badge.failed{background:#ffffff26;border:1px solid #ffffff40;box-shadow:0 2px 8px #0000001a;color:#fff}.screen-footer{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1f;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a,0 4px 12px #0000000d,inset 0 1px 0 #ffffff1a;color:#fff;display:flex;font-size:14px;justify-content:space-between;margin:0 20px 20px;padding:20px 30px;position:relative;z-index:10}.screen-footer:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);border-radius:20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes faceShowFooterGlow{0%,to{opacity:.3}50%{opacity:1}}.footer-left{align-items:center;display:flex;gap:20px}.footer-left .connection-status{align-items:center;display:flex;font-weight:500;gap:8px}.footer-left .connection-status:before{animation:faceShowPulse 2s infinite;border-radius:50%;content:"";display:inline-block;height:8px;width:8px}.footer-left .connection-status.connected:before{background:#0f8}.footer-left .connection-status.connecting:before{background:#fa0}.footer-left .connection-status.disconnected:before{background:#ff6b6b}.footer-left .connection-status.error:before{background:#ff4757}.footer-right{color:#666}@media (min-width:1400px){.record-time{width:220px}.record-user{width:280px}.record-device{width:220px}.record-result,.record-type{width:120px}.record-image{width:100px}}@media (min-width:1600px){.records-list{gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}@media (min-width:1400px) and (max-width:1599px){.records-list{gap:18px;grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}}@media (min-width:1200px) and (max-width:1399px){.records-list{gap:16px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}@media (max-width:1200px){.screen-header{padding:6px 12px}.header-left h1{font-size:24px}.statistics-panel{padding:20px}.stat-value{font-size:28px}.records-panel{padding:20px}.records-list{gap:14px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}@media (max-width:768px){.screen-header{flex-direction:column;gap:6px;padding:6px 10px;text-align:center}.statistics-panel{flex-wrap:wrap;gap:15px}.records-list{gap:12px;grid-template-columns:1fr}.record-item{min-height:490px;padding:16px}.record-image-top{height:200px}.record-name .user-name{font-size:18px}.record-user-type .user-type{font-size:13px;padding:4px 12px}.record-device{font-size:12px;padding:6px 10px}.record-time .time-value{font-size:13px;padding:6px 12px}}.face-show-screen{animation:faceShowFadeIn 1s ease-in}@keyframes faceShowFadeIn{0%{opacity:0}to{opacity:1}}.record-item.new-record{animation:faceShowHighlight 2s ease-out}@keyframes faceShowHighlight{0%{background:#00d4ff4d;box-shadow:0 0 20px #00d4ff80}to{background:#ffffff0d;box-shadow:none}}.connection-status:before{animation:faceShowPulse 2s infinite;border-radius:50%;content:"";display:inline-block;height:8px;margin-right:5px;width:8px}.connection-status.connected:before{background:#0f8}.connection-status.connecting:before{background:#fa0}.connection-status.disconnected:before{background:#ff6b6b}.connection-status.error:before{background:#ff4757}@keyframes faceShowPulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.face-show-image-preview-modal{align-items:center;animation:faceShowFadeIn .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000e6;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.face-show-image-preview-modal.fullscreen{background:#000000f2}.face-show-image-preview-content{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.face-show-image-preview-controls{display:flex;gap:10px;position:absolute;right:20px;top:20px;z-index:10000}.face-show-control-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.face-show-control-btn:hover{background:#ffffff4d;transform:scale(1.1)}.face-show-control-btn.close-btn{background:#ff6b6bcc}.face-show-control-btn.close-btn:hover{background:#ff6b6b}.face-show-image-scale-info{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000b3;border-radius:20px;color:#fff;font-size:14px;font-weight:600;left:20px;padding:8px 16px;position:absolute;top:20px;z-index:10000}.face-show-image-container{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;user-select:none;width:100%}.face-show-image-preview-img{animation:faceShowSlideIn .3s ease-out;border-radius:8px;box-shadow:0 20px 60px #00000080;height:100%;object-fit:fill;transform-origin:center center;width:100%}.face-show-image-preview-hints{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000b3;border-radius:25px;bottom:20px;display:flex;gap:20px;left:50%;padding:10px 20px;position:absolute;transform:translateX(-50%);z-index:10000}.face-show-hint-item{color:#fffc;font-size:12px;white-space:nowrap}@media (max-width:768px){.face-show-image-preview-controls{gap:5px;right:10px;top:10px}.face-show-control-btn{font-size:16px;height:35px;width:35px}.face-show-image-scale-info{font-size:12px;left:10px;padding:6px 12px;top:10px}.face-show-image-preview-hints{bottom:10px;gap:10px;padding:8px 15px}.face-show-hint-item{font-size:10px}}.theme-demo{min-height:100vh;padding:24px}.demo-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--sidebar-bg-color,#fff);border:1px solid #ffffff1a;border-radius:12px;box-shadow:var(--shadow,0 4px 12px #0000001a);margin-bottom:32px;padding:24px;text-align:center}.demo-content{margin:0 auto;max-width:1200px}.demo-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--sidebar-bg-color,#fff);border:1px solid #ffffff1a;display:flex;flex-direction:column;height:200px;justify-content:space-between;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.demo-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.demo-card:hover{box-shadow:var(--shadow,0 8px 25px #00000026),0 4px 12px #0000001a;transform:translateY(-8px)}.demo-card:hover:before{left:100%}.card-icon{font-size:32px;margin-bottom:12px;transition:all .3s ease}.demo-card:hover .card-icon{transform:scale(1.1)}.card-title{color:var(--text-color,#2c3e50);margin-bottom:8px!important}.card-description{color:var(--text-light-color,#7f8c8d);display:block;line-height:1.5;margin-bottom:16px}.card-actions{margin-top:auto}.demo-info-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--sidebar-bg-color,#fff);border:1px solid #ffffff1a}.feature-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:16px;transition:all .3s ease}.feature-item:hover{background:#ffffff1a;transform:translateY(-2px)}.feature-item h5{color:var(--text-color,#2c3e50);margin-bottom:8px!important}.feature-item .ant-typography{color:var(--text-light-color,#7f8c8d);line-height:1.6}.theme-bluehologram .demo-card,.theme-lightblackhologram .demo-card,.theme-lightbluehologram .demo-card,.theme-lightpurplehologram .demo-card,.theme-whitehologram .demo-card{background:#ffffffb3!important;border:1px solid #fff6;box-shadow:0 8px 32px #ffffff26,inset 0 1px 0 #fffc}.theme-bluedatastream .demo-card,.theme-datastream .demo-card,.theme-lightblackdatastream .demo-card,.theme-lightbluedatastream .demo-card,.theme-lightgreydatastream .demo-card,.theme-lightpurpledatastream .demo-card{background:#102040cc!important;border:1px solid var(--primary-color,#0f8);box-shadow:var(--shadow,0 4px 20px #00ff884d),inset 0 0 10px #0f83}.theme-bluedatastream .demo-card:hover,.theme-datastream .demo-card:hover,.theme-lightblackdatastream .demo-card:hover,.theme-lightbluedatastream .demo-card:hover,.theme-lightgreydatastream .demo-card:hover,.theme-lightpurpledatastream .demo-card:hover{box-shadow:0 8px 25px var(--primary-color,#0f8),0 4px 12px #0f86,inset 0 0 15px #00ff884d}@media (max-width:768px){.theme-demo{padding:16px}.demo-header{margin-bottom:24px;padding:16px}.demo-card{height:180px}.card-icon{font-size:28px}}body,html{height:100%;width:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:sans-serif;line-height:1.15}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:initial;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{font-weight:500;margin-bottom:.5em;margin-top:0}p{margin-bottom:1em;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}dl,ol,ul{margin-bottom:1em;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-bottom:1em;margin-top:0;overflow:auto}figure{margin:0 0 1em}img{border-style:none;vertical-align:middle}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{caption-side:bottom;padding-bottom:.3em;padding-top:.75em;text-align:left}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5em;line-height:inherit;margin-bottom:.5em;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{background-color:#feffe6;padding:.2em}
/*# sourceMappingURL=main.d7b3154f.css.map*/