/* mousify.cn(国内备案站)共用样式。配色与 getmousify.com 一致:深底 + 青色强调。 */
:root {
  color-scheme: dark;
  --bg: #0b0e14; --card: #121722; --card2: #0f131c; --line: #232a38;
  --text: #e8ebf2; --muted: #8b93a7; --soft: #c9cedb;
  --accent: #00cec9; --accent-ink: #062a2a; --warn: #ffb36b; --bad: #ff8b8b;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; min-height: 100vh; display: flex; flex-direction: column;
  background: radial-gradient(1000px 520px at 50% -12%, rgba(0, 206, 201, .13), transparent 70%), var(--bg);
  color: var(--text); font: 15px/1.7 -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}
a { color: inherit; }
.wrap { width: 100%; max-width: 1040px; margin: 0 auto; padding: 0 16px; }

/* 顶栏 */
.top { border-bottom: 1px solid rgba(255, 255, 255, .05); }
.top .wrap { display: flex; align-items: center; gap: 12px; height: 60px; }
.brand { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.brand img { width: 30px; height: 30px; border-radius: 8px; }
.brand b { font-size: 17px; letter-spacing: .3px; }
.brand small { color: var(--muted); font-size: 12px; margin-left: 2px; }
.top nav { margin-left: auto; display: flex; gap: 18px; font-size: 14px; }
.top nav a { color: var(--muted); text-decoration: none; }
.top nav a:hover { color: var(--text); }

/* 按钮 */
.btn {
  display: inline-flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 12px 26px; border-radius: 12px; text-decoration: none; border: 0; cursor: pointer;
  font: inherit; transition: transform .12s, filter .12s;
}
.btn:hover { transform: translateY(-1px); filter: brightness(1.08); }
.btn:disabled { opacity: .55; cursor: default; transform: none; filter: none; }
.btn b { font-size: 16px; }
.btn span { font-size: 12px; opacity: .8; }
.primary { background: var(--accent); color: var(--accent-ink); }
.secondary { background: transparent; color: var(--text); border: 1px solid var(--line); }

.card { background: var(--card); border: 1px solid var(--line); border-radius: 18px; }
.muted { color: var(--muted); }
ul.check { list-style: none; padding: 0; margin: 0; }
ul.check li { position: relative; padding: 4px 0 4px 24px; color: var(--soft); font-size: 14px; }
ul.check li::before {
  content: ""; position: absolute; left: 4px; top: 11px; width: 10px; height: 6px;
  border-left: 2px solid var(--accent); border-bottom: 2px solid var(--accent); transform: rotate(-45deg);
}
ul.check li.no { color: var(--muted); }
ul.check li.no::before { border-color: var(--line); }

/* 页脚(公司 / 联系方式 / 备案号由 site.js 填) */
.foot { margin-top: auto; border-top: 1px solid rgba(255, 255, 255, .05); padding: 22px 0 28px; font-size: 12px; color: var(--muted); }
.foot .wrap { display: flex; flex-wrap: wrap; gap: 6px 18px; justify-content: center; text-align: center; }
.foot a { color: var(--muted); text-decoration: none; }
.foot a:hover { color: var(--text); }