:root {
  --dark-bg: #121212;
  --dark-card: #1e1e1e;
  --dark-text: #e0e0e0;
  --dark-border: #333;
  --dark-primary: #bb86fc;
  --dark-secondary: #03dac6;
}
body {
  background-color: var(--dark-bg);
  color: var(--dark-text);
  min-height: 100vh;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
a{
  color: var(--dark-text);
  text-decoration: none;
}

/* 导航栏样式 */
.navbar {
  background-color: var(--dark-card) !important;
  border-bottom: 1px solid var(--dark-border);
}

.navbar-brand, .nav-link {
  color: var(--dark-text) !important;
}

.navbar-brand:hover, .nav-link:hover, .nav-item .active{
  color: var(--dark-primary) !important;
}

/* 桌面导航隐藏菜单按钮 */
.menu-btn-desktop {
  display: none;
}

/* 移动端显示菜单按钮 */
@media (max-width: 991.98px) {
  .navbar-nav {
      display: none;
  }
  #navbarNav{display:none!important}
  
  .menu-btn-desktop {
      display: block;
  }
}

/* 抽屉菜单样式 - 修改为90%宽度 */
.offcanvas {
  background-color: var(--dark-card) !important;
  color: var(--dark-text);
  width: 90% !important;
}

.offcanvas-header {
  border-bottom: 1px solid var(--dark-border);
}

.offcanvas-title {
  color: var(--dark-primary);
}
/* PC端固定高度和宽度 */
@media (min-width: 950px) {
  .image-card {
      height: 300px;
      width: 850px;
      margin-left: auto;
      margin-right: auto;
  }
  .container{
    max-width: 850px;
  }
  .mnav{max-width:100%}
}

footer{margin:3rem auto;}
footer .container{margin-top:2rem}
footer .container a{margin:0 0 0 0.5rem}
footer .mad{margin:.5rem 0 0 0}
footer .mad a{margin:0;padding:0}
footer .mad img{
  width:100%;
  height:auto;
}
footer .btm-txt{margin-top:0}
footer .btm-txt-li{
  text-align: left;
}
footer .btn-link a{
  font-size: 3rem;
  text-decoration: none;
}
.bottomtxt a{
  color:var(--dark-secondary)
}
#navbarNav{
  display: flex;
  justify-content: center;
  flex-direction: row;
}
#navbarNav ul{flex:1}
.my-nav{
  flex-wrap: wrap;
}
.search{
  flex:none;
  width:15rem;
}

.icon-btn{
  width:15rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.icon-btn a{margin:0 0 0 0.5rem;font-size:1.5rem}