.sample-list-page[data-v-384d2c78]{--sample-list-blue:#3f73f5;--sample-list-text:#26272a;--sample-list-muted:#9a9ca1;display:flex;width:100%;height:100vh;height:100dvh;flex-direction:column;margin:0;padding:1.25rem 1.875rem 3.375rem;overflow:hidden;color:var(--sample-list-text);background:#f7f8fa;box-sizing:border-box;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.sample-list-page [data-v-384d2c78],.sample-list-page [data-v-384d2c78]:after,.sample-list-page [data-v-384d2c78]:before{box-sizing:border-box}.list-toolbar[data-v-384d2c78]{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2.5rem}.list-company-select[data-v-384d2c78]{width:240Px;flex:0 0 240Px}.list-company-select[data-v-384d2c78] .el-input__inner{height:50Px;border:1px solid #dce3ee;border-radius:14Px;padding:0 48Px 0 14Px;color:var(--sample-list-text);font:inherit;font-size:17Px!important;background:#fff;box-shadow:0 3Px 12Px rgba(31,43,66,.05)}.list-company-select[data-v-384d2c78] .el-input__inner:focus{border-color:var(--sample-list-blue);box-shadow:0 0 0 3Px rgba(63,115,245,.12)}.list-company-select[data-v-384d2c78] .el-input__suffix{right:6Px}.list-company-select[data-v-384d2c78] .el-select__caret{display:inline-flex;width:32Px;height:48Px;align-items:center;justify-content:center;color:#52647b;font-size:21Px!important;line-height:1}.list-company-select[data-v-384d2c78] .el-select__caret.is-reverse{color:var(--sample-list-blue)}.list-search-form[data-v-384d2c78]{display:flex;width:min(100%,34.25rem);height:50Px;align-items:center;margin-left:0;overflow:hidden;border:1px solid #dce3ee;border-radius:14Px;padding:4Px;background:#fff;box-shadow:0 3Px 12Px rgba(31,43,66,.05);transition:border-color .2s ease,box-shadow .2s ease}.list-search-form[data-v-384d2c78]:focus-within{border-color:var(--sample-list-blue);box-shadow:0 0 0 3Px rgba(63,115,245,.12)}.list-search-input[data-v-384d2c78]{min-width:0;height:100%;flex:1 1 auto}.list-search-input[data-v-384d2c78] .el-input__inner{height:100%;border:0;border-radius:0;padding:0 34Px 0 12Px;color:var(--sample-list-text);font:inherit;font-size:18Px!important;line-height:normal;background:transparent}.list-search-input[data-v-384d2c78] .el-input__inner::placeholder{color:#7a8494}.list-search-input[data-v-384d2c78] .el-input__suffix{right:4Px;display:flex;align-items:center}.list-search-input[data-v-384d2c78] .el-input__clear{display:inline-flex;width:28Px;height:40Px;align-items:center;justify-content:center;color:#7a8494;font-size:18Px;line-height:1}.list-search-button[data-v-384d2c78]{display:flex;width:auto;min-width:88Px;height:40Px;flex:0 0 auto;align-items:center;justify-content:center;margin:0;cursor:pointer;border:0!important;border-radius:10Px;padding:0 14Px;color:#fff;font:inherit;font-size:17Px;font-weight:600;background:var(--sample-list-blue);transition:background-color .2s ease}.list-search-button[data-v-384d2c78]:focus-visible,.list-search-button[data-v-384d2c78]:hover{color:#fff;background:#3264df}.list-search-button[data-v-384d2c78]:focus-visible{outline:2Px solid #244fb9;outline-offset:2Px}.list-search-button[data-v-384d2c78] .el-icon-search{margin:0;font-size:19Px}.list-search-button[data-v-384d2c78] .el-icon-search+span{margin-left:6Px}.sample-list-content[data-v-384d2c78]{min-height:0;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sample-list-content[data-v-384d2c78]::-webkit-scrollbar{display:none}.sample-list-grid[data-v-384d2c78]{display:flex;flex-wrap:wrap;gap:2.25rem 1.25rem}.sample-list-card[data-v-384d2c78]{width:calc(16.66667% - 1.04167rem);min-width:0;flex:0 0 calc(16.66667% - 1.04167rem);overflow:hidden;border-radius:14Px;background:#fff;cursor:pointer}.sample-list-card[data-v-384d2c78]:focus-visible{outline:.125rem solid var(--sample-list-blue);outline-offset:.25rem}.sample-list-image-button[data-v-384d2c78]{display:block;width:100%;aspect-ratio:1;overflow:hidden;background:#f2f4f7;cursor:pointer}.sample-list-image-button[data-v-384d2c78] .el-image__inner{display:block;width:100%;height:100%;object-fit:cover}.sample-list-detail-button[data-v-384d2c78]{display:block;width:100%;color:inherit;text-align:left}.sample-list-placeholder[data-v-384d2c78]{display:block;width:100%;aspect-ratio:1;overflow:hidden;background:#f2f4f7;object-fit:cover}.sample-list-meta[data-v-384d2c78]{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:3Px;padding:8Px 10Px}.sample-list-code-value[data-v-384d2c78],.sample-list-name[data-v-384d2c78]{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sample-list-code[data-v-384d2c78]{display:inline-flex;max-width:100%;min-width:0;align-items:center;gap:4Px;color:#52647b;font-size:13Px;line-height:1.4}.sample-list-code-label[data-v-384d2c78]{flex:0 0 auto;color:#64748b}.sample-list-code-value[data-v-384d2c78]{font-weight:400;font-variant-numeric:tabular-nums}.sample-list-name[data-v-384d2c78]{width:100%;color:#293548;font-size:15Px;font-weight:500;line-height:1.4}.sample-list-empty[data-v-384d2c78]{width:100%;flex:0 0 100%;margin:3.5rem 0;color:var(--sample-list-muted);text-align:center}.sample-list-load-more[data-v-384d2c78]{min-height:2.375rem;padding:1.25rem 0 0;color:var(--sample-list-muted);font-size:.875rem;text-align:center}.sample-list-retry[data-v-384d2c78]{cursor:pointer;border:0;padding:0;color:var(--sample-list-blue);font:inherit;background:transparent}.sample-list-skeleton[data-v-384d2c78]{pointer-events:none}.sample-list-skeleton .sample-list-placeholder[data-v-384d2c78]{animation:sample-list-loading-384d2c78 1.3s ease-in-out infinite}@keyframes sample-list-loading-384d2c78{0%,to{opacity:.52}50%{opacity:.9}}@media (min-width:768px) and (max-width:1099px){.sample-list-page[data-v-384d2c78]{padding:1.5rem 1.5rem 3.375rem}.sample-list-grid[data-v-384d2c78]{gap:1.75rem 1.125rem}.sample-list-card[data-v-384d2c78]{width:calc(25% - .84375rem);flex-basis:calc(25% - 0.84375rem)}}@media (max-width:899px){.sample-list-page[data-v-384d2c78]{width:100%;min-height:100vh;min-height:100dvh;padding:max(16Px,env(safe-area-inset-top)) 16Px max(20Px,env(safe-area-inset-bottom));background:#f7f8fa}.list-toolbar[data-v-384d2c78]{gap:.625rem;margin-bottom:18Px}.list-company-select[data-v-384d2c78]{width:calc(40% - 4Px);min-width:0;flex:0 1 calc(40% - 4Px)}.list-search-form[data-v-384d2c78]{width:auto;min-width:0;flex:1 1 auto;margin:0}.sample-list-content[data-v-384d2c78]{padding-bottom:.5rem;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.sample-list-grid[data-v-384d2c78]{gap:12Px}.sample-list-card[data-v-384d2c78]{width:calc(50% - 6Px);flex-basis:calc(50% - 6Px)}.sample-list-image-button[data-v-384d2c78],.sample-list-placeholder[data-v-384d2c78]{aspect-ratio:1.33333333;border-radius:0}.sample-list-card[data-v-384d2c78],.sample-list-image-button[data-v-384d2c78]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sample-list-card[data-v-384d2c78]:active,.sample-list-image-button[data-v-384d2c78]:active{opacity:.78}}@media (min-width:600px) and (max-width:899px){.sample-list-page[data-v-384d2c78]{padding-right:24Px;padding-left:24Px}.sample-list-grid[data-v-384d2c78]{gap:18Px}.sample-list-card[data-v-384d2c78]{width:calc(33.33333% - 12Px);flex-basis:calc(33.33333% - 12Px)}}.sample-list-company-dropdown.el-select-dropdown{margin-top:8Px;border:1px solid #e1e7f0;border-radius:12Px;padding:6Px;background:#fff;box-shadow:0 10Px 24Px rgba(31,43,66,.14)}.sample-list-company-dropdown .el-select-dropdown__wrap{max-height:252Px}.sample-list-company-dropdown .el-select-dropdown__item{height:36Px;margin:1Px 0;border-radius:8Px;padding:0 10Px;color:#52647b;font-size:14Px;line-height:36Px}.sample-list-company-dropdown .el-select-dropdown__item.hover,.sample-list-company-dropdown .el-select-dropdown__item:hover{color:#2f67ec;background:#eef4ff}.sample-list-company-dropdown .el-select-dropdown__item.selected{color:#2f67ec;font-weight:600;background:#e7f0ff}@media (max-width:899px){.sample-list-company-dropdown.el-select-dropdown{margin-top:6Px}.list-company-select .sample-list-company-dropdown.el-select-dropdown{top:calc(100% + 6Px)!important;right:0!important;left:auto!important;transform:none!important}}