:root{--color-void: #060d17;--color-abyss: #0b1426;--color-midnight: #11203a;--color-surface: rgba(30, 58, 95, .35);--color-surface-bright: rgba(56, 189, 248, .08);--color-slime-blue: #38bdf8;--color-gel-cyan: #67e8f9;--color-soft-glow: #bae6fd;--color-love-ember: #fb7185;--color-prayer-light: #fecdd3;--color-moonlight: #e2e8f0;--color-mist: #94a3b8;--color-shadow: #64748b;--color-divider: rgba(148, 163, 184, .12);--color-noise: rgba(255, 255, 255, .015);--gradient-trio: linear-gradient(135deg, #bae6fd, #38bdf8, #67e8f9);--font-display: "Fraunces", "Noto Serif SC", Georgia, "Times New Roman", serif;--font-body: "Inter", "Noto Sans SC", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--fs-display-xl: clamp(2.5rem, 6vw, 4.5rem);--fs-display-l: clamp(2rem, 4vw, 3rem);--fs-heading: clamp(1.5rem, 3vw, 2rem);--fs-heading-zh: clamp(1.4rem, 2.5vw, 1.75rem);--fs-body-l: 1.25rem;--fs-body-l-zh: 1.125rem;--fs-body: 1rem;--fs-body-zh: .9375rem;--fs-caption: .875rem;--fs-caption-zh: .8125rem;--fs-micro: .75rem;--fs-micro-zh: .6875rem;--lh-heading: 1.2;--lh-body: 1.7;--lh-body-zh: 1.8;--ls-tight: -.02em;--ls-normal: 0;--ls-wide: .08em;--space-section: clamp(5rem, 12vh, 9rem);--container-max: 1100px;--container-pad: clamp(1.25rem, 5vw, 3rem);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--glow-avatar: 0 0 20px 4px rgba(56, 189, 248, .45), 0 0 44px 10px rgba(186, 230, 253, .22);--glow-avatar-warm: 0 0 24px 6px rgba(251, 113, 133, .5), 0 0 52px 14px rgba(254, 205, 211, .25);--glow-bar: 0 0 8px rgba(56, 189, 248, .5);--ease-soft: cubic-bezier(.22, .61, .36, 1);--t-reveal: .8s;--t-warm: .4s;--t-bar: .9s;--z-gel: 0;--z-content: 1;--z-noise: 9999}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-moonlight);background-color:var(--color-abyss);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% -10%,rgba(56,189,248,.05),transparent 55%)}img{max-width:100%;display:block}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:500;line-height:var(--lh-heading);letter-spacing:var(--ls-tight);color:var(--color-moonlight)}p{margin:0}ul{margin:0;padding:0;list-style:none}a{color:var(--color-slime-blue);text-decoration:none;transition:color var(--t-warm) var(--ease-soft)}a:hover{color:var(--color-gel-cyan)}button{font:inherit;color:inherit;background:none;border:0}::selection{background:#38bdf84d;color:var(--color-soft-glow)}:focus-visible{outline:2px solid var(--color-slime-blue);outline-offset:3px;border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.section{padding-block:var(--space-section)}@keyframes breathing{0%,to{opacity:.45;box-shadow:0 0 20px 4px #38bdf859,0 0 40px 8px #bae6fd2e}50%{opacity:.85;box-shadow:0 0 32px 8px #38bdf899,0 0 60px 14px #bae6fd52}}@keyframes drift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(220px,160px) scale(1.25)}}@keyframes drift2{0%,to{transform:translate(0) scale(1.05)}50%{transform:translate(-250px,-130px) scale(.85)}}@keyframes drift3{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-42%,-110px) scale(1.3)}}@keyframes drift4{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-180px,-120px) scale(1.2)}}@keyframes abyss-breathe{0%,to{background-color:#0b1426}50%{background-color:#060d17}}@keyframes afterglow{0%{text-shadow:0 0 12px rgba(56,189,248,.9)}to{text-shadow:none}}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes cursor-glow{0%,to{box-shadow:0 0 6px #bae6fdb3}50%{box-shadow:0 0 12px #38bdf8e6}}@keyframes float-y{0%,to{transform:translate(-50%) translateY(0);opacity:.45}50%{transform:translate(-50%) translateY(8px);opacity:.85}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.gel{animation:none!important;opacity:.3!important}body{animation:none!important;background-color:#0b1426!important}.tw-cursor{animation:none!important;opacity:.6!important}.scroll-hint{animation:none!important}}.noise{position:fixed;inset:0;z-index:var(--z-noise);pointer-events:none;mix-blend-mode:overlay;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='160'%20height='160'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.85'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:160px 160px}.glass{background:var(--color-surface);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border:1px solid rgba(186,230,253,.08);border-radius:var(--radius-lg)}[data-warm]{position:relative;isolation:isolate;transition:filter var(--t-warm) var(--ease-soft),border-color var(--t-warm) var(--ease-soft),background var(--t-warm) var(--ease-soft),color var(--t-warm) var(--ease-soft),transform var(--t-warm) var(--ease-soft)}[data-warm]:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at center,rgba(251,113,133,.18),transparent 70%);opacity:0;transition:opacity var(--t-warm) var(--ease-soft);pointer-events:none;z-index:3}[data-warm]:hover:after{opacity:1}[data-warm]:hover{filter:brightness(1.08)}[data-warm]:active{transform:scale(.97)}.gradient-text{background:var(--gradient-trio);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.divider{height:1px;width:100%;border:0;background:linear-gradient(90deg,transparent,rgba(148,163,184,.2),transparent);margin-block:clamp(2rem,5vw,3.5rem)}.section-title{font-family:var(--font-display);font-size:var(--fs-display-l);color:var(--color-moonlight);position:relative;padding-left:1.25rem;margin-bottom:clamp(2rem,5vw,3rem)}.section-title:before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:3px;border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--color-slime-blue),transparent)}.avatar{position:relative;width:clamp(120px,18vw,180px);height:clamp(120px,18vw,180px);border-radius:50%;margin:0 auto}.avatar-ring{position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--color-slime-blue);box-shadow:var(--glow-avatar);animation:breathing 4s ease-in-out infinite;transition:border-color var(--t-warm) var(--ease-soft),box-shadow var(--t-warm) var(--ease-soft);pointer-events:none;z-index:0}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;filter:saturate(1.1) contrast(1.05);position:relative;z-index:1}.avatar:hover .avatar-ring{border-color:var(--color-love-ember);box-shadow:var(--glow-avatar-warm)}.tw-text{font-family:var(--font-mono);font-size:var(--fs-display-l);color:var(--color-moonlight);letter-spacing:var(--ls-tight);line-height:var(--lh-heading);min-height:1.2em;white-space:nowrap;overflow:hidden;text-align:center;text-shadow:0 0 24px rgba(56,189,248,.15)}.tw-char{display:inline-block;animation:afterglow .6s ease-out forwards}.tw-cursor{display:inline-block;width:2px;height:1.05em;margin-left:4px;background:var(--color-soft-glow);border-radius:2px;vertical-align:-.12em;animation:cursor-blink 1s steps(1) infinite,cursor-glow 2s ease-in-out infinite}.tw-dchar{display:inline;opacity:0;transition:opacity .05s}.tw-dchar.shown{opacity:1;animation:afterglow .6s ease-out forwards}.cn{white-space:nowrap;display:inline}.type-text,.dialog-line{word-break:keep-all;overflow-wrap:break-word}.interests-title{font-family:var(--font-display);font-size:var(--fs-heading);color:var(--color-moonlight);margin-bottom:1.75rem}.bars{width:100%}.bar{margin-bottom:1.4rem}.bar:last-child{margin-bottom:0}.bar-label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.55rem}.bar-label>span:first-child{font-family:var(--font-body);font-size:var(--fs-body);color:var(--color-moonlight)}.bar-val{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--color-gel-cyan);letter-spacing:var(--ls-wide)}.bar-track{height:6px;border-radius:var(--radius-pill);background:#94a3b81a;overflow:hidden}.bar-fill{height:100%;width:0;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--color-slime-blue),var(--color-gel-cyan));box-shadow:var(--glow-bar);transition:width var(--t-bar) var(--ease-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 2rem;min-height:44px;border-radius:var(--radius-pill);background:var(--color-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(186,230,253,.1);color:var(--color-moonlight);font-family:var(--font-body);font-size:var(--fs-body);cursor:pointer;text-decoration:none}.btn:hover{border-color:#fb71854d;background:var(--color-surface-bright);color:var(--color-moonlight)}.btn:active{background:#fecdd31f}.social{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(186,230,253,.1);background:var(--color-surface);color:var(--color-mist)}.social svg{width:16px;height:16px}.social:hover{color:var(--color-gel-cyan);border-color:#fb71854d}html{scroll-snap-type:y mandatory}.scene{position:relative;z-index:1;height:100vh;height:100svh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:clamp(2rem,6vh,4rem) var(--container-pad);background:transparent}.scene-inner{position:relative;z-index:var(--z-content);display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.gel-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.gel{position:absolute;border-radius:50%;filter:blur(80px);will-change:transform}.gel-1{width:480px;height:480px;max-width:62vw;max-height:62vw;background:radial-gradient(circle,rgba(56,189,248,.55),transparent 70%);top:-8%;left:-6%;opacity:.5;filter:blur(60px);animation:drift1 18s ease-in-out infinite}.gel-2{width:540px;height:540px;max-width:66vw;max-height:66vw;background:radial-gradient(circle,rgba(103,232,249,.5),transparent 70%);bottom:-12%;right:-10%;opacity:.45;filter:blur(80px);animation:drift2 20s ease-in-out infinite}.gel-3{width:380px;height:380px;max-width:56vw;max-height:56vw;background:radial-gradient(circle,rgba(186,230,253,.4),transparent 70%);top:40%;left:50%;opacity:.4;filter:blur(80px);animation:drift3 22s ease-in-out infinite}.gel-4{width:420px;height:420px;max-width:58vw;max-height:58vw;background:radial-gradient(circle,rgba(251,113,133,.1),transparent 70%);bottom:15%;right:20%;opacity:.5;filter:blur(120px);animation:drift4 26s ease-in-out infinite}.scene [data-reveal]{opacity:0;filter:blur(12px);transform:translateY(20px);transition:opacity var(--t-reveal) var(--ease-soft),filter var(--t-reveal) var(--ease-soft),transform var(--t-reveal) var(--ease-soft)}.scene.scene-active [data-reveal]{opacity:1;filter:blur(0);transform:translateY(0)}.page-dots{position:fixed;right:clamp(1rem,3vw,2rem);top:50%;transform:translateY(-50%);z-index:var(--z-content);display:flex;flex-direction:column;gap:12px}.page-dot{width:8px;height:8px;border-radius:50%;background:#94a3b84d;transition:all var(--t-warm) var(--ease-soft);cursor:pointer}.page-dot.is-active{background:var(--color-slime-blue);box-shadow:0 0 8px #38bdf899;transform:scale(1.4)}.page-dot:hover{background:var(--color-soft-glow)}.hero-inner{gap:1.75rem}.hero-logo{display:inline-flex;align-items:center;justify-content:center;line-height:0}.hero-logo-img{height:40px;width:auto;filter:drop-shadow(0 0 12px rgba(56,189,248,.4)) brightness(1.2);transition:filter var(--t-warm) var(--ease-soft)}.hero-logo:hover .hero-logo-img{filter:drop-shadow(0 0 16px rgba(251,113,133,.5)) brightness(1.25)}.hero-subtitle{font-family:var(--font-display);font-size:var(--fs-caption);color:var(--color-mist);letter-spacing:var(--ls-wide)}.bg-vertical{position:absolute;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-display);font-size:var(--fs-body-l);letter-spacing:.25em;pointer-events:none;z-index:var(--z-content);opacity:0;animation:bgVerticalFadeIn 1.2s ease-out .8s forwards}.bg-vertical-left{left:clamp(1.5rem,5vw,3.5rem);color:var(--color-soft-glow);text-shadow:0 0 16px rgba(186,230,253,.3)}.bg-vertical-right{right:clamp(1.5rem,5vw,3.5rem);color:var(--color-slime-blue);text-shadow:0 0 16px rgba(56,189,248,.3)}@keyframes bgVerticalFadeIn{to{opacity:.22}}@media (prefers-reduced-motion: reduce){.bg-vertical{opacity:.22;animation:none}}@media (max-width: 640px){.bg-vertical{font-size:var(--fs-caption);letter-spacing:.15em;animation:none;opacity:.15}.bg-vertical-left{left:.75rem}.bg-vertical-right{right:.75rem}}.scroll-hint{position:absolute;bottom:2rem;left:50%;z-index:var(--z-content);display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--color-soft-glow);animation:float-y 2.4s ease-in-out infinite}.scroll-hint svg{width:22px;height:22px;filter:drop-shadow(0 0 6px rgba(56,189,248,.6))}.intro-inner{width:min(680px,86%);text-align:left}.scene-intro{justify-content:flex-start;padding-top:clamp(8rem,22vh,14rem);padding-bottom:clamp(5rem,12vh,8rem);overflow-y:auto}.type-text{font-family:var(--font-body);font-size:var(--fs-body-l);line-height:1.9;color:var(--color-moonlight)}.type-text .dialog-line{margin-bottom:1.1rem}.type-text .dialog-line:last-child{margin-bottom:0}.interests-inner{width:100%;max-width:min(560px,86%);align-items:stretch}.interests-inner .interests-title{text-align:center}.scene-end-inner{gap:1.25rem}.end-title{font-family:var(--font-display);font-size:var(--fs-display-l);font-weight:500;line-height:var(--lh-heading);max-width:16ch}.end-sub{font-family:var(--font-body);font-size:var(--fs-body-l);color:var(--color-mist)}.end-ja{font-family:var(--font-display);font-size:var(--fs-body);color:var(--color-mist);letter-spacing:.15em;margin-top:.5rem}.scene-end .social{margin-top:.75rem}.scene-end .footer-text{margin-top:1.75rem;font-family:var(--font-body);font-size:var(--fs-caption);color:var(--color-shadow);letter-spacing:var(--ls-wide)}@media (max-width: 640px){.type-text{font-size:var(--fs-body-l-zh);line-height:var(--lh-body-zh)}.end-sub{font-size:var(--fs-body-l-zh)}.scene-intro{padding-top:clamp(6rem,18vh,10rem)}.bar{margin-bottom:1.1rem}.page-dots{gap:8px;right:.75rem}.page-dot{width:6px;height:6px}}@media (max-height: 620px){.scene-interests .interests-inner{max-height:80vh;overflow-y:auto}}