/* B2 网盘卫士 · 前台样式 */
:root {
  --bng-f-radius: 10px;
  --bng-f-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.bng-front-status {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 14px; border-radius: var(--bng-f-radius);
  margin-bottom: 12px; font-family: var(--bng-f-font);
  font-size: 14px; gap: 10px;
  animation: bng-f-in .3s ease;
}
@keyframes bng-f-in { from { opacity:0; transform:translateY(-6px); } }
.bng-f-valid    { background: #d1fae5; border: 1px solid #6ee7b7; }
.bng-f-invalid  { background: #fee2e2; border: 1px solid #fca5a5; }
.bng-f-mixed    { background: #fef3c7; border: 1px solid #fcd34d; }
.bng-f-none     { background: #f1f5f9; border: 1px solid #cbd5e1; }
.bng-f-pending  { background: #ede9fe; border: 1px solid #c4b5fd; }
.bng-f-left { display:flex; align-items:center; gap:10px; flex:1; min-width:0; }
.bng-f-icon { font-size:20px; flex-shrink:0; }
.bng-f-info { display:flex; flex-direction:column; gap:2px; }
.bng-f-label  { font-weight:600; font-size:14px; color:#0f172a; }
.bng-f-detail { font-size:12px; color:#475569; }
.bng-f-detail strong { color:#ef4444; }
.bng-f-time   { font-size:11px; color:#94a3b8; }
.bng-f-right  { flex-shrink:0; }
.bng-f-check-btn {
  background: #6366f1; color: #fff;
  border: none; padding: 7px 14px;
  border-radius: 7px; font-size: 13px; font-weight: 500;
  cursor: pointer; transition: all .2s;
  display: inline-flex; align-items: center; gap: 5px;
}
.bng-f-check-btn:hover { background: #4f46e5; transform: translateY(-1px); }
.bng-f-check-btn:disabled { opacity: .6; cursor: not-allowed; transform: none; }
.bng-f-spin {
  display: inline-block; width: 12px; height: 12px;
  border: 2px solid rgba(255,255,255,.4);
  border-top-color: #fff; border-radius: 50%;
  animation: bng-f-spin .6s linear infinite;
}
@keyframes bng-f-spin { to { transform: rotate(360deg); } }