:root {
--white-orange:#FFF8F0;
--milktea:#E8D5C4;
--bilibiliblue:#00A1D6;
--xiaohongshured:#FE2C55;
}
html {
background-color:var(--white-orange);
}
body {
margin:0;
display:flex;
flex-direction:column;
min-height:100dvh;
}
.导航栏 {
display:flex;
width:100%;
height:5dvh;
top:0;
background-color:var(--white-orange);
position: sticky;
box-shadow: 0 8px 32px rgba(120,90,70,0.1);
align-items:center;
}
.nav-links {
display:flex;
gap:6px;
margin-left:auto;
color:var(--milktea);
text-decoration: none;
padding-right:7px;
}
.nav-links a {
color:var(--milktea);
text-decoration: none;
}
.current-tag {
color:var(--milktea);
font-weight:bold;
padding-left:7px;
}
/*通用*/
.main-text {
display:flex;
flex-direction:column;
margin:0px 0px;
flex:1
}
.main-text h1 {
text-align:center;
margin:0px 0px;
}
.main-text-div {
display:flex;
justify-content:center;
align-items:center;
width:80dvw;
height:120px;
align-self: center;
background-color:var(--white-orange);
box-shadow: 0 8px 32px rgba(120,90,70,0.1);
text-align:center;
border-radius: 20px;
margin:20px;
}
.main-text-div-a {
padding-left:7px;
color:var(--milktea);
text-decoration: none;
font-size:24px;
display:flex;
justify-content:center;
align-items:center;
width:100%;
height:100%;
}
/*contact专区*/
.bilibili {
display:flex;
justify-content:center;
align-items:center;
width:80dvw;
height:120px;
align-self: center;
background-color:var(--bilibiliblue);
box-shadow: 0 8px 32px rgba(120,90,70,0.1);
text-align:center;
border-radius: 20px;
margin:20px;
}
.bilibili a {
color:white;
text-decoration: none;
font-size:24px;
display:flex;
justify-content:center;
align-items:center;
width:100%;
height:100%;
}
.xiaohongshu {
display:flex;
justify-content:center;
align-items:center;
width:80dvw;
height:120px;
align-self: center;
background-color:var(--xiaohongshured);
box-shadow: 0 8px 32px rgba(120,90,70,0.1);
text-align:center;
border-radius: 20px;
margin:20px;
}
.xiaohongshu a {
color:white;
text-decoration: none;
font-size:24px;
display:flex;
justify-content:center;
align-items:center;
width:100%;
height:100%;
}
/* QQ专区 */
.qq {
display:flex;
justify-content:center;
align-items:center;
width:80dvw;
height:120px;
align-self: center;
background-color: #12B7F5;  /* QQ的经典蓝色 */
box-shadow: 0 8px 32px rgba(120,90,70,0.1);
text-align:center;
border-radius: 20px;
margin:20px;
}
.qq a {
color:white;
text-decoration: none;
font-size:24px;
display:flex;
justify-content:center;
align-items:center;
width:100%;
height:100%;
}
.footer {
padding:12px 0;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
margin-top:20px;
border-top:1px solid rgba(232,213,196,0.4);
color:var(--milktea);
font-size:14px;
letter-spacing:0.5px;
box-sizing:border-box;
}