/* 一起看 */
.mv-page{ display:flex; flex-direction:column; }
.mv-page .profile-topbar{ display:flex; align-items:center; gap:10px; }
.mv-title{ font-size:17px; font-weight:600; letter-spacing:.02em; }
.mv-body{ flex:1; overflow-y:auto; padding: 4px 16px calc(28px + env(safe-area-inset-bottom)); display:flex; flex-direction:column; gap:12px; }
.mv-open .lp-row, .mv-say{ display:flex; gap:8px; }
.mv-open .lp-input, .mv-say .lp-input{ flex:1; min-width:0; }
.mv-login{ margin-top:8px; font-size:12px; color: var(--text-faint); line-height:1.6; }
.mv-login button{ border:0; background:none; color: var(--accent); text-decoration: underline; font: inherit; cursor:pointer; padding:0; }
.mv-cookie{ margin-top:8px; display:flex; flex-direction:column; gap:6px; } .mv-cookie.hidden{ display:none; }
.mv-head{ display:flex; gap:10px; align-items:center; }
.mv-head img{ width:56px; height:56px; object-fit:cover; border-radius:10px; flex:0 0 auto; }
.mv-head b{ display:block; font-size:15px; font-weight:600; line-height:1.4; }
.mv-head small{ font-size:11.5px; color: var(--text-faint); }
.mv-player{ margin-top:10px; position:relative; width:100%; aspect-ratio:16/9; border-radius:12px; overflow:hidden; background:#000; }
.mv-player iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.mv-tip{ display:block; margin-top:8px; font-size:11.5px; color: var(--text-faint); line-height:1.6; }
.mv-eps{ display:flex; align-items:center; gap:8px; margin-top:10px; font-size:12.5px; color: var(--text-faint); }
.mv-eps select{ flex:1; min-width:0; border:1px solid var(--glass-edge); background: var(--glass); color: var(--text); border-radius:12px; padding:8px 10px; font: inherit; font-size:13px; }
.mv-eps option{ color:#222; }
.mv-ctrl{ display:flex; align-items:center; justify-content:center; gap:12px; margin-top:12px; }
.mv-b{ border:1px solid var(--glass-edge); background: var(--glass); color: var(--text); border-radius:12px; padding:6px 10px; font: inherit; font-size:12px; cursor:pointer; }
.mv-play{ width:52px; height:52px; border-radius:50%; border:0; background: var(--send-bg, var(--accent)); color:#fff; font-size:20px; cursor:pointer; box-shadow: 0 6px 16px rgba(0,0,0,.18); }
.mv-time{ border:0; background:none; color: var(--text); font: inherit; font-size:16px; font-variant-numeric: tabular-nums; cursor:pointer; text-decoration: underline dotted; }
.mv-range{ width:100%; margin-top:10px; accent-color: var(--accent); }
.mv-freq{ margin-top:10px; }
.mv-log{ margin-top:12px; max-height:300px; overflow-y:auto; display:flex; flex-direction:column; gap:8px; padding:2px; }
.mv-line{ display:flex; gap:8px; align-items:flex-start; font-size:13.5px; line-height:1.6; }
.mv-line i{ font-style:normal; flex:0 0 auto; width:22px; height:22px; border-radius:50%; display:grid; place-items:center; font-size:11px; color:#fff; background: var(--accent); margin-top:1px; }
.mv-line.momo i{ background: #D88FA3; }
.mv-line span{ flex:1; min-width:0; }
.mv-line em{ font-style:normal; font-size:10.5px; color: var(--text-faint); font-variant-numeric: tabular-nums; margin-top:3px; }
.mv-say{ margin-top:10px; }
.mv-end{ margin-top:10px; } .mv-end .lp-btn{ width:100%; }
.mv-empty{ font-size:12.5px; color: var(--text-faint); text-align:center; padding:12px; }
.mv-sec{ margin:6px 2px 0; }
.mv-note summary{ list-style:none; display:flex; gap:10px; align-items:center; cursor:pointer; }
.mv-note summary::-webkit-details-marker{ display:none; }
.mv-note summary img{ width:48px; height:48px; object-fit:cover; border-radius:8px; flex:0 0 auto; }
.mv-note summary span{ display:flex; flex-direction:column; min-width:0; }
.mv-note summary b{ font-size:14px; font-weight:600; } .mv-note summary small{ font-size:11px; color: var(--text-faint); }
.mv-note summary em{ font-style:normal; font-size:12.5px; color: var(--text-soft); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mv-note-body{ margin-top:10px; font-size:13.5px; line-height:1.75; }