/* Touhou 2026: the bundled X5 template, with a picture masthead and glass navigation. */
body.discuzx5 #dz_btm_layer {
  box-sizing: border-box;
  position: relative;
  top: auto;
  width: 1200px;
  margin: 20px auto 24px;
  padding: 460px 12px 12px;
  border-radius: 12px;
  background: #292646 url(assets/header.jpg) no-repeat center 43% / cover;
  box-shadow: 0 3px 14px rgb(32 28 53 / 16%);
}

/* Keep popovers outside the bar; only the gradient is clipped by the round border. */
body.discuzx5 #dz_btm_layer .dz_layer_top {
  border: 1px solid rgb(255 255 255 / 85%);
  border-radius: 9px;
  background: linear-gradient(180deg,
    rgb(255 255 255 / 87%) 0%,
    rgb(255 255 255 / 58%) 47%,
    rgb(209 215 230 / 58%) 49%,
    rgb(245 245 255 / 78%) 100%);
  box-shadow: 0 2px 7px rgb(25 20 43 / 40%),
    inset 0 1px 0 #fff, inset 0 -1px 1px rgb(255 255 255 / 85%);
  backdrop-filter: blur(8px) saturate(115%);
}

body.discuzx5 #dz_btm_layer .dz_nav {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  min-width: 0;
  height: 60px;
  padding: 0 16px;
}
body.discuzx5 #dz_btm_layer .dz_nav > .clear { display: none; }
body.discuzx5 #dz_btm_layer .dz_nav_logo { flex: none; height: 60px; margin: 0; }
body.discuzx5 #dz_btm_layer .dz_layer_nav { flex: 1; width: auto; height: 60px; }
body.discuzx5 #dz_btm_layer .dz_layer_nav ul { display: flex; height: 60px; }
body.discuzx5 #dz_btm_layer .dz_layer_nav li { flex: none; }
body.discuzx5 #dz_btm_layer .dz_layer_nav li a {
  height: 60px;
  margin: 0;
  padding: 0 15px;
  color: #45424e;
  font-size: 14px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: 0;
  text-shadow: 0 1px 0 rgb(255 255 255 / 90%);
}
body.discuzx5 #dz_btm_layer .dz_layer_nav li.a a,
body.discuzx5 #dz_btm_layer .dz_layer_nav li a:hover,
body.discuzx5 #dz_btm_layer .dz_layer_nav li.hover a {
  color: #542d64;
  background: linear-gradient(rgb(255 255 255 / 55%), rgb(255 255 255 / 12%));
}
body.discuzx5 #dz_btm_layer .dz_layer_nav li a::before,
body.discuzx5 #dz_btm_layer .dz_layer_nav li a::after { content: none; }
body.discuzx5 #dz_btm_layer .dz_layer_dl { flex: none; }
body.discuzx5 #dz_btm_layer .header-right { height: 60px; }
body.discuzx5 #dz_btm_layer .header-searcher .search-input {
  box-sizing: border-box;
  width: 170px;
  padding-right: 34px;
  background: rgb(255 255 255 / 72%);
  border-color: rgb(104 99 123 / 22%);
  box-shadow: inset 0 1px 2px rgb(47 38 66 / 8%);
}