.num[data-v-b38a0811]{color:#678bfe;font-weight:700;margin-inline-end:8px}.sample[data-v-b38a0811]{gap:4px;flex-wrap:wrap;margin:8px 0 16px;font-size:12px;color:#000}.sample-img[data-v-b38a0811]{margin-top:-8px}.mr[data-v-b38a0811]{margin-inline-end:8px}.sample-item[data-v-b38a0811]{width:48px;aspect-ratio:1/1;background-color:#fff;border-radius:4px;cursor:pointer}.sample-item img[data-v-b38a0811]{width:100%;object-fit:contain;border-radius:4px}.list-wrap[data-v-b38a0811]{gap:8px;padding-bottom:12px}.img-item[data-v-b38a0811]{flex-basis:calc(33.33% - 5.3333333333px);min-width:0}.style-name[data-v-b38a0811]{color:#000;font-size:12px;line-height:18px;margin-top:4px}.tmpl-item[data-v-b38a0811]{padding:2px;border-radius:6px;cursor:pointer}.tmpl-item>div[data-v-b38a0811]{padding:2px;border-radius:6px;background:#fff}.tmpl-item[data-v-b38a0811]:hover{background:#e5e7eb}.img-box[data-v-b38a0811]{border-radius:6px;background:#e5e7eb;height:0;padding-top:56.25%;position:relative;overflow:hidden}.img-box img[data-v-b38a0811]{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 560px){.img-item[data-v-b38a0811]{flex-basis:calc(50% - 4px)}}