.art-personalities-container[data-v-373575f9]{width:100%;max-width:100%}.search-container[data-v-373575f9]{display:flex;gap:10px;align-items:center;background-color:#eee;padding:10px;flex-wrap:wrap;max-width:100%;border-radius:3px}@media (max-width: 768px){.search-container[data-v-373575f9] .tacp-select-wrapper{width:calc((100% - 10px)/2)}}.search-container[data-v-373575f9] .tacp-select{min-width:24.5%;flex-shrink:0}@media (max-width: 768px){.search-container[data-v-373575f9] .tacp-select{min-width:100px}}@media (max-width: 576px){.search-container[data-v-373575f9] .tacp-select{min-width:calc((100% - 10px)/2)}}.search-container[data-v-373575f9] .tacp-search-input{flex:1;min-width:14%}.search-container[data-v-373575f9] .tacp-button{flex-shrink:0;padding:0 50px 0 39px}@media (max-width: 576px){.search-container[data-v-373575f9] .tacp-button{min-width:-moz-fit-content;min-width:fit-content;padding:0 15px}}.personalities-list[data-v-373575f9]{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 40px;margin-top:20px}@media (max-width: 768px){.personalities-list[data-v-373575f9]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.personalities-list[data-v-373575f9]{grid-template-columns:repeat(1,1fr)}}.personality-item[data-v-373575f9]{display:flex;align-items:center;cursor:pointer;transition:all .3s ease;max-width:100%;border-bottom:1px solid #dddddd;border:1px solid rgba(0,0,0,.0509803922);box-shadow:2px 5px 10px #0000001a;padding:20px;border-radius:10px}.personality-item[data-v-373575f9]:hover{transform:translateY(-2px)}.personality-item-content[data-v-373575f9]{display:flex;align-items:center;flex-direction:column;width:100%;max-width:100%}.personality-info[data-v-373575f9]{flex:1;display:flex;flex-direction:column;gap:8px}.personality-info img[data-v-373575f9]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px}.personality-detail[data-v-373575f9]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin-top:14px}.personality-tribe[data-v-373575f9]{font-family:Noto Sans CJK TC,Noto Sans TC,sans-serif;font-size:16px;letter-spacing:1px;color:#ed6d00;font-weight:400}.personality-name[data-v-373575f9]{color:#000;font-family:Noto Sans CJK TC,Noto Sans TC,sans-serif;font-size:18px;font-weight:400;letter-spacing:1px;transition:all .3s ease}.pagination[data-v-373575f9]{display:flex;align-items:flex-end;gap:20px;justify-content:flex-end;transition:all .3s ease;flex-wrap:wrap;max-width:100%;margin-top:70px}@media (max-width: 575px){.pagination[data-v-373575f9]{justify-content:center}}.page-info[data-v-373575f9]{font-family:Noto Sans CJK TC,Noto Sans TC,sans-serif;display:flex;align-items:center;gap:10px;color:#000;font-size:14px;letter-spacing:3px;flex-wrap:wrap}.page-total[data-v-373575f9]{font-family:Roboto,sans-serif;font-weight:400;font-size:16px}.loading-container[data-v-373575f9]{display:flex;justify-content:center;align-items:center;min-height:200px;font-family:Noto Sans CJK TC,Noto Sans TC,sans-serif;font-size:16px;color:#000}.no-data[data-v-373575f9]{grid-column:1/-1;text-align:center;padding:40px 20px;font-family:Noto Sans CJK TC,Noto Sans TC,sans-serif;font-size:16px;color:#000}