/* 基于 Grafana 登录页的配色和布局（简化版） */
:root{
  --bg:#0f1724; /* 深色背景 */
  --card:#0b1220;
  --accent:#f05a28; /* Grafana 橙色 */
  --muted:#9aa6b2;
  --text:#e6eef6;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: Inter, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  background: linear-gradient(180deg,var(--bg) 0%, #081124 100%);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.page-wrap{
  /* 减去 footer 高度 (72px) 和 footer margin-top (18px) 总共 90px，
     否则 page-wrap 最小高度 + footer 会比视窗高出若干像素，导致始终出现滚动条 */
  min-height:calc(100vh - 90px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:32px 16px;
}
.panel{
  width:100%;
  max-width:760px;
  background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  border:1px solid rgba(255,255,255,0.04);
  border-radius:8px;
  padding:28px 32px;
  box-shadow: 0 8px 30px rgba(2,6,23,0.6);
}
.brand{display:flex;align-items:center;gap:16px}
.logo{
  width:64px;height:64px;border-radius:12px;
  background:linear-gradient(180deg,var(--accent), #d74a1b);
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:32px;color:white;box-shadow:0 4px 18px rgba(240,90,40,0.18);
}
.brand-text h1{margin:0 0 4px 0;font-size:20px}
.brand-text .subtitle{margin:0;color:var(--muted);font-size:13px}
.message{margin-top:20px;color:var(--muted);font-size:14px}
.message ul{margin:8px 0 0 18px}
.message a{color:var(--text);text-decoration:underline}
.hint{margin-top:8px;font-size:13px}
.actions{margin-top:18px}
.btn{
  display:inline-block;padding:10px 16px;border-radius:6px;color:white;background:var(--accent);
  text-decoration:none;font-weight:600;box-shadow:0 6px 18px rgba(16,24,40,0.36);
}
.note{margin-top:16px;color:var(--muted);font-size:13px}

/* footer */
.site-footer{
  height:72px;display:flex;align-items:center;justify-content:center;color:var(--muted);
  border-top:1px solid rgba(255,255,255,0.02);background:transparent;margin-top:18px
}
.footer-inner{width:100%;max-width:1100px;padding:0 20px;display:flex;justify-content:space-between;align-items:center}
.foot-left{font-size:14px}
.foot-right{font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center}
.foot-right .sep{color:rgba(255,255,255,0.06);margin:0 6px}

/* 让备案链接颜色与周围文本一致，去掉下划线；hover 时轻微变亮以保留交互提示 */
.foot-right .icp a,
.foot-right .police a{
  color:inherit; /* 与 .foot-right 的 color 相同 */
  text-decoration:none;
  opacity:0.95;
}
.foot-right .icp a:hover,
.foot-right .police a:hover{
  opacity:1;
  text-decoration:underline; /* 可选：hover 时显示下划线以表明可点击 */
}

@media (max-width:560px){
  .panel{padding:18px}
  .brand{gap:12px}
  .logo{width:52px;height:52px;font-size:26px}
}