.color-name[data-v-da655b2d]{transform:translateY(0);transition:opacity .8s cubic-bezier(.25,.46,.45,.94) 2s,transform .5s cubic-bezier(.25,.46,.45,.94) 2s}.color-list[data-v-da655b2d]{background:url(../png/tong-1753417528241.937a43ad.png) no-repeat 50%;background-size:0;transition:max-width 2s cubic-bezier(.25,.46,.45,.94) .9s,width .8s cubic-bezier(.25,.46,.45,.94) .9s,height .4s cubic-bezier(.25,.46,.45,.94) .85s,padding-left 0s cubic-bezier(.25,.46,.45,.94) .9s,padding-right 0s cubic-bezier(.25,.46,.45,.94) .9s,transform .5s cubic-bezier(.25,.46,.45,.4) .5s,background-size 0s cubic-bezier(.25,.46,.45,.94) .9s}.color-list .color-item[data-v-da655b2d]{opacity:1;transform:translateY(0);transition:opacity .8s cubic-bezier(.25,.46,.45,.94) 1.5s,transform .8s cubic-bezier(.25,.46,.45,.94) 1.5s}.color-list.hide[data-v-da655b2d]{background-size:70%;transition:all 0s 0s}.color-list.hide .color-item[data-v-da655b2d],.color-list.hide+.color-name[data-v-da655b2d]{opacity:0;transform:translateY(.2rem);transition:all 0s 0s}@media (min-width:768px){.full-view-box[data-v-da655b2d]{box-sizing:border-box;height:100vh;padding-top:.4rem;position:relative;width:100vw}.full-view-box[data-v-da655b2d] .view-img{align-items:center;bottom:1.8rem;display:flex;justify-content:center;position:absolute;top:2.7rem;width:100%}.full-view-box[data-v-da655b2d] .view-img img{-webkit-user-drag:none;background:url(../png/error-default-1753417528241.e6903405.png) no-repeat 50%;background-size:20% 20%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .5s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:auto}.full-view-box .core[data-v-da655b2d]{background-color:pink;height:5.5rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12rem}.full-view-box .color-list[data-v-da655b2d]{background-color:#0006;border-radius:.5rem;bottom:.94rem;box-sizing:border-box;direction:ltr;display:flex;height:.7rem;justify-content:center;left:50%;max-width:12rem;padding:0 .32rem;position:absolute;transform:translate(-50%);z-index:2}.full-view-box .color-list[data-v-da655b2d]::-webkit-scrollbar{display:none}.full-view-box .color-list .color-item[data-v-da655b2d]{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:.08rem;height:100%;justify-content:center;margin-right:.2rem;position:relative;width:.4rem}.full-view-box .color-list .color-item[data-v-da655b2d]:last-child{margin-right:0}.full-view-box .color-list .color-item .color[data-v-da655b2d]{align-items:center;border:.02rem solid transparent;border-radius:50%;display:flex;height:.4rem;justify-content:center;padding:.04rem;position:relative;transform-origin:bottom;transition:all .5s;width:.4rem;z-index:2}.full-view-box .color-list .color-item .color[data-v-da655b2d]:hover{border-color:#fff6}.full-view-box .color-list .color-item .color img[data-v-da655b2d]{-webkit-user-drag:none;border-radius:50%;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:.4rem}.full-view-box .color-list .color-item .color-active[data-v-da655b2d]{border-color:#fff}.full-view-box .color-list .color-item .desc[data-v-da655b2d]{word-wrap:break-word;background:#fff;border-radius:.04rem;bottom:150%;box-shadow:0 0 .08rem #00000080;color:#363f4f;display:none;flex:1;font-size:.14rem;left:50%;margin-top:.08rem;overflow:hidden;padding:.1rem;position:absolute;text-align:center;transform:translate(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:pre-wrap;width:.8rem;z-index:10}.full-view-box .color-list .color-item:hover .desc[data-v-da655b2d]{display:block}.full-view-box .color-list.hide[data-v-da655b2d]{border-radius:50%;height:.54rem;max-width:.54rem;padding-left:0;padding-right:0;transform:translate(-50%,-1rem)}.color-name[data-v-da655b2d]{bottom:.4rem;font-size:.2rem;margin:0;position:absolute;text-align:center;width:100%}}@media (max-width:1280px){.full-view-box[data-v-da655b2d]{padding:.45rem 0 .46rem}[data-v-da655b2d] .module-title-image{width:3rem}}@media (max-width:768px){.full-view-box[data-v-da655b2d]{box-sizing:border-box;padding:.95rem 0 .96rem;position:relative;width:100%}.full-view-box[data-v-da655b2d] .module-title-image{width:2.4rem}.full-view-box .view-img[data-v-da655b2d]{height:2.12rem;min-height:1rem;width:3.75rem}.full-view-box .view-img img[data-v-da655b2d]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.full-view-box .core[data-v-da655b2d]{background-color:pink;height:5.5rem;transform:translate(-50%,-50%);width:12rem}.full-view-box .color-name[data-v-da655b2d]{color:#3d3d3d;display:block;font-size:.14rem;margin-top:.2rem;text-align:center}.full-view-box .color-list[data-v-da655b2d]{-webkit-overflow-scrolling:touch;align-items:center;background-color:#0006;border-radius:.36rem;box-sizing:border-box;direction:ltr;display:flex;height:.55rem;margin:0 auto;overflow:hidden;overflow-x:auto;width:3rem}.full-view-box .color-list.center[data-v-da655b2d]{justify-content:center}.full-view-box .color-list.hide[data-v-da655b2d]{height:.38rem;transform:translateY(-.3rem);width:.38rem}.full-view-box .color-list[data-v-da655b2d]::-webkit-scrollbar{display:none}.full-view-box .color-list .color-item[data-v-da655b2d]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 .06rem}.full-view-box .color-list .color-item .color[data-v-da655b2d]{border:.02rem solid transparent;border-radius:50%;height:.32rem;padding:.04rem;transform-origin:bottom;transition:all .5s;width:.32rem}.full-view-box .color-list .color-item .color img[data-v-da655b2d]{border-radius:50%;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-da655b2d]{border-color:#fff}.full-view-box .color-list .color-item .desc[data-v-da655b2d]{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%}}