/* ==========================================================================
   折云网络 · 自研插件前台界面统一层  plugin_ui.css
   作用域：.admin-main（插件模板统一容器），不影响用户中心其它页面
   实测问题（桌面 1440，5 个插件页）：
     .btn 圆角 1px / 高度 auto / 字号 12px / 无背景 → 完全未覆盖
     .text-muted 实测 11.2px（低于 12px 可读下限）
     .badge 灰底 rgb(239,242,247) 无层级
   ========================================================================== */

/* ---------- 1) 容器与标题 ---------- */
.admin-main .container-fluid{padding:0;}
.admin-main .page-container{
  padding:4px 0 24px;
}
.admin-main .page-container > .d-flex:first-child,
.admin-main .d-flex.justify-content-between{
  gap:12px;flex-wrap:wrap;
}
.admin-main h1, .admin-main h2, .admin-main h3, .admin-main h4, .admin-main h5{
  color:#1d2129;font-weight:600;line-height:1.5;
}
.admin-main h5{font-size:16px;}
.admin-main .card-title{
  font-size:15.5px;font-weight:600;color:#1d2129;line-height:1.6;
  margin-bottom:12px!important;
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
}

/* ---------- 2) 卡片 ---------- */
.admin-main .card{
  border:1px solid #e5e6eb!important;border-radius:12px!important;
  box-shadow:0 2px 12px rgba(0,0,0,.04);background:#fff;overflow:hidden;
}
.admin-main .card-body{padding:18px 20px!important;}
.admin-main .card-header{
  background:#f7f8fa!important;border-bottom:1px solid #e5e6eb!important;
  padding:13px 20px!important;font-size:14.5px;font-weight:600;color:#1d2129;
}
.admin-main .card-footer{background:#fff;border-top:1px solid #f2f3f5;padding:14px 20px;}
.admin-main .h-100{height:100%;}

/* ---------- 3) 表格（插件大量使用 table-sm / bordered / hover） ---------- */
.admin-main .table{
  margin-bottom:0;font-size:13.5px;color:#4e5969;border-color:#f2f3f5!important;
}
.admin-main .table thead th{
  background:#f7f8fa!important;color:#4e5969!important;font-weight:600!important;
  font-size:13px!important;border-color:#e5e6eb!important;padding:11px 12px!important;
  white-space:nowrap;vertical-align:middle;
}
.admin-main .table tbody td{
  padding:11px 12px!important;border-color:#f2f3f5!important;vertical-align:middle!important;
  font-size:13.5px;color:#4e5969;
}
.admin-main .table tbody tr:hover{background:#fafbfc!important;}
.admin-main .table tbody tr:last-child td{border-bottom:0!important;}
.admin-main .table-bordered{border:1px solid #e5e6eb!important;border-radius:10px;overflow:hidden;}
.admin-main .table-responsive{
  border-radius:10px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;
}
.admin-main .table-sm thead th, .admin-main .table-sm tbody td{padding:9px 11px!important;}

/* ---------- 4) 按钮（实测完全未覆盖） ---------- */
.admin-main .btn{
  border-radius:8px!important;font-size:13.5px!important;font-weight:500;
  padding:0 16px!important;min-height:38px;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  transition:color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
  box-shadow:none!important;line-height:1.4!important;
}
.admin-main .btn-sm{min-height:32px;font-size:13px!important;padding:0 12px!important;}
.admin-main .btn-xs, .admin-main .btn.btn-xs{min-height:28px;font-size:12.5px!important;padding:0 10px!important;}
.admin-main .btn-primary{
  background:linear-gradient(90deg,#165DFF,#4080FF)!important;border:0!important;color:#fff!important;
  box-shadow:0 2px 8px rgba(22,93,255,.18)!important;
}
.admin-main .btn-primary:hover{filter:brightness(1.05);box-shadow:0 4px 12px rgba(22,93,255,.24)!important;}
.admin-main .btn-outline-primary{
  background:#fff!important;border:1px solid #165DFF!important;color:#165DFF!important;
}
.admin-main .btn-outline-primary:hover{background:#f2f6ff!important;}
.admin-main .btn-secondary, .admin-main .btn-default, .admin-main .btn-light{
  background:#fff!important;border:1px solid #e5e6eb!important;color:#4e5969!important;
}
.admin-main .btn-secondary:hover, .admin-main .btn-default:hover, .admin-main .btn-light:hover{
  border-color:#94b6ff!important;color:#165DFF!important;background:#fafbff!important;
}
.admin-main .btn-danger{background:#f53f3f!important;border:0!important;color:#fff!important;}
.admin-main .btn-danger:hover{filter:brightness(1.05);}
.admin-main .btn-success{background:#00b42a!important;border:0!important;color:#fff!important;}
.admin-main .btn-link{color:#165DFF!important;padding:0 4px!important;min-height:auto;}
.admin-main .btn:disabled, .admin-main .btn.disabled{opacity:.5;box-shadow:none!important;filter:none!important;}
.admin-main .btn i, .admin-main .btn .bx{font-size:15px;line-height:1;}

/* ---------- 5) 徽标 / 状态标签 ---------- */
.admin-main .badge{
  border-radius:999px!important;font-size:12px!important;font-weight:500!important;
  padding:3px 10px!important;line-height:1.6!important;background:#f2f3f5;color:#4e5969;
}
.admin-main .badge-primary, .admin-main .badge-info{background:rgba(22,93,255,.10)!important;color:#165DFF!important;}
.admin-main .badge-success{background:rgba(0,180,42,.10)!important;color:#00b42a!important;}
.admin-main .badge-warning{background:rgba(255,125,0,.12)!important;color:#ff7d00!important;}
.admin-main .badge-danger{background:rgba(245,63,63,.10)!important;color:#f53f3f!important;}
.admin-main .badge-secondary, .admin-main .badge-light{background:#f2f3f5!important;color:#86909c!important;}

/* ---------- 6) 提示条 ---------- */
.admin-main .alert{
  border:0!important;border-left:3px solid #165DFF!important;border-radius:10px!important;
  background:#f2f6ff!important;color:#1d2129!important;font-size:13.5px!important;
  padding:12px 16px!important;line-height:1.75;
}
.admin-main .alert-info, .admin-main .alert-primary{border-left-color:#165DFF!important;background:#f2f6ff!important;}
.admin-main .alert-success{border-left-color:#00b42a!important;background:#f0fbf2!important;}
.admin-main .alert-warning{border-left-color:#ff7d00!important;background:#fff7e8!important;}
.admin-main .alert-danger{border-left-color:#f53f3f!important;background:#fff1f0!important;color:#c9332b!important;}
.admin-main .alert a{color:#165DFF;font-weight:500;}

/* ---------- 7) 文本层级（修 11.2px 过小） ---------- */
.admin-main .text-muted{color:#86909c!important;font-size:13px;}
.admin-main .small, .admin-main small{font-size:12.5px!important;}
.admin-main .text-muted.small, .admin-main small.text-muted{font-size:12.5px!important;}
.admin-main .fw-bold, .admin-main .font-weight-bold{font-weight:600!important;color:#1d2129;}
.admin-main .text-success{color:#00b42a!important;}
.admin-main .text-danger{color:#f53f3f!important;}
.admin-main .text-primary{color:#165DFF!important;}
.admin-main .text-dark{color:#1d2129!important;}
.admin-main .border{border-color:#e5e6eb!important;}
.admin-main .border-top{border-top-color:#f2f3f5!important;}
.admin-main .bg-light{background:#f7f8fa!important;}
.admin-main .bg-white{background:#fff!important;}
.admin-main .rounded{border-radius:8px!important;}
.admin-main code{
  background:#f2f3f5;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#c9332b;
  word-break:break-all;
}
.admin-main pre{
  background:#f7f8fa;border:1px solid #e5e6eb;border-radius:10px;padding:12px 14px;
  font-size:12.5px;line-height:1.7;overflow-x:auto;
}

/* ---------- 8) 表单 ---------- */
.admin-main .form-group{margin-bottom:16px;}
.admin-main .form-control, .admin-main .custom-select{
  min-height:40px;border:1px solid #e5e6eb;border-radius:8px!important;
  font-size:14px;color:#1d2129;transition:border-color .18s ease, box-shadow .18s ease;
}
.admin-main .form-control:focus, .admin-main .custom-select:focus{
  border-color:#165DFF!important;box-shadow:0 0 0 3px rgba(22,93,255,.10)!important;
}
.admin-main .form-control-sm{min-height:34px;font-size:13px;}
.admin-main .input-group-text{
  background:#f7f8fa;border-color:#e5e6eb;color:#4e5969;font-size:13.5px;border-radius:8px;
}
.admin-main label{font-size:13.5px;color:#4e5969;font-weight:500;}
.admin-main .form-check-label, .admin-main .custom-control-label{font-size:13.5px;color:#4e5969;}
.admin-main .form-text{font-size:12.5px;color:#86909c;}

/* ---------- 9) 分页 / 空状态 ---------- */
.admin-main .pagination{gap:6px;margin:16px 0 4px;}
.admin-main .page-link{
  border:1px solid #e5e6eb!important;border-radius:8px!important;color:#4e5969!important;
  min-width:34px;height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;
  font-size:13.5px;
}
.admin-main .page-link:hover{border-color:#94b6ff!important;color:#165DFF!important;}
.admin-main .page-item.active .page-link{
  background:linear-gradient(90deg,#165DFF,#4080FF)!important;border-color:transparent!important;color:#fff!important;
}
.admin-main .page-item.disabled .page-link{opacity:.5;}
.admin-main .py-5.text-center.text-muted,
.admin-main .text-center.py-5{color:#86909c!important;line-height:1.9;}

/* ---------- 10) 进度条 / 转盘 / 拼团 钩子 ---------- */
.admin-main .progress{height:8px!important;border-radius:999px!important;background:#f2f3f5!important;}
.admin-main .progress-bar{background:linear-gradient(90deg,#165DFF,#4080FF)!important;border-radius:999px!important;}
.admin-main .ld-page .card, .admin-main .gb-page .card{border-radius:12px!important;}
.admin-main .gb-notice{
  background:#fff7e8!important;border:0!important;border-left:3px solid #ff7d00!important;
  border-radius:10px!important;padding:11px 15px!important;font-size:13px!important;color:#7d5316!important;
}

/* ---------- 11) 手机端 ---------- */
@media (max-width:768px){
  .admin-main .page-container{padding:2px 0 20px;}
  .admin-main .card-body{padding:15px 14px!important;}
  .admin-main .card-header{padding:12px 14px!important;}
  .admin-main .card-title{font-size:15px;}
  .admin-main .btn{min-height:42px;font-size:14px!important;padding:0 16px!important;}
  .admin-main .btn-sm{min-height:38px;font-size:13.5px!important;}
  .admin-main .btn-xs{min-height:34px;}
  .admin-main .form-control, .admin-main .custom-select{min-height:44px!important;font-size:15px;}
  .admin-main .table{font-size:13px;}
  .admin-main .table thead th, .admin-main .table tbody td{padding:9px 8px!important;font-size:12.5px!important;}
  .admin-main .table-responsive{margin:0 -14px;padding:0 14px;}
  .admin-main .d-flex.justify-content-between{align-items:stretch!important;}
  .admin-main .alert{font-size:13px!important;padding:11px 13px!important;}
  .admin-main .page-link{min-width:32px;height:32px;}
  .admin-main .badge{font-size:11.5px!important;}
}
@media (max-width:380px){
  .admin-main .card-body{padding:13px 12px!important;}
  .admin-main .btn{padding:0 12px!important;}
}
