:root{--primary-color:#409eff;--success-color:#67c23a;--warning-color:#e6a23c;--danger-color:#f56c6c;--info-color:#909399;--text-color:#303133;--border-color:#dcdfe6;--bg-color:#f5f7fa;--card-bg:#fff;--shadow:0 2px 12px 0 rgba(0,0,0,.1)}body{margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Arial,sans-serif;color:var(--text-color);background-color:var(--bg-color)}.login-background{position:fixed;overflow:hidden;z-index:-1}.login-background,.login-overlay{top:0;left:0;width:100%;height:100%}.login-overlay{position:absolute;background:rgba(0,0,0,.5);z-index:1}.background-image{-o-object-fit:cover;object-fit:cover}.login-wrapper{display:flex;justify-content:flex-end;align-items:center;height:100vh;padding-right:80px}.login-card{width:400px;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);background-color:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:none}.login-title{font-size:24px;font-weight:700;color:var(--text-color);text-align:center;margin:30px 0;letter-spacing:1px}.login-form{padding:0 30px 30px}.login-btn-item{margin-top:30px}.login-btn{width:100%;height:45px;font-size:16px;letter-spacing:2px;border:none;border-radius:4px;box-shadow:0 2px 6px rgba(64,158,255,.3)}.main-header{justify-content:space-between;height:60px;padding:0 20px;background-color:var(--card-bg);box-shadow:0 1px 4px rgba(0,0,0,.1);position:sticky;top:0;z-index:100}.header-title{font-size:20px;color:var(--text-color)}.logout-btn{padding:7px 15px;border-radius:4px}.main-content{padding:20px;background-color:var(--bg-color);min-height:calc(100vh - 100px)}.info-bar{display:flex;align-items:center;padding:15px 20px;background-color:var(--card-bg);border-radius:4px;box-shadow:var(--shadow);margin-bottom:20px}.info-item{margin-right:30px;font-size:14px}.info-item i{margin-right:8px;color:var(--primary-color)}.info-value{font-weight:700;margin-left:5px}.record-btn{margin-left:auto;padding:8px 15px}.equipment-container{background-color:#f0f0f0;border-radius:4px;box-shadow:var(--shadow)}.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.equipment-grid.single-item{grid-template-columns:minmax(0,1fr);max-width:calc(50% + 10px);margin:0 auto}.equipment-card{border-radius:4px}.equipment-card:hover{transform:translateY(-5px);box-shadow:0 6px 16px rgba(0,0,0,.1)}.video-container{padding-top:56.25%}@media (max-width:992px){.equipment-grid{grid-template-columns:1fr}.equipment-grid.single-item{max-width:100%}}.video-player{position:absolute;top:0;left:0}.video-player video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-error-message{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;background-color:rgba(0,0,0,.8);z-index:100;padding:20px;box-sizing:border-box}.error-icon{font-size:40px;color:#f56c6c;margin-bottom:15px}.retry-btn{padding:8px 20px;background-color:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.retry-btn:hover{background-color:#66b1ff}.image-container{position:absolute;top:0;left:0}.image-container,.vehicle-image{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.vehicle-image{flex-direction:column;color:var(--info-color);background-color:#f1f1f1}.image-error i{font-size:40px;margin-bottom:10px}.equipment-info{padding:15px;background-color:#f9f9f9;display:flex;flex-wrap:wrap;align-items:center}.info-row{margin-bottom:10px}.info-label{margin-right:5px}.info-content{font-weight:500}.license-plate{font-size:20px;font-weight:700;color:var(--text-color);letter-spacing:1px}.action-btns{margin-left:auto}.open-gate-btn{padding:7px 15px}.record-drawer{border-radius:8px 0 0 8px}.drawer-header{border-bottom:1px solid var(--border-color)}.search-bar{display:flex;align-items:center}.search-btn{margin-left:15px}.record-list{padding:0 20px}.list-header{display:flex;padding:15px 0;border-bottom:1px solid var(--border-color);font-weight:700;text-align:center}.header-item{flex:1}.record-item{display:flex;padding:15px 0;border-bottom:1px solid var(--border-color);align-items:center;text-align:center}.item-col{flex:1}.license-col{font-weight:500}.action-col,.status-col{display:flex;justify-content:center}.action-col{gap:10px}.correct-btn,.detail-btn{padding:5px 10px}.sentry-selector{height:calc(100vh - 100px)}.selector-container{align-items:center;background-color:var(--card-bg);padding:25px 10px;border-radius:8px;box-shadow:var(--shadow)}.selector-container i{font-size:24px;color:var(--primary-color);margin-right:15px}.selector-label{font-size:26px;margin-right:15px}.sentry-select{width:300px}.detail-dialog{border-radius:8px}.dialog-content{display:flex}.info-label{width:100px;text-align:right;color:var(--info-color);margin-right:15px}.info-value{flex:1}.money{color:var(--danger-color);font-weight:700}.image-section{flex:1;display:flex;flex-direction:column}.image-box{margin-bottom:20px}.image-title{font-size:14px;color:var(--info-color);margin-bottom:10px}.detail-image{width:100%;height:200px;border:1px solid var(--border-color);border-radius:4px;display:flex;justify-content:center;align-items:center}.image-placeholder{display:flex;flex-direction:column;align-items:center;color:var(--info-color)}.image-placeholder i{font-size:40px;margin-bottom:10px}.reason-dialog{.el-dialog__body{padding:20px}.radio-group{width:100%;display:flex;flex-direction:column;gap:12px}.custom-radio{margin:0;padding:12px 16px;border-radius:4px;transition:all .3s;border:1px solid #dcdfe6;&.is-checked,&:hover{border-color:#409eff;background-color:#f5f9ff;.el-radio__label{color:#409eff;font-weight:500}}.el-radio__input{margin-right:10px}.el-radio__label{padding-left:5px}}.dialog-footer{display:flex;justify-content:flex-end;padding:10px 20px 0;border-top:1px solid #ebeef5}}.reason-content{padding:20px}.license-dialog{border-radius:8px}.license-content{padding:0 20px}.license-item{display:flex;align-items:center;margin-bottom:20px}.license-label{width:80px;font-size:14px}.license-value{flex:1;font-weight:500;margin:0 15px}.copy-btn{color:var(--primary-color)}.el-tag--success{background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.2);color:var(--success-color)}.el-tag--warning{background-color:rgba(230,162,60,.1);border-color:rgba(230,162,60,.2);color:var(--warning-color)}.el-tag--danger{background-color:hsla(0,87%,69%,.1);border-color:hsla(0,87%,69%,.2);color:var(--danger-color)}.el-tag--info{background-color:hsla(220,4%,58%,.1);border-color:hsla(220,4%,58%,.2);color:var(--info-color)}@media (max-width:1200px){.equipment-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}@media (max-width:992px){.dialog-content{flex-direction:column}.info-section{padding-right:0;margin-bottom:20px}}@media (max-width:768px){.login-wrapper{justify-content:center;padding-right:0}.info-bar{flex-wrap:wrap}.info-item{margin-bottom:10px}.equipment-grid{grid-template-columns:1fr}}.receivable-amount{color:#f04848;font-weight:700;font-size:20px}.info-row{display:flex;align-items:center;margin-right:20px;margin-bottom:8px;font-size:14px}.video-player{width:100%;height:100%;background-color:#000;cursor:pointer;transition:opacity .3s}.active-player{opacity:1;box-shadow:0 0 5px rgba(0,150,255,.5);z-index:1}.video-player:fullscreen{background-color:#000;display:flex;justify-content:center;align-items:center}@media (max-width:768px){.video-player{border:none;box-shadow:none}}.video-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;z-index:2}.video-loading i{font-size:30px;margin-bottom:10px;animation:rotating 2s linear infinite}.large-text-info-area{padding:22px 18px;background:#f5f7fa;border-top:2px solid #ebeef5;border-radius:0 0 8px 8px}.large-text-row{display:flex;align-items:center;font-size:19px;line-height:1.2}.large-text-label{color:#606266;margin-right:0;font-weight:700;font-size:20px;flex-shrink:0}.large-text-icon{font-size:21px!important;margin-right:10px;vertical-align:middle}.large-text-content{min-width:50px;margin-right:10px;font-size:20px;color:#303133;word-break:break-all}.large-text-plate{min-width:80px;color:#36c;letter-spacing:2px}.large-text-amount,.large-text-plate{margin-right:10px;font-size:26px;font-weight:700}.large-text-amount{color:#f33}.large-text-actions{display:flex;gap:15px;margin-top:25px;padding-top:18px;border-top:1px dashed #d8dce6}.large-text-btn{font-size:19px!important;padding:14px 24px!important;border-radius:6px!important;flex:1}.large-text-open-btn{background-color:#28a745!important;border-color:#28a745!important}.large-text-close-btn{background-color:#dc3545!important;border-color:#dc3545!important}@media (max-width:768px){.large-text-row{flex-direction:column;align-items:flex-start}.large-text-label{margin-bottom:8px}}.license-plate-dialog{.el-dialog__header{border-bottom:1px solid #f0f0f0;padding:15px 20px}.el-dialog__title{font-size:18px;font-weight:500;color:#333}.display-section{margin-bottom:20px;.display-label{font-size:28px;color:#666;margin-bottom:8px}.plate-display{height:80px;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;letter-spacing:2px;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;color:#333;&.empty{color:#999;font-size:18px;font-weight:400}}}.input-section{margin-bottom:20px;.input-label{font-size:14px;color:#666;margin-bottom:8px}.input-container{display:flex;align-items:center;.license-input{flex:1;/deep/.el-input__inner{font-size:28px!important;font-weight:700!important;height:60px!important;letter-spacing:2px;text-align:center;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;color:#333}}.delete-btn{height:50px;margin-left:10px;background-color:#f5f5f5;border-color:#e0e0e0;color:#666;font-size:18px;&:hover{background-color:#eee}&:disabled{opacity:.5;cursor:not-allowed}}}}.keyboard{margin-top:15px;background-color:#f8f8f8;border-radius:8px;padding:10px;box-shadow:0 2px 10px rgba(0,0,0,.05);.keyboard-row{display:flex;justify-content:center;margin-bottom:8px;&:last-child{margin-bottom:0}}.keyboard-key{min-width:50px;height:60px;margin:0 5px;padding:0 10px;font-size:26px!important;font-weight:700!important;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:16px;color:#333;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;outline:none;&:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,.1)}&:active{background-color:#e0e0e0;transform:translateY(0)}&.space-key{width:120px}&.function-key{background-color:#e3f2fd;color:#1976d2;font-size:26px!important;font-weight:700!important}}.keyboard-indicator{display:flex;justify-content:center;margin-top:10px;span{display:inline-block;width:8px;height:8px;margin:0 4px;border-radius:50%;background-color:#ccc;cursor:pointer;&.active{background-color:#1976d2}}}}.dialog-footer{display:flex;justify-content:end;align-items:center;.manual-entry-btn{background-color:#ff9800;border-color:#ff9800;&:hover{background-color:#f57c00;border-color:#f57c00}}}}.ce-custom-dialog{.el-dialog{border-radius:8px;overflow:hidden;&__header{background:linear-gradient(135deg,#409eff,#36f);padding:15px 20px;.el-dialog__title{color:#fff;font-size:18px;font-weight:500}.el-dialog__headerbtn{top:15px;.el-dialog__close{color:#fff}}}&__body{padding:20px}}.ce-dialog-content{display:flex;flex-direction:column;gap:16px}.ce-main-info-card{border:none;border-radius:8px;.ce-info-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;.ce-license-plate{background:#36f;color:#fff;padding:8px 16px;border-radius:6px;box-shadow:0 2px 8px rgba(51,102,255,.3);.ce-plate-text{font-size:18px;font-weight:700;letter-spacing:1px}}.ce-status-tag{font-weight:700;border-radius:4px}}.ce-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;.ce-info-item{display:flex;flex-direction:column;.ce-info-label{color:#909399;font-size:20px;margin-bottom:4px}.ce-info-value{font-size:24px;font-weight:500;color:#303133}}}.ce-owner-info{margin-top:12px;padding-top:12px;border-top:1px solid #ebeef5;.ce-info-label{color:#909399;font-size:20px;margin-bottom:4px}.ce-info-value{font-size:24px;color:#606266;line-height:1.6}}}.ce-time-card{border:none;border-radius:8px;.ce-time-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;.ce-time-item{display:flex;flex-direction:column;.ce-time-label{color:#909399;font-size:20px;margin-bottom:4px}.ce-time-value{font-size:24px;font-weight:500;color:#303133}}}}.ce-other-plates-card{border:none;border-radius:8px;.ce-card-header{font-weight:500;color:#303133;font-size:20}.ce-other-plates{display:flex;flex-wrap:wrap;gap:8px;.ce-plate-tag{font-size:24px;padding:0 12px;height:32px;line-height:34px;border-radius:14px}}}.ce-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;color:#909399;.el-icon-warning-outline{font-size:48px;margin-bottom:16px}span{font-size:16px}}.ce-close-btn{padding:10px 24px;border-radius:6px;background:#f5f7fa;color:#606266;border:none;&:hover{background:#ebeef5;color:#303133}}}.lp-dialog{text-align:center;font-weight:700;font-size:26px}.lp-display-section{display:flex;align-items:center;margin-bottom:20px;padding:15px;background:#f5f7fa;border-radius:8px}.lp-display-label{margin-right:20px;font-size:26px;white-space:nowrap}.lp-plate-display{flex:1;padding:15px;border:2px solid #dcdfe6;border-radius:8px;background:#fff;min-height:60px;line-height:30px;font-size:26px;display:flex;align-items:center;justify-content:center}.lp-plate-display.lp-empty{color:#c0c4cc}.lp-query-btn{margin-left:20px;padding:15px 25px;font-size:26px}.lp-keyboard{margin-top:30px;width:100%}.lp-keyboard-row{display:flex;justify-content:center;margin-bottom:15px}.lp-keyboard-key{min-width:50px;height:50px;margin:0 8px;border:2px solid #dcdfe6;border-radius:8px;background:#fff;cursor:pointer;font-size:26px;font-weight:700;transition:all .3s;flex-grow:1;max-width:90px}.lp-keyboard-key:hover{background:#f5f7fa;transform:scale(1.05)}.lp-wide-key{min-width:120x!important;max-width:120px!important;flex-grow:2!important}.lp-function-key{background:#e6a23c;color:#fff;border-color:#d89b36}.lp-function-key:hover{background:#d89b36;opacity:.9}.lp-keyboard-indicator{display:flex;justify-content:center;margin-top:20px}.lp-keyboard-indicator span{display:inline-block;width:16px;height:16px;margin:0 10px;border-radius:50%;background:#dcdfe6;cursor:pointer;transition:all .3s}.lp-keyboard-indicator span.lp-active{background:#409eff;transform:scale(1.2)}.lp-dialog-content{text-align:left;padding:0 20px}.lp-main-info-card{margin-bottom:25px;border-radius:12px;border:2px solid #ebeef5}.lp-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px dashed #ebeef5}.lp-plate-text{font-size:28px;letter-spacing:2px}.lp-status-tag{margin-left:15px;font-size:24px;padding:8px 15px}.lp-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.lp-info-item{display:flex;flex-direction:column}.lp-info-label{color:#909399;margin-bottom:8px;font-size:24px}.lp-info-value{font-size:26px;word-break:break-all}.lp-owner-info{margin-top:20px;padding-top:15px;border-top:2px dashed #ebeef5}.lp-other-plates-card{margin-bottom:25px;border-radius:12px;border:2px solid #ebeef5}.lp-card-header{font-size:26px;font-weight:700}.lp-other-plates{display:flex;flex-wrap:wrap;gap:15px}.lp-plate-tag{font-size:24px;padding:8px 15px;border-radius:8px}.lp-time-card{margin-bottom:25px;border-radius:12px;border:2px solid #ebeef5}.lp-time-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.lp-time-item{display:flex;flex-direction:column}.lp-time-label{color:#909399;margin-bottom:8px;font-size:24px}.lp-time-value{font-size:26px}.lp-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#909399}.lp-no-data i{font-size:60px;margin-bottom:20px}.lp-re-query-btn{text-align:center;margin-top:30px;padding-bottom:20px}.lp-re-query-btn .el-button{padding:20px 40px;font-size:26px}.time-display{font-size:26px;padding:5px 15px;background:#ecf5ff;border-radius:20px;color:#409eff;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.05)}.time-display i{font-size:20px}.senior-friendly-dialog .el-dialog{border-radius:20px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.3);max-width:600px}.senior-friendly-dialog .el-dialog__header{background:#000!important;padding:25px 30px;border-bottom:4px solid #ff0!important}.senior-friendly-dialog .el-dialog__title{color:#ff0!important;font-size:28px!important;font-weight:700}.senior-friendly-dialog .el-dialog__headerbtn{top:25px;right:30px}.senior-friendly-dialog .el-dialog__headerbtn .el-dialog__close{color:#ff0!important;font-size:28px;font-weight:700}.senior-friendly-dialog .el-dialog__body{padding:40px 30px;background:#000!important}.hint-text{display:block;font-size:26px;line-height:1.6;color:#fff!important;font-weight:500;text-align:center}.senior-friendly-dialog .el-dialog__footer{padding:25px 30px;background:#333!important;border-top:3px solid #ff0!important;text-align:center}.hint-button{padding:18px 40px!important;font-size:24px!important;border-radius:12px!important;border:none!important;font-weight:600!important;min-width:180px!important;background:#ff0!important;color:#000!important}.hint-button:hover{background:gold!important;transform:translateY(-2px)}@media (max-width:768px){.senior-friendly-dialog .el-dialog{width:95%!important}.hint-text{font-size:22px}.hint-button{font-size:20px!important;padding:15px 30px!important;min-width:150px!important}}@media (max-width:480px){.hint-text{font-size:20px}.hint-button{font-size:18px!important;padding:12px 25px!important}}.connection-status{margin-right:20px;color:#000;font-size:14px;background:hsla(0,0%,100%,.1);padding:6px 12px;border-radius:16px}.status-label{margin-right:8px;opacity:.9}.status-dot{width:8px;height:8px;border-radius:50%;margin-right:6px;animation:statusPulse 2s infinite}@keyframes statusPulse{0%{box-shadow:0 0 0 0 rgba(103,194,58,.7)}70%{box-shadow:0 0 0 6px rgba(103,194,58,0)}to{box-shadow:0 0 0 0 rgba(103,194,58,0)}}.status-dot.connected{background:#67c23a}.status-dot.disconnected{background:#f56c6c;animation:none}.status-text{font-weight:500}.call-notification-dialog{font-family:Microsoft YaHei,sans-serif}.call-notification-dialog .el-dialog{border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);overflow:hidden;animation:dialogSlideIn .3s ease-out}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.call-notification-dialog .el-dialog__header{background:linear-gradient(135deg,#ff6b6b,#ee5a52);padding:20px;border-bottom:none}.call-notification-dialog .el-dialog__title{color:#fff;font-size:18px;font-weight:600}.call-notification-dialog .el-dialog__headerbtn{top:20px;right:20px}.call-notification-dialog .el-dialog__headerbtn .el-dialog__close{color:#fff;font-size:18px}.call-notification-dialog .el-dialog__headerbtn:hover .el-dialog__close{color:#ffeaea}.notification-content{display:flex;align-items:center;padding:30px 20px}.notification-icon{flex-shrink:0;width:80px;height:80px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:25px;animation:pulse 2s infinite,iconShake .5s ease-in-out infinite alternate}.notification-icon i{font-size:36px;color:#fff}@keyframes pulse{0%{box-shadow:0 0 0 0 hsla(0,100%,71%,.7)}70%{box-shadow:0 0 0 20px hsla(0,100%,71%,0)}to{box-shadow:0 0 0 0 hsla(0,100%,71%,0)}}@keyframes iconShake{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}.notification-body{flex:1}.notification-title{font-size:22px;font-weight:600;color:#333;margin-bottom:18px;position:relative}.notification-title:after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:3px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:2px}.device-info{background:#f8f9fa;border-radius:10px;padding:18px;margin-bottom:20px;border-left:4px solid #ff6b6b}.info-item{margin-bottom:10px;padding:5px 0}.info-item:last-child{margin-bottom:0}.info-item .label{color:#666;font-size:14px;min-width:85px;font-weight:500}.info-item .value{color:#333;font-weight:600;font-size:14px;background:#fff;padding:4px 12px;border-radius:6px;border:1px solid #e8e8e8}.notification-tips{display:flex;align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:8px;padding:12px 16px;color:#1565c0;font-size:13px;font-weight:500}.notification-tips i{margin-right:10px;font-size:16px}.notification-footer{justify-content:flex-end}.ignore-btn{padding:12px 28px;border:2px solid #dcdfe6;border-radius:8px;background:#fff;color:#606266;font-weight:500;transition:all .3s ease;min-width:100px}.ignore-btn:hover{border-color:#c0c4cc;background:#f5f7fa;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.answer-btn{padding:12px 28px;border-radius:8px;background:linear-gradient(135deg,#67c23a,#5daf34);border:none;color:#fff;font-weight:500;transition:all .3s ease;min-width:120px}.answer-btn:hover{background:linear-gradient(135deg,#5daf34,#529b2e);transform:translateY(-2px);box-shadow:0 6px 20px rgba(103,194,58,.4)}.answer-btn:active{transform:translateY(0)}@media (max-width:768px){.header-right{flex-direction:column;align-items:flex-end;gap:8px}.connection-status{margin-right:0;font-size:12px;padding:4px 8px}.call-notification-dialog{width:95%!important;margin:20px auto}.notification-content{flex-direction:column;text-align:center;padding:20px 15px}.notification-icon{margin-right:0;margin-bottom:20px;width:70px;height:70px}.notification-icon i{font-size:30px}.notification-footer{flex-direction:column;gap:10px}.answer-btn,.ignore-btn{width:100%;margin:0}}@media (prefers-color-scheme:dark){.call-notification-dialog .el-dialog{background:#1e1e1e}.notification-title{color:#e0e0e0}.device-info{background:#2d2d2d}.info-item .label{color:#b0b0b0}.info-item .value{color:#e0e0e0;background:#333;border-color:#444}.notification-tips{background:linear-gradient(135deg,#1a237e,#283593);border-color:#303f9f;color:#bbdefb}.notification-footer{background:#2d2d2d;border-top-color:#444}.ignore-btn{background:#333;color:#e0e0e0;border-color:#555}.ignore-btn:hover{background:#444;border-color:#666}}@media (prefers-contrast:high){.call-notification-dialog .el-dialog__header,.notification-icon{background:red}.answer-btn{background:green}.status-dot.connected{background:#0f0}.status-dot.disconnected{background:red}}.hangup-header-btn{margin-left:10px;padding:4px 8px;font-size:12px;background:#f56c6c;border-color:#f56c6c}.hangup-header-btn:hover{background:#e64c4c;border-color:#e64c4c}.connection-status.in-call{background:hsla(0,87%,69%,.1);border:1px solid #f56c6c;padding:6px 12px;border-radius:16px}.notification-icon.in-call{background:linear-gradient(135deg,#67c23a,#5daf34);animation:pulse 2s infinite}.notification-content.connected{border-left:4px solid #67c23a}.in-call-tips{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)!important;border:1px solid #4caf50!important;color:#2e7d32!important}.duration{color:#67c23a;font-weight:700;font-size:16px}.hangup-btn{padding:12px 28px;border-radius:8px;background:linear-gradient(135deg,#f56c6c,#e64c4c);border:none;color:#fff;font-weight:500;transition:all .3s ease;min-width:120px}.hangup-btn:hover{background:linear-gradient(135deg,#e64c4c,#d63030);transform:translateY(-2px);box-shadow:0 6px 20px hsla(0,87%,69%,.4)}.notification-footer{display:flex;justify-content:center;gap:15px;padding:25px;border-top:1px solid #f0f0f0;background:#fafafa}@media (max-width:768px){.notification-footer{flex-direction:column;gap:10px}.answer-btn,.hangup-btn,.ignore-btn{width:100%;margin:0}.connection-status.in-call{flex-direction:column;align-items:flex-start;gap:5px}.hangup-header-btn{margin-left:0;width:100%}}.call-record-drawer{.el-drawer__body{padding:0;display:flex;flex-direction:column}}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #ebeef5;background:#f5f7fa;.drawer-title{font-size:18px;font-weight:600;color:#303133}.close-btn{font-size:18px;color:#909399;&:hover{color:#409eff}}}.call-record-content{flex:1;padding:20px;overflow-y:auto}.empty-container,.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#909399;i{font-size:40px;margin-bottom:10px}}.call-record-list{display:flex;flex-direction:column;gap:16px}.call-record-card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.1);border-left:4px solid #e6a23c;transition:all .3s ease;&:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}&.status-waiting{border-left-color:#e6a23c}&.status-completed{border-left-color:#67c23a}&.status-cancelled{border-left-color:#909399}}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;.lane-name{font-size:16px;font-weight:600;color:#303133}}.card-content{.info-row{display:flex;align-items:center;margin-bottom:8px;font-size:14px;&:last-child{margin-bottom:0}.label{color:#606266;min-width:80px;margin-right:8px}.value{color:#303133;font-weight:500;flex:1}}}.pagination-container{margin-top:20px;padding-top:20px;border-top:1px solid #ebeef5;display:flex;justify-content:center}@media (max-width:768px){.call-record-card{padding:12px}.card-header{gap:8px}.card-header,.info-row{flex-direction:column;align-items:flex-start}.info-row{.label{min-width:auto;margin-bottom:4px}}}.immediate-process-btn{margin-top:10px;width:100%;background:linear-gradient(135deg,#67c23a,#5daf34);border:none;color:#fff;font-weight:500}.immediate-process-btn:hover{background:linear-gradient(135deg,#5daf34,#529b2e);transform:translateY(-2px);box-shadow:0 4px 12px rgba(103,194,58,.3)}.action-buttons{width:100%}.call-in-progress-dialog .el-dialog{border-radius:12px;overflow:hidden;max-width:1400px}.call-in-progress-dialog .el-dialog__header{background:linear-gradient(135deg,#409eff,#36f);padding:15px 20px}.call-in-progress-dialog .el-dialog__title{color:#fff;font-size:18px;font-weight:500}.call-in-progress-dialog .el-dialog__body{padding:20px}.call-header{justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #ebeef5}.call-header,.call-info{display:flex;align-items:center}.call-info{gap:20px}.device-name{font-size:18px;font-weight:600;color:#303133}.call-duration{font-size:14px;color:#606266}.call-status,.monitor-status{display:flex;align-items:center}.call-main-content-dual{margin-bottom:20px}.video-panel-dual{display:flex;gap:20px;justify-content:space-between}.video-container-dual{flex:1;min-width:0;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.1);background:#f5f7fa}.video-header{display:flex;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #ebeef5;font-weight:500;color:#303133}.video-header i{margin-right:8px;color:#409eff}.call-video-wrapper{position:relative;width:100%;padding-top:56.25%;background:#000}.video-loading-dual{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;background:rgba(0,0,0,.7);z-index:10}.video-loading-dual i{font-size:30px;margin-bottom:10px;animation:rotating 2s linear infinite}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.video-error-dual{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;background:rgba(0,0,0,.8);z-index:10}.error-content{text-align:center}.error-content i{font-size:40px;color:#f56c6c;margin-bottom:15px}.error-text{font-size:18px;margin-bottom:10px}.error-detail{font-size:14px;color:#ccc;margin-bottom:20px;text-align:center;max-width:80%}.video-active-dual{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;background:#000}.video-quality-indicator{position:absolute;top:10px;left:10px;z-index:5}.video-resolution{position:absolute;top:10px;right:10px;color:#fff;font-size:12px;z-index:5}.video-player-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;background:#1a1a1a}.video-player-placeholder i{font-size:50px;margin-bottom:15px;color:#409eff}.video-player-placeholder div{font-size:16px;color:#ccc}.no-monitor-device{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#606266;background:#f5f7fa}.no-monitor-content{text-align:center;padding:20px}.no-monitor-content i{font-size:50px;color:#909399;margin-bottom:15px}.no-monitor-text{font-size:16px;margin-bottom:10px;font-weight:500}.no-monitor-detail{font-size:14px;color:#909399;margin-bottom:20px;line-height:1.5}.audio-status{align-items:center;gap:8px;font-size:14px;color:#67c23a}.audio-status,.call-footer-dual{display:flex;justify-content:center}.call-footer-dual{padding-top:20px;border-top:1px solid #ebeef5}.hangup-btn-dual{padding:12px 40px;font-size:16px;border-radius:8px;background:linear-gradient(135deg,#f56c6c,#e64c4c);border:none;box-shadow:0 4px 12px hsla(0,87%,69%,.3);transition:all .3s ease}.hangup-btn-dual:hover{background:linear-gradient(135deg,#e64c4c,#d63030);transform:translateY(-2px);box-shadow:0 6px 20px hsla(0,87%,69%,.4)}@media (max-width:1200px){.video-panel-dual{flex-direction:column}.video-container-dual{width:100%}}@media (max-width:768px){.call-in-progress-dialog .el-dialog{width:98%!important;margin:10px auto}.call-header,.call-info{flex-direction:column;align-items:flex-start;gap:10px}.hangup-btn-dual{width:100%;padding:15px}}.main-layout{background-color:var(--bg-color)}.left-panel,.main-layout{display:flex;height:100vh;overflow:hidden}.left-panel{flex:8;flex-direction:column;background-color:var(--card-bg);border-right:1px solid var(--border-color)}.equipment-container{flex:1;padding:15px;overflow:hidden;display:flex;flex-direction:column}.equipment-grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(auto-fill,minmax(45vh,1fr));gap:15px;overflow:hidden;align-content:start}.equipment-grid.single-item{grid-template-columns:1fr;grid-template-rows:1fr}.equipment-card{display:flex;flex-direction:column;height:100%;min-height:0;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .3s ease;box-shadow:var(--shadow)}.equipment-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.15)}.video-container{position:relative;width:100%;background:#000;flex:0 0 auto}.compact-info-area{flex:1;min-height:0;padding:12px;background:#f9f9f9;display:flex;flex-wrap:wrap;align-content:flex-start;overflow:hidden;gap:8px;border-top:1px solid #eee}.compact-info-row{display:flex;align-items:center;font-size:14px;line-height:1.2;margin-right:12px;flex-shrink:0}.compact-label{color:#606266;margin-right:4px;font-weight:500;flex-shrink:0}.compact-value{color:#303133;font-weight:500;flex-shrink:0}.compact-plate{font-weight:700;color:#36c;letter-spacing:1px;flex-shrink:0}.compact-amount{color:#f33;font-weight:700;flex-shrink:0}.compact-button-row{display:flex;flex-wrap:wrap;gap:8px;width:100%;margin-top:8px;padding-top:8px;border-top:1px dashed #d8dce6}.compact-btn{flex:1;min-width:60px;padding:6px 8px!important;font-size:12px!important;white-space:nowrap}.right-panel{flex:2;height:100vh;background-color:var(--card-bg);min-width:0;overflow:hidden}.main-header,.right-panel{display:flex;flex-direction:column}.main-header{flex-shrink:0;align-items:center;justify-content:center;height:80px;padding:10px 15px;background:linear-gradient(135deg,#409eff,#36f);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:10}.header-title{font-size:18px;font-weight:700;text-align:center;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.header-right{display:flex;justify-content:space-between;align-items:center;width:100%}.connection-status{display:flex;align-items:center;color:#fff;font-size:12px}.status-dot{width:6px;height:6px}.logout-btn{padding:4px 10px;font-size:12px;background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);color:#fff}.logout-btn:hover{background:hsla(0,0%,100%,.3)}.info-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:15px}.action-section,.info-section,.time-section{margin-bottom:20px;flex-shrink:0}.section-title{font-size:14px;font-weight:600;color:#409eff;margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid #f0f0f0}.info-item{margin-bottom:12px;font-size:13px;flex-wrap:wrap}.info-item i{font-size:14px;margin-right:4px}.info-label{color:#606266;margin-right:4px}.info-value{color:#303133;margin-right:8px}.mode-btn,.toggle-btn{margin-left:auto;flex-shrink:0}.time-section .time-display{display:flex;align-items:center;justify-content:center;padding:12px;background:#ecf5ff;border-radius:8px;color:#409eff;font-weight:600;box-shadow:0 2px 8px rgba(64,158,255,.1)}.time-display i{font-size:14px;margin-right:8px}.action-btn{width:100%;padding:10px!important;font-size:13px!important;justify-content:flex-start;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.08)}.action-btn i{margin-right:8px;font-size:14px}.sentry-selector{flex:1;display:flex;justify-content:center;align-items:center;padding:20px}.selector-container{text-align:center;width:100%}@media (max-width:1600px){.equipment-grid{grid-template-columns:1fr;grid-template-rows:repeat(auto-fill,minmax(40vh,1fr))}.compact-info-row{font-size:13px}}@media (max-width:1200px){.main-layout{flex-direction:column}.left-panel{flex:7;border-right:none;border-bottom:1px solid var(--border-color)}.right-panel{flex:3}.header-title{font-size:16px}.info-item{font-size:12px}}@media (max-width:768px){.equipment-grid{grid-template-columns:1fr;gap:10px}.compact-info-area{padding:8px}.compact-info-row{font-size:12px;margin-right:8px}.compact-btn{padding:4px 6px!important;font-size:11px!important}.main-header{height:70px;padding:8px 10px}.header-title{font-size:14px}.action-btn{padding:8px!important;font-size:12px!important}}@media print{.main-layout{flex-direction:row}.equipment-container{page-break-inside:avoid}}.transparent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px;height:100%;padding:12px;box-sizing:border-box;align-content:start}.transparent-grid.count-1{grid-template-columns:1fr;max-width:65%;margin:0 auto}.transparent-grid.count-2,.transparent-grid.count-3,.transparent-grid.count-4{grid-template-columns:repeat(2,1fr)}.transparent-grid.count-5,.transparent-grid.count-6{grid-template-columns:repeat(3,1fr)}.transparent-grid.count-10,.transparent-grid.count-11,.transparent-grid.count-12,.transparent-grid.count-7,.transparent-grid.count-8,.transparent-grid.count-9{grid-template-columns:repeat(4,1fr)}.transparent-card{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.15);transition:all .3s ease;height:100%;min-height:320px}.transparent-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.2)}.transparent-video-container{position:relative;width:100%;padding-top:56.25%;background:#000;border-radius:8px;overflow:hidden}.transparent-video-container .image-container,.transparent-video-container .video-player{position:absolute;top:0;left:0;width:100%;height:100%}.transparent-info-layer{position:absolute;bottom:0;left:0;right:0;z-index:20;pointer-events:auto}.transparent-info-content{position:relative;z-index:25}.transparent-equipment-info.large-text-info-area{padding:5px 18px;background:transparent!important;border-top:2px solid hsla(0,0%,100%,0);border-radius:0 0 8px 8px}.transparent-equipment-info .large-text-row{display:flex;align-items:center;font-size:16px;line-height:1.3;margin-bottom:6px;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.8)}.transparent-equipment-info .large-text-label{color:hsla(0,0%,100%,.9)!important;margin-right:8px;font-weight:700;font-size:16px;flex-shrink:0;text-shadow:0 1px 2px rgba(0,0,0,.8)}.transparent-equipment-info .large-text-icon{font-size:16px!important;margin-right:8px;vertical-align:middle;color:hsla(0,0%,100%,.9);text-shadow:0 1px 2px rgba(0,0,0,.8)}.transparent-equipment-info .large-text-content{min-width:50px;margin-right:10px;font-size:16px;color:#fff!important;word-break:break-all;font-weight:500}.transparent-equipment-info .large-text-plate{margin-right:10px;min-width:80px;font-size:20px;font-weight:700;color:gold!important;letter-spacing:1.5px;text-shadow:0 2px 6px rgba(0,0,0,.9)}.transparent-equipment-info .large-text-amount{margin-right:10px;font-size:20px;color:#ff6b6b!important;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8)}.transparent-action-btns{display:flex;gap:10px;flex-wrap:wrap}.transparent-action-btns .open-gate-btn{font-size:14px!important;padding:8px 15px!important;border-radius:6px!important;background:hsla(0,0%,100%,.2)!important;border:1px solid hsla(0,0%,100%,.4)!important;color:#fff!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease!important;flex:1;min-width:80px}.transparent-action-btns .open-gate-btn:hover{background:hsla(0,0%,100%,.3)!important;border-color:hsla(0,0%,100%,.6)!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.transparent-action-btns .el-button--success{background:rgba(103,194,58,.25)!important;border-color:rgba(103,194,58,.5)!important}.transparent-action-btns .el-button--success:hover{background:rgba(103,194,58,.4)!important;border-color:rgba(103,194,58,.7)!important}.transparent-action-btns .el-button--danger{background:hsla(0,87%,69%,.25)!important;border-color:hsla(0,87%,69%,.5)!important}.transparent-action-btns .el-button--danger:hover{background:hsla(0,87%,69%,.4)!important;border-color:hsla(0,87%,69%,.7)!important}.transparent-action-btns .el-button--primary{background:rgba(64,158,255,.25)!important;border-color:rgba(64,158,255,.5)!important}.transparent-action-btns .el-button--primary:hover{background:rgba(64,158,255,.4)!important;border-color:rgba(64,158,255,.7)!important}.transparent-action-btns .el-button--info{background:hsla(220,4%,58%,.25)!important;border-color:hsla(220,4%,58%,.5)!important}.transparent-action-btns .el-button--info:hover{background:hsla(220,4%,58%,.4)!important;border-color:hsla(220,4%,58%,.7)!important}.transparent-action-btns .open-gate-btn i{margin-right:5px;font-size:14px}.transparent-video-container .video-error-message,.transparent-video-container .video-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;background:rgba(0,0,0,.9);z-index:30}.transparent-video-container .image-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:hsla(0,0%,100%,.8);background:rgba(0,0,0,.7);z-index:15}@media (max-width:1600px){.transparent-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.transparent-grid.count-10,.transparent-grid.count-11,.transparent-grid.count-12,.transparent-grid.count-7,.transparent-grid.count-8,.transparent-grid.count-9{grid-template-columns:repeat(3,1fr)}.transparent-equipment-info .large-text-row{font-size:15px}.transparent-equipment-info .large-text-amount,.transparent-equipment-info .large-text-plate{font-size:18px}}@media (max-width:1200px){.transparent-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.transparent-grid.count-5,.transparent-grid.count-6,.transparent-grid.count-7,.transparent-grid.count-8{grid-template-columns:repeat(2,1fr)}.transparent-grid.count-1{max-width:60%}.transparent-equipment-info .large-text-row{font-size:14px}.transparent-equipment-info .large-text-amount,.transparent-equipment-info .large-text-plate{font-size:17px}.transparent-action-btns .open-gate-btn{font-size:13px!important;padding:7px 12px!important}}@media (max-width:900px){.main-layout{flex-direction:column}.left-panel{height:70vh}.right-panel{height:30vh}.transparent-grid{grid-template-columns:1fr;gap:12px}.transparent-grid.count-1{max-width:75%}.transparent-grid.count-2,.transparent-grid.count-3,.transparent-grid.count-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.transparent-grid{grid-template-columns:1fr;padding:8px}.transparent-grid.count-1{max-width:100%}.transparent-grid.count-2,.transparent-grid.count-3,.transparent-grid.count-4{grid-template-columns:1fr}.transparent-equipment-info.large-text-info-area{padding:12px 14px}.transparent-equipment-info .large-text-row{font-size:13px;margin-bottom:5px}.transparent-equipment-info .large-text-label{font-size:13px;margin-right:6px}.transparent-equipment-info .large-text-plate{font-size:16px;letter-spacing:1px}.transparent-equipment-info .large-text-amount{font-size:16px}.transparent-action-btns{gap:8px}.transparent-action-btns .open-gate-btn{font-size:12px!important;padding:6px 10px!important;min-width:70px}}@media (max-width:480px){.transparent-equipment-info .large-text-label,.transparent-equipment-info .large-text-row{font-size:12px}.transparent-equipment-info .large-text-amount,.transparent-equipment-info .large-text-plate{font-size:14px}.transparent-action-btns .open-gate-btn{font-size:11px!important;padding:5px 8px!important;min-width:60px}.transparent-action-btns .open-gate-btn i{font-size:12px;margin-right:3px}}@media (prefers-color-scheme:dark){.transparent-equipment-info.large-text-info-area{border-top:2px solid hsla(0,0%,100%,.2)}.transparent-action-btns{border-top:1px dashed hsla(0,0%,100%,.2)}}.info-panel{overflow:auto;background:#fff;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.section-title{color:#333;font-size:16px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e8e8e8}.info-item{display:flex;align-items:center;margin-bottom:15px}.info-item i{margin-right:10px;color:#409eff}.info-label{width:65px;color:#666}.info-value{color:#333;font-weight:500}.mode-btn,.toggle-btn{margin-left:10px}.action-section,.time-section{margin-top:20px}.time-display{display:flex;align-items:center;font-size:18px;color:#333}.time-display i{margin-right:10px;color:#409eff}.action-buttons{display:flex;gap:10px}.action-btn{flex:1}.parking-info{padding:10px;background:#f5f7fa;border-radius:4px}.classified-stats,.parking-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.stat-item{display:flex;flex-direction:column;align-items:center;min-width:80px}.stat-label{font-size:12px;color:#666;margin-bottom:5px}.stat-value{font-size:16px;font-weight:500;color:#333}.classified-parking-list{display:flex;flex-direction:column;gap:15px}.classified-item{padding:15px;background:#f5f7fa;border-radius:4px;border:1px solid #e4e7ed}.classified-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e4e7ed}.vehicle-type{font-size:14px;font-weight:500;color:#333}.edit-modal-content{padding:10px 0}.edit-info{margin-bottom:20px}.edit-info p{margin-bottom:10px;color:#666}.edit-info strong{color:#333;min-width:80px;display:inline-block}.edit-input{display:flex;align-items:center;gap:10px}.input-label{min-width:80px;color:#666}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;width:100%;min-height:100vh}.background-image{position:absolute;left:50%;transform:translateX(-50%);width:100%;height:100%;z-index:-1}