/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@font-face{font-family:Young Serif\:Regular;src:url(https://static.figma.com/font/YoungSerif-Regular_1)format("woff2");font-style:normal;font-weight:400}:root{color:#0c0c0c;font-synthesis:none;background:#fff;font-family:PingFang SC\:Regular,PingFang SC,Microsoft YaHei,sans-serif}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}.runtime-error{border:1px solid #0c0c0c;width:min(100% - 32px,720px);margin:12vh auto;padding:32px}.runtime-error h1{margin-top:0}.runtime-error pre{white-space:pre-wrap;background:#f2f2f2;padding:14px;overflow:auto}.runtime-error button{color:#fff;cursor:pointer;background:#0c0c0c;border:1px solid #0c0c0c;padding:9px 18px}a,button{-webkit-tap-highlight-color:transparent}a:active,button:active{opacity:.72;transform:translateY(1px)scale(.99)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-shell{--navbar-height:84px;box-sizing:border-box;min-height:100dvh;padding-top:var(--navbar-height);background:#fff;overflow-x:hidden}.navbar{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffc2;grid-template-columns:165px minmax(290px,360px) 1fr;align-items:center;gap:clamp(22px,2.7vw,40px);min-height:84px;padding:0 clamp(20px,4.2vw,56px);display:grid;position:fixed;top:0;left:0;right:0}.brand img{width:145px;height:auto;display:block}.search-form{grid-template-columns:1fr 70px;height:42px;display:grid}.search-form input{background:#ffffffb3;border:1px solid #0c0c0c;border-radius:0;outline:none;min-width:0;padding:0 12px;font-size:16px}.search-form input:focus{box-shadow:inset 0 0 0 1px #2f67ec}.search-form button{color:#fff;cursor:pointer;background:#0c0c0c;border:1px solid #0c0c0c;font-size:15px;transition:background .16s,color .16s}.search-form button:hover,.search-form button:focus-visible{color:#0c0c0c;background:#fff}.navbar nav{justify-content:flex-end;align-items:center;gap:clamp(16px,2.3vw,38px);font-size:clamp(17px,1.2vw,19px);display:flex}.navbar nav a{padding-block:18px;transition:color .16s}.navbar nav a:hover,.navbar nav a:focus-visible{color:#2f67ec}.navbar nav .nav-active{color:#2f67ec;font-family:PingFang SC\:Semibold,PingFang SC,sans-serif;font-weight:600}.navbar .always-link{text-underline-offset:3px;margin-left:18px;text-decoration:underline}main{width:100%}.hero,.content-section,.community-wrap{width:min(83.5%,1280px);margin-inline:auto}.hero{padding-top:clamp(72px,8vw,120px)}.hero-title{align-items:center;gap:clamp(10px,1.2vw,18px);height:clamp(65px,7.8vw,106px);display:flex}.hero-title>span{font-family:PingFang SC\:Thin,PingFang SC,sans-serif;font-size:clamp(48px,5.4vw,82px);font-weight:200}.hero-title img{width:min(64vw,681px);height:auto;display:block}.hero h1{letter-spacing:-.04em;margin:4px 0 22px;font-family:PingFang SC\:Thin,PingFang SC,sans-serif;font-size:clamp(43px,5.2vw,78px);font-weight:200}.find-link{text-underline-offset:4px;align-items:center;gap:8px;margin:0 0 clamp(32px,4vw,56px);font-family:PingFang SC\:Medium,PingFang SC,sans-serif;font-size:clamp(16px,1.6vw,24px);text-decoration:underline;transition:color .16s,text-underline-offset .16s;display:inline-flex}.find-link:hover,.find-link:focus-visible{color:#2f67ec;text-underline-offset:7px}.find-link img{width:22px;height:22px;transition:transform .18s,filter .18s}.find-link:hover img,.find-link:focus-visible img{filter:brightness(0)saturate()invert(38%)sepia(93%)saturate(2445%)hue-rotate(218deg)brightness(98%)contrast(94%);transform:rotate(45deg)}.hero-image{aspect-ratio:1.5;object-fit:cover;width:100%;display:block}.content-section{padding-top:clamp(64px,7vw,104px)}.content-section h2{margin:0 0 28px;font-family:PingFang SC\:Medium,PingFang SC,sans-serif;font-size:clamp(20px,2vw,28px);font-weight:500}.font-grid,.creator-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.font-card,.creator-card{background:#fff;border:1px solid #0c0c0c;flex-direction:column;justify-content:space-between;min-width:0;margin:0 -1px -1px 0;display:flex;position:relative}.font-card{min-height:350px;padding:clamp(20px,2vw,30px);transition:background .18s,color .18s}.font-preview{height:170px;min-height:170px;font-size:clamp(58px,5vw,78px);line-height:1.08;position:relative}.font-preview .preview-default,.font-preview .preview-hover,.library-font-preview .preview-default,.library-font-preview .preview-hover{transition:opacity .14s;position:absolute;top:0;left:0}.preview-default{opacity:1}.preview-hover{opacity:0;pointer-events:none}.font-card-bottom{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.font-card h3{text-underline-offset:3px;margin:0 0 13px;font-family:PingFang SC\:Medium,PingFang SC,sans-serif;font-size:22px;font-weight:500;text-decoration:underline}.font-card p,.creator-card p{margin:1px 0;font-size:15px}.arrow-circle{flex:0 0 40px;width:40px;height:40px;transition:transform .18s;display:block;position:relative;overflow:hidden}.arrow-image{width:40px;height:40px;display:block}.font-card:hover,.font-card:focus-visible{z-index:2;color:#fff;background:#050505;outline:none}.font-card:hover .preview-default,.font-card:focus-visible .preview-default{opacity:0}.font-card:hover .preview-hover,.font-card:focus-visible .preview-hover{opacity:1}.arrow-hover,.font-card:hover .arrow-image-default,.font-card:focus-visible .arrow-image-default{display:none}.font-card:hover .arrow-hover,.font-card:focus-visible .arrow-hover{width:40px;height:40px;display:block;position:relative}.font-card:hover .arrow-circle,.font-card:focus-visible .arrow-circle,.creator-card:hover .arrow-circle,.creator-card:focus-visible .arrow-circle,.creator-card:hover .split-arrow,.creator-card:focus-visible .split-arrow{transform:rotate(-45deg)}.arrow-hover img:first-child{width:40px;height:40px}.arrow-hover img:last-child{width:26px;height:26px;position:absolute;inset:7px}.more-link{color:#616161;align-items:center;gap:3px;width:max-content;margin:21px 0 0 auto;font-family:PingFang SC\:Medium,PingFang SC,sans-serif;font-size:20px;transition:color .16s,gap .16s;display:flex}.more-link:hover,.more-link:focus-visible{color:#0c0c0c;gap:8px}.more-link img{width:26px;height:26px}.empty-state{text-align:center;border:1px solid #0c0c0c;padding:52px 24px;font-size:16px}.empty-state button{color:#fff;cursor:pointer;background:#0c0c0c;border:1px solid #0c0c0c;margin:18px auto 0;padding:8px 16px;display:block}.creators-section{padding-top:clamp(60px,6vw,92px)}.creator-card{min-height:306px;padding:clamp(18px,1.8vw,27px)}.creator-name{min-height:118px;line-height:.92}.creator-name strong{letter-spacing:-.04em;font-family:Young Serif\:Regular,Georgia,serif;font-size:clamp(38px,3.7vw,56px);font-weight:400;display:block}.creator-name span{margin-top:5px;font-family:XiangcuiDengcusong\:Regular,Songti SC,serif;font-size:clamp(28px,2.65vw,40px);display:block}.creator-details{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.creator-details h3{margin:0 0 12px;font-family:PingFang SC\:Semibold,PingFang SC,sans-serif;font-size:20px;font-weight:600}.creator-card{transition:background .18s,color .18s}.creator-card:hover,.creator-card:focus-visible{z-index:2;color:#fff;background:#050505;outline:none}.creator-card:hover .arrow-image,.creator-card:focus-visible .arrow-image,.creator-card:hover .split-arrow,.creator-card:focus-visible .split-arrow{filter:invert()}.split-arrow{flex:0 0 40px;width:40px;height:40px;transition:transform .18s;display:block;position:relative}.split-arrow img:first-child{width:40px;height:40px}.split-arrow img:last-child{width:26px;height:26px;position:absolute;inset:7px}.community-wrap{justify-content:flex-end;padding:clamp(70px,8vw,120px) 0;display:flex}.community-card{color:#fff;background:#050505;justify-content:space-between;align-items:center;width:50%;min-width:520px;padding:28px 34px;display:flex}.community-card span{flex-direction:column;display:flex}.community-card strong{font-family:PingFang SC\:Medium,PingFang SC,sans-serif;font-size:26px;font-weight:500}.community-card small{margin-top:6px;font-size:13px}.community-card img{width:42px;height:42px;transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .22s}.community-card:hover img{filter:drop-shadow(0 6px 5px #ffffff3d);transform:translate(14px,-8px)rotate(-45deg)scale(1.22)}footer{color:#fff;background:#050505;padding:28px 4.2%;font-size:12px}.footer-links{gap:44px;display:flex}.footer-links a,.report-links a,.github-link{text-underline-offset:3px;transition:opacity .16s,text-underline-offset .16s}.footer-links a:hover,.footer-links a:focus-visible,.report-links a:hover,.report-links a:focus-visible,.github-link:hover,.github-link:focus-visible{opacity:.64;text-underline-offset:6px;text-decoration:underline}.footer-meta{color:#a6a6a6;justify-content:space-between;align-items:flex-end;margin-top:24px;line-height:1.75;display:flex}.registration-links{color:#fff;text-align:right;flex-direction:column;align-items:flex-end;gap:7px;display:flex}.registration-links a{align-items:center;gap:7px;transition:opacity .16s;display:inline-flex}.registration-links a:hover,.registration-links a:focus-visible{opacity:.68;text-underline-offset:3px;text-decoration:underline}.registration-links img{object-fit:contain;width:19px;height:20px}.font-detail-main{width:min(93.5%,1440px);min-height:calc(100dvh - 238px);margin:0 auto;padding:28px 0 76px}.back-font-button{background:#fff;border:1px solid #0c0c0c;align-items:center;gap:20px;height:48px;padding:0 24px 0 13px;transition:background .16s,color .16s;display:inline-flex}.back-font-button:hover,.back-font-button:focus-visible{color:#fff;background:#0c0c0c}.back-font-button img{width:28px;height:28px;transform:rotate(180deg)}.back-font-button:hover img,.back-font-button:focus-visible img{filter:invert()}.back-font-button strong{font-family:PingFang SC\:Semibold,PingFang SC,sans-serif;font-size:20px}.font-detail-grid{grid-template-columns:minmax(235px,.82fr) minmax(440px,1.5fr) minmax(210px,.7fr);gap:clamp(28px,4.2vw,72px);margin-top:38px;display:grid}.font-detail-left,.font-detail-right{min-width:0}.detail-link-block{justify-content:space-between;align-items:flex-start;padding:0 0 16px;display:flex;position:relative}.detail-link-block>span{flex-direction:column;gap:16px;display:flex}.detail-link-block small,.license-heading h2,.font-specs h2{font-family:PingFang SC\:Light,PingFang SC,sans-serif;font-size:16px;font-weight:300}.detail-link-block strong{font-family:PingFang SC\:Semibold,PingFang SC,sans-serif;font-size:24px}.detail-link-block>img:not(.detail-rule),.license-heading a img{width:21px;height:21px;transition:transform .16s}.detail-link-block:hover>img:not(.detail-rule),.license-heading a:hover img{transform:translate(3px,-3px)}.detail-rule{width:100%;height:1px;position:absolute;bottom:0;left:0;right:0}.license-block{margin-top:34px}.license-heading{justify-content:space-between;align-items:center;padding-bottom:15px;display:flex;position:relative}.license-heading h2,.font-specs h2{margin:0}.license-copy{margin-top:20px;font-family:PingFang SC\:Regular,PingFang SC,sans-serif;font-size:12px;line-height:1.45}.license-copy p{text-align:justify;margin:0 0 10px}.license-copy ol{margin:0;padding-left:20px}.license-copy li{margin-bottom:2px}.font-lab{min-width:0}.specimen-panel{border:1px solid #0c0c0c;grid-template-columns:minmax(0,1fr) 108px;min-height:338px;display:grid}.glyph-panel,.weight-panel{padding:22px 18px}.glyph-panel{border-right:1px solid #0c0c0c}.glyph-panel h2,.weight-panel h2,.preview-panel h2{margin:0;font-family:PingFang SC\:Medium,PingFang SC,sans-serif;font-size:17px;font-weight:500}.glyph-panel p{letter-spacing:.15em;overflow-wrap:anywhere;margin:14px 0 0;font-family:MiSans\:Regular,PingFang SC,sans-serif;font-size:15px;line-height:1.2}.weight-panel ul{margin:14px 0 0;padding:0;list-style:none}.weight-panel li{margin-bottom:6px;font-size:15px;line-height:1.16}.preview-panel{border:1px solid #0c0c0c;border-top:0;min-height:112px}.preview-toolbar{align-items:center;gap:24px;padding:17px 22px 0;display:flex}.preview-toolbar label{display:block;position:relative}.preview-toolbar select{appearance:none;cursor:pointer;background:0 0;border:0;outline:none;min-width:110px;padding:2px 22px 2px 2px;font-family:MiSans\:Regular,PingFang SC,sans-serif;font-size:15px}.preview-toolbar label img{pointer-events:none;width:18px;height:18px;position:absolute;top:2px;right:2px}.preview-panel textarea{resize:vertical;background:0 0;border:0;outline:none;width:100%;min-height:62px;padding:8px 22px 14px;font-size:17px;display:block}.preview-panel textarea::placeholder{color:#979797;opacity:1}.font-detail-right{padding-top:2px}.github-link{justify-content:center;align-items:center;gap:8px;margin-bottom:42px;font-family:PingFang SC\:Medium,PingFang SC,sans-serif;font-size:12px;display:flex}.github-link img{width:18px;height:18px}.font-specs{position:relative}.font-specs h2{padding-bottom:11px}.spec-rule{width:100%;height:1px;display:block}.font-specs dl{margin:12px 0 0;font-size:12px;line-height:1.8}.font-specs dl div{display:flex}.font-specs dt,.font-specs dd{margin:0}.languages{margin:7px 0 0;font-size:12px;line-height:1.45}.font-actions{margin-top:19px}.font-actions button{cursor:pointer;border:1px solid #0c0c0c;border-radius:0;height:38px;transition:background .16s,color .16s}.download-button{color:#fff;background:#0c0c0c;width:100%}.download-button:hover,.download-button:focus-visible{color:#0c0c0c;background:#fff}.font-actions>div{grid-template-columns:1fr 1fr;gap:9px;margin-top:9px;display:grid}.secondary-button{color:#0c0c0c;background:#fff}.secondary-button:hover,.secondary-button.is-active{color:#fff;background:#0c0c0c}.report-links{color:#969696;justify-content:center;align-items:center;gap:12px;margin:10px 0 0;font-size:11px;display:flex}.report-links a{text-decoration:underline}.report-links span{background:#4b4b4b;width:1px;height:12px}.creator-detail-main{width:min(94.5%,1500px);min-height:calc(100dvh - 186px);margin:0 auto;padding:28px 0 38px}.creator-page-top{justify-content:space-between;align-items:center;display:flex}.creator-back-button{border:1px solid #0c0c0c;align-items:center;gap:21px;height:48px;padding:0 24px 0 12px;transition:background .16s,color .16s;display:inline-flex}.creator-back-button:hover,.creator-back-button:focus-visible{color:#fff;background:#0c0c0c}.creator-back-button img{width:28px;height:28px;transform:rotate(180deg)}.creator-back-button:hover img,.creator-back-button:focus-visible img{filter:invert()}.creator-back-button strong{font-family:PingFang SC\:Semibold,PingFang SC,sans-serif;font-size:20px}.creator-github{margin:0 18px 0 0}.creator-page-grid{grid-template-columns:minmax(260px,.9fr) minmax(560px,2fr);gap:clamp(38px,6vw,92px);margin-top:38px;display:grid}.creator-profile{padding-left:8px}.creator-profile-heading{justify-content:space-between;align-items:center;padding-bottom:12px;font-family:PingFang SC\:Light,PingFang SC,sans-serif;font-size:16px;display:flex;position:relative}.creator-profile-heading>div{color:#969696;align-items:center;gap:12px;font-family:PingFang SC\:Medium,PingFang SC,sans-serif;font-size:11px;display:flex}.creator-profile-heading a:hover,.creator-profile-heading a:focus-visible{color:#0c0c0c;text-underline-offset:4px;text-decoration:underline}.creator-profile-heading i{background:#4b4b4b;width:1px;height:12px}.creator-profile-heading>img{width:100%;height:1px;position:absolute;bottom:0;left:0;right:0}.creator-profile h1{margin:10px 0 21px;font-family:PingFang SC\:Semibold,PingFang SC,sans-serif;font-size:25px;line-height:1.2}.creator-bio{text-align:justify;font-family:PingFang SC\:Regular,PingFang SC,sans-serif;font-size:12px;line-height:1.42}.creator-bio p{text-indent:2em;margin:0 0 5px}.creator-profile-actions{grid-template-columns:1fr 1fr;gap:30px;margin:32px 18px 0;display:grid}.creator-profile-actions button{cursor:pointer;border:1px solid #0c0c0c;border-radius:0;height:38px;transition:background .16s,color .16s}.xiaomi-font-list{min-width:0}.xiaomi-list-heading{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.xiaomi-list-heading h2{margin:0;font-family:PingFang SC\:Light,PingFang SC,sans-serif;font-size:17px;font-weight:300}.xiaomi-list-heading span{color:#616161;font-size:12px}.xiaomi-font-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.xiaomi-font-card{background:#fff;border:1px solid #0c0c0c;flex-direction:column;justify-content:space-between;min-width:0;min-height:336px;margin:0 -1px -1px 0;padding:21px 20px;transition:background .18s,color .18s;display:flex;position:relative}.xiaomi-font-card:hover,.xiaomi-font-card:focus-visible{z-index:2;color:#fff;background:#050505;outline:none}.xiaomi-preview{overflow-wrap:anywhere;min-height:126px;font-size:clamp(48px,4.4vw,72px);font-weight:500;line-height:1.05}.xiaomi-card-bottom{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.xiaomi-card-bottom h3{text-underline-offset:3px;margin:0 0 8px;font-family:PingFang SC\:Medium,PingFang SC,sans-serif;font-size:21px;font-weight:500;text-decoration:underline}.xiaomi-card-bottom p{margin:1px 0;font-size:15px}.xiaomi-font-card:hover .split-arrow,.xiaomi-font-card:focus-visible .split-arrow,.xiaomi-font-card:hover .arrow-circle,.xiaomi-font-card:focus-visible .arrow-circle{transform:rotate(-45deg)}.xiaomi-font-card:hover .split-arrow,.xiaomi-font-card:focus-visible .split-arrow,.xiaomi-font-card:hover .arrow-image-default,.xiaomi-font-card:focus-visible .arrow-image-default{filter:invert()}.xiaomi-font-card:hover .arrow-image-default,.xiaomi-font-card:focus-visible .arrow-image-default{display:block}.about-main{width:100%}.about-hero{grid-template-columns:minmax(0,1.6fr) minmax(330px,1fr);min-height:min(62vw,690px);display:grid}.about-statements{flex-direction:column;justify-content:center;gap:clamp(44px,6vw,90px);padding:clamp(48px,7vw,108px) 4% clamp(42px,6vw,88px) 9.2%;display:flex}.about-statements>div>p{letter-spacing:-.035em;margin:7px 0 0;font-family:PingFang SC\:Light,PingFang SC,sans-serif;font-size:clamp(28px,3vw,48px);font-weight:300}.about-logo-line{align-items:center;gap:clamp(8px,1vw,15px);display:flex}.about-logo-line>span{font-family:PingFang SC\:Light,PingFang SC,sans-serif;font-size:clamp(28px,3.1vw,50px);font-weight:300}.about-logo-line img{width:min(69%,520px);height:auto;display:block}.about-hero-image{object-fit:cover;object-position:53% center;width:100%;height:100%;min-height:540px;display:block}.about-intro{width:min(85%,1240px);margin:0 auto;padding:clamp(90px,12vw,190px) 0 clamp(62px,8vw,116px)}.about-intro p{text-align:justify;margin:0;font-family:PingFang SC\:Light,PingFang SC,sans-serif;font-size:clamp(19px,2.05vw,31px);font-weight:300;line-height:1.5}.about-intro strong{font-family:PingFang SC\:Semibold,PingFang SC,sans-serif;font-weight:600}.about-numbers{width:min(72%,1020px);margin:0 auto;padding-bottom:clamp(90px,10vw,155px)}.about-numbers>p{margin:0 0 clamp(28px,4vw,54px);font-family:PingFang SC\:Regular,PingFang SC,sans-serif;font-size:clamp(19px,2vw,31px)}.about-numbers>div{grid-template-columns:minmax(210px,.8fr) 1fr;align-items:baseline;gap:clamp(22px,5vw,75px);width:min(78%,760px);margin:0 auto 12px;display:grid}.about-numbers strong{color:#2761f2;text-align:right;font-family:PingFang SC\:Semibold,PingFang SC,sans-serif;font-size:clamp(72px,9vw,138px);font-weight:600;line-height:1.08}.about-numbers span{font-family:PingFang SC\:Regular,PingFang SC,sans-serif;font-size:clamp(25px,3vw,46px)}.about-marquees{padding:32px 0 58px;position:relative;overflow:hidden}.about-marquee-lane{width:100%;overflow:hidden;transform:rotate(-1.2deg)}.about-marquee-lane+.about-marquee-lane{margin-top:7px}.about-marquee-lane:nth-child(2n){transform:rotate(1deg)}.about-marquee-track{will-change:transform;align-items:baseline;gap:clamp(38px,6vw,100px);width:max-content;padding-right:clamp(38px,6vw,100px);animation:34s linear infinite about-marquee;display:flex}.about-marquee-lane.is-reverse .about-marquee-track{animation-duration:41s;animation-direction:reverse}.about-marquee-track span{white-space:nowrap;flex:none}.about-marquee-track .word-style-0{color:#0c0c0c;font-size:1.28em;font-weight:700;transform:translateY(-.08em)}.about-marquee-track .word-style-1{color:#8e8e8e;font-size:.78em;font-weight:300;transform:translateY(.16em)}.about-marquee-track .word-style-2{color:#252525;font-size:1.05em;font-weight:500;transform:translateY(-.12em)}.about-marquee-track .word-style-3{color:#a5a5a5;font-size:.68em;font-weight:400;transform:translateY(.24em)}.about-marquee-track .word-style-4{color:#0c0c0c;font-size:1.42em;font-weight:600;transform:translateY(.04em)}.about-marquee-track .word-style-5{color:#5f5f5f;font-size:.92em;font-weight:300;transform:translateY(-.18em)}.marquee-variant-1{font-family:PingFang SC\:Semibold,PingFang SC,sans-serif;font-size:clamp(29px,4.2vw,66px);font-weight:600}.marquee-variant-2{color:#747474;font-family:PingFang SC\:Medium,PingFang SC,sans-serif;font-size:clamp(22px,3vw,47px)}.marquee-variant-3{font-family:PingFang SC\:Regular,PingFang SC,sans-serif;font-size:clamp(25px,3.6vw,57px)}.marquee-variant-4{color:#9a9a9a;font-family:PingFang SC\:Medium,PingFang SC,sans-serif;font-size:clamp(21px,2.7vw,43px)}@keyframes about-marquee{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.support-page{flex-direction:column;min-height:100dvh;display:flex}.support-main{flex-direction:column;flex:1;justify-content:center;width:min(76%,1200px);margin:0 auto;padding:clamp(28px,4vw,62px) 0 clamp(32px,4.5vw,70px);display:flex}.support-main h1{letter-spacing:.08em;justify-content:space-around;align-items:center;margin:0 7% clamp(24px,3vw,42px);font-family:TypeLand KhangXi Dict Demo\:Regular,STKaiti,KaiTi,serif;font-size:clamp(48px,6vw,92px);font-weight:400;line-height:1.15;display:flex}.support-main h1 span{white-space:nowrap}.support-main img{aspect-ratio:2.1;object-fit:cover;object-position:center 63%;width:100%;display:block}.library-main{width:min(83.5%,1280px);margin:0 auto;padding:46px 0 54px}.library-filters{padding-bottom:24px;padding-right:280px;position:relative}.library-filter-rule{width:100%;height:1px;display:block;position:absolute;bottom:0;left:0;right:0}.filter-row{grid-template-columns:82px 1fr;gap:12px;margin-bottom:10px;display:grid}.filter-row>span{color:#777;padding-top:4px;font-size:18px}.filter-row>div{flex-wrap:wrap;gap:5px 12px;display:flex}.filter-row button{color:#0c0c0c;cursor:pointer;background:0 0;border:0;padding:6px 10px;font-size:18px}.filter-row button:hover,.filter-row button:focus-visible,.filter-row button.is-active{color:#fff;background:#0c0c0c}.filter-row button.is-active{box-shadow:0 0 0 1px #0c0c0c}.all-creators-button{color:#fff;background:#0c0c0c;justify-content:space-between;align-items:center;width:245px;min-height:58px;padding:0 18px 0 22px;font-size:18px;display:flex;position:absolute;top:16px;right:0}.all-creators-button img{width:32px;height:32px;transition:transform .18s}.all-creators-button:hover img,.all-creators-button:focus-visible img{transform:translate(8px)rotate(-45deg)}.library-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding-top:26px;display:grid}.library-font-card{background:#fff;border:1px solid #0c0c0c;flex-direction:column;justify-content:space-between;min-width:0;min-height:350px;margin:0 -1px -1px 0;padding:22px 21px;transition:background .18s,color .18s;display:flex;position:relative}.library-font-card:hover,.library-font-card:focus-visible{z-index:2;color:#fff;background:#050505;outline:none}.library-font-preview{height:170px;min-height:170px;font-size:clamp(56px,4.8vw,76px);line-height:1.08;position:relative}.library-card-bottom{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.library-card-bottom h3{text-underline-offset:3px;margin:0 0 11px;font-family:PingFang SC\:Medium,PingFang SC,sans-serif;font-size:22px;font-weight:500;text-decoration:underline}.library-card-bottom p{margin:1px 0;font-size:15px}.library-font-card:hover .preview-default,.library-font-card:focus-visible .preview-default{opacity:0}.library-font-card:hover .preview-hover,.library-font-card:focus-visible .preview-hover{opacity:1}.library-font-card:hover .split-arrow,.library-font-card:focus-visible .split-arrow,.library-font-card:hover .arrow-circle,.library-font-card:focus-visible .arrow-circle{filter:invert();transform:rotate(-45deg)}.pagination{justify-content:center;align-items:center;gap:5px;padding-top:42px;display:flex}.library-empty{text-align:center;border:1px solid #0c0c0c;margin-top:26px;padding:80px 24px}.library-empty p{margin:0 0 20px;font-size:19px}.library-empty button{color:#fff;cursor:pointer;background:#0c0c0c;border:1px solid #0c0c0c;padding:9px 18px}.library-empty button:hover,.library-empty button:focus-visible{color:#0c0c0c;background:#fff}.pagination button{cursor:pointer;background:0 0;border:0;min-width:25px;height:25px}.pagination button img{width:25px;height:25px;display:block}.pagination button:first-child img{transform:rotate(180deg)}.pagination button:hover,.pagination button:focus-visible,.pagination button.is-active{color:#fff;background:#0c0c0c}.pagination button:hover img,.pagination button:focus-visible img{filter:invert()}.docs-main{width:min(83.5%,1280px);margin:0 auto;padding:62px 0 76px}.docs-list{border:1px solid #0c0c0c;border-bottom:0}.docs-card{border-bottom:1px solid #0c0c0c;grid-template-columns:1fr 1fr 56px;align-items:center;min-height:130px;padding:22px 38px;transition:background .18s,color .18s;display:grid;position:relative}.docs-card strong{font-family:PingFang SC\:Light,PingFang SC,sans-serif;font-size:clamp(28px,3.2vw,48px);font-weight:300}.docs-card span{font-size:clamp(16px,1.6vw,24px)}.docs-card img{opacity:0;width:44px;height:44px;transition:opacity .18s,transform .26s cubic-bezier(.16,1,.3,1),filter .22s;display:block;transform:translate(-20px)scale(.72)}.docs-card:hover,.docs-card:focus-visible{color:#fff;background:#050505;outline:none}.docs-card:hover img,.docs-card:focus-visible img{opacity:1;filter:drop-shadow(0 0 8px #ffffff73);transform:translate(10px)scale(1.18)}@media (width<=900px){.site-shell{--navbar-height:122px}.navbar{grid-template-columns:145px 1fr;gap:20px;padding-block:10px}.navbar nav{border-top:1px solid #0000001f;grid-column:1/-1;justify-content:space-between;gap:12px}.navbar nav a{padding-block:9px}.navbar .always-link{margin-left:0}.font-grid,.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-card{width:100%;min-width:0}.font-detail-main{width:calc(100% - 40px)}.font-detail-grid{grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr);gap:32px}.font-detail-right{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:34px;padding-top:6px;display:grid}.github-link{grid-column:1/-1;justify-content:flex-start;margin-bottom:-10px}.font-actions{margin-top:0}.creator-detail-main{width:calc(100% - 40px)}.creator-page-grid{grid-template-columns:1fr;gap:42px}.creator-profile{padding-left:0}.creator-bio{columns:2;column-gap:28px}.about-hero{grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr)}.about-statements{padding-left:6%}.about-hero-image{min-height:470px}.support-main{width:calc(100% - 56px)}.library-main,.docs-main{width:calc(100% - 40px)}.library-filters{padding-right:0}.all-creators-button{width:100%;margin-top:20px;position:static}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.navbar{grid-template-columns:92px 1fr;gap:12px}.brand img{width:90px}.navbar nav{justify-content:flex-start;font-size:12px;overflow-x:auto}.hero,.content-section,.community-wrap{width:calc(100% - 32px)}.hero{padding-top:46px}.hero-title{height:auto}.hero-title>span{font-size:33px}.hero-title img{width:min(72vw,300px)}.hero h1{margin-top:10px;font-size:35px}.hero-image{aspect-ratio:1.18}.font-grid,.creator-grid{grid-template-columns:1fr}.font-card,.creator-card{min-height:290px;margin-right:0}.font-preview{font-size:64px}.community-card{padding:23px 20px}.community-card strong{font-size:20px}.footer-links{flex-wrap:wrap;gap:16px 28px}.footer-meta{flex-direction:column;align-items:flex-start;gap:12px}.registration-links{text-align:left;align-items:flex-start}.font-detail-main{width:calc(100% - 32px);padding-top:22px}.font-detail-grid{grid-template-columns:1fr;gap:42px;margin-top:28px}.font-detail-right{grid-column:auto;display:block}.github-link{justify-content:flex-start;margin-bottom:26px}.font-actions{margin-top:24px}.specimen-panel{grid-template-columns:minmax(0,1fr) 96px}.glyph-panel{padding:19px 15px}.weight-panel{padding:19px 12px}.glyph-panel p{letter-spacing:.1em;font-size:13px}.weight-panel li{font-size:13px}.preview-toolbar{flex-direction:column;align-items:flex-start;gap:7px}.creator-detail-main{width:calc(100% - 32px);padding-top:22px}.creator-github{margin-right:0;font-size:0}.creator-page-grid{margin-top:28px}.creator-bio{columns:auto}.creator-profile-actions{margin-inline:0}.xiaomi-font-grid{grid-template-columns:1fr}.xiaomi-font-card{min-height:280px;margin-right:0}.site-shell{--navbar-height:110px}.about-hero{grid-template-columns:1fr;min-height:auto}.about-statements{gap:37px;padding:58px 16px 52px}.about-logo-line img{width:min(76vw,360px)}.about-hero-image{height:72vw;min-height:350px}.about-intro{width:calc(100% - 32px);padding-block:76px 62px}.about-intro p{font-size:18px}.about-numbers{width:calc(100% - 32px);padding-bottom:75px}.about-numbers>div{grid-template-columns:1fr;gap:0;width:100%;margin-bottom:25px}.about-numbers strong{text-align:left;font-size:72px}.about-numbers span{font-size:25px}.support-main{justify-content:flex-start;width:calc(100% - 32px);padding-top:48px}.support-main h1{flex-direction:column;align-items:flex-start;gap:10px;margin-inline:0;font-size:clamp(43px,14vw,64px)}.support-main h1 span:last-child{align-self:flex-end}.support-main img{aspect-ratio:.95;min-height:360px}.library-main,.docs-main{width:calc(100% - 32px);padding-top:38px}.filter-row{grid-template-columns:1fr}.filter-row>div{gap:7px 9px}.library-grid{grid-template-columns:1fr}.library-font-card{min-height:280px;margin-right:0}.docs-card{grid-template-columns:1fr 42px;gap:8px;min-height:122px;padding:20px}.docs-card strong{font-size:28px}.docs-card span{grid-row:2;font-size:15px}.docs-card img{grid-area:1/2/3;width:36px;height:36px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.font-card,.community-card img,.arrow-circle,.split-arrow{transition:none}.about-marquee-track{animation:none;transform:translate(-8%)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}