:root{color:#fff9ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text-muted:#ddd2e5;--glass-border:#ffedff47;--glass-blur:20px;background:#1c1029;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}button{font:inherit}button:focus-visible{outline-offset:6px;outline:2px solid #fff}::selection{color:#fff;background:#b888c4}.home{-webkit-user-select:none;user-select:none;isolation:isolate;min-height:100svh;padding:max(32px, env(safe-area-inset-top)) max(48px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(48px, env(safe-area-inset-left));flex-direction:column;display:flex;position:relative}.home img,.home video{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.backdrop{z-index:-2;background:#261530;position:fixed;inset:0;overflow:hidden}.backdrop-media{object-fit:cover;object-position:center;filter:blur(4px);width:calc(100% + 24px);height:calc(100% + 24px);position:absolute;inset:-12px}.backdrop-shade{background:linear-gradient(#0f08194d,#18091e33 42%,#0f08198f),radial-gradient(#0000 10%,#0f061942 100%);position:absolute;inset:0}.site-header,.site-footer{justify-content:space-between;align-items:center;gap:24px;display:flex}.wordmark{letter-spacing:-.03em;align-items:center;gap:11px;font-size:1.0625rem;font-weight:600;display:flex}.sparkle{color:#efd8f7}.wordmark-dot{color:#edb3df}.header-caption{letter-spacing:.22em;color:var(--text-muted);font-size:.75rem}.main-content{flex:1;place-items:center;padding:70px 0;display:grid}.glass{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(135%);backdrop-filter:blur(var(--glass-blur)) saturate(135%);background:linear-gradient(135deg,#fff6ff26,#ebd2ff0d 46%,#ffefff1a);box-shadow:0 24px 80px -20px #0a02147a,inset 0 1px 1px #ffffff61,inset 0 -1px 1px #ffe6ff1f}.profile{text-align:center;border-radius:36px;width:min(100%,416px);padding:45px 30px 28px;animation:.95s cubic-bezier(.2,.7,.2,1) both arrive;position:relative;overflow:hidden}[data-glass]{isolation:isolate;--glow-x:50%;--glow-y:50%;--glow-opacity:0;position:relative}[data-glass]:before,[data-glass]:after{content:"";pointer-events:none;border-radius:inherit;opacity:var(--glow-opacity);transition:opacity .22s;position:absolute;inset:0}[data-glass]:before{z-index:2;background:radial-gradient(280px circle at var(--glow-x) var(--glow-y), #fff8ff29, #edd0ff0f 42%, transparent 72%)}[data-glass]:after{z-index:3;background:radial-gradient(220px circle at var(--glow-x) var(--glow-y), #ffffffe6, #f1d5ff66 38%, transparent 72%);-webkit-mask-composite:xor;padding:1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.profile-shine{pointer-events:none;background:radial-gradient(#f7cdfd21,#0000 70%);border-radius:50%;width:310px;height:240px;position:absolute;top:-120px;left:-80px}.avatar-shell{isolation:isolate;aspect-ratio:163/150;width:min(100%,216px);margin:0 auto 20px;position:relative}.avatar{aspect-ratio:1;object-fit:cover;border-radius:50%;width:59%;height:auto;display:block;position:absolute;top:46.7%;left:50%;transform:translate(-50%,-50%)}.avatar-frame{z-index:1;object-fit:contain;pointer-events:none;filter:drop-shadow(0 8px 12px #1c09283d);width:100%;height:100%;display:block;position:absolute;inset:0}.eyebrow{letter-spacing:.3em;color:var(--text-muted);margin:0 0 10px;font-size:.75rem;font-weight:500}h1{letter-spacing:-.045em;text-shadow:0 2px 14px #1d08241f;margin:0;font-size:clamp(2rem,5vw,2.5rem);font-weight:600;line-height:1.2}h1 span{color:#efbce9}.welcome{letter-spacing:.12em;color:#eee1f2;margin:17px 0 0;font-size:1rem;line-height:1.7}.profile-detail{color:#e9d6ee;justify-content:center;align-items:center;gap:13px;margin-top:30px;font-size:1rem;display:flex}.profile-detail span{background:linear-gradient(90deg,#0000,#ffe9ff5c);width:37px;height:1px}.profile-detail span:last-child{transform:rotate(180deg)}.copyright{color:var(--text-muted);letter-spacing:.025em;font-size:.8125rem}.music-control{color:#fff5ff;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:11px;min-height:46px;padding:11px 17px;font-size:.875rem;transition:background-color .18s,border-color .18s;display:flex}.music-control:hover:not(:disabled),.music-control:focus-visible{background-color:#ffecff12;border-color:#ffedff6b}.music-control:disabled{cursor:default;opacity:.7}.music-label{min-width:5em}.music-separator{background:#ffefff38;width:1px;height:14px}.music-bars{color:#f1c9ef;justify-content:center;align-items:center;gap:3px;width:21px;height:18px;display:flex}.music-bars i{transform-origin:50%;background:currentColor;border-radius:2px;width:2px;height:5px}.music-bars i:nth-child(2){height:13px}.music-bars i:nth-child(3){height:17px}.music-bars i:nth-child(4){height:9px}.is-playing .music-bars i{animation:.9s ease-in-out infinite alternate music-wave}.is-playing .music-bars i:nth-child(2){animation-delay:-450ms}.is-playing .music-bars i:nth-child(3){animation-delay:-200ms}.is-playing .music-bars i:nth-child(4){animation-delay:-650ms}@keyframes music-wave{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes arrive{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.home{padding:max(25px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left))}.header-caption{display:none}.main-content{padding:48px 0}.profile{border-radius:30px;padding:37px 20px 25px}.backdrop-media{object-position:35% center}.site-footer{flex-wrap:wrap;gap:12px}.copyright{font-size:.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:linear-gradient(135deg,#472c50f0,#281736f0)}}