.about-page{--about-env-deep:var(--hero-env-deep);--about-env-main:var(--hero-env-main);--about-env-air:var(--hero-env-air);--about-env-cloud:var(--hero-env-cloud);--about-env-aurora:var(--hero-env-aurora);--about-env-warm:var(--hero-env-warm);position:relative;overflow:clip}.about-route-heading{z-index:3;position:relative}.about-profile{margin-top:clamp(1.5rem,5vw - .25rem,3.5rem)}.about-profile-layout{--about-profile-overlap:clamp(3.5rem, 5.5vw, 4.75rem);--about-profile-release:0rem;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);grid-template-rows:auto auto var(--about-profile-release);align-items:start;max-width:72rem;margin:0 auto;display:grid;position:relative}@media (width>=900px){.about-profile-layout{--about-profile-release:clamp(4rem, 7vw, 6rem)}}.about-profile-visual{z-index:0;padding-bottom:var(--about-profile-release);grid-area:1/1/3;position:sticky;top:6.75rem}.about-portrait{--about-portrait-deep:var(--about-env-deep);--about-portrait-main:var(--about-portrait-tint,var(--about-env-main));--about-portrait-air:var(--about-env-air);--about-portrait-warm:var(--about-env-warm);width:100%;margin:0;position:relative}.about-portrait:before{z-index:-1;border:1px solid var(--border);border-radius:calc(var(--radius-image) + .3rem);background:var(--surface);content:"";position:absolute;inset:6% -7% -5% 12%;transform:translate(.5rem,.6rem)}.about-portrait-frame{aspect-ratio:193/300;border:1px solid color-mix(in srgb, var(--about-portrait-main) 42%, var(--border));border-radius:var(--radius-image);background:var(--surface-soft);width:100%;box-shadow:0 24px 52px color-mix(in srgb, var(--about-portrait-deep) 16%, transparent);position:relative;overflow:hidden}.about-portrait-frame:after{border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--about-portrait-air) 24%, transparent);content:"";pointer-events:none;position:absolute;inset:0}.about-portrait-picture,.about-portrait-image{width:100%;height:100%;display:block}.about-portrait-image{opacity:0;object-fit:var(--about-portrait-fit,contain);object-position:var(--about-portrait-position,50% 50%);transition:opacity .26s}.about-portrait-image[data-loaded=true]{opacity:1}.about-portrait-fallback{object-fit:var(--about-portrait-fit,contain);object-position:var(--about-portrait-position,50% 50%);width:100%;height:100%;display:block}.about-portrait[data-image-error=true] .about-portrait-frame:before{color:var(--text-muted);content:"插画暂未加载";place-content:center;font-size:.85rem;display:grid;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.about-portrait-image{transition:none!important}}.about-profile-intro,.about-profile-details{z-index:2;min-width:0;margin-left:calc(var(--about-profile-overlap) * -1);border-right:1px solid var(--border);border-left:1px solid var(--border);background:color-mix(in srgb, var(--surface-raised) 96%, transparent);padding-right:clamp(2.25rem,4vw,3.5rem);padding-left:calc(var(--about-profile-overlap) + clamp(1.75rem, 3vw, 2.75rem));grid-column:2;position:relative}.about-profile-intro{border-top:1px solid var(--border);border-radius:var(--radius-card) var(--radius-card) 0 0;box-shadow:20px 18px 56px color-mix(in srgb, var(--about-env-deep) 10%, transparent);margin-top:clamp(2.75rem,5vw,4rem);padding-top:clamp(2.5rem,4vw,3.5rem);padding-bottom:clamp(2rem,3vw,2.75rem)}.about-profile-details{border-bottom:1px solid var(--border);border-radius:0 0 var(--radius-card) var(--radius-card);box-shadow:20px 28px 56px color-mix(in srgb, var(--about-env-deep) 10%, transparent);padding-bottom:clamp(2rem,3vw,2.75rem)}.about-profile-intro h2{color:var(--text-strong);letter-spacing:-.05em;margin:0;font-size:clamp(2.15rem,4.2vw,3.5rem);font-weight:760;line-height:1.08}.about-profile-intro h2 span{color:var(--accent-strong);font-weight:650}.about-profile-intro p{max-width:32rem;color:var(--text-muted);margin:1.2rem 0 0;font-size:clamp(1.05rem,1.8vw,1.18rem);line-height:1.85}.about-profile-section{border-top:1px solid color-mix(in srgb, var(--border) 84%, transparent);padding:clamp(2rem,4vw,3rem) 0}.about-profile-section h3{color:var(--text-strong);letter-spacing:-.035em;margin:0;font-size:clamp(1.35rem,2.4vw,1.75rem);font-weight:740;line-height:1.2}.about-profile-focus dl{gap:1.4rem;margin:1.6rem 0 0;display:grid}.about-profile-focus dl div{grid-template-columns:minmax(7rem,.42fr) minmax(0,1fr);align-items:baseline;gap:1.5rem;display:grid}.about-profile-focus dt{color:var(--text-strong);font-weight:700}.about-profile-focus dd{color:var(--text-muted);margin:0;line-height:1.75}.about-profile-why p{max-width:34rem;color:var(--text-muted);margin:1.35rem 0 0;font-size:1rem;line-height:1.9}.about-profile-plan ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.15rem 0 0;padding:0;list-style:none;display:grid}.about-profile-plan li{color:var(--text-strong);padding-top:.85rem;font-size:.94rem;font-weight:680;line-height:1.55;position:relative}.about-profile-plan li:before{background:var(--accent);content:"";width:2.25rem;height:2px;position:absolute;top:0;left:0}@media (width<=1023px){.about-profile-layout{--about-profile-overlap:3.25rem;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}.about-profile-intro,.about-profile-details{padding-right:2rem;padding-left:calc(var(--about-profile-overlap) + 1.75rem)}}@media (width<=899px){.about-profile{margin-top:1.5rem}.about-profile-layout{--about-profile-overlap:clamp(4rem, 14vw, 5.5rem);grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr)}.about-profile-visual{grid-area:1/1;width:min(100% - 1.25rem,34rem);margin:0 auto;position:relative;top:auto}.about-portrait:before{inset:5% -3% -3% 9%;transform:translate(.2rem,.35rem)}.about-profile-intro,.about-profile-details{grid-column:1;width:calc(100% - clamp(1rem,5vw,2rem));margin-left:auto;margin-right:0;padding-left:clamp(1.25rem,5.5vw,2rem);padding-right:clamp(1.25rem,5.5vw,2rem)}.about-profile-intro{margin-top:calc(var(--about-profile-overlap) * -1);grid-row:2;padding-top:1.75rem;padding-bottom:2rem}.about-profile-details{grid-row:3;padding-bottom:1.5rem}.about-profile-intro h2{font-size:clamp(2rem,10vw,2.75rem)}.about-profile-focus dl div{grid-template-columns:minmax(0,1fr);gap:.35rem}.about-profile-plan ul{gap:.6rem}}.about-profile-plan{padding:1.45rem 0}.about-profile-plan h3{font-size:1.05rem}.about-profile-intro{grid-row:1}.about-profile-details{grid-row:2}@media (width<=899px){.about-profile-intro{grid-row:2}.about-profile-details{grid-row:3}.about-profile-plan ul{gap:.6rem}}