.sakura-about-page{--about-accent:var(--va-c-primary);--about-bg:#10131a;--about-surface:#191c23;--about-soft:rgba(246, 247, 248, 0.05);--about-border:color-mix(in srgb, var(--about-accent) 28%, transparent);--about-text:#f6f7f8;--about-muted:rgba(246, 247, 248, 0.68);width:100%;min-height:calc(100vh - var(--sakura-navbar-layout-offset));padding:calc(var(--sakura-navbar-layout-offset) + 24px)max(16px,8vw)72px;color:var(--about-text);background:var(--about-bg);font-family:-apple-system,BlinkMacSystemFont,segoe ui,helvetica neue,Lato,Roboto,pingfang sc,microsoft yahei,sans-serif;overflow:hidden}.sakura-about-page .about-hero,.sakura-about-page .about-card{border:1px solid var(--about-border);background:var(--about-surface);box-shadow:inset 0 1px rgba(255,255,255,.1),0 18px 42px -34px color-mix(in srgb,var(--about-accent) 44%,transparent)}.sakura-about-page .about-hero{position:relative;max-width:1068px;min-height:362px;margin:0 auto 22px;padding:48px 32px;border-color:color-mix(in srgb,var(--about-accent) 18%,transparent);border-radius:24px;overflow:hidden;isolation:isolate}.sakura-about-page .about-hero__content{position:relative;z-index:1;display:flex;min-height:264px;flex-direction:column;align-items:center;justify-content:center;gap:17px;text-align:center}.sakura-about-page .about-hero__avatar{display:block;width:112px;height:112px;border:3px solid rgba(246,247,248,.14);border-radius:50%;object-fit:cover;box-shadow:0 14px 38px rgba(0,0,0,.28)}.sakura-about-page .about-hero__title{display:flex;align-items:baseline;gap:5px;margin:0;color:var(--about-text);font-size:clamp(1.85rem,4vw,3rem);font-weight:900;line-height:1.16}.sakura-about-page .about-hero__title span{color:var(--about-accent)}.sakura-about-page .about-hero__motto{margin:-4px 0 0;color:var(--about-muted);font-size:.9rem;font-weight:700}.sakura-about-page .about-hero__orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);opacity:.65;pointer-events:none}.sakura-about-page .about-hero__orb--one{width:260px;height:260px;left:8%;top:-120px;background:radial-gradient(circle,color-mix(in srgb,var(--about-accent) 27%,transparent),transparent 68%)}.sakura-about-page .about-hero__orb--two{width:320px;height:320px;right:-4%;bottom:-170px;background:radial-gradient(circle,rgba(93,63,211,.24),transparent 68%)}.sakura-about-page .about-hero__orb--three{width:150px;height:150px;left:48%;bottom:5%;background:radial-gradient(circle,rgba(0,196,182,.15),transparent 70%)}.sakura-about-page .about-shell{max-width:1068px;margin:0 auto}.sakura-about-page .about-card{min-width:0;border-radius:16px}.sakura-about-page .about-lead{display:grid;grid-template-columns:minmax(0,1.5fr)minmax(260px,.85fr);gap:24px;margin-bottom:18px;padding:34px 28px 28px}.sakura-about-page .about-lead__copy{display:flex;flex-direction:column;gap:14px}.sakura-about-page .about-eyebrow{width:fit-content;padding:6px 12px;border-radius:999px;background:var(--about-soft);color:var(--about-accent);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sakura-about-page .about-lead h2{margin:0;color:var(--about-text);font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.12}.sakura-about-page .about-lead p{margin:0;color:var(--about-muted);font-size:.95rem;line-height:1.85}.sakura-about-page .about-lead__social,.sakura-about-page .about-social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px}.sakura-about-page .about-social-card{display:flex;min-height:52px;align-items:center;gap:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--about-accent) 22%,transparent);border-radius:14px;background:var(--about-soft);color:var(--about-text);font-size:.86rem;font-weight:700;text-decoration:none;transition:transform .25s ease,border-color .25s ease}.sakura-about-page .about-social-card:hover{border-color:var(--about-accent);transform:translateY(-3px)}.sakura-about-page .about-social-card iconify-icon{display:inline-flex;flex:none;width:1.25rem;height:1.25rem;color:var(--about-accent);font-size:1.25rem}.sakura-about-page .about-card-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:stretch}.sakura-about-page .about-card-grid>.about-card{padding:clamp(18px,2.2vw,24px)}.sakura-about-page .about-card--profile,.sakura-about-page .about-card--projects{grid-column:span 7}.sakura-about-page .about-card--personality,.sakura-about-page .about-card--evaluation{grid-column:span 5}.sakura-about-page .about-card--skills{grid-column:span 8}.sakura-about-page .about-card--contact{grid-column:span 4}.sakura-about-page .about-panel-head{display:grid;gap:5px;margin-bottom:16px}.sakura-about-page .about-panel-head span,.sakura-about-page .about-focus__label,.sakura-about-page .about-project-item>span{color:color-mix(in srgb,var(--about-accent) 76%,var(--about-text));font-family:var(--va-font-mono);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sakura-about-page .about-panel-head h2{margin:0;color:var(--about-text);font-size:clamp(1.15rem,2vw,1.45rem);font-weight:900;line-height:1.2}.sakura-about-page .about-info-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sakura-about-page .about-info-item,.sakura-about-page .about-skill-chip,.sakura-about-page .about-project-item,.sakura-about-page .about-focus-item,.sakura-about-page .about-evaluation-item{border:1px solid color-mix(in srgb,var(--about-accent) 22%,transparent);border-radius:14px;background:var(--about-soft);box-shadow:inset 0 1px rgba(255,255,255,.1)}.sakura-about-page .about-info-item{display:flex;min-height:52px;flex-direction:column;gap:6px;padding:10px 13px}.sakura-about-page .about-info-item span{color:var(--about-muted);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.sakura-about-page .about-info-item strong,.sakura-about-page .about-info-item a{color:var(--about-text);font-size:.9rem;line-height:1.5;overflow-wrap:anywhere;text-decoration:none}.sakura-about-page .about-info-item a:hover{color:var(--about-accent)}.sakura-about-page .about-personality-body{display:grid;grid-template-columns:minmax(0,1fr)120px;min-height:160px;align-items:center;gap:16px}.sakura-about-page .about-personality-copy h3{margin:0 0 8px;color:var(--about-text);font-size:1.8rem;line-height:1.1}.sakura-about-page .about-personality-copy>p{margin:0 0 10px;color:var(--about-muted);font-size:.86rem;line-height:1.65}.sakura-about-page .about-personality-copy .about-personality-type{color:var(--about-accent);font-weight:800}.sakura-about-page .about-personality-link{display:inline-flex;margin-top:12px;padding:7px 12px;border:1px solid color-mix(in srgb,var(--about-accent) 20%,transparent);border-radius:999px;background:color-mix(in srgb,var(--about-accent) 8%,transparent);color:var(--about-text);font-size:.78rem;font-weight:800;text-decoration:none}.sakura-about-page .about-personality-art{position:relative;width:116px;height:138px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 12px 20px rgba(0,0,0,.24));transition:transform .3s ease}.sakura-about-page .about-personality-art img{display:block;width:100%;height:100%;object-fit:contain;border-radius:16px}.sakura-about-page .about-personality-body:hover .about-personality-art{transform:rotate(7deg)scale(1.04)}.sakura-about-page .about-pill-list{display:flex;flex-wrap:wrap;gap:7px}.sakura-about-page .about-pill{display:inline-flex;min-height:30px;align-items:center;padding:5px 11px;border:1px solid color-mix(in srgb,var(--about-accent) 20%,transparent);border-radius:999px;background:color-mix(in srgb,var(--about-accent) 8%,transparent);color:var(--about-text);font-size:.78rem;font-weight:800}.sakura-about-page .about-skills-list{display:flex;flex-wrap:wrap;gap:10px}.sakura-about-page .about-skill-chip{display:inline-flex;min-width:78px;flex-direction:column;align-items:center;gap:5px;padding:10px 8px;color:var(--about-muted);font-size:.7rem;text-align:center;transition:transform .25s ease,border-color .25s ease}.sakura-about-page .about-skill-chip iconify-icon{display:inline-flex;flex:none;width:1.7rem;height:1.7rem;color:var(--about-accent);font-size:1.7rem}.sakura-about-page .about-skill-chip:hover{border-color:var(--about-accent);transform:translateY(-4px)}.sakura-about-page .about-card-note{margin:15px 0 0;color:var(--about-muted);font-size:.82rem}.sakura-about-page .about-hobby-list{margin-top:14px}.sakura-about-page .about-project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sakura-about-page .about-project-item{display:grid;min-height:132px;gap:5px;padding:14px;color:var(--about-text);text-decoration:none;transition:transform .25s ease,border-color .25s ease}.sakura-about-page .about-project-item:hover{border-color:var(--about-accent);transform:translateY(-3px)}.sakura-about-page .about-project-item strong{font-size:1rem}.sakura-about-page .about-project-item p,.sakura-about-page .about-focus-item p,.sakura-about-page .about-evaluation-item p{margin:0;color:var(--about-muted);font-size:.82rem;line-height:1.65}.sakura-about-page .about-focus{display:grid;gap:9px;margin-top:14px}.sakura-about-page .about-focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.sakura-about-page .about-focus-item{padding:11px 12px}.sakura-about-page .about-focus-item strong{display:block;font-size:.86rem}.sakura-about-page .about-evaluation-list{display:grid;gap:10px}.sakura-about-page .about-evaluation-item{padding:12px 14px}.sakura-about-page .about-evaluation-item span{display:inline-block;margin-bottom:5px;color:var(--about-accent);font-size:.78rem;font-weight:900;letter-spacing:.05em}.sakura-about-page .about-markdown{max-width:none;margin:22px 0 0;padding:26px 8px 10px;border-top:1px solid color-mix(in srgb,var(--about-accent) 22%,transparent);color:var(--about-muted)}.sakura-about-page .sakura-about-page>.about-shell>.sakura-sponsor{margin-top:18px}@media(max-width:900px){.sakura-about-page{padding-inline:max(16px,4vw)}.sakura-about-page .about-lead{grid-template-columns:1fr}.sakura-about-page .about-card--profile,.sakura-about-page .about-card--personality,.sakura-about-page .about-card--skills,.sakura-about-page .about-card--contact,.sakura-about-page .about-card--projects,.sakura-about-page .about-card--evaluation{grid-column:1/-1}}@media(max-width:700px){.sakura-about-page{padding:calc(var(--sakura-navbar-layout-offset) + 16px)12px 48px}.sakura-about-page .about-hero{min-height:320px;padding:34px 20px;border-radius:18px}.sakura-about-page .about-lead{padding:24px 20px}.sakura-about-page .about-card-grid>.about-card{padding:18px}.sakura-about-page .about-lead__social,.sakura-about-page .about-social-grid,.sakura-about-page .about-info-list,.sakura-about-page .about-project-list,.sakura-about-page .about-focus-grid{grid-template-columns:1fr}.sakura-about-page .about-personality-body{grid-template-columns:1fr;min-height:0}.sakura-about-page .about-personality-art{width:84px;height:96px;transform:scale(.8);transform-origin:left center}.sakura-about-page .about-markdown{padding-inline:8px}}@media(prefers-reduced-motion:reduce){.sakura-about-page .about-personality-art,.sakura-about-page .about-skill-chip,.sakura-about-page .about-social-card,.sakura-about-page .about-project-item{transition:none}.sakura-about-page .about-personality-body:hover .about-personality-art,.sakura-about-page .about-skill-chip:hover,.sakura-about-page .about-social-card:hover,.sakura-about-page .about-project-item:hover{transform:none}}html:has(.sakura-about-page) .sakura-navbar .navbar-content{background:color-mix(in srgb,#10131a 92%,transparent)}html:has(.sakura-about-page) .sakura-navbar .sakura-navbar-brand,html:has(.sakura-about-page) .sakura-navbar .sakura-navbar-brand .logo-link,html:has(.sakura-about-page) .sakura-navbar .sakura-navbar-tools,html:has(.sakura-about-page) .sakura-navbar .sakura-icon-btn{color:#f6f7f8}html:has(.sakura-about-page) .sakura-footer{background:#10131a;color:rgba(246,247,248,.68)}html:has(.sakura-about-page) .sakura-footer a{color:rgba(246,247,248,.68)}html:has(.sakura-about-page) .sakura-footer a:hover{color:var(--va-c-primary)}html:not(.dark):has(.sakura-about-page) .sakura-about-page{--about-bg:#f3f6fa;--about-surface:#fff;--about-soft:rgba(31, 45, 61, 0.045);--about-border:color-mix(in srgb, var(--about-accent) 22%, transparent);--about-text:#1f2d3d;--about-muted:rgba(31, 45, 61, 0.68)}html:not(.dark):has(.sakura-about-page) .sakura-navbar .navbar-content{background:rgba(255,255,255,.94)}html:not(.dark):has(.sakura-about-page) .sakura-navbar .sakura-navbar-brand,html:not(.dark):has(.sakura-about-page) .sakura-navbar .sakura-navbar-brand .logo-link,html:not(.dark):has(.sakura-about-page) .sakura-navbar .sakura-navbar-tools,html:not(.dark):has(.sakura-about-page) .sakura-navbar .sakura-icon-btn{color:#1f2d3d}html:not(.dark):has(.sakura-about-page) .sakura-footer{background:#eef2f6;color:rgba(31,45,61,.68)}html.hero-style-grid:has(.sakura-about-page) .sakura-about-page{background:0 0}