/* base.css: 基础样式和全局设置 */

/* 重置浏览器默认样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box; /* 确保 padding 和 border 不会增加元素总宽度 */
}

/* 全局字体和背景 */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    background-color: #f0f2f5; /* 浅灰色背景 */
    color: #333;

    /* 关键修改：让 body 成为 Flex 容器，并设置最小高度和溢出 */
    display: flex;
    flex-direction: column; /* 让子元素垂直堆叠 */
    min-height: 100vh; /* 确保 body 至少占据整个视口高度 */
    overflow-x: hidden; /* 隐藏水平滚动条 */
}

/* 链接基础样式 */
a {
    text-decoration: none;
    color: #007bff; /* 蓝色链接 */
}

a:hover {
    text-decoration: underline;
    color: rgba(180,70,104,1);
}

html {
  scroll-padding-top: 90px; /* 根据你的顶部导航栏高度调整 */
}

.floating-sidebar a.active {
  background-color: #007BFF;
  color: white;
}

 

#wrapper #right-sidebar #free {
    
    width: 90%;       
}