.icon-list-page[data-v-26c01b6c]{padding:24px;background:#f8f9fa;min-height:100vh}.header[data-v-26c01b6c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.header h2[data-v-26c01b6c]{font-size:28px;font-weight:600;color:#2c3e50;margin:0}.search-bar[data-v-26c01b6c]{width:300px}.category-tabs[data-v-26c01b6c]{padding:0 20px;margin-bottom:24px}.category-tabs[data-v-26c01b6c],.icon-list[data-v-26c01b6c]{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.icon-list[data-v-26c01b6c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;max-height:70vh;overflow-y:auto;padding:20px}.icon-item[data-v-26c01b6c]{padding:20px;border:2px solid #e9ecef;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.icon-item[data-v-26c01b6c]:hover{border-color:#007bff;box-shadow:0 8px 25px rgba(0,123,255,.15);transform:translateY(-2px)}.icon-display[data-v-26c01b6c]{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transition:all .3s ease}.icon-item:hover .icon-display[data-v-26c01b6c]{background:linear-gradient(135deg,#f093fb,#f5576c);transform:scale(1.1)}.icon-display i[data-v-26c01b6c]{font-size:28px}.icon-display img[data-v-26c01b6c]{width:32px;height:32px;object-fit:contain}.icon-placeholder[data-v-26c01b6c]{font-size:20px;font-weight:700;color:#fff}.icon-meta[data-v-26c01b6c]{text-align:center;width:100%}.icon-name[data-v-26c01b6c]{font-size:14px;font-weight:600;color:#2c3e50;margin-bottom:6px;line-height:1.4}.icon-class[data-v-26c01b6c]{font-size:11px;color:#6c757d;margin-bottom:12px;word-break:break-all}.icon-actions[data-v-26c01b6c]{display:flex;gap:8px;justify-content:center}.icon-actions .el-button[data-v-26c01b6c]{padding:4px 8px;font-size:11px}.preview-content[data-v-26c01b6c]{text-align:center}.preview-icon[data-v-26c01b6c]{width:120px;height:120px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.preview-icon i[data-v-26c01b6c]{font-size:60px}.preview-icon img[data-v-26c01b6c]{width:60px;height:60px;object-fit:contain}.preview-info[data-v-26c01b6c]{text-align:left}.preview-info p[data-v-26c01b6c]{margin:10px 0;font-size:14px}.preview-info strong[data-v-26c01b6c]{color:#2c3e50}@media (max-width:768px){.header[data-v-26c01b6c]{flex-direction:column;gap:16px}.search-bar[data-v-26c01b6c]{width:100%}.icon-list[data-v-26c01b6c]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.icon-item[data-v-26c01b6c]{padding:16px}}.icon-list[data-v-26c01b6c]::-webkit-scrollbar{width:8px}.icon-list[data-v-26c01b6c]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.icon-list[data-v-26c01b6c]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.icon-list[data-v-26c01b6c]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}