@media (min-width:768px){.full-view-box[data-v-c9c207f1]{box-sizing:border-box;height:100vh;padding-top:1.4rem;position:relative;width:100vw}.full-view-box .view-img[data-v-c9c207f1]{align-items:center;bottom:1.8rem;display:flex;justify-content:center;position:absolute;top:2.4rem;width:100%}.full-view-box .view-img img[data-v-c9c207f1]{-webkit-user-drag:none;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:auto}.full-view-box .core[data-v-c9c207f1]{background-color:pink;height:5.5rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12rem}.full-view-box .color-name[data-v-c9c207f1]{display:none}.full-view-box .color-list[data-v-c9c207f1]{background-color:#d7e0ed;border-radius:.12rem;bottom:.94rem;box-sizing:border-box;direction:ltr;display:flex;justify-content:center;left:50%;overflow:hidden;overflow-x:auto;padding:.26rem .32rem .15rem;position:absolute;transform:translate(-50%);width:12rem;z-index:2}.full-view-box .color-list[data-v-c9c207f1]::-webkit-scrollbar{display:none}.full-view-box .color-list .color-item[data-v-c9c207f1]{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:.08rem;height:100%;justify-content:center;margin-right:.72rem;transition:all .5s;width:.4rem}.full-view-box .color-list .color-item[data-v-c9c207f1]:last-child{margin-right:0}.full-view-box .color-list .color-item .color[data-v-c9c207f1]{height:.44rem;transform-origin:bottom;transition:all .5s;width:.44rem}.full-view-box .color-list .color-item .color img[data-v-c9c207f1]{-webkit-user-drag:none;height:.44rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:.44rem}.full-view-box .color-list .color-item .color-active[data-v-c9c207f1]{align-items:center;display:flex;justify-content:center;position:relative;z-index:2}.full-view-box .color-list .color-item .color-active[data-v-c9c207f1]:before{background-color:#0004;border-radius:50%;content:"";height:.6rem;position:absolute;width:.6rem;z-index:-1}.full-view-box .color-list .color-item .color-active[data-v-c9c207f1]:after{background-color:#fff;border-radius:50%;content:"";height:.66rem;position:absolute;width:.66rem;z-index:-2}.full-view-box .color-list .color-item .desc[data-v-c9c207f1]{word-wrap:break-word;color:#363f4f;flex:1;font-size:.14rem;margin-top:.08rem;overflow:hidden;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:pre-wrap;width:.8rem}}@media (max-width:768px){.full-view-box[data-v-c9c207f1]{box-sizing:border-box;padding:.95rem 0 .96rem;position:relative;width:100%}.full-view-box .view-img[data-v-c9c207f1]{height:auto;width:3.75rem}.full-view-box .view-img img[data-v-c9c207f1]{width:100%}.full-view-box .core[data-v-c9c207f1]{background-color:pink;height:5.5rem;transform:translate(-50%,-50%);width:12rem}.full-view-box .color-name[data-v-c9c207f1]{color:#3d3d3d;display:block;font-size:.14rem;margin-bottom:.3rem;text-align:center}.full-view-box .color-list[data-v-c9c207f1]{-webkit-overflow-scrolling:touch;align-items:center;background-color:#eaeef6;border-radius:.12rem;box-sizing:border-box;direction:ltr;display:flex;height:.72rem;margin:0 auto;overflow:hidden;overflow-x:auto;padding:.2rem;width:3.27rem}.full-view-box .color-list.center[data-v-c9c207f1]{justify-content:center}.full-view-box .color-list[data-v-c9c207f1]::-webkit-scrollbar{display:none}.full-view-box .color-list .color-item[data-v-c9c207f1]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin-right:.22rem;transition:all .5s;width:.76rem}.full-view-box .color-list .color-item[data-v-c9c207f1]:last-child{margin-right:0}.full-view-box .color-list .color-item .color[data-v-c9c207f1]{border:.01rem solid transparent;border-radius:50%;height:.4rem;transform-origin:bottom;transition:all .5s;width:.4rem}.full-view-box .color-list .color-item .color img[data-v-c9c207f1]{height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.full-view-box .color-list .color-item .color-active[data-v-c9c207f1]{align-items:center;display:flex;justify-content:center;position:relative;z-index:2}.full-view-box .color-list .color-item .color-active[data-v-c9c207f1]:before{background-color:#0004;border-radius:50%;content:"";height:.5rem;position:absolute;width:.5rem;z-index:-1}.full-view-box .color-list .color-item .color-active[data-v-c9c207f1]:after{background-color:#fff;border-radius:50%;content:"";height:.56rem;position:absolute;width:.56rem;z-index:-2}.full-view-box .color-list .color-item .desc[data-v-c9c207f1]{word-wrap:break-word;color:#777;display:none;flex:1;font-size:.14rem;font-weight:500;margin-top:.25rem;overflow:hidden;text-align:center;width:100%}}