*{box-sizing:border-box}
:root{--bg:#112d70;--accent:#70c8ff;--text:#fff;--button:#fff;--button-text:#14213d}
html{min-height:100%;background:var(--bg)}
body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;background:radial-gradient(circle at 50% 15%,rgba(255,255,255,.08),transparent 24%),linear-gradient(160deg,color-mix(in srgb,var(--bg) 92%,black),var(--bg))}
body::before{content:"";position:fixed;inset:0;z-index:-3;background-size:cover;background-position:center;opacity:0}
body::after{content:"";position:fixed;inset:-20%;z-index:-2;pointer-events:none;opacity:.9;background:radial-gradient(ellipse 46% 9% at 18% 69%,transparent 47%,color-mix(in srgb,var(--accent) 80%,transparent) 49%,transparent 52%),radial-gradient(ellipse 55% 10% at 70% 47%,transparent 47%,color-mix(in srgb,var(--accent) 78%,transparent) 49%,transparent 52%),radial-gradient(ellipse 60% 7% at 67% 82%,transparent 47%,color-mix(in srgb,var(--accent) 72%,transparent) 49%,transparent 52%);transform:rotate(-13deg);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 45%,transparent))}
.ambient{position:fixed;z-index:-1;border:3px solid color-mix(in srgb,var(--accent) 66%,transparent);border-radius:50%;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 35%,transparent));opacity:.65}.ambient-one{width:950px;height:240px;left:-300px;top:58%;transform:rotate(-17deg)}.ambient-two{width:880px;height:200px;right:-280px;top:27%;transform:rotate(31deg)}
.page-shell{width:min(900px,calc(100% - 32px));margin:0 auto;padding:64px 0 42px}.profile-card{text-align:center;margin-bottom:42px}.avatar{width:122px;height:122px;border-radius:50%;object-fit:cover;background:#fff;border:4px solid rgba(255,255,255,.92);box-shadow:0 12px 35px rgba(0,0,0,.22)}
h1{font-size:28px;line-height:1.25;margin:18px 0 8px;letter-spacing:.02em;text-shadow:0 2px 12px rgba(0,0,0,.25)}.description{font-size:18px;line-height:1.55;text-shadow:0 2px 8px rgba(0,0,0,.28);word-break:break-word}
.badge{display:inline-flex;align-items:center;gap:9px;margin-top:18px;padding:11px 16px;border-radius:999px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.12);color:var(--text);text-decoration:none;font-weight:700;backdrop-filter:blur(12px);transition:.2s ease}.badge:hover{transform:translateY(-2px);background:rgba(255,255,255,.24)}
.link-list{display:grid;gap:18px}.link-card{min-height:72px;display:grid;grid-template-columns:62px 1fr 36px;align-items:center;padding:6px 16px 6px 8px;border-radius:999px;text-decoration:none;background:var(--button);color:var(--button-text);box-shadow:0 9px 24px rgba(0,0,0,.12);transition:transform .18s ease,box-shadow .18s ease}.link-card:hover{transform:translateY(-3px) scale(1.005);box-shadow:0 14px 34px rgba(0,0,0,.2)}.link-card:active{transform:scale(.99)}
.link-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(10,30,65,.06);overflow:hidden}.link-icon img{width:100%;height:100%;object-fit:cover}.fallback-icon{font-size:24px}.link-title{text-align:center;font-size:18px;font-weight:800;line-height:1.3;padding:0 8px}.arrow{font-size:34px;font-weight:300;opacity:.58;text-align:right}footer{text-align:center;margin-top:56px;font-size:14px;opacity:.76}
@media (max-width:640px){.page-shell{width:min(100% - 24px,900px);padding-top:36px}.avatar{width:100px;height:100px}h1{font-size:23px}.description{font-size:15px}.link-list{gap:13px}.link-card{min-height:64px;grid-template-columns:52px 1fr 26px;padding-right:13px}.link-icon{width:48px;height:48px}.link-title{font-size:15px}.arrow{font-size:28px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}