diff --git a/assets/style.css b/assets/style.css index 7611c63..fff8e96 100644 --- a/assets/style.css +++ b/assets/style.css @@ -1192,3 +1192,36 @@ input[type="date"]::-webkit-calendar-picker-indicator { cursor: pointer; padding } .node-member-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .node-member-emotion { font-size: 13px; line-height: 1; } + +/* ── 19. 灯箱的视频 / PDF / 下载视图 ──────────────────────────────────────── */ +.lightbox-video { + max-width: min(1100px, 92vw); + max-height: 74vh; + border-radius: var(--radius); + background: #000; + box-shadow: var(--shadow-lg); +} +.lightbox-frame { + width: min(1000px, 92vw); + height: 78vh; + border: 0; + border-radius: var(--radius); + background: #fff; + box-shadow: var(--shadow-lg); +} +.lightbox-file { + display: flex; flex-direction: column; align-items: center; gap: 12px; + padding: 36px 28px; + background: var(--surface); + border-radius: var(--radius-lg); + box-shadow: var(--shadow-lg); + max-width: min(420px, 88vw); + text-align: center; +} +.lightbox-file-icon { font-size: 52px; line-height: 1; } +.lightbox-file-text { + margin: 0; font-size: 15px; font-weight: 650; color: var(--text); + overflow-wrap: anywhere; +} +.lightbox-file-hint { margin: 0; font-size: 13px; color: var(--text-mute); } +.lightbox-file-dl { display: inline-block; } diff --git a/src/Controllers/MediaController.php b/src/Controllers/MediaController.php index 9e3cf29..32898ee 100644 --- a/src/Controllers/MediaController.php +++ b/src/Controllers/MediaController.php @@ -107,7 +107,13 @@ class MediaController } } - /** 输出二进制内容;$download=true 时强制下载而不是内联预览 */ + /** + * 输出二进制内容;$download=true 时强制下载而不是内联预览。 + * + * 支持 HTTP Range(单区间):浏览器里的