/* 与 PPT 首页木纹探案桌面一致，保留原页面布局和交互。 */
html,
body {
  background-color: #8a5532;
}

body {
  background-image: linear-gradient(rgba(45, 22, 9, .08), rgba(45, 22, 9, .08)), url("探案木纹背景.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.topbar {
  background: rgba(73, 39, 25, .97);
  border-bottom: 2px solid #b98552;
  box-shadow: 0 5px 20px rgba(44, 23, 12, .23);
}

.navbtn:hover {
  background: #805137;
}

.navbtn.active {
  background: #fff0d5;
  color: #6d3b24;
}

.hero,
.banner,
.signboard,
.small-board,
.panel,
.report-big,
.tips,
.level-card {
  border-color: #b98552;
  box-shadow: 0 13px 32px rgba(53, 29, 16, .23);
}

.hero,
.banner {
  background: rgba(255, 244, 220, .94);
}

.signboard,
.small-board,
.panel,
.report-big,
.tips,
.level-card {
  background-color: rgba(255, 248, 232, .97);
}

.banner h2,
.signboard h1,
.panel h3,
.level-title {
  color: #6a3d27;
}