/* 调试辅助样式：在本地渲染时确保操作区与弹窗可见 */
.be-actions {
    position: fixed;
    left: 0;
    bottom: 12px;
    width: 100%;
    text-align: center;
    z-index: 6;
    display: flex;
    justify-content: center;
    gap: 10px;
    min-height: 64px;
}

.btn-primary, .btn-default, .btn-success {
    padding: 12px 20px;
    border-radius: 22px;
    min-width: 120px;
    font-weight: 700;
    border: none;
}

.btn-primary {
    background: linear-gradient(135deg, #6366f1, #06b6d4);
    color: #fff;
    box-shadow: 0 8px 24px rgba(99,102,241,.25), 0 2px 8px rgba(6,182,212,.15);
}

.btn-default {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    color: #e5e7eb;
    backdrop-filter: blur(6px);
}

.btn-success {
    background: linear-gradient(135deg, #10b981, #06b6d4);
    color: #fff;
    box-shadow: 0 8px 24px rgba(16,185,129,.25), 0 2px 8px rgba(6,182,212,.15);
}

.be-hidden {
    display: none;
}

body[data-debug="1"] #btnRecord.be-hidden {
    display: inline-block !important;
}

/* 预录弹窗的最小样式，避免外部CSS未加载时影响调试 */
.be-bottom-sheet {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 6;
    background: #0f172a;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    box-shadow: 0 -8px 24px rgba(2,6,23,.6);
    border: 1px solid rgba(255,255,255,0.08);
}

.be-sheet-content {
    padding: 16px 18px 22px;
}

.be-body-figure {
    display: flex;
    align-items: center;
    justify-content: center;
}

.be-body-figure svg {
    width: 86%;
    max-width: 420px;
    height: auto;
    display: block;
}

.be-sheet-actions {
    display: flex;
    justify-content: center;
    margin-top: 12px;
}

.be-sheet-actions button {
    width: 72%;
}
.be-container,#preRecordSheet,#beLog{display:none!important}
.home-wrap{padding:16px 12px 88px}
.home-user{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));box-shadow:0 2px 24px rgba(2,6,23,.45);border:1px solid rgba(255,255,255,0.08)}
.home-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;background:#111827;box-shadow:0 0 0 2px rgba(255,255,255,0.06)}
.home-user-meta{display:flex;flex-direction:column;gap:4px}
.home-nick{font-size:18px;font-weight:700;color:#e5e7eb}
.home-vip{display:flex;align-items:center;gap:8px;color:#94a3b8}
.vip-badge{display:inline-block;padding:2px 8px;border-radius:10px;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#0b1220;font-size:12px;font-weight:700}
.vip-expire{font-size:12px;color:#94a3b8}
.home-list{margin-top:14px;border-radius:12px;background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015));box-shadow:0 2px 24px rgba(2,6,23,.45);overflow:hidden;border:1px solid rgba(255,255,255,0.08)}
.home-list-head{padding:12px 14px;font-weight:700;border-bottom:1px solid rgba(255,255,255,0.06);color:#e2e8f0;display:flex;align-items:center;justify-content:space-between}
.head-refresh{border:none;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);color:#e5e7eb;border-radius:50%;width:28px;height:28px;line-height:28px;text-align:center;cursor:pointer}
.head-refresh:active{transform:scale(0.96)}
.home-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,0.06)}
.home-item:last-child{border-bottom:none}
.home-name{color:#e2e8f0;font-weight:600}
.home-time{color:#94a3b8;font-size:12px}
.home-left{display:flex;flex-direction:column;gap:4px}
.home-actions{display:flex;align-items:center;gap:8px}
.btn-mini{padding:6px 10px;min-width:auto;font-size:12px;border-radius:16px}
.home-empty{padding:24px;text-align:center;color:#64748b}
.fab-record{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:20;padding:14px 24px;border-radius:28px;background:linear-gradient(135deg,#7c3aed,#06b6d4);color:#fff;border:none;font-weight:700;box-shadow:0 12px 28px rgba(124,58,237,.35), 0 6px 16px rgba(6,182,212,.25)}
.modal-overlay{position:fixed;left:0;top:0;right:0;bottom:0;z-index:30;background:rgba(2,6,23,.65);display:flex;align-items:flex-end}
.modal-overlay.center{align-items:center;justify-content:center}
.modal{background:#0f172a;width:100%;border-top-left-radius:16px;border-top-right-radius:16px;padding:16px 18px 20px;border:1px solid rgba(255,255,255,0.08)}
.video-modal{max-width:92vw;border-radius:16px}
.video-player{width:86vw;max-width:720px;max-height:72vh;border-radius:12px;background:#000;display:block}
.modal-title{font-weight:700;font-size:16px;margin-bottom:8px;color:#e2e8f0}
.modal-body{color:#94a3b8;margin-bottom:12px}
.modal-actions{display:flex;justify-content:flex-end;gap:10px}
.hidden{display:none}
body{background:#0b1220;color:#e5e7eb}