/* 限制样式作用范围，防止影响全站 */
#index_nav {
    list-style: none;  /* 移除默认列表样式 */
    padding: 0;
    margin: 20px auto;
    text-align: center;
    max-width: 500px; /* 限制最大宽度 */
}

/* 让列表项有适当的间距 */
#index_nav li {
    margin: 8px 0;
}

/* 美化链接按钮 */
#index_nav a {
    display: block;
    padding: 12px 18px;
    background: linear-gradient(135deg, #2196F3, #4CAF50); /* 现代化渐变色 */
    color: white;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* 鼠标悬停效果 */
#index_nav a:hover {
    background: linear-gradient(135deg, #0d8bf2, #3e8e41);
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

/* 适配移动端 */
@media (max-width: 600px) {
    #index_nav {
        max-width: 90%;
    }

    #index_nav a {
        padding: 14px;
        font-size: 18px;
    }
}