.materials-preview-page[data-v-e204e962]{min-height:calc(100vh - 60px);background:#f8f9fa;padding-bottom:80px}.materials-preview-section[data-v-e204e962]{padding:40px 0}.materials-preview-section .container[data-v-e204e962]{max-width:1200px;margin:0 auto;padding:0 16px}.materials-preview-section .mp-header[data-v-e204e962]{text-align:center;margin-bottom:24px}.materials-preview-section .mp-title[data-v-e204e962]{font-size:24px;color:#1e3a8a;margin:0 0 6px;font-weight:700}.materials-preview-section .mp-sub[data-v-e204e962]{color:#6b7280;font-size:14px;margin:0}.materials-preview-section .mp-search[data-v-e204e962]{display:flex;justify-content:center;margin-bottom:18px}.materials-preview-section .mp-search-wrap[data-v-e204e962]{position:relative;width:100%;max-width:480px}.materials-preview-section .mp-search-icon[data-v-e204e962]{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#9ca3af;pointer-events:none}.materials-preview-section .mp-search-input[data-v-e204e962]{width:100%;box-sizing:border-box;padding:10px 38px;font-size:14px;border:1px solid #d1d5db;border-radius:22px;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.materials-preview-section .mp-search-input[data-v-e204e962]:focus{border-color:#4f9cf7;box-shadow:0 0 0 3px #4f9cf726}.materials-preview-section .mp-search-clear[data-v-e204e962]{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:22px;height:22px;border:none;border-radius:50%;background:#e5e7eb;color:#4b5563;font-size:16px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.materials-preview-section .mp-search-clear[data-v-e204e962]:hover{background:#d1d5db}.materials-preview-section .mp-tabs[data-v-e204e962]{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px}.materials-preview-section .mp-tabs.mp-tabs-sub[data-v-e204e962],.materials-preview-section .mp-tabs.mp-tabs-leaf[data-v-e204e962]{margin-top:-4px}.materials-preview-section .mp-tabs.mp-tabs-leaf[data-v-e204e962]{margin-bottom:20px}.materials-preview-section .mp-tab[data-v-e204e962]{padding:8px 18px;border:1px solid #d1d5db;background:#fff;color:#4b5563;border-radius:22px;font-size:14px;cursor:pointer;transition:all .15s}.materials-preview-section .mp-tab[data-v-e204e962]:hover{border-color:#4f9cf7;color:#1e3a8a}.materials-preview-section .mp-tab.active[data-v-e204e962]{background:#4f9cf7;border-color:#4f9cf7;color:#fff;font-weight:600}.materials-preview-section .mp-tab.mp-tab-sub[data-v-e204e962]{font-size:13px;padding:6px 14px;background:#f3f4f6;border-color:#e5e7eb}.materials-preview-section .mp-tab.mp-tab-sub.active[data-v-e204e962]{background:#10b981;border-color:#10b981;color:#fff}.materials-preview-section .mp-tab.mp-tab-leaf[data-v-e204e962]{font-size:12.5px;padding:5px 12px;background:#fff}.materials-preview-section .mp-tab.mp-tab-leaf.active[data-v-e204e962]{background:#f59e0b;border-color:#f59e0b;color:#fff}.materials-preview-section .mp-grid[data-v-e204e962]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;margin-bottom:24px}.materials-preview-section .mp-card[data-v-e204e962]{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;cursor:pointer;transition:all .2s;display:flex;flex-direction:column}.materials-preview-section .mp-card[data-v-e204e962]:hover{border-color:#4f9cf7;box-shadow:0 6px 16px #4f9cf72e;transform:translateY(-2px)}.materials-preview-section .mp-card:hover .mp-card-overlay[data-v-e204e962]{opacity:1}.materials-preview-section .mp-card img[data-v-e204e962]{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fafafa;padding:8px;box-sizing:border-box}.materials-preview-section .mp-card .mp-card-name[data-v-e204e962]{display:block;padding:6px 10px 8px;font-size:12px;color:#374151;text-align:center;border-top:1px solid #f3f4f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.materials-preview-section .mp-card .mp-card-overlay[data-v-e204e962]{position:absolute;inset:0;background:rgba(30,58,138,.75);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;opacity:0;transition:opacity .2s}.materials-preview-section .mp-empty[data-v-e204e962],.materials-preview-section .mp-loading[data-v-e204e962]{text-align:center;padding:40px 0;color:#9ca3af;font-size:14px}.materials-preview-section .mp-cta[data-v-e204e962]{text-align:center}.materials-preview-section .mp-cta-btn[data-v-e204e962]{padding:12px 32px;font-size:15px;font-weight:600;border-radius:8px;background:#4f9cf7;color:#fff;border:none;cursor:pointer}.materials-preview-section .mp-cta-btn[data-v-e204e962]:hover{background:#3b82f6}.materials-preview-section .spinner[data-v-e204e962]{display:inline-block;width:20px;height:20px;border:2px solid #ddd;border-top-color:#4f9cf7;border-radius:50%;animation:spin-e204e962 .8s linear infinite;margin-right:8px;vertical-align:middle}@keyframes spin-e204e962{to{transform:rotate(360deg)}}