.font-card-block[data-v-55d2b3dc] *{box-sizing:border-box}.font-card-block .font-tabs[data-v-55d2b3dc]{border-bottom:2px solid transparent;display:flex;flex-wrap:wrap;margin-bottom:30px;padding:0 15px}.font-card-block .font-tab-item[data-v-55d2b3dc]{background:none;border:none;border-bottom:2px solid transparent;color:#666;cursor:pointer;font-family:微软雅黑,sans-serif;font-size:16px;font-weight:500;margin-bottom:-2px;margin-right:10px;padding:12px 24px;transition:all .3s ease}.font-card-block .font-tab-item[data-v-55d2b3dc]:hover{border-bottom-color:#ddd;color:#333}.font-card-block .font-tab-item.active[data-v-55d2b3dc]{border-bottom-color:#13e0bc;color:#13e0bc;font-weight:600}@media(max-width:768px){.font-card-block .font-tabs[data-v-55d2b3dc]{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;white-space:nowrap}.font-card-block .font-tab-item[data-v-55d2b3dc]{font-size:14px;margin-right:5px;padding:6px 16px}}@media(max-width:480px){.font-card-block .font-tab-item[data-v-55d2b3dc]{font-size:13px;padding:6px}}.font-card-block .row[data-v-55d2b3dc]{display:flex;flex-wrap:wrap;margin-bottom:30px;margin-left:-6px;margin-right:-6px;width:calc(100% + 12px)}.font-card-block .col[data-v-55d2b3dc]{box-sizing:border-box;flex:0 0 auto;float:left;margin-bottom:20px;padding-left:6px;padding-right:6px;width:100%}.font-card-block .col.tiny-6[data-v-55d2b3dc]{width:50%}@media(min-width:48em){.font-card-block .row[data-v-55d2b3dc]{margin-left:-8px;margin-right:-8px;width:calc(100% + 16px)}.font-card-block .col[data-v-55d2b3dc]{margin-bottom:24px;padding-left:6px;padding-right:6px}.font-card-block .col.small-4[data-v-55d2b3dc]{width:33.33333%}}@media(min-width:53.75em){.font-card-block .row[data-v-55d2b3dc]{margin-left:-10px;margin-right:-10px;width:calc(100% + 20px)}.font-card-block .col[data-v-55d2b3dc]{margin-bottom:28px;padding-left:10px;padding-right:10px}.font-card-block .col.medium-4[data-v-55d2b3dc]{width:25%}}@media(min-width:64em){.font-card-block .row[data-v-55d2b3dc]{margin-left:-12px;margin-right:-12px;width:calc(100% + 24px)}.font-card-block .col[data-v-55d2b3dc]{margin-bottom:32px;padding-left:12px;padding-right:12px}.font-card-block .col.large-5[data-v-55d2b3dc]{width:20%}}@media(min-width:87.5em){.font-card-block .row[data-v-55d2b3dc]{margin-left:-14px;margin-right:-14px;width:calc(100% + 28px)}.font-card-block .col[data-v-55d2b3dc]{margin-bottom:36px;padding-left:14px;padding-right:14px}.font-card-block .col.wide-5[data-v-55d2b3dc]{width:20%}}.font-card-block .tab-content[data-v-55d2b3dc]{animation:fadeIn-55d2b3dc .5s ease;display:none}.font-card-block .tab-content.active[data-v-55d2b3dc]{display:block}@keyframes fadeIn-55d2b3dc{0%{opacity:0}to{opacity:1}}.font-card-block .palette[data-v-55d2b3dc]{height:100%}.font-card-block .c-flex__itemm[data-v-55d2b3dc]{align-items:flex-start;background-color:#fff;border-bottom-style:none;border-radius:15px;box-shadow:0 18px 26px -4px #d4d4d44f;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:6px!important;text-decoration:none;transition:transform .3s cubic-bezier(.215,.61,.355,1),box-shadow .3s ease-in-out}.font-card-block .c-flex__itemm[data-v-55d2b3dc]:hover{box-shadow:0 25px 35px -4px #d4d4d466;transform:translateY(-5px)}.font-card-block .colors[data-v-55d2b3dc]{border-radius:10px;display:flex;flex-wrap:nowrap;overflow:hidden;width:100%}.font-card-block .colors .color[data-v-55d2b3dc]{background-color:#fcf4f4;height:130px}.font-card-block .colors .color[data-v-55d2b3dc],.font-card-block .tool-imgs[data-v-55d2b3dc]{align-content:center;align-items:center;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transition:all .1s ease-in-out;width:100%}.font-card-block .tool-imgs[data-v-55d2b3dc]{height:120px}.font-card-block .tool-imgs img[data-v-55d2b3dc]{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.font-card-block .local[data-v-55d2b3dc]{background-color:#ffffffe6;border:1px solid #ddd;border-radius:100px;box-sizing:border-box;color:#000!important;cursor:pointer;display:none;font-size:12px;margin:auto;padding:8px 12px;position:absolute;text-align:center;text-decoration:none;transition:all .15s ease-out;width:80px;z-index:10}.font-card-block a[data-v-55d2b3dc]:link,.font-card-block a[data-v-55d2b3dc]:visited{text-decoration:none;transition:all .5s}.font-card-block .colors .color:hover .tool-imgs[data-v-55d2b3dc]{background-color:#4b4b4b;border-radius:4px;height:140px;transform:translateY(-4px);transition:all .4s}.font-card-block .colors .color:hover .local[data-v-55d2b3dc]{background:#13e0bc!important;border:none;box-shadow:0 9px 20px -8px #13e0bc80!important;color:#fff!important;display:block;font-weight:700}.font-card-block .clr_code[data-v-55d2b3dc]{color:#434343;display:flex;font-size:.8em;font-weight:400;justify-content:space-between;line-height:22px;margin-top:10px;width:100%}.font-card-block .copy-click[data-v-55d2b3dc]{flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis}.font-card-block .copy-click[data-v-55d2b3dc],.font-card-block .copy-clicke[data-v-55d2b3dc]{font-family:微软雅黑,sans-serif;font-style:normal;white-space:nowrap}.font-card-block .copy-clicke[data-v-55d2b3dc]{background-color:#b5b5b540;border-radius:3px;color:#9aa9b3;display:inline-block;font-size:.8em;height:22px;line-height:22px;margin-left:8px;padding:0 8px}.font-card-block .tab-container[data-v-55d2b3dc]{margin:0 auto;max-width:1600px;padding:0 15px;width:100%}.font-card-block .empty-state[data-v-55d2b3dc],.font-card-block .loading-state[data-v-55d2b3dc]{color:#999;font-size:14px;padding:60px;text-align:center}@media(max-width:767px){.font-card-block .c-flex__itemm[data-v-55d2b3dc]{padding:6px!important}.font-card-block .colors .color[data-v-55d2b3dc]{height:110px}.font-card-block .tool-imgs[data-v-55d2b3dc]{height:100px}.font-card-block .copy-click[data-v-55d2b3dc]{font-size:13px}}@media(max-width:480px){.font-card-block .col.tiny-6[data-v-55d2b3dc]{width:100%}.font-card-block .c-flex__itemm[data-v-55d2b3dc]{padding:8px!important}.font-card-block .colors .color[data-v-55d2b3dc]{height:100px}.font-card-block .tool-imgs[data-v-55d2b3dc]{height:90px}}