.components-modal[data-v-5693b92b]{min-height:500px}.operation-section[data-v-5693b92b]{padding:16px 0;border-bottom:1px solid #eee;margin-bottom:20px}.operation-section .ivu-form-inline[data-v-5693b92b]{display:flex;align-items:center;flex-wrap:wrap;gap:15px}.operation-section .ivu-form-item[data-v-5693b92b]{margin-bottom:0}.components-container[data-v-5693b92b]{padding-left:0;min-height:400px;position:relative}.centered-modal .modal-content-centered[data-v-5693b92b]{display:flex;justify-content:center}.centered-modal .modal-content-centered .ivu-form[data-v-5693b92b]{width:100%;max-width:600px}.detail-content .expandable[data-v-5693b92b]{white-space:pre-wrap;word-break:break-word;line-height:1.6}.component-meta[data-v-5693b92b]{display:none}.image-preview-modal .image-preview-container .image-navigation[data-v-5693b92b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px;background:#f5f5f5;border-radius:4px}.image-preview-modal .image-preview-container .image-navigation .image-counter[data-v-5693b92b]{font-size:14px;color:#666;font-weight:500}.image-preview-modal .image-preview-container .image-navigation .ivu-btn[data-v-5693b92b]{min-width:32px}.image-preview-modal .image-preview-container .image-display .preview-image[data-v-5693b92b]{width:100%;height:100%;max-height:650px;-o-object-fit:contain;object-fit:contain;display:block;margin:0 auto}@media (min-width:768px){.image-preview-modal .image-preview-container .image-display .preview-image[data-v-5693b92b]{max-height:750px}}.image-preview-modal .image-preview-container .image-navigation-centered[data-v-5693b92b]{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 20px;z-index:10}.image-preview-modal .image-preview-container .image-navigation-centered .nav-arrow[data-v-5693b92b]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.3);border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.2);cursor:pointer;transition:all .3s ease;border:none}.image-preview-modal .image-preview-container .image-navigation-centered .nav-arrow[data-v-5693b92b]:hover:not([disabled]){background:hsla(0,0%,100%,.5);transform:scale(1.1)}.image-preview-modal .image-preview-container .image-navigation-centered .nav-arrow[disabled][data-v-5693b92b]{opacity:.3;cursor:not-allowed}.image-preview-modal .image-preview-container .image-navigation-centered .nav-arrow.left-arrow[data-v-5693b92b]{margin-left:20px}.image-preview-modal .image-preview-container .image-navigation-centered .nav-arrow.right-arrow[data-v-5693b92b]{margin-right:20px}.image-preview-modal .image-preview-container .image-display[data-v-5693b92b]{position:relative;min-height:500px;background:#fafafa;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:auto}.image-preview-modal .image-preview-container .image-display .preview-image[data-v-5693b92b]{max-width:none;max-height:none;width:auto;height:auto;-o-object-fit:none;object-fit:none;box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:4px}.image-preview-modal .image-preview-container .preview-actions[data-v-5693b92b]{text-align:center;padding:15px 0;border-top:1px solid #eee}@media (max-width:768px){.image-preview-modal .image-preview-container .image-navigation[data-v-5693b92b]{margin-bottom:15px;padding:8px}.image-preview-modal .image-preview-container .image-display[data-v-5693b92b]{min-height:350px}.image-preview-modal .image-preview-container .image-display .preview-image[data-v-5693b92b]{max-height:450px}.image-preview-modal .image-preview-container .image-navigation-centered[data-v-5693b92b]{padding:0 15px}.image-preview-modal .image-preview-container .image-navigation-centered .nav-arrow[data-v-5693b92b]{width:36px;height:36px}.image-preview-modal .image-preview-container .image-navigation-centered .image-counter[data-v-5693b92b]{font-size:14px;padding:3px 10px}.image-preview-modal .image-preview-container .preview-actions .ivu-btn[data-v-5693b92b]{margin:5px}}.image-upload-section .uploaded-images[data-v-5693b92b]{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.image-upload-section .uploaded-images .uploaded-image-item[data-v-5693b92b]{position:relative;width:120px;height:120px;border:1px solid #ddd;border-radius:4px;overflow:hidden}.image-upload-section .uploaded-images .uploaded-image-item img[data-v-5693b92b]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-upload-section .uploaded-images .uploaded-image-item .image-actions[data-v-5693b92b]{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);padding:5px;text-align:center;opacity:0;transition:opacity .3s ease}.image-upload-section .uploaded-images .uploaded-image-item:hover .image-actions[data-v-5693b92b]{opacity:1}.image-upload-section .upload-area[data-v-5693b92b]{position:relative;width:120px;height:120px;border:2px dashed #ccc;border-radius:4px;text-align:center;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.image-upload-section .upload-area[data-v-5693b92b]:hover{border-color:#57a3f3;background-color:#f0faff}.image-upload-section .upload-area .upload-placeholder[data-v-5693b92b]{color:#666;display:flex;flex-direction:column;align-items:center;justify-content:center}.image-upload-section .upload-area .upload-placeholder .upload-tip[data-v-5693b92b]{font-size:12px;color:#999;margin-top:5px}.loading-container[data-v-5693b92b]{height:400px;display:flex;align-items:center;justify-content:center}.empty-state[data-v-5693b92b]{text-align:center;padding:80px 0;color:#999}.empty-state p[data-v-5693b92b]{margin-top:16px;font-size:16px}.components-grid[data-v-5693b92b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:10px 0}.component-card[data-v-5693b92b]{height:320px;transition:all .3s ease}.component-card[data-v-5693b92b]:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.card-content[data-v-5693b92b]{height:100%;display:flex;flex-direction:column}.image-section[data-v-5693b92b]{height:160px;position:relative;margin-bottom:16px}.image-container[data-v-5693b92b]{width:100%;height:100%;position:relative;border-radius:4px;overflow:hidden;background:#f5f5f5}.image-container .component-image[data-v-5693b92b]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;cursor:pointer;transition:transform .3s ease}.image-container .component-image[data-v-5693b92b]:hover{transform:scale(1.05)}.image-container .image-count[data-v-5693b92b]{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.7);color:#fff;padding:2px 8px;border-radius:12px;font-size:12px}.no-image[data-v-5693b92b]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fafafa;border:1px dashed #ddd;border-radius:4px}.no-image p[data-v-5693b92b]{margin-top:8px;color:#999;font-size:14px}.info-section[data-v-5693b92b]{flex:1;padding:0 16px}.component-name[data-v-5693b92b]{font-size:16px;font-weight:600;margin:0 0 8px 0;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-description[data-v-5693b92b]{font-size:14px;color:#666;line-height:1.4;margin:0 0 12px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.component-meta .meta-item[data-v-5693b92b]{display:flex;align-items:center;gap:4px;font-size:12px;color:#999}.action-section[data-v-5693b92b]{padding:16px;border-top:1px solid #f0f0f0;display:flex;justify-content:center}.pagination-section[data-v-5693b92b]{padding:20px 0;display:flex;justify-content:center;border-top:1px solid #eee;margin-top:20px}.detail-content .detail-row[data-v-5693b92b]{display:flex;margin-bottom:16px;align-items:flex-start}.detail-content .detail-row .label[data-v-5693b92b]{width:80px;font-weight:600;color:#333;flex-shrink:0}.detail-content .detail-row .value[data-v-5693b92b]{flex:1;color:#666;line-height:1.5}.image-gallery[data-v-5693b92b]{display:flex;gap:10px;flex-wrap:wrap}.image-gallery .gallery-item[data-v-5693b92b]{width:80px;height:80px;border-radius:4px;overflow:hidden;cursor:pointer;border:1px solid #eee}.image-gallery .gallery-item img[data-v-5693b92b]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .2s ease}.image-gallery .gallery-item img[data-v-5693b92b]:hover{transform:scale(1.1)}@media (max-width:768px){.components-grid[data-v-5693b92b]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.component-card[data-v-5693b92b]{height:280px}.image-section[data-v-5693b92b]{height:130px}.operation-section .ivu-form-inline[data-v-5693b92b]{flex-direction:column;align-items:stretch;gap:10px}.operation-section .ivu-form-item[data-v-5693b92b]{width:100%}.centered-modal .modal-content-centered[data-v-5693b92b]{padding:0 15px}.detail-content .expandable[data-v-5693b92b]{font-size:14px}.component-description[data-v-5693b92b]{font-size:13px;white-space:nowrap;text-overflow:ellipsis}.image-upload-section .uploaded-images .uploaded-image-item[data-v-5693b92b]{width:100px;height:100px}}