.fb-card{display:flex;flex-direction:column;gap:.875rem;padding:1.25rem 1.25rem 1.125rem;border:1px solid var(--rule);background:#0A0A0A;min-width:0}
.fb-head{display:flex;align-items:center;gap:.75rem;min-width:0}
.fb-avatar{width:36px;height:36px;flex-shrink:0;border-radius:9px;border:1px solid var(--rule);background:#141414;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--ink-faint)}
.fb-avatar img{width:100%;height:100%;object-fit:cover}
.fb-avatar.is-hidden{background:linear-gradient(135deg,#2a2a2a,#161616)}
.fb-avatar.is-hidden svg{filter:blur(3px);opacity:.7}
.fb-who{min-width:0;flex:1}
.fb-name{display:flex;align-items:center;gap:.375rem;font-size:.9375rem;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fb-name.is-hidden span{filter:blur(5px);user-select:none;color:var(--ink-muted)}
.fb-badge{position:relative;display:inline-block;flex-shrink:0;width:var(--bs,14px);height:var(--bs,14px);background:linear-gradient(180deg,#FFFFFF 0%,#FFFFFF 45%,#C9CAD6 100%);-webkit-mask:var(--shape) center/contain no-repeat;mask:var(--shape) center/contain no-repeat}
.fb-badge.is-vip{background:linear-gradient(180deg,#FBCFE8 0%,#F472B6 50%,#DB2777 100%)}
.fb-badge.is-crown{--shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.2 7.4a1.1 1.1 0 0 1 1.75-.95L8.3 9l2.8-4.3a1.1 1.1 0 0 1 1.84 0L15.7 9l3.35-2.55a1.1 1.1 0 0 1 1.75.95l-1.2 9.05a1.7 1.7 0 0 1-1.68 1.48H6.08a1.7 1.7 0 0 1-1.68-1.48z'/%3E%3Crect x='5.6' y='19.2' width='12.8' height='2.1' rx='1.05'/%3E%3C/svg%3E")}
.fb-badge.is-mod,.fb-badge.is-vip{--shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.1l2.66 5.5 6.04.83-4.4 4.2 1.08 6-5.38-2.9-5.38 2.9 1.08-6-4.4-4.2 6.04-.83z' stroke='black' stroke-width='2.2' stroke-linejoin='round'/%3E%3C/svg%3E")}
.fb-date{display:block;margin-top:.0625rem;font-size:.8125rem;color:var(--ink-faint)}
.fb-thumb{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:1px solid var(--rule)}
.fb-thumb.is-up{color:#7FCFA8}
.fb-thumb.is-down{color:#F87171}
.fb-text{font-size:1rem;line-height:1.55;color:var(--ink-muted);white-space:pre-wrap;overflow-wrap:anywhere}
.fb-text.is-empty{color:var(--ink-faint);font-style:italic}
.fb-reply{padding:.875rem 1rem;border-left:2px solid var(--ink);background:#111}
.fb-reply-by{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.fb-reply p{margin-top:.375rem;font-size:.9375rem;line-height:1.55;color:var(--ink-muted);white-space:pre-wrap;overflow-wrap:anywhere}
.fb-tools{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--rule)}
.fb-tools button{min-height:34px;padding:0 .75rem;border:1px solid var(--rule);font-size:.8125rem;color:var(--ink-muted);cursor:pointer;transition:color .15s linear,border-color .15s linear}
.fb-tools button:hover{color:var(--ink);border-color:var(--ink-faint)}
.fb-tools button.is-danger{color:#F87171}
.fb-tools textarea{width:100%;min-height:5rem;padding:.625rem .75rem;background:#0F0F0F;border:1px solid var(--rule);color:var(--ink);font:inherit;font-size:.9375rem;line-height:1.5;resize:vertical}

.fb-strip{position:relative;margin-top:clamp(1.5rem,3vw,2.25rem);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);opacity:0;transition:opacity .6s linear}
.fb-strip.is-ready{opacity:1}
.fb-track{display:flex;gap:.75rem;width:max-content;animation:fbScroll var(--fb-speed,90s) linear infinite}
.fb-strip:hover .fb-track,.fb-strip:focus-within .fb-track{animation-play-state:paused}
@keyframes fbScroll{from{transform:translateX(-50%)}to{transform:none}}
.fb-chip{display:flex;flex-direction:column;gap:.5rem;width:17.5rem;flex-shrink:0;padding:.875rem 1rem;border:1px solid var(--rule);text-align:left;cursor:pointer;transition:border-color .15s linear,background .15s linear}
.fb-chip:hover{border-color:var(--ink-faint);background:rgba(255,255,255,.02)}
.fb-chip-top{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--ink-faint);min-width:0}
.fb-chip-top .fb-thumb{width:22px;height:22px;border:0}
.fb-chip-top b{font-weight:500;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fb-chip-top b.is-hidden{filter:blur(4px);user-select:none}
.fb-chip p{font-size:.9375rem;line-height:1.5;color:var(--ink-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fb-chip-top .fb-badge{margin-left:-.25rem}
.fb-chip-top .fb-thumb{margin-left:auto}
.fb-chip .fb-replied+.fb-thumb{margin-left:0}
.fb-avatar.is-small{width:22px;height:22px;border-radius:6px}
.fb-avatar.is-small svg{width:12px;height:12px}
.fb-chip p.is-empty{color:var(--ink-faint);font-style:italic}
.fb-tip{position:fixed;z-index:200;padding:2px 7px;border:1px solid var(--rule);border-radius:6px;background:#000;color:var(--ink-muted);font-size:11px;font-weight:500;line-height:1.5;text-transform:lowercase;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,-100%) translateY(3px);transition:opacity .12s linear,transform .12s ease-out}
.fb-tip.is-shown{opacity:1;transform:translate(-50%,-100%)}
.fb-chip .fb-replied{margin-left:auto;font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);flex-shrink:0}


@media(prefers-reduced-motion:reduce){
.fb-track{animation:none}
.fb-strip{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
}