/* ===== NIULAI 链上加速器 /accelerator ===== */
/* 修复 [hidden] 被 display 覆盖的问题（复选框行 / 查看链接未就绪时必须真正隐藏） */
[hidden] { display: none !important; }

/* 错误提示做成固定浮层：按钮在下方卡片，报错却在上方会看不见 */
#errorBox {
  position: fixed;
  left: 50%;
  bottom: 24px;
  transform: translate(-50%, 0);
  z-index: 999;
  max-width: min(560px, calc(100vw - 32px));
  margin: 0;
  background: #3a1519;
  border: 1px solid #f85149;
  color: #ffb4ae;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 13.5px;
  line-height: 1.5;
  text-align: left;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
  animation: accToastIn .18s ease-out;
}

@keyframes accToastIn {
  from { opacity: 0; transform: translate(-50%, 10px); }
  to   { opacity: 1; transform: translate(-50%, 0); }
}

.acc-row { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.acc-row input {
  flex: 1 1 240px;
  min-width: 0;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #30363d;
  background: #0d1117;
  color: #e6edf3;
  font-size: 14px;
  font-family: ui-monospace, Consolas, monospace;
}
.acc-row input:focus { outline: none; border-color: #58a6ff; }
.acc-row button {
  background: #238636;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 10px 18px;
  cursor: pointer;
  font-size: 14px;
  white-space: nowrap;
}
.acc-row button:hover { background: #2ea043; }
.acc-row button:disabled { opacity: .5; cursor: not-allowed; }
.acc-row button.ghost { background: #21262d; border: 1px solid #30363d; color: #e6edf3; }
.acc-row button.ghost:hover { background: #30363d; }
.acc-row a.ghost {
  display: inline-block;
  background: #21262d;
  border: 1px solid #30363d;
  color: #e6edf3 !important;
  border-radius: 6px;
  padding: 10px 18px;
  text-decoration: none;
  font-size: 14px;
}

.acc-kv { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.acc-kv > div { background: #0d1117; border: 1px solid #30363d; border-radius: 8px; padding: 10px 12px; }
.acc-kv span { display: block; font-size: 12px; color: #8b949e; }
.acc-kv b { font-size: 14px; word-break: break-all; }

.acc-warn {
  margin-top: 10px;
  background: rgba(210, 153, 34, .08);
  border: 1px solid rgba(210, 153, 34, .35);
  color: #d29922;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 13px;
}
/* 提示里的链接：保持与提示同色，加下划线表示可点 */
.acc-warn a { color: inherit; text-decoration: underline; }

.acc-outs { display: flex; flex-direction: column; gap: 8px; margin-top: 8px; }
.acc-out {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #0d1117;
  border: 1px solid #30363d;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 13px;
}
.acc-out input { width: 16px; height: 16px; accent-color: #238636; flex: 0 0 auto; }
.acc-out .idx { color: #58a6ff; font-family: ui-monospace, monospace; }
.acc-out .val { font-weight: 600; }
.acc-out .addr { color: #8b949e; font-family: ui-monospace, monospace; font-size: 12px; word-break: break-all; }
.acc-out.disabled { opacity: .45; }
.acc-tag { font-size: 11px; border-radius: 6px; padding: 1px 7px; border: 1px solid #30363d; color: #8b949e; }
.acc-tag.mine { color: #3fb950; border-color: rgba(63, 185, 80, .4); }
.acc-tag.spent { color: #f85149; border-color: rgba(248, 81, 73, .4); }

.acc-tiers { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.acc-tier {
  background: #0d1117;
  border: 1px solid #30363d;
  border-radius: 8px;
  padding: 8px 12px;
  cursor: pointer;
  font-size: 13px;
  min-width: 112px;
}
.acc-tier.active { border-color: #58a6ff; background: rgba(88, 166, 255, .12); }
.acc-tier b { display: block; font-size: 15px; }
.acc-tier span { display: block; color: #8b949e; font-size: 11.5px; }
.acc-tier.disabled { opacity: .45; cursor: not-allowed; }

.acc-server { display: flex; gap: 8px; align-items: center; margin-top: 12px; font-size: 13.5px; }
.acc-server input { width: 16px; height: 16px; accent-color: #238636; }

.acc-events {
  background: #0d1117;
  border: 1px solid #30363d;
  border-radius: 8px;
  padding: 12px;
  font-size: 12.5px;
  color: #8b949e;
  white-space: pre-wrap;
  margin: 10px 0 0;
  max-height: 240px;
  overflow: auto;
}