90CNServer/gmweb/style.css

/* IE11 兼容：不用 CSS 变量、不用 flex、不用 grid。深色底 + 高对比文字。 */
html, body {
  margin: 0; padding: 0; height: 100%;
  background: #14161c; color: #d8dbe2;
  font: 12px/1.5 "Microsoft YaHei", "SimSun", Tahoma, sans-serif;
  overflow: hidden;
}
#hd {
  height: 26px; padding: 0 10px;
  background: #1d2029; border-bottom: 1px solid #2b3040;
  line-height: 26px;
}
#hd-s { float: right; color: #8d94a6; }
.dot { display: inline-block; width: 7px; height: 7px; border-radius: 4px; margin-right: 6px; }
.dot.on { background: #4ec46a; }
.dot.off { background: #b04a4a; }

#tabs { height: 28px; background: #191c24; border-bottom: 1px solid #2b3040; padding-left: 4px; }
.tab {
  float: left; padding: 0 14px; line-height: 28px; color: #98a0b3;
  text-decoration: none; border-bottom: 2px solid transparent;
}
.tab:hover { color: #d8dbe2; }
.tab.on { color: #e8c979; border-bottom-color: #e8c979; background: #20242e; }

#body { position: absolute; top: 55px; bottom: 62px; left: 0; right: 0; overflow: auto; }
.pane { display: none; padding: 10px; }
.pane.on { display: block; }

table.kv { width: 100%; border-collapse: collapse; }
table.kv th {
  text-align: left; width: 84px; color: #8d94a6; font-weight: normal;
  padding: 4px 0; border-bottom: 1px solid #232734;
}
table.kv td { padding: 4px 0; border-bottom: 1px solid #232734; color: #dfe3ea; }

.sec {
  margin: 12px 0 6px; color: #e8c979; font-size: 11px;
  border-left: 3px solid #e8c979; padding-left: 6px; letter-spacing: 1px;
}
.cur {
  padding: 8px; background: #1c2029; border: 1px solid #2b3040;
  color: #9fd8a8;
}
.row { margin: 6px 0; }
.inp {
  background: #0f1116; border: 1px solid #2f3547; color: #dfe3ea;
  padding: 4px 6px; font: 12px "Microsoft YaHei", Tahoma, sans-serif;
  width: 240px; outline: none;
  /* 内嵌 IE 控件里输入法默认是关的，这里强制激活，否则只能打英文 */
  ime-mode: active;
}
.inp:focus { border-color: #e8c979; ime-mode: active; }
input[type="text"], textarea { ime-mode: active; }
/* 搜索框用 textarea：MSHTML 里它的 IME 走编辑引擎，比 input 更容易触发候选框。
   单行用法，所以要自己压高度、禁掉拉伸和平滚动条。 */
.inp.ta {
  height: 26px; line-height: 18px; resize: none; overflow: hidden;
  padding: 3px 6px; vertical-align: middle;
}
.inp.sm { width: 110px; }
.inp.xs { width: 60px; }
.inp.xs2 { width: 84px; }
select.inp { padding: 3px 2px; }
.inp[disabled] { opacity: .4; }
.lb { display: inline-block; width: 56px; color: #8d94a6; }
.btn {
  background: #262c3a; border: 1px solid #39415a; color: #d8dbe2;
  padding: 5px 12px; cursor: pointer; font: 12px "Microsoft YaHei", Tahoma, sans-serif;
  margin-right: 6px;
}
.btn:hover { background: #303849; border-color: #4d5877; }
.btn.pri { background: #6b4f18; border-color: #a3781f; color: #ffe6ae; }
.btn.pri:hover { background: #7d5d1e; }
.btn[disabled] { opacity: .45; cursor: default; }

.list {
  margin-top: 8px; max-height: 190px; overflow: auto;
  border: 1px solid #2b3040; background: #101319;
}
/* 物品列表固定 6 行高度：行数再多也只占这一块，靠滚动 + 翻页看更多 */
.list.fixed { height: 156px; max-height: 156px; }
.li {
  padding: 3px 8px; line-height: 20px; border-bottom: 1px solid #1c212b; cursor: pointer;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.li:hover { background: #1b2130; }
.li.on { background: #2a3550; color: #ffe6ae; }
.li .nm { color: #dfe3ea; }
.li .meta { color: #7c8496; font-size: 11px; margin-left: 6px; }
.empty { padding: 12px; color: #666e80; text-align: center; }
.dim { color: #7c8496; }
.pager { margin: 6px 0 2px; }
.btn.sm { padding: 3px 10px; font-size: 11px; }
.pg { color: #8d94a6; font-size: 11px; margin: 0 8px; }

#log {
  position: absolute; bottom: 0; left: 0; right: 0; height: 62px;
  background: #0d0f14; border-top: 1px solid #2b3040;
  padding: 4px 8px; overflow: auto; font: 11px/1.45 Consolas, monospace;
  color: #8d94a6;
}
#log .ok { color: #6fcf87; }
#log .err { color: #e07070; }
#log .tip { color: #e8c979; }
.hint { color: #666e80; font-size: 11px; margin-top: 6px; }

/* 背包页：刚发进去那一行的「新」标记 */
.li .new {
  font-style: normal; font-size: 11px; padding: 0 4px; margin-left: 4px;
  background: #e8c979; color: #1a1e27; border-radius: 2px;
}

/* 赞助页：收款码（IE11 不支持 flex，用 float 排两列） */
.qr-wrap { overflow: hidden; margin-top: 10px; }
.qr-card {
  float: left; width: 216px; margin: 0 14px 10px 0;
  background: #1a1e27; border: 1px solid #2b3040; padding: 10px;
}
.qr-title { color: #e8c979; letter-spacing: 1px; margin-bottom: 8px; }
.qr-box {
  width: 194px; height: 194px; position: relative; overflow: hidden;
  background: #0f1116; border: 1px dashed #3a4154; text-align: center;
}
.qr-box img { display: block; width: 194px; height: 194px; }
.qr-miss { display: none; padding-top: 72px; color: #666e80; line-height: 1.8; }
.qr-box.miss .qr-miss { display: block; }
.qr-path { color: #4c5365; font-size: 11px; margin-top: 2px; }