/* ===== main.css (sticky panel fix) ===== */
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:#f2f4ff;background:#0b0d18}
#wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px}
#main{display:flex;align-items:center;justify-content:center;width:100%}

/* 背景层（与原版一致的铺法） */
.body_back{position:fixed;inset:0;z-index:-1;background:radial-gradient(900px 600px at 10% 20%, rgba(127,83,255,0.16), transparent 40%),radial-gradient(700px 420px at 90% 80%, rgba(255,90,140,0.12), transparent 30%),linear-gradient(180deg, #121528, #0b0d18);background-size:100% auto;background-position:center top;background-repeat:repeat-y}

/* 面板：默认可见，仅 .init 时隐藏；30% 透明保持不变 */
.panel{width:min(94vw,720px);background:rgba(20,24,48,0.30);border:1px solid rgba(255,255,255,0.14);border-radius:20px;box-shadow:0 18px 42px rgba(10,12,30,0.45);backdrop-filter: blur(9px);-webkit-backdrop-filter: blur(9px);padding:26px 24px 20px;transform:translateY(0) scale(1);opacity:1}
.panel.init{transform:translateY(18px) scale(0.95);opacity:0}
/* 弹出动画，结束后仍保持可见状态（both） */
.panel.glass.show{animation:popIn 580ms cubic-bezier(.2,.9,.2,1.2) both}
@keyframes popIn{0%{transform:translateY(28px) scale(.92);opacity:0}60%{transform:translateY(-6px) scale(1.02);opacity:1}100%{transform:translateY(0) scale(1);opacity:1}}

/* 头像与文案（与原版一致） */
.avatar{display:block;width:108px;height:108px;border-radius:50%;overflow:hidden;margin:-58px auto 8px;border:6px solid rgba(255,255,255,0.18);box-shadow:0 8px 28px rgba(0,0,0,0.5)}
.avatar img{width:100%;height:100%;object-fit:cover;display:block}

.title{text-align:center;font-size:26px;letter-spacing:.18em;color:#fff;margin:10px 0 8px}
.linklist{margin-top:8px;padding:0 6px}
.linklist p{margin:12px 0;padding:8px 10px;color:#D8D9E8;text-align:center;text-shadow:0 0 1px rgba(0,0,0,.15)}
.linklist a{margin-left:6px;color:#ffcc99;text-decoration:none;border-bottom:1px dotted rgba(255,204,153,.55)}
.linklist a:hover{text-decoration:underline}

body.is-preload *{transition:none!important}