/* 首页置顶 banner 改为内容区域 hero，header 不再承载大图 */
.md-header {
  height: auto;
  background-image: none;
}

/* 首页 hero：作为内容区顶端的背景图块，随页面一起上滚并被内容遮住 */
.home-hero {
  width: 100%;
  height: 200px;
  background-image: url('../assets/images/banner_1.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 1.5rem;
}

/* 顶部横条：半透明主题色背景延伸至屏幕全宽，确保始终在最上层 */
.md-header {
  z-index: 100 !important;
  position: sticky !important;
}

.md-tabs {
  z-index: 99 !important;
  position: sticky !important;
}

.md-header__inner {
  position: relative;
  background-color: transparent !important;
}

.md-header__inner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  height: 100%;
  background-color: rgba(63, 81, 181, 0.82);
  z-index: -1;
}

/* 站点标题 AIplay：稍大字号、加粗 */
.md-header__title {
  font-size: 1.35rem !important;
  font-weight: 700 !important;
}

/* ========== 全宽布局：标题栏、tabs、侧边栏与主内容贴至浏览器左右边缘 ========== */

/* 最外层容器占满宽 */
.md-container {
  max-width: none !important;
  width: 100% !important;
}

/* 主布局网格占满视口宽 */
.md-grid {
  max-width: none !important;
  width: 100% !important;
}

/* 顶部 header 内层（标题 + 搜索）占满宽，内容可贴左右 */
.md-header__inner {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0.8rem !important;
  padding-right: 0.8rem !important;
  box-sizing: border-box !important;
}

/* 顶部 tabs 占满宽（行仍在 header 下方，由主题控制滚动行为） */
.md-tabs {
  width: 100% !important;
}

.md-tabs__inner {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0.8rem !important;
  padding-right: 0.8rem !important;
  box-sizing: border-box !important;
}

/* 主容器与主内容区占满可用宽 */
.md-main {
  max-width: none !important;
  width: 100% !important;
}

.md-main__inner {
  max-width: none !important;
  width: 100% !important;
}

/* 侧边栏与主内容在网格内平分/按比例使用全宽 */
.md-content {
  max-width: none !important;
}

.md-sidebar--primary,
.md-sidebar--secondary {
  max-width: none !important;
}

/* 移动端侧边栏抽屉始终浮于页面内容上层 */
.md-sidebar--primary {
  z-index: 77 !important;
}

/* ========== 首页特殊布局：隐藏侧边栏，卡片内容占满全宽 ========== */

/* 针对首页：通过 .homepage-layout 标识隐藏左右侧边栏 */
body:has(.homepage-layout) .md-sidebar--primary,
body:has(.homepage-layout) .md-sidebar--secondary {
  display: none !important;
}

/* 首页主内容区占满全宽 */
body:has(.homepage-layout) .md-content {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 1.2rem !important;
  padding-right: 1.2rem !important;
}

/* 首页网格布局调整：让内容区占满全宽（移除侧边栏列） */
body:has(.homepage-layout) .md-grid {
  grid-template-columns: 0 1fr 0 !important;
}