/* 捐赠本站 / 用户榜 / 会员绑定 / 后台复核 共用样式（前后台主题变量自适应） */

.premium-chip {
  display: inline-flex;
  align-items: center;
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1;
  padding: 4px 7px;
  border-radius: 999px;
  color: #7c4a03;
  background: linear-gradient(135deg, #ffe9a8, #ffc861);
  border: 1px solid rgba(217, 150, 20, .55);
  white-space: nowrap;
}

.donate-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
  gap: 26px;
  align-items: start;
}

.donate-panel {
  background: var(--panel, rgba(255,255,255,.04));
  border: 1px solid var(--line, rgba(255,255,255,.1));
  border-radius: var(--radius-lg, 18px);
  padding: 26px;
  box-shadow: var(--shadow-card, 0 12px 30px rgba(0,0,0,.12));
}

.donate-panel h2 {
  margin: 0 0 10px;
  font-size: 19px;
  color: var(--text-strong, var(--text));
}

.donate-lead {
  font-size: 14px;
  line-height: 1.9;
  color: var(--text-2, var(--text));
  margin: 0 0 18px;
}

.donate-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0;
}

.donate-stat {
  border: 1px solid var(--line, rgba(255,255,255,.1));
  border-radius: 14px;
  padding: 14px 12px;
  text-align: center;
  background: var(--panel-2, rgba(255,255,255,.03));
}

