2 lines
3.2 KiB
CSS
2 lines
3.2 KiB
CSS
[data-v-3ba3eb04]:root{--cg-bg-app: #0e0f12;--cg-bg-elevated: #14161c;--cg-bg-soft: rgba(255, 255, 255, .04);--cg-text-strong: rgba(248, 250, 255, .96);--cg-text: rgba(230, 234, 244, .86);--cg-muted: rgba(200, 210, 230, .56);--cg-border: rgba(255, 255, 255, .1);--cg-border-strong: rgba(242, 220, 160, .22);--cg-accent: #c9a962;--cg-accent-strong: #e9d089;--cg-accent-soft: rgba(201, 169, 98, .15);--cg-metallic: linear-gradient( 120deg, rgba(255, 255, 255, .14) 0%, rgba(201, 169, 98, .45) 18%, rgba(232, 210, 150, .75) 36%, rgba(154, 123, 61, .55) 58%, rgba(255, 255, 255, .12) 100% );--cg-shadow-strong: 0 18px 50px rgba(0, 0, 0, .45)}.media-library[data-v-3ba3eb04]{max-width:1400px}.page-header[data-v-3ba3eb04]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-title[data-v-3ba3eb04]{margin:0;font-size:22px;font-weight:700;color:var(--cg-text-strong)}.header-actions[data-v-3ba3eb04]{display:flex;gap:10px}.filter-bar[data-v-3ba3eb04]{display:flex;gap:12px;margin-bottom:16px}.media-content[data-v-3ba3eb04]{display:flex;gap:16px}.media-grid[data-v-3ba3eb04]{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;min-width:0}.media-item[data-v-3ba3eb04]{border-radius:10px;overflow:hidden;background:#ffffff08;border:2px solid transparent;cursor:pointer;transition:all .2s}.media-item[data-v-3ba3eb04]:hover{border-color:#c9a9624d}.media-item.selected[data-v-3ba3eb04]{border-color:var(--cg-accent);background:#c9a96214}.media-thumb[data-v-3ba3eb04]{position:relative;aspect-ratio:1;overflow:hidden}.thumb-image[data-v-3ba3eb04]{width:100%;height:100%}.thumb-placeholder[data-v-3ba3eb04]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff0a;font-size:32px}.select-check[data-v-3ba3eb04]{position:absolute;top:6px;left:6px;background:#00000080;border-radius:4px;padding:2px}.media-info[data-v-3ba3eb04]{padding:6px 8px}.media-name[data-v-3ba3eb04]{display:block;font-size:12px;color:var(--cg-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-size[data-v-3ba3eb04]{font-size:11px;color:var(--cg-muted)}.preview-panel[data-v-3ba3eb04]{width:320px;flex-shrink:0;padding:16px;max-height:600px;overflow-y:auto}.preview-header[data-v-3ba3eb04]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.preview-header h3[data-v-3ba3eb04]{margin:0;font-size:15px;color:var(--cg-text-strong)}.preview-image[data-v-3ba3eb04]{margin-bottom:12px;border-radius:8px;overflow:hidden;background:#ffffff0a}.preview-img[data-v-3ba3eb04]{width:100%;height:200px}.preview-meta[data-v-3ba3eb04]{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.meta-row[data-v-3ba3eb04]{display:flex;flex-direction:column;gap:2px}.meta-label[data-v-3ba3eb04]{font-size:11px;color:var(--cg-muted);text-transform:uppercase;letter-spacing:.05em}.meta-value[data-v-3ba3eb04]{font-size:13px;color:var(--cg-text);word-break:break-all}.meta-url[data-v-3ba3eb04]{display:flex;align-items:flex-start;gap:4px}.url-text[data-v-3ba3eb04]{font-size:11px;flex:1;min-width:0}.preview-actions[data-v-3ba3eb04]{display:flex;gap:8px}.pagination-bar[data-v-3ba3eb04]{margin-top:16px;display:flex;justify-content:flex-end}
|