body { font-family: 'PingFang SC', Arial, sans-serif; }

header {
    background: linear-gradient(90deg, #4e54c8, #8f94fb);
    color: white;
    padding: 60px 0;
    text-align: center;
}

header h1 { font-size: 2.5rem; font-weight: bold; }
header p { font-size: 1.1rem; margin-top: 10px; }

.doc-sidebar {
    border-right: 1px solid #eee;
    min-height: 70vh;
}

.doc-sidebar .list-group-item {
    border: none;
    cursor: pointer;
}

.doc-sidebar .list-group-item:hover {
    background: #f6f7ff;
}

.doc-content {
    padding: 30px;
}

.doc-content h1,
.doc-content h2,
.doc-content h3 {
    margin-top: 24px;
}

.doc-content pre {
    background: #f6f8fa;
    padding: 12px;
    border-radius: 6px;
}

footer {
    background: #222;
    color: #fff;
    text-align: center;
    padding: 40px 0;
    margin-top: 60px;
}

section { padding: 80px 0; }
section h2 { margin-bottom: 40px; text-align: center; }
.feature-card { border: none; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1); transition: transform .2s; }
.feature-card:hover { transform: translateY(-5px); }

a { color: #4e54c8; text-decoration: none; }
a:hover { text-decoration: underline; }
.homepage-preview {
    padding-top: 40px;   /* 你可以调 30~60 */
    padding-bottom: 20px;
}


/* 鼠标悬浮时，保持 active 样式 */
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #4e54c8 !important; /* 保持蓝色背景 */
  color: #fff !important;               /* 保持白色文字 */
  font-weight: bold;
}

/* 非选中项悬浮效果 */
.list-group-item:hover {
  background-color: #f0f0f0;  /* 鼠标悬浮浅灰色 */
  color: #333;                 /* 文本颜色深灰 */
  cursor: pointer;
}