* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: "Microsoft YaHei", sans-serif; background: #f6f6f6; font-size:15px; }
.container { display: flex; height: 100vh; }
.sidebar { width: 260px; background: #2d3748; color: white; padding:15px; overflow-y:auto; }
.content { flex:1; padding:25px; overflow-y:auto; }
.search-box { margin-bottom:15px; }
.search-box input { width:100%; padding:8px; border-radius:5px; border:none; }

.menu-category {
  padding:6px 4px;
  cursor: pointer;
  user-select: none;
  color: #ffb74d;
  font-weight: bold;
}
.menu-category:hover {
  background:#3a4858;
  border-radius:4px;
}
.sub-menu {
  margin-left:14px;
  border-left:1px dashed #555;
  padding-left:6px;
  display:none;
}
.menu-item {
  margin:6px 0;
}
.menu-item a {
  color:#eee;
  text-decoration:none;
}
.menu-item a:hover {
  color:#ffb74d;
}

#searchResult { display:none; margin-bottom:20px; }
.result-item {
  background:white;
  padding:10px;
  margin-bottom:6px;
  border-radius:6px;
}
.result-item a {
  font-weight:bold;
  color:#2d3748;
  text-decoration:none;
}
.result-item p {
  color:#666;
  font-size:13px;
  margin-top:4px;
}