:root{--hover-text-color:#f98f78;--dimmed-text-color:#ccc;--chars-animation-duration:.4s;--chars-animation-delay:.25s;--shadow-color:#cc5b0f66;--animation-font-size:32px;--seal-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{color:var(--dimmed-text-color)}.origin-name .origin-name__chi--highlight{color:var(--hover-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 .huozhi-svg{opacity:1;filter:url(#stamp-filter)}.huozhi-chars--initial-seal.huozhi-chars--unified .huozhi-svg{opacity:0;animation:.5s cubic-bezier(.175,.885,.32,1.275) .35s forwards sealGlyphFadeIn}.huozhi-chars--unified .character:nth-child(2) .seal-frame{transform:var(--seal-frame-translate);opacity:1;pointer-events:none;filter:url(#stamp-filter);transition:filter .3s;position:absolute;bottom:-8px;left:50%}.huozhi-chars--initial-seal.huozhi-chars--unified .character:nth-child(2) .seal-frame{opacity:0;animation:.5s cubic-bezier(.175,.885,.32,1.275) .35s forwards sealFrameFloatUp}.huozhi-chars--split .character:nth-child(2) .seal-frame{transform:var(--seal-frame-translate);opacity:0;pointer-events:none;animation:.3s ease-in forwards sealFrameFadeOut;position:absolute;bottom:-8px;left:50%}@keyframes sealGlyphFadeIn{0%{opacity:0;filter:url(#stamp-filter)}to{opacity:1;filter:url(#stamp-filter)}}@keyframes sealFrameFloatUp{0%{opacity:0;transform:var(--seal-frame-translate) scale(.98);filter:url(#stamp-filter)}to{opacity:1;transform:var(--seal-frame-translate) scale(1);filter:url(#stamp-filter)}}@keyframes sealFrameFadeOut{0%{opacity:1;transform:var(--seal-frame-translate) scale(1);filter:url(#stamp-filter)}20%{opacity:.2;transform:var(--seal-frame-translate) scale(1);filter:url(#stamp-filter)}to{opacity:0;transform:var(--seal-frame-translate) scale(.98);filter:url(#stamp-filter)}}.seal-filter-active{filter:url(#stamp-filter)}
.about__name-animation{height:260px;margin-right:var(--grid-size);line-height:normal}.about p,.about-page__ul li,.about__name-animation{cursor:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") 8 8,auto}.about-page__intro{margin:calc(var(--grid-size) * 2) 0}.about-page__ink-text{--ink-x:-999px;--ink-y:50%;--ink-color:#f98f78;--ink-base-color:#222;--ink-core-size:.75em;--ink-fade-size:1.15em;background-image:radial-gradient(circle at var(--ink-x) var(--ink-y), var(--ink-color) 0, var(--ink-color) var(--ink-core-size), var(--ink-base-color) var(--ink-fade-size));color:#0000;-webkit-text-fill-color:transparent;background-position:0 0;background-size:100% 100%;-webkit-background-clip:text;background-clip:text}.about-page__ul .about-page__ink-text{display:inline-block}.about-page__ul{margin:calc(var(--grid-size) / 2) 0 0;padding:0;list-style:none}.about-page__ul li{padding-left:calc(var(--grid-size) * .8);margin:0;margin-left:calc(var(--grid-size) * -.8);position:relative}.about-page__ul li:before{content:"";left:calc(var(--grid-size) * .15);border:1px solid;border-radius:50% 50% 50% 0;width:.42em;height:.42em;position:absolute;top:.72em;transform:translateY(-50%)rotate(-45deg);box-shadow:inset 0 0 0 2px #fff}.about-page__ul li:hover:before{box-shadow:none;background-color:currentColor;animation:.22s ease-out both about-raindrop}@keyframes about-raindrop{0%{background-color:#0000;transform:translateY(-50%)rotate(-45deg)scale(1);box-shadow:inset 0 0 0 2px #fff}55%{box-shadow:none;background-color:currentColor;transform:translateY(calc(.2em - 50%))rotate(-45deg)scale(.92)}to{box-shadow:none;background-color:currentColor;transform:translateY(-50%)rotate(-45deg)scale(1)}}