/* ===================================================================
   HSH 统一主题
   - 登录页（body 无 .pear-admin）：深色玻璃风（已确认 OK，保持不变）
   - 控制台（body.pear-admin）：浅色专业风，仅做圆角/留白/卡片投影等点缀，
     基础布局交给 Pear/Layui 原生（浅内容 + 深侧栏 + 白顶栏），避免破坏布局。
   可回滚：删除本文件与模板中的 <link>/<script> 引用即可。
   =================================================================== */
:root{
  /* 登录页用色（深色） */
  --hsh-cyan:#22d3ee; --hsh-blue:#3b82f6; --hsh-violet:#8b5cf6;
  --hsh-bg0:#070b16; --hsh-bg1:#0b1124; --hsh-panel:#0e1530;
  --hsh-line:rgba(120,160,255,.14); --hsh-txt:#dbe4f7; --hsh-muted:#8a96b3;
}

/* ===================================================================
   控制台：浅色专业风（仅作用于 body.pear-admin）
   =================================================================== */
body.pear-admin{
  --c-accent:#2f6bff;
  --c-bg:#f2f4f8;
  --c-card:#ffffff;
  --c-line:#e9edf3;
  --c-text:#2b3247;
  --c-muted:#8a93a6;
}

/* 内容区：柔和浅灰底，消除大片死黑的空旷感 */
body.pear-admin .layui-layout-admin .layui-body{ background:var(--c-bg) !important; }
body.pear-admin .pear-tab .layui-tab-content{ background:var(--c-bg) !important; }

/* 顶栏：纯白 + 细底线 + 轻投影 */
body.pear-admin .layui-layout-admin .layui-header{
  background:#ffffff !important;
  border-bottom:1px solid var(--c-line) !important;
  box-shadow:0 2px 12px -7px rgba(30,50,100,.22) !important;
}
body.pear-admin .layui-layout-admin .layui-header .layui-nav .layui-nav-item>a,
body.pear-admin .layui-layout-admin .layui-header a{ color:#5a6377 !important; }
body.pear-admin .layui-layout-admin .layui-header a:hover,
body.pear-admin .layui-layout-admin .layui-header .layui-nav .layui-nav-item>a:hover{ color:var(--c-accent) !important; }

/* 选项卡：当前页品牌色 */
body.pear-admin .pear-tab .layui-tab-title li.layui-this,
body.pear-admin .layui-tab-title .layui-this{ color:var(--c-accent) !important; }

/* 卡片 / 面板：白底、圆角、柔影，整体更通透 */
body.pear-admin .layui-card,
body.pear-admin .pear-card{
  background:var(--c-card) !important;
  border:1px solid var(--c-line) !important;
  border-radius:12px !important;
  box-shadow:0 8px 24px -18px rgba(30,50,100,.30) !important;
}
body.pear-admin .layui-card-header{
  border-bottom:1px solid var(--c-line) !important;
  color:var(--c-text) !important; font-weight:600 !important;
}

/* 数据表：圆角包裹、表头浅灰、行悬浮淡蓝 */
body.pear-admin .layui-table-view{
  border:1px solid var(--c-line) !important; border-radius:10px !important; overflow:hidden;
}
body.pear-admin .layui-table thead tr,
body.pear-admin .layui-table-header{ background:#f6f8fc !important; }
body.pear-admin .layui-table th{ color:#566; font-weight:600 !important; }
body.pear-admin .layui-table tbody tr:hover,
body.pear-admin .layui-table-hover{ background:#f0f5ff !important; }

/* 表单控件：圆角、聚焦品牌色描边 */
body.pear-admin .layui-input,
body.pear-admin .layui-textarea,
body.pear-admin .layui-form-select .layui-input{ border-radius:8px !important; }
body.pear-admin .layui-input:focus,
body.pear-admin .layui-textarea:focus{
  border-color:var(--c-accent) !important;
  box-shadow:0 0 0 3px rgba(47,107,255,.12) !important;
}

/* 按钮：统一圆角 */
body.pear-admin .layui-btn{ border-radius:8px !important; }

/* ===================================================================
   HSH 切换后台按钮（theme.js 注入）—— 浅色顶栏友好
   =================================================================== */
.hsh-switch a{
  display:flex !important; align-items:center; gap:6px;
  color:#fff !important; font-weight:600 !important;
  background:linear-gradient(135deg,#2f6bff,#5a8bff) !important;
  border-radius:8px !important; padding:0 16px !important; height:34px !important;
  margin:13px 8px !important; line-height:34px !important;
  box-shadow:0 6px 16px -8px rgba(47,107,255,.55) !important;
}
.hsh-switch a:hover{ filter:brightness(1.06); }
.hsh-switch a i,.hsh-switch a span{ color:#fff !important; }

/* ===================================================================
   登录页（body 无 .pear-admin）—— 深色玻璃风（保持不变）
   =================================================================== */
body:not(.pear-admin){
  background:
    radial-gradient(1100px 760px at 18% -10%,#142046 0,transparent 55%),
    radial-gradient(900px 640px at 100% 0,#1a1140 0,transparent 50%),
    linear-gradient(180deg,#05070f,#0a0f1f 55%,#0d1430) !important;
  overflow:hidden;
}
body:not(.pear-admin) form.layui-form{
  background:linear-gradient(160deg,rgba(18,26,52,.66),rgba(10,15,32,.72)) !important;
  border:1px solid var(--hsh-line) !important;
  border-radius:20px !important;
  box-shadow:0 30px 80px -22px rgba(10,30,90,.75) !important;
  backdrop-filter:blur(16px);
  padding:40px 34px !important;
}
body:not(.pear-admin) form.layui-form .title,
body:not(.pear-admin) form.layui-form .title.pear-text{
  background:linear-gradient(90deg,#bfefff,#9fb4ff 60%,#caa8ff) !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  color:transparent !important; font-weight:800 !important; letter-spacing:1px;
}
body:not(.pear-admin) form.layui-form .desc{ color:var(--hsh-muted) !important; }
body:not(.pear-admin) form.layui-form .layui-input{
  background:rgba(8,13,30,.7) !important; border:1px solid var(--hsh-line) !important;
  color:#eaf0ff !important; height:44px !important;
}
body:not(.pear-admin) form.layui-form .layui-input:focus{
  border-color:var(--hsh-cyan) !important; box-shadow:0 0 0 2px rgba(34,211,238,.2) !important;
}
body:not(.pear-admin) form.layui-form .pear-btn.login,
body:not(.pear-admin) form.layui-form button.login{
  background:linear-gradient(135deg,var(--hsh-cyan),var(--hsh-blue)) !important;
  border:none !important; color:#04111f !important; font-weight:700 !important;
  height:44px !important; box-shadow:0 10px 26px -8px rgba(34,150,255,.6) !important;
}
body:not(.pear-admin) form.layui-form .pear-btn.cdn{
  background:rgba(10,16,38,.5) !important; border:1px solid var(--hsh-line) !important; color:#bcd0ff !important;
}
body:not(.pear-admin) form.layui-form .pear-btn.login:hover{ filter:brightness(1.08); }

/* 登录页光标光晕（theme.js 注入，仅登录页） */
.hsh-glow{
  position:fixed; width:360px; height:360px; border-radius:50%;
  background:radial-gradient(circle,rgba(34,211,238,.10),transparent 60%);
  filter:blur(20px); pointer-events:none; z-index:99998;
  transform:translate(-50%,-50%); left:50%; top:30%;
}
@media (prefers-reduced-motion:reduce){ .hsh-glow{ display:none !important; } }