*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,sans-serif;}

body{
padding-top:80px;text-align:center;
/* 这里把原来的 cover 改成了 100% 高度，并加上最小高度 100vh，确保背景图撑满屏幕不被截断 */
background-image: url("https://t.alcy.cc/mp");
background-size: cover;
background-position: center; /* 保证图片居中 */
min-height: 100vh; /* 关键：强制背景图至少占满一屏高度 */
position:relative;
}

body::before{
content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;
background:rgba(0,0,0,0.2);z-index:-1;
}

/* 弹幕区域 */
.barrage-box{
width:90%;height:30px;margin:0 auto 15px;overflow:hidden;position:relative;
border-radius:8px;background:rgba(255,255,255,0.6);
}
.barrage-text{
position:absolute;white-space:nowrap;animation:moveBarrage 16s linear infinite;
color:#333;font-size:14px;line-height:30px;
}
@keyframes moveBarrage{
0%{left:100%;}
100%{left:-100%;}
}

/* 头像 */
.avatar{
width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 12px #ccc;
margin-bottom:12px;
transition:all 0.3s ease;
}
.avatar:hover{transform:scale(1.08);box-shadow:0 6px 20px rgba(255,255,255,0.3);}

/* 45度斜向自上而下流动金色渐变字体 */
.nickname{
font-size:22px;font-weight:bold;margin-bottom:40px;
background:linear-gradient(45deg,#ffae00,#ffd700,#ffffb8,#ffd700,#ffae00);
background-size:100% 400%;
-webkit-background-clip:text;
color:transparent;
animation:goldFlowDown45 4s linear infinite;
text-shadow:0 1px 2px rgba(0,0,0,0.4);
}
@keyframes goldFlowDown45{
0%{background-position:0% 0%;}
100%{background-position:100% 400%;}
}

/* 按钮组 */
.btn-group{display:flex;flex-direction:column;gap:18px;align-items:center;}
/* 纯白磨砂椭圆按钮 */
.link-btn{
width:260px;height:52px;
border-radius:999px;
border:none;
background:rgba(255,255,255,0.25);
color:#222;font-size:17px;font-weight:500;
cursor:pointer;transition:all 0.3s ease;
backdrop-filter: blur(6px);
outline:none;
display:flex;align-items:center;justify-content:center;
}
.link-btn:hover{
background:rgba(255,255,255,0.45);
transform:scale(1.03);
box-shadow:0 4px 15px rgba(255,255,255,0.2);
}
/* 第三个不可点击静态纯白框 */
.static-box{
width:260px;height:52px;
border-radius:999px;
background:rgba(255,255,255,0.15);
color:#222;font-size:17px;font-weight:500;
backdrop-filter: blur(6px);
display:flex;align-items:center;justify-content:center;
cursor:default;
}
/*底部版权小字*/
.footer{margin-top:60px;color:rgba(255,255,255,0.6);font-size:14px;}