/* 财富自由等级页（前缀 fd-） */

.fd-hero{
  margin:12px 14px 6px;padding:18px 16px;border-radius:20px;
  background:linear-gradient(135deg,rgba(99,102,241,.22),rgba(139,92,246,.10) 55%,rgba(18,22,45,.6));
  border:1px solid rgba(139,92,246,.28);
  box-shadow:0 18px 46px rgba(99,102,241,.18);
}
.fd-hero-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.fd-badge{
  display:inline-flex;align-items:center;justify-content:center;
  font-size:11.5px;font-weight:800;letter-spacing:.6px;color:#0b0714;
  background:linear-gradient(135deg,#ffE39a,#ffc24a);border-radius:8px;padding:4px 9px;
  box-shadow:0 6px 16px rgba(255,178,46,.32);
}
.fd-tier{font-size:11.5px;color:#a5b4fc;letter-spacing:.4px}
.fd-hero-lv{font-size:13px;color:#c7d2e2;margin-top:12px;letter-spacing:.5px}
.fd-hero-lv b{color:#fff;font-size:15px}
.fd-hero-free{
  margin-top:6px;font-size:22px;font-weight:800;letter-spacing:-.3px;
  background:linear-gradient(135deg,#e0e7ff,#a78bfa 60%,#818cf8);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.fd-hero-say{font-size:13px;color:#c9d3e6;margin-top:8px;line-height:1.6}
.fd-hero-say b{color:#fbbf24;font-weight:700}
.fd-hero-total{
  margin-top:14px;display:flex;align-items:baseline;justify-content:space-between;
  font-size:11.5px;color:var(--text-3);
}
.fd-hero-total b{font-size:17px;color:#fff;font-weight:800;font-variant-numeric:tabular-nums}
.fd-bar{position:relative;height:8px;border-radius:6px;background:rgba(255,255,255,.09);overflow:hidden;margin-top:8px}
.fd-bar i{
  position:absolute;left:0;top:0;bottom:0;border-radius:6px;
  background:linear-gradient(90deg,#6366f1,#8b5cf6,#c084fc);
  box-shadow:0 0 14px rgba(139,92,246,.6);
  transition:width .6s ease;
}
.fd-next{margin-top:9px;font-size:11.5px;color:#94a3b8}
.fd-next b{color:#c4b5fd;font-weight:700}

.fd-sec{padding:16px 16px 4px;font-size:13px;color:var(--text-2);letter-spacing:.3px}

.fd-item{
  margin:8px 14px;padding:13px 14px;border-radius:16px;
  background:rgba(18,22,45,.5);border:1px solid rgba(255,255,255,.07);
  transition:border-color .2s ease,background .2s ease;
}
.fd-item.on{
  border-color:rgba(139,92,246,.55);
  background:linear-gradient(135deg,rgba(99,102,241,.18),rgba(18,22,45,.55));
  box-shadow:0 12px 30px rgba(99,102,241,.2);
}
.fd-item.lock{opacity:.62}
.fd-row{display:flex;align-items:center;gap:10px}
.fd-lv{
  flex:0 0 auto;min-width:48px;text-align:center;font-size:10.5px;font-weight:800;letter-spacing:.4px;
  color:#c7bcff;background:rgba(139,92,246,.16);border:1px solid rgba(139,92,246,.4);
  border-radius:7px;padding:3px 6px;
}
.fd-item.on .fd-lv{color:#0b0714;background:linear-gradient(135deg,#ffE39a,#ffc24a);border-color:transparent}
.fd-name{flex:1 1 auto;min-width:0;font-size:14px;font-weight:700;color:#e9edf6}
.fd-name span{font-weight:400;color:var(--text-2);font-size:11.5px;margin-left:6px}
.fd-req{flex:0 0 auto;font-size:11px;color:var(--text-3);font-variant-numeric:tabular-nums}
.fd-item.done .fd-req{color:#34d399}
.fd-desc{margin-top:9px;font-size:12px;line-height:1.85;color:#a9b4c7}
.fd-item.lock .fd-desc{color:#7d8899}
.fd-item.on .fd-desc{color:#c3cddd}

.fd-foot{text-align:center;font-size:11px;color:#5b6a80;padding:18px 20px 8px;line-height:1.8}