/* ============================================================
   XIAOBAI CONTROL · 小白科技皮肤层
   纯外挂覆盖，不改动任何业务代码
   ============================================================ */

:root{
  --xb-bg:#05080f;
  --xb-bg2:#081221;
  --xb-panel:rgba(13,24,41,.86);
  --xb-panel2:rgba(9,17,30,.94);
  --xb-line:rgba(34,227,255,.16);
  --xb-line-strong:rgba(34,227,255,.42);
  --xb-cyan:#22e3ff;
  --xb-blue:#2f7bff;
  --xb-purple:#8b5cff;
  --xb-green:#25f5a0;
  --xb-red:#ff4d6d;
  --xb-amber:#ffb020;
  --xb-text:#d8e9fa;
  --xb-dim:#7b93ad;
  --xb-mono:"SFMono-Regular",ui-monospace,"JetBrains Mono","Cascadia Mono",Consolas,monospace;
}

/* ---------- 基础 ---------- */
html,body{background:var(--xb-bg)!important;color:var(--xb-text)!important;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif!important;
  -webkit-font-smoothing:antialiased;
  letter-spacing:.2px;
}
#root{background:transparent!important;}
::selection{background:rgba(34,227,255,.28);color:#fff;}

/* 滚动条 */
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-track{background:rgba(255,255,255,.02);}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(34,227,255,.35),rgba(47,123,255,.35));border-radius:8px;}
::-webkit-scrollbar-thumb:hover{background:rgba(34,227,255,.6);}

/* ---------- 布局 ---------- */
.ant-layout{background:transparent!important;position:relative;}
.ant-layout-content,.ant-layout-main{background:transparent!important;}

/* 全屏科技网格底 */
body.xb-app::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(900px 500px at 12% -10%,rgba(34,227,255,.10),transparent 60%),
    radial-gradient(800px 500px at 105% 8%,rgba(139,92,255,.10),transparent 62%),
    radial-gradient(700px 600px at 50% 120%,rgba(47,123,255,.08),transparent 65%),
    linear-gradient(rgba(34,227,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(34,227,255,.045) 1px,transparent 1px),
    #05080f;
  background-size:auto,auto,auto,46px 46px,46px 46px,auto;
}
body.xb-app::after{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background:repeating-linear-gradient(180deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px);
}
.ant-layout-content,.ant-layout-sider,.ant-layout-header{position:relative;z-index:1;}

