.file-list-container[data-v-c9e0c70e]{background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000001a;margin:20px 0}.file-list-header[data-v-c9e0c70e]{border-bottom:1px solid #eee;padding:15px 20px}.file-list-header p[data-v-c9e0c70e]{color:#333;font-size:16px;font-weight:500;margin:0}.file-item[data-v-c9e0c70e],.file-list-content[data-v-c9e0c70e]{padding:10px}.file-item[data-v-c9e0c70e]{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;transition:all .3s ease}.file-item[data-v-c9e0c70e]:hover{background-color:#f5f7fa}.file-item[data-v-c9e0c70e]:last-child{border-bottom:none}.file-icon[data-v-c9e0c70e]{flex-shrink:0;height:48px;margin-right:12px;transition:transform .3s ease;width:48px}.file-item:hover .file-icon[data-v-c9e0c70e]{transform:scale(1.1)}.file-icon img[data-v-c9e0c70e]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.file-info[data-v-c9e0c70e]{flex:1;margin-right:15px;min-width:0}.file-name[data-v-c9e0c70e]{color:#333;font-size:14px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}.file-item:hover .file-name[data-v-c9e0c70e]{color:#009a61}.file-meta[data-v-c9e0c70e]{align-items:center;display:flex;gap:10px}.permission-tag[data-v-c9e0c70e]{border-radius:4px;font-size:12px;padding:2px 6px}.permission-none[data-v-c9e0c70e]{background-color:#f56c6c;color:#fff}.permission-login[data-v-c9e0c70e]{background-color:#e6a23c;color:#fff}.permission-points[data-v-c9e0c70e]{background-color:#009a61;color:#fff}.permission-free[data-v-c9e0c70e]{background-color:#67c23a;color:#fff}.file-size[data-v-c9e0c70e]{color:#999;font-size:12px}.file-action[data-v-c9e0c70e]{flex-shrink:0}.image-list-container[data-v-37f1f355]{width:100%}.layout-controls[data-v-37f1f355]{margin-bottom:20px;text-align:center}.image-grid[data-v-37f1f355]{display:grid;gap:20px;width:100%}.image-grid.layout-1[data-v-37f1f355]{gap:10px;grid-template-columns:1fr}.image-grid.layout-2[data-v-37f1f355]{grid-template-columns:repeat(2,1fr)}.image-grid.layout-3[data-v-37f1f355]{grid-template-columns:repeat(3,1fr)}.image-grid.layout-4[data-v-37f1f355]{grid-template-columns:repeat(4,1fr)}.image-grid.layout-5[data-v-37f1f355]{grid-template-columns:repeat(5,1fr)}.image-grid.layout-6[data-v-37f1f355]{grid-template-columns:repeat(6,1fr)}.image-item[data-v-37f1f355]{background:#fff;border:1px solid #eee;cursor:pointer;overflow:hidden}.image-wrapper[data-v-37f1f355]{aspect-ratio:9/16;overflow:hidden;position:relative;width:100%}.image-wrapper img[data-v-37f1f355]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.hover-buttons[data-v-37f1f355]{bottom:10px;display:flex;flex-direction:column;gap:8px;opacity:0;position:absolute;right:10px;transform:translateY(10px);transition:all .3s ease}.image-item:hover .hover-buttons[data-v-37f1f355]{opacity:1;transform:translateY(0)}.action-btn[data-v-37f1f355]{align-items:center;background:#ffffffe6;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.action-btn[data-v-37f1f355]:hover{box-shadow:0 4px 12px #0003;transform:scale(1.1)}.action-btn svg>path[data-v-37f1f355],.action-btn>svg>path[data-v-37f1f355]{fill:#515151}.action-btn .el-icon[data-v-37f1f355]{color:#666;font-size:18px;fill:#515151;transition:color .2s ease}.action-btn:hover .el-icon[data-v-37f1f355]{color:#333}.action-btn.liked[data-v-37f1f355]{background:#f56b6be6}.action-btn.liked .el-icon[data-v-37f1f355],.action-btn.liked .el-icon>path[data-v-37f1f355]{color:#fff;fill:#fff}.action-btn.favorited[data-v-37f1f355]{background:#e6a23ce6}.action-btn.favorited .el-icon[data-v-37f1f355]{color:#fff}.image-title[data-v-37f1f355]{background:#fafafa;border-top:1px solid #eee;color:#333;font-size:14px;padding:8px 12px;text-align:center}.image-loading-overlay[data-v-37f1f355]{align-items:center;background-color:#fffc;color:#409eff;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.image-loading[data-v-37f1f355]{opacity:.6}@media (max-width:768px){.image-grid.layout-3[data-v-37f1f355],.image-grid.layout-4[data-v-37f1f355],.image-grid.layout-5[data-v-37f1f355],.image-grid.layout-6[data-v-37f1f355]{grid-template-columns:repeat(2,1fr)}.image-grid.layout-1[data-v-37f1f355],.image-grid.layout-2[data-v-37f1f355]{gap:10px;grid-template-columns:1fr}.hover-buttons[data-v-37f1f355]{bottom:8px;gap:6px;right:8px}.action-btn[data-v-37f1f355]{height:32px;width:32px}.action-btn .el-icon[data-v-37f1f355]{font-size:16px}}@media (max-width:480px){.image-grid.layout-2[data-v-37f1f355],.image-grid.layout-3[data-v-37f1f355],.image-grid.layout-4[data-v-37f1f355],.image-grid.layout-5[data-v-37f1f355],.image-grid.layout-6[data-v-37f1f355]{gap:10px;grid-template-columns:1fr}.layout-controls[data-v-37f1f355]{margin-bottom:15px}.hover-buttons[data-v-37f1f355]{bottom:6px;gap:4px;right:6px}.action-btn[data-v-37f1f355]{height:28px;width:28px}.action-btn .el-icon[data-v-37f1f355]{font-size:14px}}