.same-product-layout[data-v-58c58689]{display:flex;align-items:flex-start;gap:24px;height:calc(100vh - 150px);min-height:0}.drawer-title[data-v-58c58689]{width:100%;display:flex;align-items:center;justify-content:space-between;color:#1d2129;font-size:16px;font-weight:500;line-height:24px}.drawer-close[data-v-58c58689]{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;margin-right:-8px;border:0;border-radius:4px;background:transparent;color:#1d2129;cursor:pointer}.drawer-close[data-v-58c58689]:hover,.drawer-close[data-v-58c58689]:focus-visible{background:#f4f5f7;color:var(--primary-color);outline:none}.reference-panel[data-v-58c58689]{width:186px;flex-shrink:0;height:100%;padding-right:16px;border-right:1px solid #edf0f3;overflow:hidden}.reference-main[data-v-58c58689]{width:160px;height:160px;padding:0;border:1px solid #edf0f3;border-radius:4px;background:#fff;cursor:pointer;overflow:hidden}.reference-main img[data-v-58c58689]{width:100%;height:100%;object-fit:contain}.reference-thumb-list[data-v-58c58689]{display:grid;grid-template-columns:repeat(3,48px);gap:8px;margin-top:12px}.reference-item[data-v-58c58689]{width:48px;height:48px;border:1px solid #edf0f3;border-radius:4px;background:#fff;padding:2px;cursor:pointer;position:relative}.reference-item.active[data-v-58c58689]{border-color:#08c18a}.reference-item img[data-v-58c58689]{width:100%;height:100%;border-radius:6px;object-fit:contain}.reference-item__check[data-v-58c58689]{position:absolute;right:0;bottom:0;width:13px;height:13px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px 0;background:#08c18a;color:#fff;font-size:8px;line-height:1}.same-product-tip[data-v-58c58689]{margin-bottom:16px;padding:10px 12px;border:0;border-radius:4px;background:#f4f5fa;color:#4e5969;font-size:12px;line-height:20px;display:flex;align-items:flex-start;gap:8px}.same-product-tip__icon[data-v-58c58689]{margin-top:2px;color:#08c18a;font-size:14px;flex-shrink:0}.same-product-result[data-v-58c58689]{flex:1;min-width:0;width:100%;height:100%}.same-product-spin[data-v-58c58689]{width:100%;height:100%;display:block}.same-product-spin[data-v-58c58689] .ant-spin-nested-loading{width:100%;height:100%}.same-product-spin[data-v-58c58689] .ant-spin-container{width:100%;height:100%;min-height:100%}.same-product-spin[data-v-58c58689] .ant-spin{top:50%;left:50%;min-width:120px;transform:translate(-50%,-50%);max-height:none}.same-product-spin[data-v-58c58689] .ant-spin-text{width:max-content;min-width:88px;white-space:nowrap}.same-product-content[data-v-58c58689]{height:calc(100vh - 150px);min-height:0;overflow-y:auto;padding-right:4px}.same-product-content--center[data-v-58c58689]{display:flex;align-items:center;justify-content:center}.same-product-grid[data-v-58c58689]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.same-product-card[data-v-58c58689]{padding:8px;border:1px solid #edf0f3;border-radius:4px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.same-product-card[data-v-58c58689]:hover{border-color:#08c18a59;box-shadow:0 8px 18px #0f172a0f}.same-product-img[data-v-58c58689]{width:100%;aspect-ratio:1;border-radius:3px;object-fit:contain}.same-product-img-placeholder[data-v-58c58689]{width:100%;aspect-ratio:1;border-radius:3px;display:flex;align-items:center;justify-content:center;background:#f2f3f5;color:#86909c;font-size:12px}.same-product-title[data-v-58c58689]{display:-webkit-box;min-height:40px;margin-top:8px;color:#1f2329;font-size:13px;line-height:20px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.same-product-meta[data-v-58c58689]{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 10px;color:#86909c;font-size:11px;line-height:16px}.same-product-meta span[data-v-58c58689]{min-width:0;white-space:nowrap}@media (max-width: 900px){.same-product-layout[data-v-58c58689]{height:auto;flex-direction:column}.reference-panel[data-v-58c58689]{width:100%;height:auto;padding-right:0;padding-bottom:16px;border-right:0;border-bottom:1px solid #edf0f3}.reference-main[data-v-58c58689]{display:none}.reference-thumb-list[data-v-58c58689]{display:flex;overflow-x:auto}.same-product-grid[data-v-58c58689]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.same-product-content[data-v-58c58689]{height:auto;overflow-y:visible;padding-right:0}}