* { box-sizing: border-box }
html, body { height: 100% }
body {
  margin: 0;
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #0f172a;
  background: #f8fafc;
}
.layout {
  display: flex;
  min-height: 100vh;
}
#indexMainMidContent {
  flex: 1;
  padding: 24px;
  background: #ffffff;
}
#indexMenuRight {
  width: 280px;
  border-right: 1px solid #e2e8f0;
  background: #f1f5f9;
  display: flex;
  flex-direction: column;
}
#indexMenuRight nav {
  display: flex;
  flex-direction: column;
}
#indexMenuRight nav a {
  display: block;
  padding: 14px 16px;
  text-decoration: none;
  color: #0f172a;
  border-bottom: 1px solid #e2e8f0;
  transition: background-color .15s ease, color .15s ease;
}
#indexMenuRight nav a:hover {
  background: #e2e8f0;
}
#indexMenuRight nav a.active {
  background: #0ea5e9;
  color: #ffffff;
  font-weight: 600;
}
.content h1 {
  margin: 0 0 12px;
  font-size: 22px;
}
.content p {
  margin: 0;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .layout { flex-direction: column }
  #indexMenuRight {
    width: auto;
    border-right: none;
    border-top: 1px solid #e2e8f0;
  }
}