:root{--bg-color: #f8fafc;--text-color: #1f2937;--muted-color: #6b7280;--card-bg: rgba(255, 255, 255, .22);--card-border: rgba(255, 255, 255, .45);--card-shadow: 0 8px 32px rgba(0, 0, 0, .08);--blob-color-1: rgba(45, 160, 220, .5);--blob-color-2: rgba(70, 80, 170, .45);--blob-color-3: rgba(160, 110, 210, .35)}@media (prefers-color-scheme: dark){:root{--bg-color: #0b0b0d;--text-color: #f5f5f7;--muted-color: #a1a1aa;--card-bg: rgba(255, 255, 255, .06);--card-border: rgba(255, 255, 255, .2);--card-shadow: 0 12px 40px rgba(0, 0, 0, .35);--blob-color-1: rgba(60, 180, 240, .6);--blob-color-2: rgba(80, 100, 200, .55);--blob-color-3: rgba(180, 130, 240, .45)}}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.page{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:2rem;overflow:hidden}.webgl-bg,.fallback-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.webgl-bg{display:block;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s ease}.webgl-bg.is-active{opacity:1;visibility:visible}.fallback-bg{display:block;opacity:1;visibility:visible;transition:opacity .8s ease,visibility .8s ease;pointer-events:none}.fallback-bg.is-hidden{opacity:0;visibility:hidden}.glass-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 3rem;border-radius:1.75rem;background:var(--card-bg);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid var(--card-border);box-shadow:var(--card-shadow);max-width:90vw;width:22rem;perspective:800px;transform-style:preserve-3d;transition:transform .15s ease-out,opacity .15s ease-out;will-change:transform}.glass-card.is-tilting{transition:transform .08s ease-out}.webgl-active .glass-card{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;box-shadow:none}.avatar{width:5rem;height:5rem;border-radius:50%;object-fit:cover;margin-bottom:1.25rem;-webkit-user-select:none;user-select:none}.site-name{font-size:1.75rem;font-weight:700;margin-bottom:.375rem;letter-spacing:.05em}.subtitle{font-size:.875rem;font-weight:500;color:var(--muted-color);margin-bottom:1.5rem}.beian{display:flex;flex-direction:column;gap:.375rem;font-size:.75rem;color:var(--muted-color)}.beian a{color:var(--muted-color);text-decoration:none;transition:color .2s ease}.beian a:hover,.beian a:focus{color:var(--text-color);text-decoration:underline;outline:none}.beian a:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}@keyframes site-name-glitch{0%{transform:translate(0);text-shadow:none;opacity:1}20%{transform:translate(-2px,1px);text-shadow:-2px 0 #ff0080,2px 0 #00ffff;opacity:.85}40%{transform:translate(2px,-1px);text-shadow:2px 0 #ff0080,-2px 0 #00ffff;opacity:.9}60%{transform:translate(-1px);text-shadow:-1px 0 #ff0080,1px 0 #00ffff;opacity:.8}80%{transform:translate(1px,1px);text-shadow:1px 0 #ff0080,-1px 0 #00ffff;opacity:.95}to{transform:translate(0);text-shadow:none;opacity:1}}.site-name.is-glitching{animation:site-name-glitch .25s steps(5) 1}@keyframes global-glitch-pulse{0%{transform:translate(0);filter:none}25%{transform:translate(-3px);filter:hue-rotate(-30deg) contrast(1.1)}50%{transform:translate(3px);filter:hue-rotate(30deg) contrast(1.15)}75%{transform:translate(-2px);filter:hue-rotate(-15deg) contrast(1.1)}to{transform:translate(0);filter:none}}@keyframes card-glitch-flicker{0%,to{opacity:1}50%{opacity:.92}}.page.is-global-glitching{animation:global-glitch-pulse .15s steps(4) 1}.page.is-global-glitching .glass-card{animation:card-glitch-flicker .15s steps(3) 1}@media (max-width: 480px){.glass-card{padding:2rem 1.75rem;width:100%}.site-name{font-size:1.5rem}}@media (prefers-reduced-motion: reduce){.webgl-bg,.fallback-bg,.beian a{transition:none}.glass-card,.site-name,.page{animation:none!important;transition:none!important;transform:none!important}}.fallback-bg .blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.8;will-change:transform}.blob-1{width:18rem;height:18rem;top:10%;left:10%;background:var(--blob-color-1);animation:float-1 18s ease-in-out infinite}.blob-2{width:22rem;height:22rem;top:50%;right:5%;background:var(--blob-color-2);animation:float-2 22s ease-in-out infinite}.blob-3{width:16rem;height:16rem;bottom:5%;left:30%;background:var(--blob-color-3);animation:float-3 20s ease-in-out infinite}@keyframes float-1{0%,to{transform:translate(0) scale(1);border-radius:60% 40% 55% 45%/55% 45% 60% 40%}50%{transform:translate(3rem,4rem) scale(1.08);border-radius:45% 55% 40% 60%/60% 40% 55% 45%}}@keyframes float-2{0%,to{transform:translate(0) scale(1);border-radius:40% 60% 45% 55%/50% 55% 45% 50%}50%{transform:translate(-4rem,3rem) scale(1.05);border-radius:55% 45% 60% 40%/45% 50% 55% 45%}}@keyframes float-3{0%,to{transform:translate(0) scale(1);border-radius:50% 50% 60% 40%/40% 60% 50% 50%}50%{transform:translate(2rem,-3rem) scale(1.1);border-radius:60% 40% 50% 50%/55% 45% 50% 55%}}@media (prefers-reduced-motion: reduce){.fallback-bg .blob{animation:none}}