/* 火星BOT · 安全 UI 皮肤
   不改 .my-header/.my-side/.my-body 的核心定位尺寸，只改视觉。 */
:root{--hx-bg:#eef8f8;--hx-panel:#fff;--hx-text:#162033;--hx-muted:#6b778c;--hx-line:#e5eef2;--hx-teal:#13b8a6;--hx-teal2:#0f766e;--hx-blue:#3b82f6;--hx-purple:#8b5cf6;--hx-orange:#f59e0b;--hx-red:#ef4444;--hx-shadow:0 14px 34px rgba(15,23,42,.07)}
html,body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif!important;color:var(--hx-text)!important;}
body.body{background:linear-gradient(180deg,#eef8f8,#f8fbff)!important;}

/* 登录页 */
#canvas-cont{background:radial-gradient(circle at 20% 15%,rgba(19,184,166,.30),transparent 32%),radial-gradient(circle at 85% 0%,rgba(139,92,246,.22),transparent 28%),linear-gradient(135deg,#eef8f8,#f8fbff)!important;}
.login-main{background:rgba(255,255,255,.92)!important;border:1px solid var(--hx-line)!important;border-radius:26px!important;box-shadow:var(--hx-shadow)!important;backdrop-filter:blur(18px);}
.login-main header{color:var(--hx-text)!important;font-weight:900!important;letter-spacing:-.04em;}

/* 顶栏视觉 */
.my-header,.layui-layout-admin .my-header{background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--hx-line)!important;box-shadow:0 8px 24px rgba(15,23,42,.04)!important;}
.my-header-logo{display:inline-flex!important;align-items:center!important;gap:10px!important;color:var(--hx-text)!important;font-weight:900!important;letter-spacing:-.03em!important;}
.my-header-logo:before{content:"";width:30px;height:30px;display:inline-block;border-radius:10px;background:url('/static/brand/huoxing-bot-logo.png') center/cover no-repeat,#08111f;box-shadow:0 8px 18px rgba(15,23,42,.16);flex:none;}
.my-header-user-nav .layui-nav-item>a{color:#526174!important;font-weight:700!important;}
.my-header-user-nav .layui-nav-item>a:hover{background:rgba(19,184,166,.10)!important;color:var(--hx-teal2)!important;}
.my-header-user-nav .layui-nav-child{border-radius:12px!important;box-shadow:var(--hx-shadow)!important;border:1px solid var(--hx-line)!important;overflow:hidden;}
.my-header-user-nav img{border-radius:50%!important;}

/* 侧边栏对齐修复：统一父子菜单高度、缩进、图标宽度，不改 side 定位 */
.my-side,.layui-side{background:#fff!important;border-right:1px solid var(--hx-line)!important;box-shadow:6px 0 22px rgba(15,23,42,.04)!important;}
.my-side .layui-side-scroll{background:#fff!important;}
.my-side .layui-nav,.layui-nav-tree{background:transparent!important;}
.my-side .layui-nav-item{margin:4px 8px!important;}
.my-side .layui-nav-item>a{height:42px!important;line-height:42px!important;border-radius:14px!important;margin:0!important;padding:0 12px!important;color:#526174!important;font-weight:760!important;transition:.16s ease!important;white-space:nowrap!important;}
.my-side .layui-nav-item>a i{display:inline-block!important;width:24px!important;height:24px!important;line-height:24px!important;text-align:center!important;border-radius:9px!important;background:#f2f8f8!important;color:#0f766e!important;margin:0 9px 0 0!important;vertical-align:middle!important;font-size:15px!important;}
.my-side .layui-nav-itemed>a,.my-side .layui-nav-item>a:hover{background:#e9fbf7!important;color:var(--hx-teal2)!important;box-shadow:inset 0 0 0 1px rgba(19,184,166,.14)!important;}
.my-side .layui-nav-child{background:transparent!important;padding:3px 0 5px!important;}
.my-side .layui-nav-child dd{margin:2px 0!important;}
.my-side .layui-nav-child dd a{height:36px!important;line-height:36px!important;border-radius:12px!important;margin:2px 8px 2px 22px!important;padding:0 10px!important;color:#64748b!important;font-weight:620!important;white-space:nowrap!important;}
.my-side .layui-nav-child dd a i{display:inline-block!important;width:22px!important;height:22px!important;line-height:22px!important;text-align:center!important;border-radius:8px!important;background:#f5fafa!important;color:#13b8a6!important;margin:0 8px 0 0!important;vertical-align:middle!important;font-size:14px!important;}
.my-side .layui-nav-child dd a:hover,.my-side .layui-nav-child dd.layui-this a{background:#eefbf8!important;color:#0f766e!important;}
.layui-nav-tree .layui-nav-bar{background:var(--hx-teal)!important;}

/* tab 与 iframe 内容视觉 */
.my-tab,.layui-tab-card{border-color:var(--hx-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 10px 28px rgba(15,23,42,.06)!important;overflow:hidden!important;}
.my-tab>.layui-tab-title{background:#fff!important;border-bottom-color:var(--hx-line)!important;}
.my-tab>.layui-tab-title li{color:#526174!important;font-weight:700!important;}
.my-tab>.layui-tab-title .layui-this{color:var(--hx-teal2)!important;background:#f4fbfa!important;}
.layui-card,.layui-table-view,.layui-collapse,.my-nav-btn{border:1px solid var(--hx-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 10px 26px rgba(15,23,42,.055)!important;overflow:hidden!important;}
.my-nav-btn{transition:.16s ease!important;}
.my-nav-btn:hover{transform:translateY(-2px)!important;box-shadow:0 16px 34px rgba(15,23,42,.09)!important;}
.layui-table th{background:#f8fafc!important;color:#64748b!important;font-weight:800!important;}
.layui-table td,.layui-table th{border-color:var(--hx-line)!important;}
.layui-table tbody tr:hover{background:#f4fbfa!important;}
.layui-input,.layui-textarea,select,input[type=text],input[type=password],input[type=number],textarea{border-color:var(--hx-line)!important;border-radius:8px!important;}
.layui-input:focus,.layui-textarea:focus,input:focus,textarea:focus{border-color:rgba(19,184,166,.55)!important;box-shadow:0 0 0 3px rgba(19,184,166,.10)!important;}
.layui-btn{border-radius:8px!important;transition:.16s ease!important;}
.layui-btn-normal,.layui-btn:not(.layui-btn-primary){background:linear-gradient(135deg,var(--hx-teal),var(--hx-blue))!important;}
.layui-btn:hover{filter:saturate(1.06);}
.layui-btn-primary{background:#fff!important;color:var(--hx-text)!important;border:1px solid var(--hx-line)!important;}


/* 侧边栏最终对齐修正：左右留白统一，避免右侧贴边 */
.my-side .layui-nav-tree{width:auto!important;margin:10px 8px!important;box-sizing:border-box!important;}
.my-side .layui-nav-item{margin:4px 0!important;box-sizing:border-box!important;}
.my-side .layui-nav-item>a{display:block!important;width:100%!important;box-sizing:border-box!important;padding-left:12px!important;padding-right:12px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.my-side .layui-nav-child dd a{display:block!important;width:calc(100% - 24px)!important;box-sizing:border-box!important;margin-left:16px!important;margin-right:8px!important;padding-left:12px!important;padding-right:10px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.my-side .layui-nav-more{right:12px!important;}

/* 仪表盘卡片栅格修正：后台 iframe 内不再轻易变单列 */
.metric-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;}
@media(min-width:760px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(min-width:1120px){.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
.panel-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;}
.platform-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;}