*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
html,body{
    width:100%;
    height:100%;
    background:#12141c;
    color:#eeeeee;
    overflow:auto;
}
.bg-container{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
}
.main-content{
    margin-left:220px;
    padding:30px 40px;
    padding-bottom:140px;
}
.site-stat{
    margin-bottom:30px;
}
.motto{
    margin-top:8px;
    opacity:0.7;
}

/* ==========GitHub贡献墙========== */
.github-fake-contrib{
    margin:20px 0 30px 0;
    padding:16px 20px;
    background:rgba(25,30,45,0.55);
    border-radius:10px;
    overflow-x:auto;
}
.contrib-title{
    margin-bottom:12px;
    font-size:15px;
    opacity:0.88;
}
.contrib-wrap{
    display:flex;
    gap:3px;
    align-items:flex-start;
}
.contrib-week{
    display:flex;
    flex-direction:column;
    gap:3px;
}
.contrib-cell{
    width:11px;
    height:11px;
    border-radius:2px;
}

/* ==========底部滚动技术图标动画========== */
.tech-wall {
    position: fixed;
    left: 0;
    right:0;
    bottom: 0;
    width: 100%;
    height: 120px;
    background-color:rgba(20,24,36,0.65);
    pointer-events: none;
    z-index: 2;
    overflow: hidden;
    display:flex;
    align-items:center;
}

.tech-track {
    display: flex;
    align-items: center;
    gap: 22px;
    width: max-content;
    animation: techScroll 32s linear infinite;
}

.tech-track i {
    font-size: 42px;
    opacity: 0.85;
    filter: drop-shadow(0 0 8px rgba(255,255,255,0.4));
    transform-origin: center center;
    animation: iconWave 5s ease-in-out infinite;
}

.tech-track i:nth-child(odd)  { animation-delay:0s; }
.tech-track i:nth-child(even) { animation-delay:2.5s; }

@keyframes techScroll {
    0% {transform: translateX(0);}
    100% {transform: translateX(-50%);}
}

@keyframes iconWave {
    0%   { transform: translateY(0) rotate(0deg); opacity:0.75; }
    50%  { transform: translateY(-10px) rotate(5deg); opacity:1; }
    100% { transform: translateY(0) rotate(0deg); opacity:0.75; }
}

@media (max-width:768px){
    .tech-wall{height:100px;}
    .tech-track i{font-size:34px;}
    .main-content{padding-bottom:110px;}
}