.page-plain-container[data-v-5238178a]{height:100%;width:100%;display:flex;flex-direction:column;background-color:#fff}.page-plain-header[data-v-5238178a]{height:60px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:24px}.page-plain-header.bordered[data-v-5238178a]{border-bottom:1px solid var(--border-color,#e5e7eb)}.page-plain-header.no-border[data-v-5238178a]{padding-top:24px}@media (min-width:768px){.page-plain-header[data-v-5238178a]{padding:0 24px}}@media (min-width:1024px){.page-plain-header[data-v-5238178a]{padding:0 36px}}@media (min-width:1280px){.page-plain-header[data-v-5238178a]{padding:0 48px}}.system-logo .logo[data-v-5238178a]{margin:8px 14px 8px 0;height:31px;width:100px;cursor:pointer}.header-content[data-v-5238178a]{display:flex;flex:1;align-items:center;gap:12px}.header-content .divider[data-v-5238178a]{width:1px;height:30px;background-color:#e5e7eb;margin-right:24px}.header-actions[data-v-5238178a]{display:flex;align-items:center;gap:12px}.header-actions .close-btn[data-v-5238178a]{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:8px;border-radius:4px;transition:color .3s ease}.header-actions .close-btn[data-v-5238178a]:hover{color:#3c59d0}.page-plain-body[data-v-5238178a]{width:100%;flex:1;overflow-y:auto;padding:24px 48px 0}[data-v-7fc69107] .media-preview-modal .el-dialog{background:rgba(0,0,0,.95);border-radius:0;margin:0}[data-v-7fc69107] .media-preview-modal .el-dialog__header{display:none}[data-v-7fc69107] .media-preview-modal .el-dialog__body{padding:0;height:96vh;overflow:hidden}.preview-container[data-v-7fc69107]{position:relative;height:96vh;display:flex;flex-direction:column;background:rgba(0,0,0,.95);color:#fff}.close-btn[data-v-7fc69107]{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:hsla(0,0%,100%,.1);color:#fff;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease}.close-btn[data-v-7fc69107]:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1)}.media-content[data-v-7fc69107]{flex:1;display:flex;align-items:center;justify-content:center;padding:50px 15px 10px;overflow:hidden;min-height:0}.image-preview[data-v-7fc69107]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-preview img[data-v-7fc69107]{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3)}.video-preview[data-v-7fc69107]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-preview video[data-v-7fc69107]{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3)}.video-loading[data-v-7fc69107]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d1d5db;font-size:14px}.video-loading i[data-v-7fc69107]{font-size:24px;margin-bottom:8px;animation:spin-7fc69107 1s linear infinite}@keyframes spin-7fc69107{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.media-info[data-v-7fc69107]{padding:12px 20px;text-align:center;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);flex-shrink:0}.media-name[data-v-7fc69107]{font-size:15px;font-weight:600;margin-bottom:6px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.media-details[data-v-7fc69107]{font-size:13px;color:#d1d5db;display:flex;align-items:center;justify-content:center;gap:12px}.media-type[data-v-7fc69107]{padding:3px 10px;background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.3);border-radius:14px;font-size:11px}.navigation-controls[data-v-7fc69107]{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;align-items:center;justify-content:space-between;padding:0 20px;pointer-events:none}.nav-btn[data-v-7fc69107]{width:48px;height:48px;border:none;background:hsla(0,0%,100%,.1);color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .3s ease;pointer-events:auto}.nav-btn[data-v-7fc69107]:hover:not(:disabled){background:hsla(0,0%,100%,.2);transform:scale(1.1)}.nav-btn[data-v-7fc69107]:disabled{opacity:.3;cursor:not-allowed}.position-indicator[data-v-7fc69107]{padding:8px 16px;background:rgba(0,0,0,.6);border-radius:20px;font-size:14px;font-weight:500;backdrop-filter:blur(10px);pointer-events:auto}.thumbnail-list[data-v-7fc69107]{padding:12px 20px;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);flex-shrink:0}.thumbnail-scroll[data-v-7fc69107]{display:flex;gap:12px;overflow-x:auto;padding:8px 0}.thumbnail-scroll[data-v-7fc69107]::-webkit-scrollbar{height:4px}.thumbnail-scroll[data-v-7fc69107]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:2px}.thumbnail-scroll[data-v-7fc69107]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:2px}.thumbnail-scroll[data-v-7fc69107]::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.thumbnail-item[data-v-7fc69107]{flex-shrink:0;width:60px;height:60px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .3s ease}.thumbnail-item.active[data-v-7fc69107]{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.3)}.thumbnail-item[data-v-7fc69107]:hover{transform:scale(1.05)}.thumbnail-preview[data-v-7fc69107]{width:100%;height:100%;border-radius:4px;overflow:hidden;position:relative}.thumbnail-preview img[data-v-7fc69107]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail-preview .tiff-thumbnail[data-v-7fc69107]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f9fa;border:1px solid #e9ecef;color:#6c757d}.thumbnail-preview .tiff-thumbnail i[data-v-7fc69107]{font-size:16px;margin-bottom:2px}.thumbnail-preview .tiff-thumbnail span[data-v-7fc69107]{font-size:8px;font-weight:500}.thumbnail-preview .ppm-thumbnail[data-v-7fc69107]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f9fa;border:1px solid #e9ecef;color:#6c757d}.thumbnail-preview .ppm-thumbnail i[data-v-7fc69107]{font-size:16px;margin-bottom:2px}.thumbnail-preview .ppm-thumbnail span[data-v-7fc69107]{font-size:8px;font-weight:500}.thumbnail-preview .video-thumbnail[data-v-7fc69107]{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,.2);color:#3b82f6;font-size:20px}.thumbnail-preview .video-thumb-img[data-v-7fc69107]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail-preview .video-icon-fallback[data-v-7fc69107]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,.2);color:#3b82f6;font-size:20px}.thumbnail-preview .play-overlay[data-v-7fc69107]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);border-radius:8px}.tiff-preview[data-v-7fc69107]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;text-align:center}.tiff-icon[data-v-7fc69107]{font-size:40px;margin-bottom:10px}.tiff-info[data-v-7fc69107]{text-align:center}.tiff-title[data-v-7fc69107]{font-size:18px;font-weight:600;margin-bottom:6px}.tiff-description[data-v-7fc69107]{font-size:14px;margin-bottom:20px;white-space:pre-line}.ppm-preview[data-v-7fc69107]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;text-align:center}.ppm-icon[data-v-7fc69107]{font-size:40px;margin-bottom:10px}.ppm-info[data-v-7fc69107]{text-align:center}.ppm-title[data-v-7fc69107]{font-size:18px;font-weight:600;margin-bottom:6px}.ppm-description[data-v-7fc69107]{font-size:14px;margin-bottom:20px;white-space:pre-line}.download-btn[data-v-7fc69107]{padding:8px 16px;background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.3);border-radius:14px;color:#fff;text-decoration:none;transition:all .3s ease}.download-btn[data-v-7fc69107]:hover{background:rgba(59,130,246,.3)}@media (max-width:768px){.close-btn[data-v-7fc69107]{width:32px;height:32px;top:10px;right:10px;font-size:16px}.media-content[data-v-7fc69107]{padding:40px 10px 8px}.nav-btn[data-v-7fc69107]{width:40px;height:40px;font-size:18px}.navigation-controls[data-v-7fc69107]{padding:0 10px}.position-indicator[data-v-7fc69107]{font-size:12px;padding:6px 12px}.thumbnail-item[data-v-7fc69107]{width:50px;height:50px}.media-info[data-v-7fc69107]{padding:10px 15px}.media-name[data-v-7fc69107]{font-size:14px}.media-details[data-v-7fc69107]{font-size:12px;gap:10px}.thumbnail-list[data-v-7fc69107]{padding:10px 15px}}