.co-section{box-sizing:border-box;padding:1.8rem .4rem 1.2rem;position:relative}.co-section>main{max-width:24rem;margin:0 auto}.co-title{color:#191f28;white-space:wrap;word-break:break-word;font-family:Outfit-Bold;font-size:.64rem;font-weight:700}.co-title.small{font-size:.48rem}.co-desc{color:gray;white-space:wrap;word-break:break-word;font-size:.32rem;line-height:1.5}.co-btn{color:#fff;cursor:pointer;box-sizing:border-box;white-space:nowrap;background-color:#000;border:0;border-radius:1.2rem;outline:none;justify-content:center;align-items:center;min-width:3.2rem;height:1.2rem;padding:0 .6rem;font-size:.36rem;font-weight:700;transition:all .2s ease-in-out;display:inline-flex}.co-btn:hover{background-color:#444}.co-btn:active{background-color:#222}.co-btn:hover.arrow:after,.co-btn:active.arrow:after{filter:brightness(0)invert();transform:translate(.1rem)}.co-btn.arrow:after{content:"";filter:brightness(0)invert();background:url(/arrow.svg) 0/.28rem .28rem no-repeat;width:.28rem;height:.28rem;margin-left:.2rem;transition:all .2s ease-in-out;display:inline-block}.co-btn.small{border-radius:.96rem;min-width:2.4rem;height:.96rem;padding:0 .48rem;font-size:.28rem}.co-btn.small.arrow:after{background-size:.2rem .2rem;width:.2rem;height:.2rem;margin-left:.16rem}.co-btn.white{color:#000;background-color:#fff;border:.02rem solid #dcd8e4}.co-btn.white:hover{background-color:#f0f0f0;border-color:#444}.co-btn.white:active{background-color:#f8f8f8;border-color:#222}.co-btn+.co-btn{margin-left:.3rem}.sec-1[data-v-f0cab682]{flex-direction:column;justify-content:center;min-height:100vh;display:flex}.sec-1 main[data-v-f0cab682]{box-sizing:border-box;flex-direction:column;justify-content:center;height:100%;display:flex}.sec-1 .main-title[data-v-f0cab682]{text-align:center;letter-spacing:.24rem;font-size:1.04rem}.sec-1 .main-desc[data-v-f0cab682]{text-align:center;margin-top:.6rem}.sec-1 .main-colors[data-v-f0cab682]{z-index:1;flex-wrap:wrap;grid-template-columns:repeat(7,1fr);justify-content:center;align-items:center;gap:1.2rem;margin-top:1.6rem;display:grid}.sec-1 .main-colors .color-item[data-v-f0cab682]{cursor:pointer;flex-direction:column;align-items:center;display:flex;position:relative}.sec-1 .main-colors .color-item .color[data-v-f0cab682]{box-sizing:border-box;border:.08rem solid #fff;border-radius:50%;width:1.8rem;height:1.8rem;transition:all .2s ease-in-out;box-shadow:0 .2rem .3rem -.06rem rgba(0,0,0,.1),0 .08rem .12rem -.08rem rgba(0,0,0,.1)}.sec-1 .main-colors .color-item .val[data-v-f0cab682]{color:gray;margin-top:.3rem;font-size:.28rem;transition:all .2s ease-in-out}.sec-1 .main-colors .color-item .tip[data-v-f0cab682]{color:#191f28;white-space:nowrap;filter:drop-shadow(0 0 .4rem rgba(0,0,0,.15));opacity:0;pointer-events:none;background:#fff;border-radius:.2rem;justify-content:center;align-items:center;width:auto;padding:.12rem .2rem;font-size:.24rem;transition:all .2s ease-in-out;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%,-100%)}.sec-1 .main-colors .color-item .tip[data-v-f0cab682]:after{content:"";border-top:.12rem solid #fff;border-left:.12rem solid transparent;border-right:.12rem solid transparent;width:0;height:0;position:absolute;bottom:-.1rem;left:50%;transform:translate(-50%)}.sec-1 .main-colors .color-item:hover .color[data-v-f0cab682]{box-shadow:0 .2rem 1.2rem -.18rem rgba(0,0,0,.2),0 .08rem .72rem -.24rem rgba(0,0,0,.2)}.sec-1 .main-colors .color-item:hover .val[data-v-f0cab682]{color:#191f28}.sec-1 .main-colors .color-item:hover .tip[data-v-f0cab682]{opacity:1;top:-.2rem}.sec-1 .main-next[data-v-f0cab682]{flex-direction:column;justify-content:center;align-items:center;margin-top:1.6rem;display:flex}@media screen and (max-width:1000px){.sec-1[data-v-f0cab682]{padding-top:.6rem;padding-bottom:.6rem}.sec-1 .main-title[data-v-f0cab682]{font-size:.96rem}.sec-1 .main-colors[data-v-f0cab682]{grid-template-columns:repeat(3,1fr);gap:.6rem;margin:.6rem auto 0}.sec-1 .main-colors .color-item .color[data-v-f0cab682]{width:1.4rem;height:1.4rem}.sec-1 .main-colors .color-item[data-v-f0cab682]:last-child{grid-column:2/3}.sec-1 .main-next[data-v-f0cab682]{margin-top:.6rem}}.slider[data-v-b877a5aa]{user-select:none;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;flex-wrap:nowrap;align-items:center;height:.64rem;display:flex;position:relative}.slider .bar[data-v-b877a5aa]{background:#f1f2f5;border-radius:1.98rem;width:100%;height:.12rem;position:relative}.slider .bar .active[data-v-b877a5aa]{border-radius:inherit;background:#354ff5;width:0;height:100%;position:absolute;top:0;left:0}.slider .bar .dot[data-v-b877a5aa]{cursor:pointer;background:#fff;border-radius:100%;justify-content:center;align-items:center;width:.4rem;height:.4rem;display:flex;position:absolute;top:50%;left:0;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 .1rem rgba(6,2,38,.2)}.sec-2 .main-desc[data-v-46fa3461]{margin-top:.2rem}.sec-2 .color-picker-card[data-v-46fa3461]{box-sizing:border-box;background:#fff;border-radius:.3rem;margin-top:.3rem;padding:.6rem;box-shadow:0 .5rem 1rem -.24rem rgba(0,0,0,.1)}.sec-2 .color-picker-card .card-head[data-v-46fa3461]{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.sec-2 .color-picker-card .card-head .left-part[data-v-46fa3461]{flex-wrap:wrap;align-items:center;display:flex}.sec-2 .color-picker-card .card-head .left-part .format-color[data-v-46fa3461]{align-items:center;margin-right:.5rem;font-size:.28rem;display:flex}.sec-2 .color-picker-card .card-head .left-part .format-color .label[data-v-46fa3461]{color:gray;white-space:nowrap;width:.6rem;font-weight:700}.sec-2 .color-picker-card .card-head .left-part .format-color .value[data-v-46fa3461]{white-space:nowrap;cursor:pointer;margin-left:.2rem}.sec-2 .color-picker-card .card-head .right-part .btn .icon[data-v-46fa3461]{filter:brightness(0)invert();width:.28rem;height:.28rem;margin-left:.16rem}.sec-2 .color-picker-card .card-head .right-part .btn.white .icon[data-v-46fa3461]{filter:brightness(0)}.sec-2 .color-picker-card .card-body[data-v-46fa3461]{grid-gap:30px;grid-template-columns:1fr 400px;margin-top:30px;display:grid}.sec-2 .color-picker-card .card-body .slider-box[data-v-46fa3461]{flex-direction:column;flex-grow:1;justify-content:center}.sec-2 .color-picker-card .card-body .slider-box .slider-item .slider-label[data-v-46fa3461]{color:gray;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;display:flex}.sec-2 .color-picker-card .card-body .preview-box[data-v-46fa3461]{flex-direction:column;flex-shrink:0;justify-content:center;width:100%;display:flex}.sec-2 .color-picker-card .card-body .preview-box .preview-color[data-v-46fa3461]{border-radius:15px;width:100%;height:160px}.sec-2 .color-picker-card .card-body .preview-box .color-list[data-v-46fa3461]{margin-top:20px;display:flex}.sec-2 .color-picker-card .card-body .preview-box .color-list .item[data-v-46fa3461]{cursor:pointer;width:10%;height:30px;transition:all .125s linear}.sec-2 .color-picker-card .card-body .preview-box .color-list .item[data-v-46fa3461]:hover{transform:scale(1.2);box-shadow:0 0 15px rgba(0,0,0,.125)}.sec-2 .color-picker-card .card-body .preview-box .color-list .item[data-v-46fa3461]:first-child{border-radius:15px 0 0 15px}.sec-2 .color-picker-card .card-body .preview-box .color-list .item[data-v-46fa3461]:last-child{border-radius:0 15px 15px 0}.sec-2 .color-picker-card .card-submit[data-v-46fa3461]{justify-content:center;align-items:center;margin-top:.6rem;display:flex}.sec-2 .color-picker-card .card-result[data-v-46fa3461]{margin-top:.6rem}.sec-2 .color-picker-card .card-result .loading[data-v-46fa3461]{box-sizing:border-box;justify-content:center;align-items:center;height:1.2rem;padding:.3rem;display:flex}.sec-2 .color-picker-card .card-result .loading img[data-v-46fa3461]{width:.6rem;height:.6rem;display:block}.sec-2 .color-picker-card .card-result .palette-list .palette .title[data-v-46fa3461]{color:#191f28;font-size:.32rem;font-weight:700}.sec-2 .color-picker-card .card-result .palette-list .palette .desc[data-v-46fa3461]{color:gray;margin-top:.3rem;font-size:.28rem}.sec-2 .color-picker-card .card-result .palette-list .palette .table-box[data-v-46fa3461]{border-radius:.3rem;margin-top:.3rem;overflow-x:auto;box-shadow:inset 0 0 0 .02rem #eae7ee}.sec-2 .color-picker-card .card-result .palette-list .palette table[data-v-46fa3461]{border:.02rem solid #eae7ee;width:100%}.sec-2 .color-picker-card .card-result .palette-list .palette table th[data-v-46fa3461],.sec-2 .color-picker-card .card-result .palette-list .palette table td[data-v-46fa3461]{border-top:.02rem solid #eae7ee;border-bottom:.02rem solid #eae7ee;padding:.24rem .32rem}.sec-2 .color-picker-card .card-result .palette-list .palette table .title[data-v-46fa3461]{font-weight:700}.sec-2 .color-picker-card .card-result .palette-list .palette table .color[data-v-46fa3461]{border-radius:.64rem;width:.64rem;height:.64rem;display:block}@media screen and (max-width:1000px){.sec-2 .color-picker-card .card-head .left-part[data-v-46fa3461],.sec-2 .color-picker-card .card-head .right-part[data-v-46fa3461]{width:100%}.sec-2 .color-picker-card .card-head .left-part .format-color[data-v-46fa3461]{width:50%;margin-bottom:.2rem;margin-right:0}.sec-2 .color-picker-card .card-head .right-part .btn[data-v-46fa3461]{width:100%;margin-bottom:.2rem;margin-left:0}.sec-2 .color-picker-card .card-body[data-v-46fa3461]{grid-template-columns:1fr}.sec-2 .color-picker-card .card-submit .btn[data-v-46fa3461]{width:100%}}.sec-3 .main-desc[data-v-d8a4a785]{margin-top:.2rem}.sec-3 .main-list[data-v-d8a4a785]{grid-gap:.6rem;grid-template-columns:repeat(3,1fr);margin-top:.6rem;display:grid}.sec-3 .main-list .item[data-v-d8a4a785]{aspect-ratio:16/10;cursor:pointer;background:#fff;border-radius:.3rem;flex-direction:column;width:100%;min-height:3.2rem;transition:all .2s ease-in-out;display:flex;overflow:hidden;box-shadow:0 .5rem 1rem -.24rem rgba(0,0,0,.125)}.sec-3 .main-list .item[data-v-d8a4a785]:hover{transform:translateY(-.1rem);box-shadow:0 1rem 2rem -.4rem rgba(0,0,0,.2)}.sec-3 .main-list .item .cover[data-v-d8a4a785]{flex-grow:1;display:block;overflow:hidden}.sec-3 .main-list .item .cover img[data-v-d8a4a785]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.sec-3 .main-list .item .text[data-v-d8a4a785]{box-sizing:border-box;flex-shrink:0;padding:.2rem .3rem}.sec-3 .main-list .item .text .name[data-v-d8a4a785]{color:#191f28;font-family:Outfit-Bold;font-size:.32rem;font-weight:700}.sec-3 .main-list .item .text .desc[data-v-d8a4a785]{color:gray;margin-top:.1rem;font-size:.28rem;line-height:1.5}@media screen and (max-width:1000px){.sec-3 .main-list[data-v-d8a4a785]{grid-template-columns:1fr}}.sec-4 .main-desc[data-v-440b041b]{margin-top:.3rem}.sec-4 .lr-part[data-v-440b041b]{margin-top:.8rem;display:flex}.sec-4 .left[data-v-440b041b]{width:50%}.sec-4 .left h2[data-v-440b041b]{color:#4e4e4e;font-size:.4rem;font-weight:700}.sec-4 .left input[data-v-440b041b]{color:#191f28;background-color:transparent;border:0;border-bottom:.02rem solid #9c9c9c;outline:0;width:10rem;margin-top:.4rem;font-size:.56rem;font-weight:700;display:block}.sec-4 .left textarea[data-v-440b041b]{color:#191f28;background-color:transparent;border:0;border-bottom:.02rem solid #9c9c9c;outline:0;width:10rem;margin-top:.6rem;font-size:.56rem;font-weight:700;line-height:1.55;display:block}.sec-4 .left button[data-v-440b041b]{width:2.4rem;margin-top:.6rem;display:block}.sec-4 .left p[data-v-440b041b]{margin-top:.6rem}.sec-4 .left p a[data-v-440b041b]{color:#354ff5;text-decoration:underline;transition:all .2s ease-in-out}.sec-4 .left p a[data-v-440b041b]:hover{opacity:.8}.sec-4 .right[data-v-440b041b]{box-sizing:border-box;width:50%;padding-left:.8rem}.sec-4 .right h2[data-v-440b041b]{font-size:.4rem;font-weight:700}.sec-4 .right div[data-v-440b041b]{display:flex}.sec-4 .right img[data-v-440b041b]{border-radius:.32rem;width:4.4rem;height:4.4rem;margin-top:.4rem;display:block}.sec-4 .right img+img[data-v-440b041b]{margin-left:.8rem}@media screen and (max-width:1000px){.sec-4 .lr-part[data-v-440b041b]{flex-direction:column}.sec-4 .left[data-v-440b041b]{width:100%}.sec-4 .left h2[data-v-440b041b],.sec-4 .left a[data-v-440b041b]{text-align:center}.sec-4 .left input[data-v-440b041b],.sec-4 .left textarea[data-v-440b041b]{width:100%}.sec-4 .left button[data-v-440b041b]{margin:.6rem auto}.sec-4 .right[data-v-440b041b]{width:100%;margin-top:.8rem;padding-left:0}.sec-4 .right h2[data-v-440b041b]{text-align:center}.sec-4 .right img[data-v-440b041b]{margin:.6rem auto}}.footer[data-v-39f7527e]{color:gray;border-top:.02rem solid #eae7ee}.footer main[data-v-39f7527e]{box-sizing:border-box;justify-content:space-between;align-items:center;max-width:24rem;margin:0 auto;padding:.32rem .4rem;display:flex}.footer main a[data-v-39f7527e]{color:inherit;align-items:center;font-size:.28rem;display:inline-flex}.footer main a[data-v-39f7527e]:hover{text-decoration:underline}.footer main a img[data-v-39f7527e]{width:.4rem;margin-right:.12rem;display:block}@media screen and (max-width:1000px){.footer main[data-v-39f7527e]{flex-direction:column}.footer main a+a[data-v-39f7527e]{margin-top:.24rem}}.page-index[data-v-90095437]{color:#191f28;background-color:#f7f8f9}