:root {
  --bg: #0f1419;
  --ban: #1a2332;
  --wen: #e8eef7;
  --hui: #8b9bb4;
  --lan: #3d8bfd;
  --lv: #7fd962;
  --huang: #e6c07b;
  --hong: #f07178;
  --xian: rgba(255,255,255,.08);
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  background:
    radial-gradient(1000px 500px at 10% -10%, rgba(61,139,253,.18), transparent 60%),
    radial-gradient(800px 400px at 100% 0%, rgba(45,212,191,.12), transparent 55%),
    var(--bg);
  color: var(--wen);
  min-height: 100vh;
}
a { color: inherit; text-decoration: none; }
.hui { color: var(--hui); }
.lv { color: var(--lv); }
.huang { color: var(--huang); }
.hong { color: var(--hong); }

.denglu-ye { display:flex; align-items:center; justify-content:center; padding:24px; }
.denglu-he {
  width:100%; max-width:400px; padding:32px 28px;
  background: linear-gradient(180deg, #243044, #1a2332);
  border:1px solid var(--xian); border-radius:16px;
}
.denglu-he h1 { margin:0 0 6px; font-size:1.4rem; }
.fubiao { color:var(--hui); margin:0 0 20px; }
.denglu-he label { display:block; color:var(--hui); font-size:.9rem; margin:12px 0 6px; }
.denglu-he input {
  width:100%; padding:10px 12px; border-radius:8px;
  border:1px solid var(--xian); background:#121826; color:var(--wen);
}
.denglu-he button, .dinglan button {
  margin-top:18px; width:100%; padding:10px;
  border:0; border-radius:8px; background:linear-gradient(135deg,var(--lan),#2563eb);
  color:#fff; font-weight:600; cursor:pointer;
}
.dinglan button { width:auto; margin:0; padding:6px 12px; font-size:.85rem; background:#243044; }
.cuowu {
  background:rgba(240,113,120,.12); border:1px solid rgba(240,113,120,.35);
  color:#ffb4b8; padding:8px 10px; border-radius:8px; margin-bottom:12px;
}

.buju { display:grid; grid-template-columns:220px 1fr; min-height:100vh; }
.cebian { background:rgba(18,24,38,.95); border-right:1px solid var(--xian); padding:24px 14px; }
.pinpai { font-weight:700; margin-bottom:24px; padding:0 8px; }
.cebian a, .cebian span {
  display:block; padding:10px 12px; border-radius:10px; color:var(--hui); margin-bottom:4px;
}
.cebian a.dangqian, .cebian a:hover { background:#243044; color:var(--wen); }
.jinyong { opacity:.4; }
.zhunei { padding:24px 28px 40px; }
.dinglan { display:flex; justify-content:space-between; align-items:center; margin-bottom:22px; }
.dinglan .you { display:flex; gap:12px; align-items:center; }
.dinglan form { margin:0; }
.mokuai {
  background:rgba(26,35,50,.9); border:1px solid var(--xian);
  border-radius:14px; padding:18px; margin-bottom:14px;
}
.mokuai h2 { margin:0 0 14px; font-size:1.05rem; }
.shuju { display:grid; grid-template-columns:repeat(auto-fit,minmax(110px,1fr)); gap:10px; }
.shuju div { background:rgba(18,24,38,.7); border-radius:10px; padding:12px; }
.shuju em { display:block; color:var(--hui); font-style:normal; font-size:.85rem; }
.shuju b { display:block; margin-top:4px; font-size:1.35rem; }
.da { font-size:1.8rem; font-weight:700; }

.hang-jian { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px; }
.hang-jian h2 { margin:0; }
.aniu, .aniu-hui, .biaodan button {
  display:inline-block; padding:8px 14px; border-radius:8px; border:0;
  background:linear-gradient(135deg,var(--lan),#2563eb); color:#fff !important; font-weight:600; cursor:pointer;
  text-decoration:none;
}
.aniu:hover { filter:brightness(1.08); }
.aniu-hui { background:#243044; color:var(--wen) !important; }
.ok-tishi {
  background:rgba(127,217,98,.12); border:1px solid rgba(127,217,98,.35);
  color:#b6f5a3; padding:10px 12px; border-radius:8px; margin-bottom:12px; font-weight:600;
}
.cuowu-tishi {
  background:rgba(240,113,120,.18); border:1px solid rgba(240,113,120,.55);
  color:#ff8e96; padding:10px 12px; border-radius:8px; margin-bottom:12px; font-weight:700;
}
.biao-bao { overflow-x:auto; }
.biao { width:100%; border-collapse:collapse; font-size:.92rem; }
.biao th, .biao td { padding:10px 8px; border-bottom:1px solid var(--xian); text-align:left; }
.biao th { color:var(--hui); font-weight:600; }
.biao a { color:var(--lan); }
.biaodan label { display:block; color:var(--hui); font-size:.9rem; margin:12px 0 6px; }
.biaodan input, .biaodan select, .biaodan textarea {
  width:100%; max-width:480px; padding:10px 12px; border-radius:8px;
  border:1px solid var(--xian); background:#121826; color:var(--wen);
}
.biaodan textarea { max-width:640px; min-height:180px; font-family:Consolas,monospace; line-height:1.5; }
.biaodan.heng { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.biaodan.heng input, .biaodan.heng select { width:auto; min-width:140px; max-width:none; }
.anniu-zu { display:flex; gap:10px; margin-top:18px; align-items:center; }
.xiangqing p { margin:8px 0; }
.xiangqing em { color:var(--hui); font-style:normal; margin-right:8px; min-width:5em; display:inline-block; }
.jilu { list-style:none; padding:0; margin:0; }
.jilu li { padding:8px 0; border-bottom:1px solid var(--xian); color:var(--hui); font-size:.9rem; }
.daima {
  background:#121826; border:1px solid var(--xian); border-radius:10px;
  padding:12px 14px; color:var(--hui); font-size:.85rem; overflow-x:auto;
}

@media (max-width:900px) {
  .buju { grid-template-columns:1fr; }
  .cebian { border-right:0; border-bottom:1px solid var(--xian); }
}