.collocation-display-container[data-v-67a82180]{padding:12px;height:calc(100vh - 55px);box-sizing:border-box}.collocation-display-container .main-card[data-v-67a82180]{border-radius:8px;box-shadow:0 1px 4px rgba(0,21,41,.08);height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.collocation-display-container .main-card[data-v-67a82180] .ant-card-body{padding:16px 20px;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;overflow:hidden}.collocation-display-container .page-header-bar[data-v-67a82180]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;-ms-flex-negative:0;flex-shrink:0}.collocation-display-container .page-header-bar .header-left[data-v-67a82180]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.collocation-display-container .page-header-bar .header-left .back-btn[data-v-67a82180]{padding:0;margin-right:4px;font-size:13px;color:#1890ff}.collocation-display-container .page-header-bar .header-left .page-title[data-v-67a82180]{margin:0;font-size:18px;font-weight:600;color:#1f2937;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.collocation-display-container .page-header-bar .header-left .page-desc[data-v-67a82180]{font-size:12px;color:#8c8c8c;margin-left:8px;display:inline-block}.collocation-display-container .page-header-bar .header-right-actions[data-v-67a82180]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px}.collocation-display-container .page-header-bar .header-right-actions .featured-active-btn[data-v-67a82180]{background:linear-gradient(135deg,#ff4d4f,#fa8c16)!important;border-color:#ff4d4f!important;color:#fff!important;box-shadow:0 2px 6px rgba(255,77,79,.35)}.collocation-display-container .filter-search-wrapper[data-v-67a82180]{background:#fcfdfe;border:1px solid #eef2f6;border-radius:8px;padding:12px 16px;margin-bottom:12px;-ms-flex-negative:0;flex-shrink:0;box-shadow:0 1px 2px rgba(0,0,0,.02)}.collocation-display-container .filter-search-wrapper .filter-form .filter-layout-flex[data-v-67a82180]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;gap:14px;-ms-flex-wrap:wrap;flex-wrap:wrap}.collocation-display-container .filter-search-wrapper .filter-form .filter-layout-flex .filter-fields-grid[data-v-67a82180]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px 14px;-ms-flex:1;flex:1}.collocation-display-container .filter-search-wrapper .filter-form .filter-layout-flex .filter-fields-grid .filter-field-item[data-v-67a82180]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.collocation-display-container .filter-search-wrapper .filter-form .filter-layout-flex .filter-fields-grid .filter-field-item .field-label[data-v-67a82180]{font-size:12px;color:#4b5563;white-space:nowrap;font-weight:500;margin-right:2px}.collocation-display-container .filter-search-wrapper .filter-form .filter-layout-flex .filter-fields-grid .filter-field-item.member-field[data-v-67a82180]{width:175px}.collocation-display-container .filter-search-wrapper .filter-form .filter-layout-flex .filter-fields-grid .filter-field-item.member-field[data-v-67a82180] .ant-input{font-size:12px;border-radius:4px}.collocation-display-container .filter-search-wrapper .filter-form .filter-layout-flex .filter-fields-grid .filter-field-item.code-field[data-v-67a82180]{width:165px}.collocation-display-container .filter-search-wrapper .filter-form .filter-layout-flex .filter-fields-grid .filter-field-item.code-field[data-v-67a82180] .ant-input{font-size:12px;border-radius:4px}.collocation-display-container .filter-search-wrapper .filter-form .filter-layout-flex .filter-fields-grid .filter-field-item.select-field[data-v-67a82180]{width:112px}.collocation-display-container .filter-search-wrapper .filter-form .filter-layout-flex .filter-fields-grid .filter-field-item.select-field[data-v-67a82180] .ant-select{width:100%;font-size:12px}.collocation-display-container .filter-search-wrapper .filter-form .filter-layout-flex .filter-buttons-right[data-v-67a82180]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;margin-left:auto}.collocation-display-container .photowall-scroll-wrapper[data-v-67a82180]{-ms-flex:1;flex:1;overflow-y:auto;background:#f8fafc;border-radius:8px;border:1px solid #edf2f7;padding:12px 10px 8px 12px;margin-bottom:8px;box-shadow:inset 0 8px 10px -6px rgba(0,0,0,.06),inset 0 -8px 10px -6px rgba(0,0,0,.06)}.collocation-display-container .photowall-scroll-wrapper[data-v-67a82180]::-webkit-scrollbar{width:6px}.collocation-display-container .photowall-scroll-wrapper[data-v-67a82180]::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.collocation-display-container .photowall-scroll-wrapper[data-v-67a82180]::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:4px}.collocation-display-container .photowall-scroll-wrapper[data-v-67a82180]::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.collocation-display-container .photowall-scroll-wrapper .grid-spin-container[data-v-67a82180]{min-height:200px;width:100%}.collocation-display-container .photowall-scroll-wrapper .empty-wrap[data-v-67a82180]{padding:60px 0;text-align:center}.collocation-display-container .photowall-scroll-wrapper .photowall-grid-6cols[data-v-67a82180]{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[6];grid-template-columns:repeat(6,1fr);gap:12px;padding-bottom:8px}@media (max-width:1600px){.collocation-display-container .photowall-scroll-wrapper .photowall-grid-6cols[data-v-67a82180]{-ms-grid-columns:(1fr)[5];grid-template-columns:repeat(5,1fr)}}@media (max-width:1300px){.collocation-display-container .photowall-scroll-wrapper .photowall-grid-6cols[data-v-67a82180]{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)}}@media (max-width:992px){.collocation-display-container .photowall-scroll-wrapper .photowall-grid-6cols[data-v-67a82180]{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.collocation-display-container .photowall-scroll-wrapper .photowall-grid-6cols[data-v-67a82180]{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);gap:8px}}.collocation-display-container .photo-card-item[data-v-67a82180]{position:relative;border-radius:6px;overflow:hidden;background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.05);cursor:pointer;transition:all .25s cubic-bezier(.25,.8,.25,1)}.collocation-display-container .photo-card-item[data-v-67a82180]:hover{transform:translateY(-3px);box-shadow:0 8px 16px rgba(0,0,0,.12);border-color:#1890ff}.collocation-display-container .photo-card-item:hover .photo-hover-overlay[data-v-67a82180]{opacity:1}.collocation-display-container .photo-card-item:hover .photo-img[data-v-67a82180]{transform:scale(1.04)}.collocation-display-container .photo-card-item .card-status-badges[data-v-67a82180]{position:absolute;top:6px;left:6px;z-index:5;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;gap:4px}.collocation-display-container .photo-card-item .card-status-badge[data-v-67a82180]{color:#fff;font-size:10px;padding:2px 6px;border-radius:3px;font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,.2);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:3px}.collocation-display-container .photo-card-item .card-hot-badge[data-v-67a82180]{background:linear-gradient(135deg,#ff4d4f,#ff7875);box-shadow:0 2px 4px rgba(255,77,79,.35)}.collocation-display-container .photo-card-item .card-featured-badge[data-v-67a82180]{background:linear-gradient(135deg,#fa8c16,#faad14);box-shadow:0 2px 4px rgba(250,140,22,.35)}.collocation-display-container .photo-card-item .card-code-badge[data-v-67a82180]{position:absolute;top:6px;right:6px;z-index:5;background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:11px;padding:2px 6px;border-radius:3px;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collocation-display-container .photo-card-item .photo-img-wrap[data-v-67a82180]{position:relative;width:100%;aspect-ratio:.75;overflow:hidden;background:#f0f2f5}.collocation-display-container .photo-card-item .photo-img-wrap .photo-img[data-v-67a82180]{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.collocation-display-container .photo-card-item .photo-img-wrap .photo-hover-overlay[data-v-67a82180]{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.75) 0,rgba(0,0,0,.2) 50%,rgba(0,0,0,.4));opacity:0;transition:opacity .25s ease;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;padding:10px;box-sizing:border-box}.collocation-display-container .photo-card-item .photo-img-wrap .photo-hover-overlay .overlay-center-btn[data-v-67a82180]{margin:auto;background:hsla(0,0%,100%,.92);color:#1890ff;font-size:12px;font-weight:600;padding:5px 12px;border-radius:16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:4px;box-shadow:0 4px 8px rgba(0,0,0,.15)}.collocation-display-container .photo-card-item .photo-img-wrap .photo-hover-overlay .overlay-bottom-title .overlay-t[data-v-67a82180]{color:#fff;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.collocation-display-container .photo-card-item .photo-img-wrap .photo-hover-overlay .overlay-bottom-title .overlay-tags[data-v-67a82180]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:4px;-ms-flex-wrap:wrap;flex-wrap:wrap}.collocation-display-container .photo-card-item .photo-img-wrap .photo-hover-overlay .overlay-bottom-title .overlay-tags .tag-chip[data-v-67a82180]{background:hsla(0,0%,100%,.25);color:#fff;font-size:10px;padding:1px 4px;border-radius:2px}.collocation-display-container .photo-card-item .photo-img-wrap .photo-hover-overlay .overlay-bottom-title .overlay-tags .price-chip[data-v-67a82180]{color:#ffbb96;font-size:11px;font-weight:600;margin-left:auto}.collocation-display-container .pagination-fixed-footer[data-v-67a82180]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:10px;border-top:1px solid #f0f0f0;gap:12px;-ms-flex-negative:0;flex-shrink:0;background:#fff}.collocation-display-container .pagination-fixed-footer .pagination-info[data-v-67a82180]{font-size:12px;color:#8c8c8c}.collocation-display-container .pagination-fixed-footer .pagination-info .photo-count-hint[data-v-67a82180]{color:#1890ff;margin-left:4px}@media (max-width:992px){.collocation-display-container .filter-search-wrapper .filter-fields-grid .filter-field-item.code-field[data-v-67a82180],.collocation-display-container .filter-search-wrapper .filter-fields-grid .filter-field-item.member-field[data-v-67a82180],.collocation-display-container .filter-search-wrapper .filter-fields-grid .filter-field-item.select-field[data-v-67a82180]{-ms-flex:1 1 130px;flex:1 1 130px;width:auto}}@media (max-width:768px){.collocation-display-container[data-v-67a82180]{padding:6px;height:auto;min-height:100vh}.collocation-display-container .main-card[data-v-67a82180] .ant-card-body{padding:12px 10px}.collocation-display-container .page-header-bar[data-v-67a82180]{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;gap:8px}.collocation-display-container .page-header-bar .header-left[data-v-67a82180]{width:100%}.collocation-display-container .page-header-bar .header-left .page-desc[data-v-67a82180]{display:none}.collocation-display-container .page-header-bar .header-right-actions[data-v-67a82180]{width:100%;-ms-flex-pack:end;justify-content:flex-end}.collocation-display-container .filter-search-wrapper[data-v-67a82180]{padding:10px 8px}.collocation-display-container .filter-search-wrapper .filter-layout-flex .filter-fields-grid[data-v-67a82180],.collocation-display-container .filter-search-wrapper .filter-layout-flex[data-v-67a82180]{gap:8px}.collocation-display-container .filter-search-wrapper .filter-layout-flex .filter-fields-grid .filter-field-item.code-field[data-v-67a82180],.collocation-display-container .filter-search-wrapper .filter-layout-flex .filter-fields-grid .filter-field-item.member-field[data-v-67a82180]{-ms-flex:1 1 100%;flex:1 1 100%;width:100%}.collocation-display-container .filter-search-wrapper .filter-layout-flex .filter-fields-grid .filter-field-item.select-field[data-v-67a82180]{-ms-flex:1 1 calc(50% - 4px);flex:1 1 calc(50% - 4px);width:calc(50% - 4px)}.collocation-display-container .filter-search-wrapper .filter-layout-flex .filter-buttons-right[data-v-67a82180]{width:100%;-ms-flex-pack:end;justify-content:flex-end;margin-top:4px}.collocation-display-container .photowall-scroll-wrapper[data-v-67a82180]{overflow-y:visible;height:auto;padding:8px 6px}.collocation-display-container .pagination-fixed-footer[data-v-67a82180]{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:8px}.collocation-display-container .pagination-fixed-footer .pagination-info[data-v-67a82180]{text-align:center}}@media (max-width:480px){.collocation-display-container .filter-search-wrapper .filter-fields-grid .filter-field-item.select-field[data-v-67a82180]{-ms-flex:1 1 100%;flex:1 1 100%;width:100%}}