:root{--bg: #030913;--cyan: #00d9f5;--purple: #a855f7;--pink: #e040fb;--text: #cce4ff;--muted: #3d5a7a;--card: rgba(5, 15, 32, .72);--border: rgba(0, 217, 245, .14)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);overflow-x:hidden}#bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.page{position:relative;z-index:2;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 24px 80px}.content{width:min(540px,100%);display:flex;flex-direction:column;gap:0}.fade-in{opacity:0;transform:translateY(18px);animation:fadeUp .7s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--d, 0s)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.status-row{display:flex;align-items:center;gap:8px;margin-bottom:28px}.dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e,0 0 14px #22c55e88;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 6px #22c55e,0 0 14px #22c55e88}50%{box-shadow:0 0 10px #22c55e,0 0 28px #22c55ecc}}.status-text{font-size:11px;letter-spacing:.24em;color:#22c55e;text-transform:uppercase;font-weight:500;opacity:.85}.name{font-family:Orbitron,Arial Black,Impact,sans-serif;font-size:clamp(42px,9vw,76px);font-weight:900;letter-spacing:.04em;line-height:1;background:linear-gradient(115deg,#fff 0%,var(--cyan) 45%,var(--purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:28px;filter:drop-shadow(0 0 28px rgba(0,217,245,.28));position:relative;z-index:1}.divider{display:flex;align-items:center;gap:12px;margin-bottom:28px}.div-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.div-gem{color:var(--cyan);font-size:14px;opacity:.7;animation:spin-gem 8s linear infinite}@keyframes spin-gem{0%{transform:rotate(0);opacity:.7}50%{transform:rotate(180deg);opacity:1}to{transform:rotate(360deg);opacity:.7}}.bio{font-size:15px;font-weight:300;color:var(--text);opacity:.75;line-height:1.75;letter-spacing:.04em;min-height:1.75em;margin-bottom:28px}.bio:after{content:"◫";display:inline-block;color:var(--cyan);animation:blink 1s step-end infinite;margin-left:1px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}.chip{padding:4px 12px;border-radius:100px;border:1px solid var(--border);background:#00d9f50e;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);font-weight:500;transition:background .2s,border-color .2s,box-shadow .2s}.chip:hover{background:#00d9f51f;border-color:#00d9f573;box-shadow:0 0 12px #00d9f526}.links{display:flex;flex-direction:column;gap:12px}.lcard{display:flex;align-items:center;gap:16px;padding:18px 20px;background:var(--card);border:1px solid var(--border);border-radius:10px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s}.lcard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#00d9f50d,#a855f70d);opacity:0;transition:opacity .25s}.lcard:hover{border-color:#00d9f566;box-shadow:0 0 0 1px #00d9f514,0 0 24px #00d9f51a,0 8px 32px #0000004d;transform:translateY(-2px)}.lcard:hover:before{opacity:1}.lcard-icon{font-size:20px;color:var(--cyan);opacity:.85;flex-shrink:0;width:36px;text-align:center;filter:drop-shadow(0 0 6px var(--cyan))}.lcard-body{flex:1;display:flex;flex-direction:column;gap:3px}.lcard-name{font-size:15px;font-weight:500;color:#e8f4ff;letter-spacing:.02em}.lcard-sub{font-size:12px;color:var(--muted);letter-spacing:.04em;transition:color .25s}.lcard:hover .lcard-sub{color:#00d9f58c}.lcard-arrow{font-size:16px;color:var(--muted);opacity:.6;transition:color .25s,transform .25s,opacity .25s}.lcard:hover .lcard-arrow{color:var(--cyan);opacity:1;transform:translate(2px,-2px)}.footer{position:fixed;bottom:20px;left:0;right:0;z-index:10;text-align:center}.footer a{font-size:11px;letter-spacing:.08em;color:var(--muted);text-decoration:none;transition:color .2s}.footer a:hover{color:var(--cyan)}
