/* 留言板 */
.fb-body{background:#f4f4fb}

/* 渐变大头部:做成横幅卡片,白字落在深底上才清晰 */
.fb-body .lobby-hero{
  background:linear-gradient(150deg,#3b3672,#5b5cff 55%,#48c6ef);
  border-radius:22px;padding:32px 20px 52px;margin-bottom:0;
  box-shadow:0 14px 34px rgba(75,80,200,.28);
}
.fb-body .lobby-title{letter-spacing:5px}

/* 发帖卡片:上移叠在渐变头部下沿 */
.fb-form-card{
  background:#fff;border-radius:18px;padding:18px 18px 14px;
  box-shadow:0 10px 28px rgba(70,70,140,.14);
  margin-top:-34px;position:relative;z-index:2;
}
.fb-seg{display:inline-flex;background:#f1f1f9;border-radius:12px;padding:4px;gap:4px;margin-bottom:12px}
.fb-seg button{
  border:none;background:transparent;padding:8px 18px;border-radius:9px;
  font-size:14px;font-weight:700;color:#66667f;cursor:pointer;transition:.15s;font-family:inherit;
}
.fb-seg button.on{color:#fff}
.fb-seg[data-type="idea"] button.on{background:linear-gradient(135deg,#5b5cff,#48c6ef)}
.fb-seg[data-type="bug"] button.on{background:linear-gradient(135deg,#ff7a45,#ff4d6d)}
.fb-nick{
  width:100%;border:1.5px solid #e6e6f2;background:#fafaff;border-radius:12px;
  padding:10px 14px;font-size:14px;margin-bottom:10px;box-sizing:border-box;color:#3a3a55;
}
.fb-textarea{
  width:100%;min-height:110px;border:1.5px solid #e6e6f2;background:#fafaff;border-radius:12px;
  padding:12px 14px;font-size:14.5px;line-height:1.7;resize:vertical;
  box-sizing:border-box;color:#3a3a55;font-family:inherit;
}
.fb-nick:focus,.fb-textarea:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px rgba(91,92,255,.12)}
.fb-nick::placeholder,.fb-textarea::placeholder{color:#9d9db5}
.fb-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.fb-count{font-size:12px;color:#8a8aa0}
.fb-submit{
  border:none;border-radius:12px;padding:11px 26px;font-size:14.5px;font-weight:700;color:#fff;
  background:linear-gradient(135deg,#5b5cff,#7a6bff);cursor:pointer;
  box-shadow:0 6px 16px rgba(91,92,255,.3);transition:.15s;font-family:inherit;
}
.fb-submit:hover{filter:brightness(1.06)}
.fb-submit:disabled{opacity:.6;cursor:default;filter:none;box-shadow:none}

/* 留言列表:类型色条卡片 */
.fb-list{margin-top:22px;display:flex;flex-direction:column;gap:12px}
.fb-item{
  background:#fff;border-radius:16px;padding:15px 18px;
  box-shadow:0 4px 14px rgba(70,70,140,.08);border-left:4px solid transparent;
  transition:transform .15s,box-shadow .15s;
}
.fb-item:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(70,70,140,.14)}
.fb-item.idea{border-left-color:#5b5cff}
.fb-item.bug{border-left-color:#ff4d6d}
.fb-badge{display:inline-block;font-size:11px;font-weight:800;padding:3px 10px;border-radius:20px;color:#fff;vertical-align:middle}
.fb-badge.idea{background:linear-gradient(135deg,#5b5cff,#48c6ef)}
.fb-badge.bug{background:linear-gradient(135deg,#ff7a45,#ff4d6d)}
.fb-meta{display:inline-block;margin-left:10px;font-size:12px;color:#77778f;vertical-align:middle}
.fb-meta b{color:#3d3d5c;font-weight:700}
.fb-content{margin-top:8px;font-size:14.5px;line-height:1.75;color:#3a3a55;white-space:pre-wrap;word-break:break-word}
.fb-empty{
  text-align:center;color:#8a8aa5;background:#fff;border-radius:16px;
  padding:44px 0;box-shadow:0 4px 14px rgba(70,70,140,.07);font-size:14px;
}

/* 底部说明:原白色字是为深色大厅背景设计,浅底页面上改深色 */
.fb-body .lobby-tip{color:#66667f;font-size:13px;margin-top:26px}

/* 轻提示 */
.fb-toast{
  position:fixed;left:50%;bottom:34px;transform:translateX(-50%) translateY(20px);
  background:rgba(35,32,90,.92);color:#fff;padding:10px 22px;border-radius:999px;
  font-size:13.5px;opacity:0;pointer-events:none;transition:.2s;z-index:99;max-width:86%;
}
.fb-toast.on{opacity:1;transform:translateX(-50%) translateY(0)}

@media(max-width:640px){
  .fb-form-card{padding:14px 14px 12px}
  .fb-seg{display:flex;width:100%}
  .fb-seg button{flex:1}
  .fb-foot{flex-direction:row-reverse}
}