:root{--fp-bg:#04050a;--fp-bg-deep:#020308;--fp-text:#f0f6fff0;--fp-text-dim:#c8daf0b8;--fp-accent:#8ec5ff;--fp-accent-warm:#ffc896;--fp-glass:#0a0e1c85;--fp-glass-border:#8cbeff24;--fp-glow:#64aaff59;--fp-popup-gradient:linear-gradient(145deg, #ff6b9d1a 0%, #0c101eeb 45%, #63b3ff1a 100%);--fp-font:"Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;font-family:var(--fp-font);-webkit-font-smoothing:antialiased;margin:0}html.footprint-html,html.footprint-html body{background:var(--fp-bg-deep);color:var(--fp-text);overflow-x:hidden}.fp-app{min-height:100vh;color:var(--fp-text);position:relative;overflow-x:hidden}.fp-atmosphere{z-index:1;pointer-events:none;background:radial-gradient(90% 60% at 50% 38%,#3c64b412 0%,#0000 58%),radial-gradient(120% 80% at 50% 100%,#141e3c73 0%,#0000 55%),radial-gradient(circle,#0000 42%,#0000008c 100%);position:fixed;inset:0}.fp-stars-canvas{z-index:0;display:block;position:fixed;inset:0}.fp-screen{z-index:4;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1.25rem 6rem;display:flex;position:relative}.fp-profile{text-align:center;width:min(520px,92vw);padding:0;animation:1.1s cubic-bezier(.22,.61,.36,1) both fpFadeUp}@keyframes fpFadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.fp-title{letter-spacing:.18em;color:#f5fafff5;text-shadow:0 0 24px #78b4ff73,0 0 48px #508cdc33,0 2px 12px #00000080;margin:0 0 .75rem;font-size:clamp(1.85rem,5.5vw,2.5rem);font-weight:600;line-height:1.15}.fp-intro-text{justify-content:center;align-items:center;min-height:2.4rem;padding:0 .25rem;display:flex}.fp-desc{color:#d2e1f5c7;text-shadow:0 1px 16px #0000008c;margin:0;font-size:clamp(.92rem,2.6vw,1.02rem);font-weight:400;line-height:1.75}.fp-typewriter{justify-content:center;align-items:center;gap:3px;min-height:1.65rem;display:inline-flex}.fp-typewriter-text{white-space:nowrap;color:#d2e1f5c7;text-shadow:0 1px 16px #0000008c}.fp-typewriter-cursor{color:var(--fp-accent);font-weight:300;animation:.75s step-end infinite fpCursorBlink}@keyframes fpCursorBlink{50%{opacity:0}}.fp-social{flex-wrap:wrap;justify-content:center;gap:1.1rem;margin-top:1.15rem;display:flex}.fp-social-link{color:#c8dcf59e;letter-spacing:.06em;background:0 0;border:none;align-items:center;gap:.35rem;padding:.2rem 0;font-size:.8rem;text-decoration:none;transition:color .22s,text-shadow .22s;display:inline-flex}.fp-social-link:hover{color:#e6f2ffeb;text-shadow:0 0 14px #8ec5ff59}.fp-social-icon{opacity:.7;font-size:.88rem}.fp-toast{left:50%;bottom:max(1.25rem, env(safe-area-inset-bottom));z-index:50;text-align:center;color:#e8f2ff;opacity:0;pointer-events:none;background:#080c18f0;border:1px solid #8ec5ff38;border-radius:999px;max-width:min(92vw,22rem);padding:.65rem 1.1rem;font-size:.86rem;line-height:1.45;transition:opacity .25s,transform .25s;position:fixed;transform:translate(-50%)translateY(12px);box-shadow:0 12px 36px #0006}.fp-toast.is-visible{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=720px){.fp-title{letter-spacing:.1em;font-size:clamp(1.15rem,5.2vw,1.4rem)}.fp-desc,.fp-typewriter-text{white-space:normal;text-align:center;max-width:min(15rem,86vw);font-size:.78rem;line-height:1.55}.fp-intro-text{min-height:1.8rem}.fp-screen--hero .fp-profile{margin-top:0}.fp-scroll-hint{margin-top:.25rem}.fp-scroll-hint-label{letter-spacing:.1em;font-size:.62rem}.fp-scroll-hint-arrow{font-size:1.05rem}.fp-social{gap:.45rem .7rem;margin-top:.55rem}.fp-social-link{min-height:2rem;padding:.28rem .45rem;font-size:.72rem}.nav-panel{padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left))}.nav-panel-card{width:min(94vw,22rem);padding:1.2rem 1.1rem 1.05rem}.nav-panel-actions a,.nav-panel-actions button{min-height:2.5rem;padding:.55rem 1rem}#bootError{bottom:max(1rem, env(safe-area-inset-bottom));left:max(.75rem, env(safe-area-inset-left));right:max(.75rem, env(safe-area-inset-right));text-align:center;width:auto;transform:none}}.nav-panel{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#0203089e;place-items:center;transition:opacity .28s;display:grid;position:fixed;inset:0}.nav-panel.is-open{opacity:1;pointer-events:auto}.nav-panel-card{background:var(--fp-popup-gradient);text-align:center;border:1px solid #8ec5ff33;border-radius:1.1rem;width:min(92vw,22rem);padding:1.4rem 1.35rem 1.15rem;transition:transform .28s cubic-bezier(.22,.61,.36,1);transform:scale(.96);box-shadow:0 20px 50px #00000080,0 0 40px #508cdc14}.nav-panel.is-open .nav-panel-card{transform:scale(1)}.nav-panel-icon{color:var(--fp-accent);text-shadow:0 0 20px #8ec5ff80;margin-bottom:.4rem;font-size:1.45rem;line-height:1}.nav-panel-card h2{letter-spacing:.06em;color:var(--fp-text);margin:0 0 .45rem;font-size:1.08rem;font-weight:600}.nav-panel-card p{color:var(--fp-text-dim);margin:0 0 1rem;font-size:.88rem;line-height:1.55}.nav-panel-actions{justify-content:center;gap:.5rem;display:flex}.nav-panel-actions a,.nav-panel-actions button{cursor:pointer;border:none;border-radius:.55rem;padding:.48rem .9rem;font-size:.86rem;transition:background .2s,transform .2s}.nav-panel-actions a{color:#eaf3ff;background:#64a0e638;text-decoration:none}.nav-panel-actions a:hover{background:#64a0e657;transform:translateY(-1px)}.nav-panel-actions button{color:#d2dcebe0;background:#ffffff0f}.nav-panel-actions button:hover{background:#ffffff1a}#bootError{z-index:30;background:#5a1a1a;border-radius:.5rem;padding:.5rem 1rem;font-size:.85rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}