.donate-stat b {
  display: block;
  font-size: 20px;
  color: var(--accent, #3ddcff);
  margin-bottom: 4px;
}

.donate-stat span {
  font-size: 11.5px;
  color: var(--muted, #8a97ab);
}

.donate-notice {
  border: 1px solid rgba(var(--warn-rgb, 245, 158, 11), .38);
  background: rgba(var(--warn-rgb, 245, 158, 11), .09);
  border-radius: 14px;
  padding: 16px 18px;
  font-size: 13px;
  line-height: 1.9;
  color: var(--text, #e8eef7);
  margin: 18px 0;
}

.donate-notice b { color: var(--warn-text, #fbbf24); }

.donate-steps { margin: 0; padding-left: 20px; font-size: 13px; line-height: 2; color: var(--text-2, var(--text)); }
.donate-steps li::marker { color: var(--accent, #3ddcff); }

.donate-qr-card { text-align: center; }
.donate-qr-frame {
  position: relative;
  display: inline-block;
  padding: 12px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid var(--line, rgba(255,255,255,.12));
}
.donate-qr-frame img { display: block; width: min(260px, 100%); height: auto; }
.donate-demo-tag {
  display: inline-block;
  margin-top: 12px;
  padding: 5px 12px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
  color: #92400e;
  background: #fef3c7;
  border: 1px solid #fcd34d;
}
.donate-qr-hint { margin-top: 12px; font-size: 12px; color: var(--muted, #8a97ab); line-height: 1.8; }

.honor-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px;
}
.honor-card {
  display: flex;
  gap: 13px;
  align-items: flex-start;
  border: 1px solid var(--line, rgba(255,255,255,.1));
  border-radius: 16px;
  padding: 16px;
  background: var(--panel, rgba(255,255,255,.04));
}
.honor-avatar {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: 17px;
  color: #fff;
  background: var(--grad, linear-gradient(135deg, #3ddcff, #7b6bff));
}
.honor-card b { display: block; font-size: 14px; color: var(--text, #e8eef7); }
.honor-title { display: inline-block; margin: 4px 0 6px; font-size: 11px; color: var(--accent, #3ddcff); }
.honor-card p { margin: 0; font-size: 12px; line-height: 1.7; color: var(--muted, #8a97ab); }

.donation-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.donation-form-grid .full { grid-column: 1 / -1; }
.donation-form-grid label { display: block; font-size: 12px; margin-bottom: 7px; color: var(--text-2, var(--text)); font-weight: 650; }
.donation-form-grid .input, .donation-form-grid .textarea { width: 100%; box-sizing: border-box; }

.badge-pending { color: var(--warn-text, #fbbf24); border-color: rgba(var(--warn-rgb,245,158,11),.35); background: rgba(var(--warn-rgb,245,158,11),.1); }
.badge-overdue { color: #f87171; border-color: rgba(248,113,113,.4); background: rgba(248,113,113,.1); }

.admin-qr-preview {
  display: inline-block;
  padding: 10px;
  background: #fff;
  border-radius: 14px;
  border: 1px solid var(--line, rgba(255,255,255,.12));
}
.admin-qr-preview img { display: block; width: 180px; height: auto; }

/* =========================================================
   会员等级 / 后台会员管理 共用样式（前后台主题自适应）
   ========================================================= */

.lv-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1.25;
  white-space: nowrap;
  border: 1px solid var(--line, rgba(255, 255, 255, .12));
  color: var(--text-2, #b9c2d6);
  background: var(--panel-2, rgba(255, 255, 255, .055));
}

.lv-chip.lv-silver  { color: #c7d4e6; border-color: rgba(168, 190, 214, .45); background: rgba(168, 190, 214, .14); }
.lv-chip.lv-gold    { color: #ffcf5c; border-color: rgba(255, 197, 66, .45);  background: rgba(255, 197, 66, .13); }
.lv-chip.lv-platinum{ color: #8ceaff; border-color: rgba(61, 220, 255, .45);  background: rgba(61, 220, 255, .12); }
.lv-chip.lv-diamond { color: #c3aaff; border-color: rgba(155, 120, 255, .5);  background: rgba(155, 120, 255, .14); }
.lv-chip.lv-legend  { color: #ff9ab0; border-color: rgba(255, 122, 160, .5);  background: rgba(255, 122, 160, .14); }

html[data-theme="frost"],
html[data-theme="paper"],
html[data-theme="blush"] {
  --lv-silver: #405572;
  --lv-gold: #96620a;
  --lv-platinum: #086a8f;
  --lv-diamond: #6842b5;
  --lv-legend: #b42d55;
}
html[data-theme="frost"] .lv-chip.lv-silver,
html[data-theme="paper"] .lv-chip.lv-silver,
html[data-theme="blush"] .lv-chip.lv-silver   { color: var(--lv-silver); }
html[data-theme="frost"] .lv-chip.lv-gold,
html[data-theme="paper"] .lv-chip.lv-gold,
html[data-theme="blush"] .lv-chip.lv-gold     { color: var(--lv-gold); }
html[data-theme="frost"] .lv-chip.lv-platinum,
html[data-theme="paper"] .lv-chip.lv-platinum,
html[data-theme="blush"] .lv-chip.lv-platinum { color: var(--lv-platinum); }
html[data-theme="frost"] .lv-chip.lv-diamond,
html[data-theme="paper"] .lv-chip.lv-diamond,
html[data-theme="blush"] .lv-chip.lv-diamond  { color: var(--lv-diamond); }
html[data-theme="frost"] .lv-chip.lv-legend,
html[data-theme="paper"] .lv-chip.lv-legend,
html[data-theme="blush"] .lv-chip.lv-legend   { color: var(--lv-legend); }

.panel-title { font-size: 15px; font-weight: 650; margin-bottom: 12px; display: flex; align-items: center; gap: 9px; }
.panel-hint { font-size: 12px; line-height: 1.8; color: var(--muted, #8a97ab); margin-bottom: 14px; }

.member-search { display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; }
.member-search .field label { display: block; margin-bottom: 6px; }
.member-search .input { width: 100%; }
.member-search-hint { font-size: 12px; color: var(--muted, #8a97ab); margin-left: auto; }
.member-search-hint b { color: var(--text-2, #b9c2d6); }

.member-inline-form { display: flex; gap: 4px; align-items: center; }
.input-xs { width: 74px; padding: 5px 7px; font-size: 12px; }
.member-actions { min-width: 340px; }
.members-wide-table { min-width: 1040px; }

.member-meta-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px 22px; }
.member-meta-grid > div { min-width: 0; }
.member-meta-grid span { display: block; font-size: 11px; color: var(--muted, #8a97ab); margin-bottom: 5px; }
.member-meta-grid b { font-size: 13px; font-weight: 650; color: var(--text, #e8eef7); word-break: break-all; }

.stat-card.warn strong { color: var(--warn, #fbbf24); }

/* 窄屏时页头只保留昵称 / 积分 / 尊贵标识，避免会员 chip 被等级徽章挤爆 */
@media (max-width: 960px) {
  .header-lv { display: none; }
}

@media (max-width: 860px) {
  .donate-hero { grid-template-columns: 1fr; }
  .donate-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .donation-form-grid { grid-template-columns: 1fr; }
  .member-actions { min-width: 260px; }
}