/* caopanai.com 自定义样式 */

:root {
  --brand:        #0E1A30;
  --brand-light:  #1a2942;
  --gold:         #FFD700;
  --gold-soft:    #FFC107;
}

html, body { height: 100%; }
body.bg-app {
  background: #f5f7fa;
  font-family: -apple-system, "Segoe UI", "Microsoft YaHei UI", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
  color: #2c3e50;
  font-size: 14px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main { flex: 1; }

/* 品牌色导航 */
.bg-brand {
  background: linear-gradient(135deg, var(--brand) 0%, var(--brand-light) 100%) !important;
}
.navbar-brand i { color: var(--gold); }

.nav-link.active { background: rgba(255,255,255,.1); border-radius: 4px; }

/* 卡片悬停轻微浮起 */
.card.shadow-sm { transition: transform .15s ease, box-shadow .15s ease; }
.card.shadow-sm:hover { transform: translateY(-1px); box-shadow: 0 .5rem 1rem rgba(0,0,0,.075) !important; }

/* 表格 */
.table > :not(caption) > * > * { vertical-align: middle; }
.table-hover tbody tr:hover { background-color: rgba(255, 215, 0, .05); }

/* 代码块 (机器码 / MT5) */
code { background: rgba(13, 110, 253, .08); color: #0d6efd; padding: 2px 6px; border-radius: 3px; font-size: 0.85em; }
.font-monospace { font-family: 'Consolas', 'Courier New', monospace; }

/* 按钮组紧凑 */
.btn-group-sm > .btn { padding: 0.18rem 0.4rem; font-size: 0.75rem; }

/* 进度条圆角 */
.progress { border-radius: 10px; overflow: hidden; background: #e9ecef; }

/* Modal 头部更紧凑 */
.modal-header { padding: 0.85rem 1.25rem; }
.modal-title  { font-size: 1.05rem; }

/* Footer */
footer { background: transparent; }

/* 表单 hint 文字 */
.form-text { font-size: 11px; color: #95a5a6; }

/* Toast / Alert 紧凑 */
.alert { padding: 0.6rem 1rem; }

/* 暗色 footer 模式备用 */
.bg-dark .nav-link.active { background: rgba(255,255,255,.15); }

/* 列表组紧凑 */
.list-group-item { padding: 0.55rem 0.85rem; }