[data-v-bda7b8f1]:root{--cu-main-color:#000;--cu-main-link:#222;--cu-main-active-color:#ff2f00;--cu-primary-color:#ff2f00;--cu-design-header-bg:#222;--cu-design-header-color:#fff;--cu-design-main-bg:#000;--cu-design-main-border:#393939;--cu-design-main-shadow:rgba(0,0,0,.05);--cu-design-tool-bg:#fff;--cu-design-tool-color:#333;--cu-design-btn-bg:#000;--cu-design-btn-border:#aeaeae;--cu-design-btn-color:#fff;--cu-design-btn-active-color:#222;--cu-design-btn-active-bg:#ff2f00;--cu-design-right-color:#fff;--cu-design-tool-slider:#fff;--cu-design-typeset-color:#9d9d9d;--cu-design-typeset-active:#222}.font-tag[data-v-bda7b8f1]{border-bottom:1px solid #d5d5d5;border-top:1px solid #d5d5d5;display:flex;max-width:calc(10% + 1680px);padding:16px 5%}.column-list[data-v-bda7b8f1]{margin-bottom:20px;padding-right:5%;width:25%}.column-list-title[data-v-bda7b8f1]{color:#999;font-size:13px;font-weight:400}.column-list-item[data-v-bda7b8f1]{border:1px solid #cdcdcd;border-radius:11px;color:#222;font-size:13px;height:22px;margin:0 4px 8px 0;width:80px}.column-list-item.active[data-v-bda7b8f1],.column-list-item[data-v-bda7b8f1]:hover{background:#333;color:#fff}.column-list-brand[data-v-bda7b8f1]{background:#efefef;border:1px solid #d5d5d5;border-radius:19px;height:38px;margin-right:8px;width:116px}.column-list-brand.active[data-v-bda7b8f1],.column-list-brand[data-v-bda7b8f1]:hover{background:#333;color:#fff}[data-v-0f9972b6]:root{--cu-main-color:#000;--cu-main-link:#222;--cu-main-active-color:#ff2f00;--cu-primary-color:#ff2f00;--cu-design-header-bg:#222;--cu-design-header-color:#fff;--cu-design-main-bg:#000;--cu-design-main-border:#393939;--cu-design-main-shadow:rgba(0,0,0,.05);--cu-design-tool-bg:#fff;--cu-design-tool-color:#333;--cu-design-btn-bg:#000;--cu-design-btn-border:#aeaeae;--cu-design-btn-color:#fff;--cu-design-btn-active-color:#222;--cu-design-btn-active-bg:#ff2f00;--cu-design-right-color:#fff;--cu-design-tool-slider:#fff;--cu-design-typeset-color:#9d9d9d;--cu-design-typeset-active:#222}.toolbar-layout[data-v-0f9972b6]{background:#efefef;border:1px solid #d5d5d5;border-radius:23px;height:38px;overflow:hidden;position:relative;width:240px}.toolbar-layout-slider[data-v-0f9972b6]{background:#222;border-radius:23px;height:100%;left:0;position:absolute;top:0;transition:transform .3s ease;width:120px;z-index:0}.toolbar-layout-item[data-v-0f9972b6]{border-radius:23px;color:#222;cursor:pointer;font-size:15px;font-weight:700;position:relative;transition:color .3s ease;width:120px;z-index:1}.toolbar-layout-item.active[data-v-0f9972b6]{color:#fff}[data-v-91cd09fa]:root{--cu-main-color:#000;--cu-main-link:#222;--cu-main-active-color:#ff2f00;--cu-primary-color:#ff2f00;--cu-design-header-bg:#222;--cu-design-header-color:#fff;--cu-design-main-bg:#000;--cu-design-main-border:#393939;--cu-design-main-shadow:rgba(0,0,0,.05);--cu-design-tool-bg:#fff;--cu-design-tool-color:#333;--cu-design-btn-bg:#000;--cu-design-btn-border:#aeaeae;--cu-design-btn-color:#fff;--cu-design-btn-active-color:#222;--cu-design-btn-active-bg:#ff2f00;--cu-design-right-color:#fff;--cu-design-tool-slider:#fff;--cu-design-typeset-color:#9d9d9d;--cu-design-typeset-active:#222}.toolbar-preview[data-v-91cd09fa]{align-items:center;background:#efefef;border:1px solid #d5d5d5;border-radius:23px;display:flex;height:38px;margin-left:12px;width:400px}.toolbar-preview__input[data-v-91cd09fa]{background-color:transparent;border:none;margin-left:30px;width:calc(100% - 70px)}.toolbar-preview[data-v-91cd09fa] .ant-input:focus{box-shadow:none}[data-v-7f753093]:root{--cu-main-color:#000;--cu-main-link:#222;--cu-main-active-color:#ff2f00;--cu-primary-color:#ff2f00;--cu-design-header-bg:#222;--cu-design-header-color:#fff;--cu-design-main-bg:#000;--cu-design-main-border:#393939;--cu-design-main-shadow:rgba(0,0,0,.05);--cu-design-tool-bg:#fff;--cu-design-tool-color:#333;--cu-design-btn-bg:#000;--cu-design-btn-border:#aeaeae;--cu-design-btn-color:#fff;--cu-design-btn-active-color:#222;--cu-design-btn-active-bg:#ff2f00;--cu-design-right-color:#fff;--cu-design-tool-slider:#fff;--cu-design-typeset-color:#9d9d9d;--cu-design-typeset-active:#222}.toolbar[data-v-7f753093]{align-items:center;display:flex;margin:24px auto;max-width:calc(10% + 1680px);padding:16px 5%}.font-tag-column[data-v-7f753093]{background:#efefef;border:1px solid #d5d5d5;border-radius:23px;color:#222;font-size:15px;font-weight:700;height:38px;margin-right:48px;position:relative;width:126px}.font-tag-column.active[data-v-7f753093],.font-tag-column[data-v-7f753093]:hover{background:#222;color:#fff}[data-v-5e452af2]:root{--cu-main-color:#000;--cu-main-link:#222;--cu-main-active-color:#ff2f00;--cu-primary-color:#ff2f00;--cu-design-header-bg:#222;--cu-design-header-color:#fff;--cu-design-main-bg:#000;--cu-design-main-border:#393939;--cu-design-main-shadow:rgba(0,0,0,.05);--cu-design-tool-bg:#fff;--cu-design-tool-color:#333;--cu-design-btn-bg:#000;--cu-design-btn-border:#aeaeae;--cu-design-btn-color:#fff;--cu-design-btn-active-color:#222;--cu-design-btn-active-bg:#ff2f00;--cu-design-right-color:#fff;--cu-design-tool-slider:#fff;--cu-design-typeset-color:#9d9d9d;--cu-design-typeset-active:#222}.font-card-item[data-v-5e452af2]{aspect-ratio:.723/1;background:#ededed;border-radius:20px;margin:0 16px 32px;padding:48px 36px 0;position:relative;width:calc(25% - 32px)}.font-card-item_name[data-v-5e452af2]{color:#222;font-size:16px;font-weight:700}.font-card-item_desc[data-v-5e452af2]{color:#666;font-size:14px;font-weight:400;line-height:20px;margin-top:8px}.font-card-item_text[data-v-5e452af2]{bottom:27px;color:#222;font-size:192px;font-weight:700;position:absolute}.font-card-item_tag[data-v-5e452af2]{border-radius:26px;color:#000;font-size:13px;font-weight:700;height:22px;padding:0 13px;position:absolute;right:0;top:-11px}.font-card-item_family[data-v-5e452af2]{position:absolute;right:29px;top:47px}[data-v-81949e74]:root{--cu-main-color:#000;--cu-main-link:#222;--cu-main-active-color:#ff2f00;--cu-primary-color:#ff2f00;--cu-design-header-bg:#222;--cu-design-header-color:#fff;--cu-design-main-bg:#000;--cu-design-main-border:#393939;--cu-design-main-shadow:rgba(0,0,0,.05);--cu-design-tool-bg:#fff;--cu-design-tool-color:#333;--cu-design-btn-bg:#000;--cu-design-btn-border:#aeaeae;--cu-design-btn-color:#fff;--cu-design-btn-active-color:#222;--cu-design-btn-active-bg:#ff2f00;--cu-design-right-color:#fff;--cu-design-tool-slider:#fff;--cu-design-typeset-color:#9d9d9d;--cu-design-typeset-active:#222}.font-card[data-v-81949e74]{display:flex;flex-wrap:wrap;margin:0 -16px 50px}[data-v-da55f6c4]:root{--cu-main-color:#000;--cu-main-link:#222;--cu-main-active-color:#ff2f00;--cu-primary-color:#ff2f00;--cu-design-header-bg:#222;--cu-design-header-color:#fff;--cu-design-main-bg:#000;--cu-design-main-border:#393939;--cu-design-main-shadow:rgba(0,0,0,.05);--cu-design-tool-bg:#fff;--cu-design-tool-color:#333;--cu-design-btn-bg:#000;--cu-design-btn-border:#aeaeae;--cu-design-btn-color:#fff;--cu-design-btn-active-color:#222;--cu-design-btn-active-bg:#ff2f00;--cu-design-right-color:#fff;--cu-design-tool-slider:#fff;--cu-design-typeset-color:#9d9d9d;--cu-design-typeset-active:#222}.font-case-item[data-v-da55f6c4]{margin:0 16px 28px;width:calc(25% - 32px)}.font-case-item__img[data-v-da55f6c4]{aspect-ratio:.723/1;border-radius:10px;-o-object-fit:cover;object-fit:cover}.font-case-item__name[data-v-da55f6c4]{color:#222;font-size:16px;font-weight:700;margin-top:12px;text-align:center}[data-v-c1b3aa99]:root{--cu-main-color:#000;--cu-main-link:#222;--cu-main-active-color:#ff2f00;--cu-primary-color:#ff2f00;--cu-design-header-bg:#222;--cu-design-header-color:#fff;--cu-design-main-bg:#000;--cu-design-main-border:#393939;--cu-design-main-shadow:rgba(0,0,0,.05);--cu-design-tool-bg:#fff;--cu-design-tool-color:#333;--cu-design-btn-bg:#000;--cu-design-btn-border:#aeaeae;--cu-design-btn-color:#fff;--cu-design-btn-active-color:#222;--cu-design-btn-active-bg:#ff2f00;--cu-design-right-color:#fff;--cu-design-tool-slider:#fff;--cu-design-typeset-color:#9d9d9d;--cu-design-typeset-active:#222}.font-case[data-v-c1b3aa99]{display:flex;flex-wrap:wrap;margin:0 -16px 50px}[data-v-f2fc4a5d]:root{--cu-main-color:#000;--cu-main-link:#222;--cu-main-active-color:#ff2f00;--cu-primary-color:#ff2f00;--cu-design-header-bg:#222;--cu-design-header-color:#fff;--cu-design-main-bg:#000;--cu-design-main-border:#393939;--cu-design-main-shadow:rgba(0,0,0,.05);--cu-design-tool-bg:#fff;--cu-design-tool-color:#333;--cu-design-btn-bg:#000;--cu-design-btn-border:#aeaeae;--cu-design-btn-color:#fff;--cu-design-btn-active-color:#222;--cu-design-btn-active-bg:#ff2f00;--cu-design-right-color:#fff;--cu-design-tool-slider:#fff;--cu-design-typeset-color:#9d9d9d;--cu-design-typeset-active:#222}.font-family[data-v-f2fc4a5d]{padding-top:28px}.font-family-item[data-v-f2fc4a5d]{border-top:1px dashed #c2c2c2;display:block;padding:28px 0}.font-family-item:hover .font-family-item-btn[data-v-f2fc4a5d]{background:#222;color:#fff}.font-family-item-sample[data-v-f2fc4a5d]{line-height:1.2;margin-top:20px;white-space:pre-wrap}.font-family-item-btn[data-v-f2fc4a5d]{background:#ededed;border:1px solid #000;border-radius:23px;color:#222;font-size:14px;font-weight:700;height:32px;margin-left:auto;width:100px}.font-table-item-family[data-v-f2fc4a5d]{cursor:pointer}.font-table-item-family i[data-v-f2fc4a5d]{transition:transform .3s ease}.font-table-item-family:not(.expanded) i[data-v-f2fc4a5d]{transform:rotate(180deg)}:root{--cu-main-color:#000;--cu-main-link:#222;--cu-main-active-color:#ff2f00;--cu-primary-color:#ff2f00;--cu-design-header-bg:#222;--cu-design-header-color:#fff;--cu-design-main-bg:#000;--cu-design-main-border:#393939;--cu-design-main-shadow:rgba(0,0,0,.05);--cu-design-tool-bg:#fff;--cu-design-tool-color:#333;--cu-design-btn-bg:#000;--cu-design-btn-border:#aeaeae;--cu-design-btn-color:#fff;--cu-design-btn-active-color:#222;--cu-design-btn-active-bg:#ff2f00;--cu-design-right-color:#fff;--cu-design-tool-slider:#fff;--cu-design-typeset-color:#9d9d9d;--cu-design-typeset-active:#222}.font-table-item{background:#ededed;border-radius:20px;margin-bottom:36px;padding:28px 36px}.font-table-item:hover .font-table-item-btn{background:#222;color:#fff}.font-table-item-header{align-items:center;display:flex;width:100%}.font-table-item-name{align-items:center;color:#222;display:flex;font-size:16px;font-weight:700}.font-table-item-tag{background:#ff2f00;border-radius:26px;font-size:13px;font-weight:700;height:22px;margin-left:12px;padding:0 10px}.font-table-item-num{color:#666;font-size:14px;font-weight:500}.font-table-item-family{cursor:pointer;margin-left:15px;width:90px}.font-table-item-family,.font-table-item-slider{background:#fff;border-radius:26px;color:#666;font-size:12px;font-weight:500;height:22px}.font-table-item-slider{margin-left:12px;padding:0 10px;width:258px}.font-table-item-btn{background:#ededed;border:1px solid #000;border-radius:23px;color:#222;font-size:14px;font-weight:700;height:32px;width:100px}.font-table-item-sample{display:block;line-height:1.2;margin-top:60px;white-space:pre-wrap}.font-table-item .ant-slider{margin-top:15px;width:100%}.font-table-item .ant-slider .ant-slider-rail,.font-table-item .ant-slider .ant-slider-track{background-color:#333;height:1px}.font-table-item .ant-slider .ant-slider-handle{top:-1px}.font-table-item .ant-slider .ant-slider-handle:after{background-color:#333;box-shadow:0 0 0 2px #333}[data-v-4dbd2a31]:root{--cu-main-color:#000;--cu-main-link:#222;--cu-main-active-color:#ff2f00;--cu-primary-color:#ff2f00;--cu-design-header-bg:#222;--cu-design-header-color:#fff;--cu-design-main-bg:#000;--cu-design-main-border:#393939;--cu-design-main-shadow:rgba(0,0,0,.05);--cu-design-tool-bg:#fff;--cu-design-tool-color:#333;--cu-design-btn-bg:#000;--cu-design-btn-border:#aeaeae;--cu-design-btn-color:#fff;--cu-design-btn-active-color:#222;--cu-design-btn-active-bg:#ff2f00;--cu-design-right-color:#fff;--cu-design-tool-slider:#fff;--cu-design-typeset-color:#9d9d9d;--cu-design-typeset-active:#222}.page-font-title[data-v-4dbd2a31]{color:#222;font-size:48px;margin:18px auto}.page-font-list[data-v-4dbd2a31],.page-font-title[data-v-4dbd2a31]{max-width:calc(10% + 1680px);padding:0 5%}.page-font-list[data-v-4dbd2a31]{margin:0 auto 36px}