* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Microsoft YaHei", Inter, system-ui, sans-serif;
}
html {
scroll-behavior: smooth;
}
body {
background:
radial-gradient(circle at top left, rgba(22, 93, 255, 0.14), transparent 35%),
radial-gradient(circle at bottom right, rgba(0, 150, 255, 0.12), transparent 35%),
linear-gradient(135deg, #f8fcff 0%, #eaf6ff 45%, #d7ecff 100%);
color: #111827;
position: relative;
overflow-x: hidden;
}
body::before {
content: "";
position: fixed;
inset: 0;
pointer-events: none;
background-image:
radial-gradient(rgba(22, 93, 255, 0.035) 1px, transparent 1px),
linear-gradient(rgba(22, 93, 255, 0.035) 1px, transparent 1px);
background-size: 20px 20px;
z-index: 0;
}
a {
text-decoration: none;
}

/* 顶部导航 磨砂玻璃科技风（整合带会徽版本） */
header {
width: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(255,255,255,0.75);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
border-bottom: 1px solid rgba(22, 93, 255, 0.1);
z-index: 999;
overflow: hidden;
}
.nav-wrap {
width: 100%;
height: 72px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 32px 0 0;
}
/* 左侧logo整体容器：图片+同行文字 */
.nav-logo {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 100%;
}
/* 协会会徽，宽高22px，contain保证完整无裁剪 */
.nav-header-icon {
    width: 30px;
    height: 30px;
    object-fit: contain;
    align-self: center;
}
/* 校名+协会名横向排列 */
.nav-logo-text {
    display: flex;
    flex-direction: row;
    /* gap: 6px;*/
    align-items: center;
}
/* 江西财经大学：黑色加粗 */
.nav-top-text {
    font-size: 25px;
    color: #000000;
    font-weight: bold;
}
/* 计算机协会：蓝色加粗 */
.nav-bottom-text {
    font-size: 25px;
    color: #165DFF;
    font-weight: bold;
    letter-spacing: 0.5px;
}

/* 导航菜单 完全沿用原版交互 */
.nav-menu {
display: flex;
gap: 20px;
}
.nav-menu a {
color: #374151;
font-size: 17px;
padding: 8px 0;
position: relative;
transition: 0.25s ease;
font-weight: 700; /* 加粗 */
}
.nav-menu a::after {
content: "";
width: 0;
height: 2px;
background: #165DFF;
position: absolute;
left: 0;
bottom: 0;
transition: 0.3s;
}
.nav-menu a:hover {
color: #165DFF;
}
.nav-menu a:hover::after {
width: 100%;
}

/* 通用区块样式（全部保留第一版） */
.section {
max-width: 1320px;
margin: 120px auto;
padding: 0 32px;
position: relative;
z-index: 1;
}
.section-title {
text-align: center;
margin-bottom: 64px;
}
.section-title h2 {
font-size: 34px;
color: #0f2847;
margin-bottom: 14px;
}
.section-title span {
display: inline-block;
width: 72px;
height: 4px;
background: linear-gradient(90deg,#165DFF,#60a5fa);
border-radius: 2px;
}

/* 全局动画 原样保留 */
@keyframes textPop {
0% {
opacity: 0;
transform: translateY(12px) scale(0.92);
}
60% {
transform: translateY(-4px) scale(1.04);
}
100% {
opacity: 1;
transform: translateY(0) scale(1);
}
}
@keyframes gridMove {
0% { background-position: 0 0; }
100% { background-position: 60px 60px; }
}
@keyframes lightFloat {
0% {transform: translateY(0) scale(1); }
100% { transform: translateY(60px) scale(1.1); }
}

/* 页脚全局 原版不动 */
footer {
background: #0b1a33;
color: #cbd5e1;
text-align: center;
padding: 60px 20px;
position:relative;
z-index:1;
}
footer h3 {
font-size: 24px;
color: #fff;
margin-bottom: 20px;
}
footer p {
font-size: 15px;
margin: 8px 0;
opacity: 0.85;
}

/* 移动端公共适配 完整保留 */
@media (max-width: 992px) {
.nav-wrap {
flex-direction: column;
height: auto;
padding: 16px 32px;
gap: 16px;
}
.nav-menu {
flex-wrap: wrap;
justify-content: center;
}
}
@media (max-width: 600px) {
.section-title h2 {
font-size: 28px;
}
}