:root {
  --mc-cyan:   #4DD9E8;
  --mc-blue:   #6B8AE8;
  --mc-purple: #9B7AE8;
  --mc-grad:   linear-gradient(135deg, #4DD9E8 0%, #6B8AE8 50%, #9B7AE8 100%);
  --mc-grad-h: linear-gradient(135deg, #3BCCD8 0%, #5A78D8 50%, #8A68D8 100%);
}

/* ── 顶部导航栏 ─────────────────────────────── */
#navbar {
  background: linear-gradient(90deg, #1a1f3a 0%, #1e2448 100%) !important;
  border-bottom: 2px solid var(--mc-blue) !important;
  box-shadow: 0 2px 12px rgba(107, 138, 232, 0.2) !important;
}
#navbar .item { color: #c8d4f8 !important; }
#navbar .item:hover {
  color: var(--mc-cyan) !important;
  background: rgba(77, 217, 232, 0.08) !important;
}

/* ── Logo（导航栏）────────────────────────── */
#navbar-logo img {
  content: url("/assets/img/logo.png");
  width: 30px !important;
  height: 30px !important;
  object-fit: contain;
}

/* ── Logo（登录/注册页）──────────────────── */
.signin .logo img,
.signup .logo img {
  content: url("/assets/img/logo.png");
  width: 120px !important;
  height: auto !important;
}

/* ── 主色按钮 ─────────────────────────────── */
.ui.primary.button, .ui.green.button {
  background: var(--mc-grad) !important;
  border: none !important;
  color: #fff !important;
}
.ui.primary.button:hover, .ui.green.button:hover {
  background: var(--mc-grad-h) !important;
}

/* ── 链接 ─────────────────────────────────── */
a { color: var(--mc-blue) !important; }
a:hover { color: var(--mc-cyan) !important; }

/* ── 输入框聚焦 ───────────────────────────── */
.ui.input > input:focus,
.ui.form input:focus,
.ui.form textarea:focus {
  border-color: var(--mc-blue) !important;
  box-shadow: 0 0 0 2px rgba(107, 138, 232, 0.2) !important;
}

/* ── active menu item ────────────────────── */
.ui.menu .active.item {
  border-bottom: 2px solid var(--mc-blue) !important;
  color: var(--mc-blue) !important;
}

/* ── 进度条 ───────────────────────────────── */
.ui.progress .bar { background: var(--mc-grad) !important; }

/* ── 页脚 ─────────────────────────────────── */
#footer {
  background: #f5f7ff !important;
  border-top: 1px solid rgba(107, 138, 232, 0.15) !important;
}

/* ── 登录页卡片顶部色条 ──────────────────── */
.signin .ui.segment,
.signup .ui.segment {
  border-top: 3px solid var(--mc-blue) !important;
}