.about-page{width:min(100% - 3rem,49rem)}.about-page__intro{text-align:center;justify-items:center;gap:.85rem;margin:clamp(1rem,4vw,2.5rem) auto clamp(3rem,6vw,4.5rem);display:grid}.about-page__intro h1{font-size:clamp(2.4rem,6vw,3.4rem)}.about-page .profile-section{padding-top:1.5rem}.about-page .profile-section>header{margin-bottom:1.35rem}.about-page .profile-section .prose{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:none;margin:0;display:grid}.about-page .profile-section .prose>p{border:1px solid var(--line);background:var(--paper-light);overflow-wrap:anywhere;border-radius:.85rem;min-width:0;min-height:8.5rem;margin:0;padding:1.25rem 1.4rem;position:relative}.about-page .profile-section .prose>p:has(a){transition:border-color .18s,box-shadow .18s,translate .18s}.about-page .profile-section .prose>p:has(a):hover{border-color:#cbd7e8;translate:0 -2px;box-shadow:0 8px 26px #27323b0a}.about-page .profile-section .prose>p:focus-within{outline:3px solid var(--coral);outline-offset:3px}.about-page .profile-section .prose strong{color:var(--muted);letter-spacing:.03em;align-items:center;gap:.55rem;margin-bottom:.9rem;font-size:.77rem;font-weight:600;display:flex}.about-page .profile-section .prose strong:before{background:var(--blue-dark);content:"";flex:none;width:1.2rem;height:1.2rem;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.about-page .profile-section .prose>p:first-child strong:before{-webkit-mask-image:url(/images/icons/contact-email.svg);mask-image:url(/images/icons/contact-email.svg)}.about-page .profile-section .prose>p:nth-child(2) strong:before{-webkit-mask-image:url(/images/icons/contact-wechat.svg);mask-image:url(/images/icons/contact-wechat.svg)}.about-page .profile-section .prose>p:nth-child(3) strong:before{-webkit-mask-image:url(/images/icons/contact-bilibili.svg);mask-image:url(/images/icons/contact-bilibili.svg)}.about-page .profile-section .prose>p:nth-child(4) strong:before{-webkit-mask-image:url(/images/icons/contact-github.svg);mask-image:url(/images/icons/contact-github.svg)}.about-page .profile-section .prose br{display:none}.about-page .profile-section .prose a{color:var(--ink);text-decoration:none}.about-page .profile-section .prose a:before{content:"";position:absolute;inset:0}.about-page .profile-section .prose a:hover,.about-page .profile-section .prose a:focus-visible{color:var(--blue-dark);text-decoration:none}.about-page .profile-section .prose a:focus-visible{outline:none}@media (max-width:36rem){.about-page{width:min(100% - 2rem,49rem)}.about-page__intro{margin-bottom:2.75rem}.about-page .profile-section .prose{grid-template-columns:1fr;gap:.75rem}.about-page .profile-section .prose>p{min-height:7rem}}@media (prefers-reduced-motion:reduce){.about-page .profile-section .prose>p:has(a){transition:none}.about-page .profile-section .prose>p:has(a):hover{translate:none}}