.photo-wrap[data-v-d19c2bf2]{position:relative}.material-wrap[data-v-d19c2bf2]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.material-wrap>div[data-v-d19c2bf2]{position:relative;border-radius:6px;overflow:hidden;cursor:pointer}.material-wrap .img-box[data-v-d19c2bf2]{aspect-ratio:1/1;border-radius:8px;overflow:hidden}.material-wrap img[data-v-d19c2bf2]{width:100%;height:100%;object-fit:contain}.seg-wrap[data-v-d19c2bf2]{margin-bottom:16px;height:48px}.full-btn[data-v-d19c2bf2]{order:2;width:28px;height:28px;background:#fff;justify-content:center;border:1px solid #dcdfe6;border-radius:4px;cursor:pointer}.full-btn[data-v-d19c2bf2]:hover{color:#2d8af5;border-color:#2d8af5}.setting-wrap>div[data-v-d19c2bf2]{min-width:50%}.header[data-v-d19c2bf2]{min-height:54px;padding:12px 0}.header .num[data-v-d19c2bf2]{color:#678bfe;font-size:16px;font-weight:700;margin-inline-end:8px}.header .title[data-v-d19c2bf2]{font-size:16px;font-weight:400}@media screen and (min-width: 560px) and (max-width: 836px){.material-wrap[data-v-d19c2bf2]{grid-template-columns:repeat(6,1fr)}}@media screen and (max-width: 560px){.material-wrap[data-v-d19c2bf2]{gap:6px}.seg-wrap[data-v-d19c2bf2]{height:40px}}