.hairstyle__toolbar[data-v-f25e8138]{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.hairstyle__search[data-v-f25e8138]{max-width:360px}.hairstyle__tag-select[data-v-f25e8138]{width:150px}.hairstyle__grid[data-v-f25e8138]{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.hairstyle__card[data-v-f25e8138]{border:1px solid var(--el-border-color-lighter);background:var(--el-fill-color-blank);cursor:pointer;border-radius:8px;padding:8px;transition:box-shadow .2s,transform .2s}.hairstyle__card[data-v-f25e8138]:hover{box-shadow:var(--el-box-shadow-light);transform:translateY(-2px)}.hairstyle__card[data-v-f25e8138]:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:2px}.hairstyle__img[data-v-f25e8138]{aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover;background:var(--el-fill-color-light);border-radius:6px;width:100%;display:block}.hairstyle__name[data-v-f25e8138]{margin-top:8px;font-size:15px;font-weight:600}.hairstyle__tags[data-v-f25e8138]{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.hairstyle__tag[data-v-f25e8138]{color:var(--el-text-color-secondary);background:var(--el-fill-color-light);border-radius:4px;padding:1px 6px;font-size:11px}.hairstyle__tag--low[data-v-f25e8138]{color:var(--el-color-success);background:var(--el-color-success-light-9)}.hairstyle__tag--medium[data-v-f25e8138]{color:var(--el-color-warning);background:var(--el-color-warning-light-9)}.hairstyle__tag--high[data-v-f25e8138]{color:var(--el-color-danger);background:var(--el-color-danger-light-9)}.hairstyle__detail-img[data-v-f25e8138]{-o-object-fit:contain;object-fit:contain;background:var(--el-fill-color-light);border-radius:8px;width:auto;max-width:100%;max-height:60vh;margin:0 auto 16px;display:block}.hairstyle__detail p[data-v-f25e8138]{margin:10px 0 0;line-height:1.7}.hairstyle__index[data-v-f25e8138]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin-top:12px;display:grid}.hairstyle__index-item[data-v-f25e8138]{-moz-column-break-inside:avoid;break-inside:avoid}.hairstyle__index-item h4[data-v-f25e8138]{margin:8px 0 4px;font-size:15px}.hairstyle__index-item p[data-v-f25e8138]{color:var(--el-text-color-secondary);margin:0;font-size:13px;line-height:1.7}@media screen and (width<=600px){.hairstyle__search[data-v-f25e8138],.hairstyle__tag-select[data-v-f25e8138]{width:100%;max-width:none}.hairstyle__grid[data-v-f25e8138]{grid-template-columns:repeat(2,1fr);gap:10px}.hairstyle__card[data-v-f25e8138]{padding:6px}.hairstyle__name[data-v-f25e8138]{font-size:14px}.hairstyle__detail-img[data-v-f25e8138]{max-height:40vh}.hairstyle__index[data-v-f25e8138]{grid-template-columns:1fr}}