/* ============================================================
   湘伟恒数智化管理云平台 · 深空玻璃主题 (Design A)
   仅覆盖视觉样式，不改变任何业务逻辑
   ============================================================ */

/* ---------- 基础 ---------- */
html,body{height:100%}
body{
  background:
    radial-gradient(900px 600px at 8% 6%, rgba(34,211,238,.10), transparent 60%),
    radial-gradient(800px 600px at 95% 92%, rgba(99,102,241,.14), transparent 62%),
    linear-gradient(160deg,#070d1c 0%,#0a1226 45%,#060a14 100%) !important;
  background-attachment:fixed !important;
  color:#cfe0f5 !important;
  font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif !important;
}
.app-container,.mapContainer{background:transparent !important}

/* ---------- 卡片 / 容器 ---------- */
.container-layout,.box,.join-device-box,.sceneList-info,.layui-card{
  background:rgba(17,27,48,.72) !important;
  border:1px solid rgba(120,190,255,.16) !important;
  border-radius:14px !important;
  box-shadow:0 18px 46px rgba(0,0,0,.38) !important;
  backdrop-filter:blur(12px);
}
.search-container{background:transparent !important;border:0 !important}
.layui-card-header{border-bottom:1px solid rgba(120,190,255,.14) !important;color:#cfe3ff !important}

/* ---------- 文字 ---------- */
h1,h2,h3,h4,h5,h6,label,span,p,div,td,th,li{color:#cfe0f5}
a{color:#5eb8ff !important}
a:hover{color:#22d3ee !important}

/* ---------- 表单 ---------- */
input,select,textarea{
  background-color:rgba(8,18,34,.85) !important;
  border:1px solid rgba(120,190,255,.22) !important;
  color:#dbe7f7 !important;
  border-radius:8px !important;
  outline:none !important;
  transition:border-color .18s, box-shadow .18s !important;
}
input::placeholder,textarea::placeholder{color:#5b7291 !important}
input:focus,select:focus,textarea:focus{
  border-color:#22d3ee !important;
  box-shadow:0 0 0 3px rgba(34,211,238,.15) !important;
}
select option{background:#0d1730;color:#dbe7f7}

/* ---------- 按钮 ---------- */
.button,.btn,button,.layui-btn{
  background:linear-gradient(90deg,#22d3ee,#3b82f6) !important;
  color:#04121f !important;
  border:0 !important;
  border-radius:9px !important;
  box-shadow:0 8px 22px rgba(34,211,238,.20) !important;
  font-weight:600 !important;
}
.button:hover,.btn:hover,button:hover,.layui-btn:hover{filter:brightness(1.07)}
.button.bg-iot,.bg-iot{background:linear-gradient(90deg,#22d3ee,#3b82f6) !important;color:#04121f !important}
.layui-btn-primary{background:rgba(20,38,66,.9) !important;color:#9fc4ee !important;border:1px solid rgba(120,190,255,.2) !important}

/* ---------- 表格 ---------- */
table{background:rgba(12,22,40,.55) !important;border-color:rgba(120,190,255,.14) !important}
table th{
  background:rgba(20,38,66,.95) !important;
  color:#9fc4ee !important;
  border-color:rgba(120,190,255,.14) !important;
  font-weight:600 !important;
}
table td{background:transparent !important;color:#cfe0f5 !important;border-color:rgba(120,190,255,.10) !important}
table tr:hover td{background:rgba(34,211,238,.06) !important}
.layui-table,.layui-table-view{background:transparent !important;color:#cfe0f5 !important}
.layui-table th{background:rgba(20,38,66,.95) !important;color:#9fc4ee !important}
.layui-table td,.layui-table th{border-color:rgba(120,190,255,.12) !important}

/* ---------- 分页 / 提示 ---------- */
.kkpager *{color:#9fc4ee !important}
.kkpager .pageBtnWrap a.curr{background:linear-gradient(90deg,#22d3ee,#3b82f6) !important;color:#04121f !important;border-color:transparent !important}
.layui-layer{background:#111b30 !important;border:1px solid rgba(120,190,255,.18) !important;border-radius:12px !important}
.layui-layer-title{background:transparent !important;color:#cfe3ff !important;border-bottom:1px solid rgba(120,190,255,.14) !important}

/* ---------- 主框架（layui admin） ---------- */
.layui-layout-admin .layui-header{
  background:rgba(10,18,34,.92) !important;
  border-bottom:1px solid rgba(120,190,255,.14) !important;
  box-shadow:0 6px 24px rgba(0,0,0,.35) !important;
}
.layui-layout-admin .layui-side{background:rgba(8,16,30,.96) !important;border-right:1px solid rgba(120,190,255,.10) !important}
.layui-layout-admin .layui-logo{background:transparent !important;color:#cfe3ff !important;border-bottom:1px solid rgba(120,190,255,.10) !important}
.layui-layout-admin .layui-body{background:#0a1020 !important}
.layui-nav{background:transparent !important}
.layui-nav .layui-nav-item a{color:#a9c2e0 !important}
.layui-nav .layui-nav-item a:hover,.layui-nav .layui-this a,.layui-nav-itemed>a{color:#22d3ee !important}
.layui-nav-tree .layui-nav-itemed>a,.layui-nav-tree .layui-this>a{background:rgba(34,211,238,.10) !important}
.layui-nav-tree .layui-nav-child a{color:#8fb0d4 !important}
.layui-nav-tree .layui-nav-child a:hover{color:#22d3ee !important;background:rgba(34,211,238,.08) !important}
.layui-nav-bar{background:linear-gradient(90deg,#22d3ee,#3b82f6) !important}

/* ---------- 滚动条 ---------- */
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:#0a1224}
::-webkit-scrollbar-thumb{background:rgba(90,150,220,.32);border-radius:6px}
::-webkit-scrollbar-thumb:hover{background:rgba(90,150,220,.55)}

/* ---------- 覆盖历史内联浅色背景 ---------- */
div[style*="#ecf0f5"],div[style*="#fafafa"],div[style*="#e3e3e3"],div[style*="#eee"],
div[style*="#fff"],div[style*="#ffffff"],div[style*="white"],
section[style*="#ecf0f5"],section[style*="#fff"]{background:transparent !important}

/* ---------- layui 表格容器 ---------- */
.layui-table-view,.layui-table-box,.layui-table-body,.layui-table-main,
.layui-table-header,.layui-table-fixed,.layui-table-fixed-r{background:transparent !important}
.layui-table-view .layui-table,.layui-table-view .layui-table td,.layui-table-view .layui-table th{background:transparent !important;border-color:rgba(120,190,255,.10) !important}
.layui-table-cell{color:#cfe0f5 !important}
.layui-table-page{background:transparent !important;border-top:1px solid rgba(120,190,255,.12) !important}
.layui-table-tool{background:rgba(20,38,66,.6) !important;border-color:rgba(120,190,255,.12) !important}

/* ---------- 其它常见浅色块 ---------- */
.concent,.init-table,.table-wrap,.table-container{background:transparent !important}
iframe{background:transparent !important}
.layui-form-select dl{background:#111b30 !important;border:1px solid rgba(120,190,255,.18) !important}
.layui-form-select dl dd{color:#cfe0f5 !important}
.layui-form-select dl dd.layui-this{background:rgba(34,211,238,.14) !important;color:#22d3ee !important}
.layui-form-select dl dd:hover{background:rgba(34,211,238,.08) !important}
.layui-input,.layui-textarea{background-color:rgba(8,18,34,.85) !important;border-color:rgba(120,190,255,.22) !important;color:#dbe7f7 !important}
.layui-form-label{color:#9fc4ee !important}

/* ---------- Element UI 深色适配 ---------- */
.el-table,.el-table__body-wrapper,.el-table__header-wrapper,.el-table__fixed,
.el-table__fixed-right,.el-table__footer-wrapper{background:transparent !important;color:#cfe0f5 !important}
.el-table th,.el-table tr,.el-table td{background:transparent !important;border-color:rgba(120,190,255,.12) !important;color:#cfe0f5 !important}
.el-table::before,.el-table--group::after,.el-table--border::after{background-color:transparent !important}
.el-table__empty-block{background:transparent !important}
.el-table__empty-text{color:#7d93b5 !important}
.el-table--enable-row-hover .el-table__body tr:hover>td{background:rgba(34,211,238,.06) !important}
.el-table--border,.el-table--group{border-color:rgba(120,190,255,.12) !important}
.el-input__inner,.el-textarea__inner{background-color:rgba(8,18,34,.85) !important;border-color:rgba(120,190,255,.22) !important;color:#dbe7f7 !important}
.el-checkbox__label,.el-radio__label{color:#9fc4ee !important}
.el-pagination{color:#9fc4ee !important}
.el-pagination button,.el-pager li{background:rgba(20,38,66,.8) !important;color:#9fc4ee !important}
.el-pager li.active{background:linear-gradient(90deg,#22d3ee,#3b82f6) !important;color:#04121f !important}
.el-dialog,.el-message-box{background:#111b30 !important;border:1px solid rgba(120,190,255,.18) !important}
.el-dialog__title,.el-message-box__title{color:#cfe3ff !important}
.el-form-item__label{color:#9fc4ee !important}
.el-card{background:rgba(17,27,48,.72) !important;border-color:rgba(120,190,255,.16) !important;color:#cfe0f5 !important}
.el-button--default{background:rgba(20,38,66,.9) !important;border-color:rgba(120,190,255,.2) !important;color:#9fc4ee !important}

/* ---------- iView 深色适配 ---------- */
.ivu-table,.ivu-table-wrapper,.ivu-table-cell,.ivu-table-tip{background:transparent !important;color:#cfe0f5 !important}
.ivu-table th,.ivu-table td{background:transparent !important;border-color:rgba(120,190,255,.12) !important;color:#cfe0f5 !important}
.ivu-table-header th{background:rgba(20,38,66,.95) !important}
.ivu-table-stripe .ivu-table-body tr:nth-child(2n) td{background:rgba(255,255,255,.02) !important}
.ivu-page-item,.ivu-page-prev,.ivu-page-next{background:rgba(20,38,66,.8) !important;border-color:rgba(120,190,255,.2) !important}
.ivu-page-item-active{background:linear-gradient(90deg,#22d3ee,#3b82f6) !important;border-color:transparent !important}

/* ============================================================
   精修轮：列表页统一
   ============================================================ */
.search-condition,.search-container{
  border-radius:12px !important;
  padding:12px 16px !important;
  background:rgba(17,27,48,.55) !important;
  border:1px solid rgba(120,190,255,.14) !important;
  margin-bottom:12px !important;
  display:flex;align-items:center;flex-wrap:wrap;gap:8px;
}
.search-condition .input,.search-container .input{height:34px !important;line-height:34px !important}
.button,.btn,button{
  height:34px !important;line-height:34px !important;
  padding:0 16px !important;font-size:13px !important;
  display:inline-flex !important;align-items:center;justify-content:center;
  transition:transform .16s, box-shadow .16s, filter .16s !important;
}
.button:hover,.btn:hover,button:hover{transform:translateY(-1px)}
.container-layout{border-radius:14px !important;overflow:hidden !important}
table{border-collapse:separate !important;border-spacing:0 !important}
table thead th{position:sticky;top:0;z-index:2;font-size:13px !important;letter-spacing:.4px}
table tbody tr{height:40px}
table td,table th{padding:10px 12px !important;font-size:13px !important}
table tr:first-child th:first-child{border-top-left-radius:10px}
table tr:first-child th:last-child{border-top-right-radius:10px}
table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}
table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}
.kkpager{margin:16px auto !important;text-align:center !important}
.kkpager a,.kkpager span{
  display:inline-block !important;min-width:30px !important;height:30px !important;line-height:30px !important;
  border-radius:8px !important;margin:0 3px !important;padding:0 6px !important;
  background:rgba(20,38,66,.8) !important;border:1px solid rgba(120,190,255,.18) !important;
  color:#9fc4ee !important;text-decoration:none !important;
}
.kkpager a:hover{border-color:#22d3ee !important;color:#22d3ee !important}
.kkpager .curr,.kkpager .pageBtnWrap a.curr{
  background:linear-gradient(90deg,#22d3ee,#3b82f6) !important;color:#04121f !important;border-color:transparent !important;
}
.layui-layer-content{color:#cfe0f5 !important}
/* 空数据提示 */
.el-table__empty-text,.layui-none{color:#6d82a3 !important}

/* ============================================================
   精修轮 2：全局高级感增强（纯视觉，不改任何逻辑）
   ============================================================ */

/* ---------- 滚动条 ---------- */
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:rgba(10,18,34,.6)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(34,211,238,.35),rgba(59,130,246,.35));border-radius:6px;border:2px solid rgba(10,18,34,.8)}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(34,211,238,.6),rgba(59,130,246,.6))}
*{scrollbar-width:thin;scrollbar-color:rgba(34,211,238,.4) rgba(10,18,34,.6)}

/* ---------- 卡片悬浮 ---------- */
.container-layout,.box,.layui-card,.el-card,.ivu-card{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
.container-layout:hover,.box:hover,.layui-card:hover,.el-card:hover{
  border-color:rgba(34,211,238,.32) !important;
  box-shadow:0 22px 54px rgba(0,0,0,.5), 0 0 0 1px rgba(34,211,238,.10) !important;
}

/* ---------- 按钮反馈 ---------- */
.button:active,.btn:active,button:active,.layui-btn:active{
  transform:translateY(1px) scale(.985) !important;
  box-shadow:0 4px 14px rgba(34,211,238,.18) !important;
  filter:brightness(.96) !important;
}

/* ---------- 主框架：顶栏 + 侧栏 ---------- */
.layui-layout-admin .layui-header{
  background:linear-gradient(180deg,rgba(12,22,40,.97),rgba(8,16,30,.94)) !important;
  position:relative;
}
.layui-layout-admin .layui-header:after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(34,211,238,.55) 30%,rgba(99,102,241,.5) 70%,transparent);
  pointer-events:none;
}
.layui-layout-admin .layui-logo{
  background:linear-gradient(120deg,#22d3ee,#60a5fa 60%,#818cf8) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  color:transparent !important;font-weight:800 !important;letter-spacing:1px;
  text-shadow:none !important;
}
.layui-layout-admin .layui-logo:before{
  content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;
  background:#22d3ee;box-shadow:0 0 12px rgba(34,211,238,.9);vertical-align:2px;
}
/* 侧栏选中指示条 + 图标发光 */
.layui-side .layui-nav .layui-nav-item a{position:relative;transition:color .2s,padding-left .2s !important}
.layui-side .layui-nav-tree .layui-this>a,
.layui-side .layui-nav-tree .layui-nav-itemed>a{
  background:linear-gradient(90deg,rgba(34,211,238,.16),rgba(59,130,246,.06)) !important;
  color:#22d3ee !important;font-weight:600 !important;
}
.layui-side .layui-nav-tree .layui-this>a:before,
.layui-side .layui-nav-tree .layui-nav-itemed>a:before{
  content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;
  background:linear-gradient(180deg,#22d3ee,#3b82f6);box-shadow:0 0 12px rgba(34,211,238,.8);
}
.layui-side .layui-nav .layui-nav-item>a:hover{
  color:#22d3ee !important;padding-left:22px !important;
}
.layui-side .layui-nav-tree .layui-nav-child a:hover{
  background:rgba(34,211,238,.08) !important;color:#22d3ee !important;
}
.layui-side .layui-nav-item .layui-icon{transition:filter .2s}
.layui-side .layui-this .layui-icon{filter:drop-shadow(0 0 6px rgba(34,211,238,.9))}

/* ---------- 顶栏图标 / 徽标 ---------- */
.layui-header .layui-nav .layui-nav-item>a:hover{background:rgba(34,211,238,.08) !important}
.layui-badge-dot{background:#22d3ee !important;box-shadow:0 0 8px rgba(34,211,238,.9)}
.layui-header cite{color:#d6e6fb !important}

/* ---------- 页签（layadmin tabs） ---------- */
.layadmin-tabs,.layui-tab-title,.layadmin-tabsbody-item{background:rgba(10,18,34,.85) !important}
.layadmin-tabs .layui-tab-title li{
  background:rgba(17,27,48,.8) !important;color:#9fc4ee !important;
  border:1px solid rgba(120,190,255,.14) !important;border-radius:10px 10px 0 0 !important;
  transition:color .2s, background .2s !important;
}
.layadmin-tabs .layui-tab-title li.layui-this{
  background:linear-gradient(180deg,rgba(34,211,238,.16),rgba(17,27,48,.9)) !important;
  color:#22d3ee !important;border-color:rgba(34,211,238,.35) !important;
}
.layadmin-tabs .layui-tab-title li:hover{color:#22d3ee !important}

/* ---------- 弹窗动效 ---------- */
.layui-layer{
  animation:whLayerIn .28s cubic-bezier(.22,1,.36,1) both !important;
}
@keyframes whLayerIn{from{opacity:0;transform:scale(.92) translateY(14px)}to{opacity:1;transform:none}}
.layui-layer-shade{background:rgba(3,8,18,.62) !important}
.layui-layer-close{color:#9fc4ee !important}
.layui-layer-btn a{border-radius:8px !important}

/* ---------- 下拉 / 日期选择器 ---------- */
.layui-form-select dl,.layui-dropdown-menu{
  background:#101b31 !important;border:1px solid rgba(120,190,255,.2) !important;
  border-radius:10px !important;box-shadow:0 16px 40px rgba(0,0,0,.5) !important;
}
.layui-form-select dl dd:hover,.layui-form-select dl dd.layui-this{background:rgba(34,211,238,.12) !important;color:#22d3ee !important}
.jedatebox,.je-calendar{background:#101b31 !important;border:1px solid rgba(120,190,255,.2) !important;color:#cfe0f5 !important}
.jedatebox table td,.je-calendar td{color:#cfe0f5 !important}
.jedatebox table td.action,.je-calendar .action{background:rgba(34,211,238,.14) !important;color:#22d3ee !important}
.jedatebox table td.choose,.je-calendar .choose{background:linear-gradient(90deg,#22d3ee,#3b82f6) !important;color:#04121f !important}

/* ---------- Tooltip / Popover ---------- */
.popover,.tooltip-inner,.layui-tips{
  background:rgba(16,27,49,.97) !important;border:1px solid rgba(120,190,255,.2) !important;
  color:#d6e6fb !important;border-radius:8px !important;
  box-shadow:0 12px 32px rgba(0,0,0,.45) !important;
}

/* ---------- 表格：斑马纹 + 悬浮过渡 ---------- */
table tbody tr{transition:background .15s}
table tbody tr:nth-child(2n) td{background:rgba(255,255,255,.018) !important}
table tbody tr:hover td{background:rgba(34,211,238,.065) !important}
table thead th{
  background:linear-gradient(180deg,rgba(24,44,76,.95),rgba(18,34,60,.95)) !important;
  letter-spacing:.5px;
}

/* ---------- 状态标签 / 徽标 ---------- */
.label,.tag,.layui-badge,.layui-tag,.badge{
  border-radius:6px !important;border:1px solid rgba(120,190,255,.2) !important;
  background:rgba(20,38,66,.9) !important;color:#9fc4ee !important;
  box-shadow:0 2px 8px rgba(0,0,0,.25) !important;
}
.layui-badge-rim{background:rgba(20,38,66,.9) !important;color:#9fc4ee !important;border:1px solid rgba(120,190,255,.25) !important}

/* ---------- 大屏 / 链接按钮 ---------- */
.layui-header a[target="_blank"],.layui-header .layui-nav-item a{
  color:#a9c2e0 !important;transition:color .2s, text-shadow .2s !important;
}
.layui-header a[target="_blank"]:hover,.layui-header .layui-nav-item a:hover{
  color:#22d3ee !important;text-shadow:0 0 12px rgba(34,211,238,.6);
}

/* ---------- iframe 内容页兜底 ---------- */
.layadmin-iframe,iframe.layadmin-iframe{background:transparent !important}

/* ---------- 复选框 / 单选框 ---------- */
input[type=checkbox],input[type=radio]{accent-color:#22d3ee}

/* ---------- 进度条 ---------- */
.layui-progress-bar{background:linear-gradient(90deg,#22d3ee,#3b82f6) !important}

/* ---------- 消息气泡（layer msg） ---------- */
.layui-layer-msg{background:rgba(16,27,49,.96) !important;border:1px solid rgba(120,190,255,.22) !important;color:#d6e6fb !important;box-shadow:0 14px 40px rgba(0,0,0,.5) !important}

/* ============================================================
   精修轮 3：选项 / 表单布局合理化（纯视觉）
   ============================================================ */

/* ---------- 搜索区：标签与控件对齐 ---------- */
.search-condition label,.search-container label,.search-condition .label,
.form-group label,.layui-form-label{
  white-space:nowrap !important;min-width:auto !important;
  margin-right:6px !important;color:#9fc4ee !important;font-size:13px !important;
  line-height:34px !important;height:34px !important;
}
.search-condition select,.search-container select,
.search-condition input,.search-container input{
  width:auto !important;min-width:118px !important;height:34px !important;
}
.search-condition .input-group,.search-container .input-group{margin:0 4px !important}
.search-condition .button,.search-container .button{margin:0 2px !important}
/* 搜索按钮与查询条件同高 */
.search-condition .button,.search-container .button{vertical-align:middle !important}

/* ---------- 表单：行距与控件统一 ---------- */
.layui-form-item{margin-bottom:16px !important}
.layui-form-item .layui-input-inline{margin-right:10px !important}
.form-item{display:flex;align-items:center;margin-bottom:14px !important}

/* ---------- 侧栏菜单：分组间距 + 圆角 ---------- */
.layui-side .layui-nav-tree > .layui-nav-item{margin:3px 8px !important}
.layui-side .layui-nav-tree > .layui-nav-item > a{border-radius:10px !important;height:46px !important;line-height:46px !important}
.layui-side .layui-nav-tree > .layui-nav-item > a > i{margin-right:10px !important}
.layui-side .layui-nav-tree .layui-nav-child dd{
  margin:2px 6px !important;border-radius:8px !important;overflow:hidden;
}
.layui-side .layui-nav-tree .layui-nav-child a{
  padding-left:34px !important;border-radius:8px !important;transition:all .2s !important;
}
/* 一级菜单图标放大，视觉更平衡 */
.layui-side .layui-nav-tree > .layui-nav-item > a .layui-icon{font-size:16px !important}

/* ---------- 顶栏右侧操作区间距 ---------- */
.layui-layout-admin .layui-header .layui-nav .layui-nav-item{margin:0 2px !important}
.layui-layout-admin .layui-header .layui-nav .layui-nav-item>a{padding:0 12px !important}
.layui-header .user-type{
  display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;
  border:1px solid rgba(34,211,238,.4);color:#22d3ee !important;background:rgba(34,211,238,.08);
  margin-top:12px;
}

/* ---------- 弹窗内表单 ---------- */
.layui-layer .layui-form-item .layui-input-block{margin-left:0 !important}
.layui-layer .layui-form-label{width:auto !important;min-width:86px !important}

/* ---------- 单选/复选选项组布局 ---------- */
.layui-form-radio,.layui-form-checkbox{margin-right:14px !important}