:root{--hover-text-color:#f98f78;--dimmed-text-color:#ccc;--chars-animation-duration:.4s;--chars-animation-delay:.25s;--shadow-color:#cc5b0f66;--animation-font-size:32px;--stamp-frame-translate:translateX(calc(-50% - 4px))}.character{text-align:center;flex-direction:column;align-items:center;padding:8px;display:inline-flex;position:relative}.name-transition-delay{transition-delay:var(--chars-animation-delay)}.name-evolution__item--root{font-size:var(--animation-font-size);flex-direction:column;align-items:flex-end;height:230px;margin:24px auto;padding-right:12px;display:flex;position:relative}.huozhi-chars .pinyin{font-size:var(--animation-font-size);margin:24px 0;font-weight:300}.select-none{-webkit-user-select:none;user-select:none}.origin-name{cursor:pointer;transition:all var(--chars-animation-duration)ease;transform-origin:100% 100%;color:#000;font-weight:300;line-height:1rem}.origin-name span:first-child{color:var(--dimmed-text-color)}.origin-name--minimized{color:var(--dimmed-text-color);margin-right:-4px;font-weight:300;transform:scale(.4)}.origin-name--minimized .character{width:16px;height:16px}.name-evolution__item--pinyin{margin-top:16px}.name-evolution__item--root:hover .origin-name--default:not(.animated):not(.animating) .cursor-pointer,.flex-column:hover .character:not(.huozhi-chars--unified .character):hover{color:var(--hover-text-color);--c:var(--hover-text-color);--shadow:var(--shadow-color)}.origin-name--default{transform:translateY(64px)}.name-transition{transition:all var(--chars-animation-duration)ease}.huozhi-svg{width:48px;height:48px}.huozhi-chars{position:absolute;top:16px;right:0}.huozhi-chars .character .pinyin{transform-origin:100% 100%}.huozhi-chars--split .pinyin{opacity:1}.huozhi-chars--unified .pinyin{opacity:0}.huozhi-chars--unified .character:first-child .pinyin{transform:translate(12px)}.huozhi-chars--unified .character:first-child .huozhi-svg{transform:translateX(calc(var(--animation-font-size) + 22px))}.huozhi-chars--unified .character:nth-child(2) .huozhi-svg{transform:translate(12px)}.huozhi-chars--unified{color:#c8102e}.huozhi-chars--unified:hover .character,.huozhi-chars--unified .character:hover,.flex-column:hover .huozhi-chars--unified .character:hover,.name-evolution__item--root:hover .huozhi-chars--unified .character{color:#c8102e!important;--c:#c8102e!important}.huozhi-chars--unified .character{color:inherit}.huozhi-chars--unified .character:nth-child(2) .stamp-frame{transform:var(--stamp-frame-translate);opacity:0;pointer-events:none;transition:filter .3s;animation:.6s cubic-bezier(.175,.885,.32,1.275) .4s forwards stampFloatUp;position:absolute;bottom:-8px;left:50%}.huozhi-chars--unified:hover .character:nth-child(2) .stamp-frame{filter:url(#stamp-inset)url(#stamp-filter);pointer-events:auto}.huozhi-chars--split .character:nth-child(2) .stamp-frame{transform:var(--stamp-frame-translate);opacity:0;pointer-events:none;animation:.3s ease-in forwards stampFadeOut;position:absolute;bottom:-8px;left:50%}@keyframes stampFloatUp{0%{opacity:0;transform:var(--stamp-frame-translate)scale(.98);filter:url(#stamp-filter)}to{opacity:1;transform:var(--stamp-frame-translate)scale(1);filter:url(#stamp-filter)}}@keyframes stampFadeOut{0%{opacity:1;transform:var(--stamp-frame-translate)scale(1);filter:url(#stamp-filter)}20%{opacity:.2;transform:var(--stamp-frame-translate)scale(1);filter:url(#stamp-filter)}to{opacity:0;transform:var(--stamp-frame-translate)scale(.98);filter:url(#stamp-filter)}}.stamp-filter-active{filter:url(#stamp-filter)}
.about__name-animation{height:260px;margin-right:var(--grid-size);line-height:normal}.about-page__intro{margin:calc(var(--grid-size)*2)0;font-weight:300}