/* StuLink 问题反馈弹窗与回放页（2026-10-24）
   颜色一律取主题变量 --sl-*，深浅两套主题自动适配。
   「?」入口按钮在顶栏主题切换旁（base.html），无需浮窗样式。 */

/* 弹窗里的状态徽章 */
.fb-badge-open { background: #fef3c7; color: #92400e; }
.fb-badge-replied { background: #d1fae5; color: #065f46; }
.fb-badge-closed { background: var(--sl-surface-2); color: var(--sl-text-muted); }
[data-bs-theme="dark"] .fb-badge-open { background: #78350f; color: #fde68a; }
[data-bs-theme="dark"] .fb-badge-replied { background: #064e3b; color: #a7f3d0; }

.fb-mine-item {
    border: 1px solid var(--sl-border);
    border-radius: 8px;
    padding: 10px 12px;
    margin-bottom: 8px;
    background: var(--sl-surface-2);
}
.fb-mine-item .fb-meta {
    font-size: 12px;
    color: var(--sl-text-muted);
    margin-bottom: 4px;
}
.fb-mine-item .fb-reply {
    margin-top: 6px;
    padding: 6px 8px;
    border-left: 3px solid var(--sl-border);
    font-size: 13px;
    color: var(--sl-text-muted);
}
.fb-rec-hint {
    font-size: 12px;
    color: var(--sl-text-muted);
    margin: 0;
}

/* 录像回放页 */
.fb-player-frame {
    width: 100%;
    height: 70vh;
    min-height: 420px;
    border: 1px solid var(--sl-border);
    border-radius: 10px;
    overflow: hidden;
    background: var(--sl-surface);
}
.fb-player-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}
.fb-player-bar input[type="range"] { flex: 1; }