/* 顶栏 */
.ant-layout-header{
  background:linear-gradient(90deg,rgba(8,18,32,.96),rgba(12,26,45,.96) 50%,rgba(8,18,32,.96))!important;
  border-bottom:1px solid rgba(34,227,255,.20)!important;
  box-shadow:0 1px 0 rgba(34,227,255,.08),0 10px 30px rgba(0,0,0,.55)!important;
  backdrop-filter:blur(14px);
  height:50px!important;line-height:50px!important;
  padding-right:12px!important;
}
.ant-layout-header .anticon{color:#8fc9ee!important;}
.ant-layout-header .ant-btn:hover{background:rgba(34,227,255,.10)!important;}

/* 侧边栏 */
.ant-layout-sider{
  background:linear-gradient(180deg,rgba(9,20,36,.98),rgba(5,11,20,.99))!important;
  border-right:1px solid rgba(34,227,255,.16)!important;
  box-shadow:4px 0 30px rgba(0,0,0,.45)!important;
}
.ant-layout-sider-children{position:relative;}
.ant-layout-sider::after{
  content:"";position:absolute;top:0;right:0;width:1px;height:100%;
  background:linear-gradient(180deg,transparent,rgba(34,227,255,.55),transparent);
  opacity:.65;pointer-events:none;z-index:3;
}

/* 菜单 */
.ant-menu-dark,.ant-menu{background:transparent!important;border-inline-end:none!important;}
.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-submenu-title,
.ant-menu .ant-menu-item{
  color:#9fb9d2!important;border-radius:8px!important;margin:3px 8px!important;
  width:calc(100% - 16px)!important;height:40px!important;line-height:40px!important;
  transition:all .18s ease!important;position:relative;overflow:hidden;
  font-size:13.5px!important;
}
.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-submenu-title:hover,
.ant-menu .ant-menu-item:hover{
  background:rgba(34,227,255,.08)!important;color:#d8f6ff!important;
}
.ant-menu-dark .ant-menu-item-selected,
.ant-menu .ant-menu-item-selected{
  background:linear-gradient(90deg,rgba(34,227,255,.20),rgba(47,123,255,.10) 60%,transparent)!important;
  color:#5ff0ff!important;font-weight:600!important;
  box-shadow:inset 0 0 0 1px rgba(34,227,255,.25)!important;
}
.ant-menu-dark .ant-menu-item-selected::before,
.ant-menu .ant-menu-item-selected::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:3px;height:18px;border-radius:0 3px 3px 0;
  background:linear-gradient(180deg,#22e3ff,#2f7bff);
  box-shadow:0 0 12px rgba(34,227,255,.9);
}
.ant-menu-item .anticon,.ant-menu-submenu-title .anticon{color:#5f8fb5!important;transition:color .18s;}
.ant-menu-item-selected .anticon{color:#22e3ff!important;filter:drop-shadow(0 0 6px rgba(34,227,255,.8));}
.ant-menu-submenu-arrow{color:#4e7396!important;}

/* ---------- 卡片 ---------- */
.ant-card{
  background:linear-gradient(158deg,rgba(16,28,46,.92),rgba(8,15,27,.96))!important;
  border:1px solid rgba(34,227,255,.15)!important;
  border-radius:12px!important;
  box-shadow:0 10px 26px rgba(0,0,0,.38)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
  overflow:hidden;
  backdrop-filter:blur(6px);
}
.ant-card:hover{
  border-color:rgba(34,227,255,.45)!important;
  box-shadow:0 12px 34px rgba(34,227,255,.14),0 0 0 1px rgba(34,227,255,.10)!important;
  transform:translateY(-2px);
}
.ant-card-head{
  background:transparent!important;border-bottom:1px solid rgba(34,227,255,.12)!important;
  color:#e6f7ff!important;min-height:44px!important;
}
.ant-card-head-title{color:#e6f7ff!important;}
.ant-card-body{color:#c3d9ec!important;}
.ant-card-bordered{border-color:rgba(34,227,255,.15)!important;}

/* 设备卡片顶部状态条 */
.ant-card .ant-ribbon{background:linear-gradient(135deg,#22e3ff,#2f7bff)!important;}

/* ---------- 按钮 ---------- */
.ant-btn{transition:all .18s ease!important;border-radius:8px!important;font-weight:500!important;}
.ant-btn-primary{
  background:linear-gradient(135deg,#22e3ff,#2f7bff 58%,#8b5cff)!important;
  border:none!important;color:#03121f!important;font-weight:700!important;
  box-shadow:0 4px 18px rgba(47,123,255,.38)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.25);
}
.ant-btn-primary:hover,.ant-btn-primary:focus{
  background:linear-gradient(135deg,#5cf0ff,#4a8dff 58%,#a07bff)!important;
  box-shadow:0 6px 24px rgba(34,227,255,.5)!important;color:#03121f!important;
  transform:translateY(-1px);
}
.ant-btn-primary:disabled,.ant-btn-primary.ant-btn-disabled{
  background:rgba(255,255,255,.08)!important;
  color:#5c7a94!important;box-shadow:none!important;
}
.ant-btn-default{
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(34,227,255,.26)!important;color:#bfe4ff!important;
}
.ant-btn-default:hover{
  background:rgba(34,227,255,.10)!important;border-color:rgba(34,227,255,.55)!important;color:#e8fbff!important;
}
.ant-btn-text{color:#93b8d6!important;background:transparent!important;}
.ant-btn-text:hover{background:rgba(34,227,255,.10)!important;color:#d8f6ff!important;}
.ant-btn-link{color:#4fd8ff!important;}
.ant-btn-dangerous{background:linear-gradient(135deg,#ff5c76,#d92a4a)!important;color:#fff!important;border:none!important;}

/* ---------- 表单 ---------- */
.ant-input,.ant-input-affix-wrapper,.ant-input-number,.ant-input-number-input-wrap,
.ant-select:not(.ant-select-customize-input) .ant-select-selector,
.ant-picker,.ant-input-search .ant-input{
  background:rgba(6,14,25,.92)!important;
  border:1px solid rgba(34,227,255,.22)!important;
  color:#dcefff!important;border-radius:8px!important;
  transition:border-color .18s,box-shadow .18s!important;
}
.ant-input-affix-wrapper .ant-input{background:transparent!important;border:none!important;}
.ant-input::placeholder,.ant-select-selection-placeholder,.ant-picker-input>input::placeholder{color:#56718c!important;}
.ant-input:hover,.ant-input-affix-wrapper:hover,.ant-select:hover .ant-select-selector,.ant-picker:hover{
  border-color:rgba(34,227,255,.45)!important;
}
.ant-input:focus,.ant-input-affix-wrapper-focused,.ant-input-affix-wrapper:focus-within,
.ant-select-focused .ant-select-selector,.ant-picker-focused{
  border-color:#22e3ff!important;
  box-shadow:0 0 0 3px rgba(34,227,255,.14),0 0 18px rgba(34,227,255,.18)!important;
}
.ant-select-selection-item,.ant-picker-input>input{color:#dcefff!important;}
.ant-select-arrow,.ant-picker-suffix,.ant-input-prefix,.ant-input-suffix .anticon{color:#5f8fb5!important;}
.ant-form-item-label>label{color:#9fbdd6!important;}
.ant-form-item-explain-error{color:#ff7b90!important;}

/* 选择器下拉 */
.ant-select-dropdown,.ant-dropdown-menu,.ant-picker-panel-container{
  background:rgba(9,18,31,.98)!important;
  border:1px solid rgba(34,227,255,.24)!important;
  border-radius:10px!important;
  box-shadow:0 18px 50px rgba(0,0,0,.7),0 0 0 1px rgba(34,227,255,.06)!important;
  backdrop-filter:blur(12px);
}
.ant-select-item{color:#b6cfe5!important;border-radius:6px!important;}
.ant-select-item-option-active:not(.ant-select-item-option-disabled){background:rgba(34,227,255,.09)!important;}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled){
  background:rgba(34,227,255,.16)!important;color:#3fe6ff!important;font-weight:600!important;
}
.ant-dropdown-menu-item{color:#b6cfe5!important;border-radius:6px!important;}
.ant-dropdown-menu-item:hover{background:rgba(34,227,255,.10)!important;color:#e8fbff!important;}
.ant-picker-header button,.ant-picker-header-view{color:#b6cfe5!important;}
.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner{background:#1890ff!important;}

/* ---------- 表格 ---------- */
.ant-table{background:transparent!important;color:#c3d9ec!important;}
.ant-table-container{border:1px solid rgba(34,227,255,.12)!important;border-radius:10px!important;overflow:hidden;}
.ant-table-thead>tr>th{
  background:rgba(11,23,39,.96)!important;color:#6fe6ff!important;
  border-bottom:1px solid rgba(34,227,255,.22)!important;
  font-weight:600!important;font-size:12.5px!important;letter-spacing:.4px;
}
.ant-table-thead>tr>th::before{display:none!important;}
.ant-table-tbody>tr>td{
  border-bottom:1px solid rgba(255,255,255,.05)!important;
  background:transparent!important;color:#bdd4e8!important;
}
.ant-table-tbody>tr:hover>td{background:rgba(34,227,255,.06)!important;}
.ant-table-tbody>tr.ant-table-row-selected>td{background:rgba(34,227,255,.10)!important;}
.ant-table-placeholder{background:transparent!important;}
.ant-table-placeholder .ant-empty-description{color:#5f7e9c!important;}
.ant-table-summary>tr>td{border-top:1px solid rgba(34,227,255,.18)!important;}

/* 分页 */
.ant-pagination-item,.ant-pagination-prev,.ant-pagination-next,.ant-pagination-jump-prev,.ant-pagination-jump-next{
  background:rgba(255,255,255,.03)!important;border:1px solid rgba(34,227,255,.18)!important;border-radius:7px!important;
}
.ant-pagination-item a,.ant-pagination-prev button,.ant-pagination-next button{color:#a9c8e4!important;}
.ant-pagination-item-active{background:rgba(34,227,255,.16)!important;border-color:#22e3ff!important;}
.ant-pagination-item-active a{color:#3fe6ff!important;}
.ant-pagination-total-text,.ant-pagination-options-size-changer{color:#7b93ad!important;}

/* ---------- 弹窗 / 抽屉 / 通知 ---------- */
.ant-modal-content{
  background:linear-gradient(160deg,rgba(13,25,42,.99),rgba(6,12,22,.99))!important;
  border:1px solid rgba(34,227,255,.28)!important;border-radius:14px!important;
  box-shadow:0 30px 80px rgba(0,0,0,.8),0 0 40px rgba(34,227,255,.08)!important;
  backdrop-filter:blur(16px);
}
.ant-modal-header{background:transparent!important;border-bottom:1px solid rgba(34,227,255,.14)!important;}
.ant-modal-title{color:#e6f7ff!important;font-weight:600!important;}
.ant-modal-body{color:#bdd4e8!important;}
.ant-modal-footer{border-top:1px solid rgba(34,227,255,.12)!important;}
.ant-modal-close{color:#7b93ad!important;}
.ant-modal-close:hover{color:#22e3ff!important;background:rgba(34,227,255,.10)!important;}
.ant-modal-mask{background:rgba(2,6,12,.72)!important;backdrop-filter:blur(3px);}

.ant-drawer-content{background:linear-gradient(180deg,#0a1524,#060d19)!important;border-left:1px solid rgba(34,227,255,.2)!important;}
.ant-drawer-header{background:transparent!important;border-bottom:1px solid rgba(34,227,255,.14)!important;}
.ant-drawer-title{color:#e6f7ff!important;}
.ant-drawer-body{color:#bdd4e8!important;}

.ant-notification-notice{
  background:rgba(10,20,35,.98)!important;
  border:1px solid rgba(34,227,255,.30)!important;border-radius:12px!important;
  box-shadow:0 16px 44px rgba(0,0,0,.65),0 0 26px rgba(34,227,255,.10)!important;
  backdrop-filter:blur(12px);
}
.ant-notification-notice-message{color:#e6f7ff!important;}
.ant-notification-notice-description{color:#a9c3d9!important;}

.ant-message-notice-content{
  background:rgba(10,20,35,.98)!important;border:1px solid rgba(34,227,255,.28)!important;
  color:#dcefff!important;border-radius:10px!important;box-shadow:0 12px 34px rgba(0,0,0,.6)!important;
}
.ant-message-success .anticon{color:#25f5a0!important;}
.ant-message-error .anticon{color:#ff5c76!important;}

/* ---------- 杂项组件 ---------- */
.ant-tag{
  background:rgba(34,227,255,.10)!important;border:1px solid rgba(34,227,255,.28)!important;
  color:#5fe4ff!important;border-radius:6px!important;
}
.ant-tag-green{background:rgba(37,245,160,.12)!important;border-color:rgba(37,245,160,.35)!important;color:#25f5a0!important;}
.ant-tag-red{background:rgba(255,77,109,.12)!important;border-color:rgba(255,77,109,.35)!important;color:#ff7b90!important;}
.ant-tag-gold,.ant-tag-orange{background:rgba(255,176,32,.12)!important;border-color:rgba(255,176,32,.35)!important;color:#ffc45c!important;}
.ant-badge-count{background:linear-gradient(135deg,#ff5c76,#d92a4a)!important;box-shadow:0 0 10px rgba(255,77,109,.5)!important;}
.ant-badge-status-text{color:#a9c3d9!important;}

.ant-switch{background:rgba(255,255,255,.12)!important;}
.ant-switch-checked{background:linear-gradient(135deg,#22e3ff,#2f7bff)!important;box-shadow:0 0 12px rgba(34,227,255,.45)!important;}

.ant-checkbox-inner{background:rgba(6,14,25,.9)!important;border-color:rgba(34,227,255,.35)!important;}
.ant-checkbox-checked .ant-checkbox-inner{background:#1ab8e6!important;border-color:#22e3ff!important;box-shadow:0 0 10px rgba(34,227,255,.4);}
.ant-checkbox-wrapper{color:#a9c3d9!important;}
.ant-radio-inner{background:rgba(6,14,25,.9)!important;border-color:rgba(34,227,255,.35)!important;}
.ant-radio-checked .ant-radio-inner{border-color:#22e3ff!important;}
.ant-radio-checked .ant-radio-inner::after{background:#22e3ff!important;}

.ant-tooltip-inner{
  background:rgba(10,20,35,.99)!important;border:1px solid rgba(34,227,255,.26)!important;
  color:#cfe8fb!important;border-radius:8px!important;box-shadow:0 8px 24px rgba(0,0,0,.6)!important;
}
.ant-tooltip-arrow::before{background:rgba(10,20,35,.99)!important;}

.ant-empty-description{color:#5f7e9c!important;}
.ant-empty-img-simple-ellipse{fill:rgba(34,227,255,.08);}
.ant-spin-dot-item{background-color:#22e3ff!important;}
.ant-divider{border-color:rgba(34,227,255,.14)!important;}
.ant-divider-inner-text{color:#7b93ad!important;}
.ant-avatar{background:linear-gradient(135deg,#22e3ff,#2f7bff)!important;color:#03121f!important;font-weight:700;}
.ant-progress-bg{background:linear-gradient(90deg,#22e3ff,#2f7bff)!important;}
.ant-progress-inner{background:rgba(255,255,255,.08)!important;}
.ant-alert{background:rgba(34,227,255,.07)!important;border:1px solid rgba(34,227,255,.22)!important;border-radius:10px!important;}
.ant-alert-message,.ant-alert-description{color:#bfe4ff!important;}
.ant-alert-warning{background:rgba(255,176,32,.08)!important;border-color:rgba(255,176,32,.3)!important;}
.ant-alert-error{background:rgba(255,77,109,.08)!important;border-color:rgba(255,77,109,.3)!important;}
.ant-tabs-tab{color:#8fadc7!important;}
.ant-tabs-tab-active .ant-tabs-tab-btn{color:#22e3ff!important;}
.ant-tabs-ink-bar{background:linear-gradient(90deg,#22e3ff,#2f7bff)!important;}
.ant-tabs-top>.ant-tabs-nav::before{border-bottom:1px solid rgba(34,227,255,.12)!important;}
.ant-collapse{background:transparent!important;border-color:rgba(34,227,255,.14)!important;}
.ant-collapse-header{color:#bfe4ff!important;}
.ant-collapse-content{background:transparent!important;border-color:rgba(34,227,255,.12)!important;color:#bdd4e8!important;}
.ant-descriptions-item-label{color:#7b93ad!important;}
.ant-descriptions-item-content{color:#c3d9ec!important;}
.ant-descriptions-bordered .ant-descriptions-view{border-color:rgba(34,227,255,.14)!important;}
.ant-descriptions-bordered .ant-descriptions-item-label{background:rgba(11,23,39,.8)!important;}
.ant-list-item{border-color:rgba(255,255,255,.05)!important;color:#bdd4e8!important;}
.ant-list-item-meta-title{color:#dcefff!important;}
.ant-list-item-meta-description{color:#7b93ad!important;}
.ant-timeline-item-tail{border-left-color:rgba(34,227,255,.2)!important;}
.ant-statistic-title{color:#7b93ad!important;}
.ant-statistic-content{color:#dcefff!important;font-family:var(--xb-mono);}
.ant-typography,.ant-typography>span{color:inherit;}
h1.ant-typography,h2.ant-typography,h3.ant-typography,h4.ant-typography,h5.ant-typography{color:#e6f7ff!important;}
.ant-segmented{background:rgba(255,255,255,.04)!important;}
.ant-segmented-item{color:#8fadc7!important;}
.ant-segmented-item-selected{background:rgba(34,227,255,.16)!important;color:#22e3ff!important;}
.ant-slider-rail{background:rgba(255,255,255,.10)!important;}
.ant-slider-track{background:linear-gradient(90deg,#22e3ff,#2f7bff)!important;}
.ant-slider-handle::after{box-shadow:0 0 0 2px #22e3ff!important;}

/* ---------- 登录页 ---------- */
body.xb-login{overflow:hidden;}
body.xb-login .ant-app>div[style*="login-background"]{
  background-image:none!important;
  background:
    radial-gradient(1000px 620px at 50% -10%,rgba(34,227,255,.20),transparent 62%),
    radial-gradient(900px 620px at 88% 92%,rgba(139,92,255,.20),transparent 60%),
    radial-gradient(760px 520px at 8% 88%,rgba(47,123,255,.16),transparent 62%),
    #04070d!important;
  position:relative;
}
body.xb-login .ant-app>div[style*="login-background"]::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(rgba(34,227,255,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(34,227,255,.07) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:radial-gradient(circle at 50% 45%,#000 25%,transparent 78%);
  -webkit-mask-image:radial-gradient(circle at 50% 45%,#000 25%,transparent 78%);
}
body.xb-login .ant-app>div[style*="login-background"]::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:conic-gradient(from 180deg at 50% 50%,transparent 0deg,rgba(34,227,255,.10) 40deg,transparent 90deg,transparent 360deg);
  animation:xb-sweep 9s linear infinite;
}
@keyframes xb-sweep{to{transform:rotate(360deg);}}

body.xb-login .ant-card{
  width:410px!important;
  background:linear-gradient(160deg,rgba(13,25,42,.86),rgba(6,12,22,.92))!important;
  border:1px solid rgba(34,227,255,.32)!important;
  border-radius:18px!important;
  box-shadow:0 30px 90px rgba(0,0,0,.75),0 0 60px rgba(34,227,255,.12),inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(22px) saturate(1.2);
  position:relative;z-index:5;
  padding:6px 4px;
}
body.xb-login .ant-card-body{padding:30px 30px 22px!important;}
body.xb-login .ant-input,
body.xb-login .ant-input-affix-wrapper{
  height:46px!important;font-size:14px!important;
  background:rgba(4,10,18,.85)!important;
  border:1px solid rgba(34,227,255,.24)!important;
}
body.xb-login .ant-btn-primary{height:46px!important;font-size:15px!important;letter-spacing:2px;}
body.xb-login .ant-checkbox-wrapper{color:#8fadc7!important;font-size:13px;}
body.xb-login .ant-input-suffix{padding-right:10px;}
body.xb-login .ant-input-password .ant-input{padding-right:6px;}
body.xb-login .xb-login-loading,body.xb-login .xb-login-tag{pointer-events:none;}
@keyframes xb-sweep-k{margin-left:-100%;}

/* 登录页品牌区（JS 注入） */
.xb-login-brand{text-align:center;margin-bottom:22px;position:relative;z-index:6;}
.xb-login-brand .xb-mark{
  width:74px;height:74px;margin:0 auto 14px;display:block;
  filter:drop-shadow(0 0 18px rgba(34,227,255,.55));
  animation:xb-float 4.5s ease-in-out infinite;
}
@keyframes xb-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.xb-login-brand .xb-title{
  font-size:26px;font-weight:800;letter-spacing:6px;color:#eafdff;margin:0;
  text-shadow:0 0 22px rgba(34,227,255,.55);
}
.xb-login-brand .xb-title em{
  font-style:normal;
  background:linear-gradient(90deg,#22e3ff,#5cf0ff 40%,#8b5cff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.xb-login-brand .xb-sub{
  margin-top:8px;font-size:10.5px;letter-spacing:3.4px;color:#5b86a8;font-family:var(--xb-mono);
  text-transform:uppercase;
}
.xb-login-brand .xb-line{
  width:120px;height:1px;margin:14px auto 0;
  background:linear-gradient(90deg,transparent,rgba(34,227,255,.7),transparent);
}
.xb-login-foot{
  position:fixed;bottom:14px;left:0;right:0;text-align:center;z-index:6;
  font-size:11px;color:#43617c;letter-spacing:1.6px;font-family:var(--xb-mono);
}
.xb-login-foot b{color:#22e3ff;font-weight:600;}
body.xb-login .ant-card .css-ippe7o[style*="color: rgb(102, 102, 102)"]{color:#7b93ad!important;}

/* ---------- 顶栏 HUD（JS 注入） ---------- */
.xb-hud{display:flex;align-items:center;gap:14px;margin-left:8px;}
.xb-hud .xb-pill{
  display:flex;align-items:center;gap:7px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(34,227,255,.16);
  border-radius:999px;padding:3px 11px;height:26px;
  font-size:11.5px;color:#8fb6d8;font-family:var(--xb-mono);letter-spacing:.4px;
  white-space:nowrap;
}
.xb-hud .xb-pill b{color:#22e3ff;font-weight:600;}
.xb-hud .xb-dot{width:6px;height:6px;border-radius:50%;background:#25f5a0;box-shadow:0 0 8px #25f5a0;animation:xb-blink 1.8s ease-in-out infinite;}
@keyframes xb-blink{0%,100%{opacity:1}50%{opacity:.35}}
.xb-hud .xb-pill.alert b{color:#ff7b90;}
.xb-hud .xb-pill.alert .xb-dot{background:#ff4d6d;box-shadow:0 0 8px #ff4d6d;}
@media (max-width:1100px){.xb-hud .xb-pill.opt{display:none;}}

/* 侧边栏品牌 */
.xb-sider-brand{
  display:flex;align-items:center;gap:9px;padding:16px 12px 12px;justify-content:center;
  border-bottom:1px solid rgba(34,227,255,.10);margin-bottom:6px;
}
.xb-sider-brand svg{width:26px;height:26px;filter:drop-shadow(0 0 8px rgba(34,227,255,.6));flex:0 0 auto;}
.xb-sider-brand .xb-name{display:flex;flex-direction:column;line-height:1.15;}
.xb-sider-brand .xb-name b{
  font-size:14px;font-weight:800;letter-spacing:2px;color:#eafdff;
}
.xb-sider-brand .xb-name span{font-size:8.5px;letter-spacing:1.6px;color:#4d7595;font-family:var(--xb-mono);}
.ant-layout-sider-collapsed .xb-sider-brand .xb-name{display:none;}

/* 新功能入口 */
.xb-nav-extra{padding:10px 8px 6px;margin-top:6px;border-top:1px solid rgba(34,227,255,.10);}
.xb-nav-extra .xb-nav-t{
  font-size:9.5px;letter-spacing:1.8px;color:#3f6787;font-family:var(--xb-mono);
  padding:0 8px 8px;text-transform:uppercase;
}
.xb-nav-extra a{
  display:flex;align-items:center;gap:9px;height:34px;padding:0 10px;border-radius:8px;
  color:#9fb9d2!important;text-decoration:none;font-size:13px;transition:all .16s;position:relative;
}
.xb-nav-extra a:hover{background:rgba(34,227,255,.09);color:#d8f6ff!important;}
.xb-nav-extra a svg{width:15px;height:15px;flex:0 0 auto;opacity:.8;}
.xb-nav-extra a .xb-badge{
  margin-left:auto;font-size:9.5px;font-family:var(--xb-mono);
  background:rgba(255,77,109,.16);color:#ff8fa2;border:1px solid rgba(255,77,109,.35);
  border-radius:999px;padding:0 6px;line-height:15px;height:15px;
}
.xb-nav-extra a .xb-badge.ok{background:rgba(37,245,160,.12);color:#5cf5b5;border-color:rgba(37,245,160,.32);}
.ant-layout-sider-collapsed .xb-nav-extra .xb-nav-t{display:none;}
.ant-layout-sider-collapsed .xb-nav-extra a{justify-content:center;padding:0;}

/* 侧边栏底部状态 */
.xb-sider-foot{
  margin-top:auto;padding:10px 12px;font-size:9.5px;font-family:var(--xb-mono);
  color:#3f6787;letter-spacing:.6px;border-top:1px solid rgba(34,227,255,.08);
  display:flex;align-items:center;gap:6px;
}
.ant-layout-sider-collapsed .xb-sider-foot span{display:none;}

/* 页面内容区留白 */
.ant-layout-content{padding:0!important;}

/* 设备卡片状态增强（JS 打的标记） */
.ant-card.xb-online{border-color:rgba(37,245,160,.42)!important;}
.ant-card.xb-online::after{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,#25f5a0,transparent);
  opacity:.85;
}
.ant-card.xb-offline{opacity:.72;filter:saturate(.6);}
.ant-card.xb-offline:hover{opacity:1;filter:none;}
.xb-txt-online{color:#25f5a0!important;text-shadow:0 0 10px rgba(37,245,160,.4);}
.xb-txt-offline{color:#7b93ad!important;}

/* 表格里的可点文字 */
.ant-table a{color:#4fd8ff!important;}
.ant-table a:hover{color:#8ff0ff!important;}

/* 加载遮罩 */
.ant-spin-container::after{background:rgba(5,8,15,.6)!important;}

/* 让人眼花的内联白色背景统一压暗 */
.ant-app [style*="background: rgb(255, 255, 255)"],
.ant-app [style*="background-color: rgb(255, 255, 255)"]{
  background-color:rgba(13,24,41,.9)!important;
}
.ant-app [style*="background: #fff"],
.ant-app [style*="background-color: #fff"]{
  background-color:rgba(13,24,41,.9)!important;
}

/* 过渡 */
.ant-layout-content>*{animation:xb-fade .28s ease;}
@keyframes xb-fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}