/* "PE 监控" dropdown in the top navigation. Shared by main-site pages and battlefield.
   <details> gives click/tap + keyboard toggling without JS; hover opening is handled by a small inline script (closed <details> content can't be revealed by CSS). */
.nav-pe { position: relative; display: inline-flex; align-self: center; pointer-events: auto; }
.nav-pe > summary {
  list-style: none; cursor: pointer; user-select: none; white-space: nowrap;
  padding: 6px 14px; border-radius: 6px; font-size: 13px; font-weight: 500;
  color: var(--text-dim, #8fb5ac); transition: background .15s, color .15s;
}
.nav-pe > summary::-webkit-details-marker { display: none; }
.nav-pe > summary::after { content: ''; display: inline-block; margin-left: 6px; vertical-align: 2px;
  border: 4px solid transparent; border-top-color: currentColor; border-bottom: 0; transition: transform .15s; }
.nav-pe[open] > summary::after { transform: rotate(180deg); }
.nav-pe > summary:hover { background: rgba(80,210,193,.08); color: var(--text, #e6f4f1); }
.nav-pe > summary:focus-visible { outline: 2px solid var(--accent, #50d2c1); }
.nav-pe.active > summary { background: var(--accent, #50d2c1); color: var(--bg, #0b1f1b); }

.nav-pe-menu {
  display: none; position: absolute; top: 100%; left: 0; z-index: 200; min-width: 140px;
  padding: 6px; margin-top: 4px; border-radius: 8px;
  background: var(--bg-2, #0f2a25); border: 1px solid var(--border, #1e4a41); box-shadow: 0 8px 24px rgba(0,0,0,.35);
}
/* Invisible bridge so moving the mouse from the tag into the menu doesn't close it. */
.nav-pe-menu::before { content: ''; position: absolute; left: 0; right: 0; top: -8px; height: 8px; }
.nav-pe[open] > .nav-pe-menu { display: flex; flex-direction: column; gap: 2px; }
.nav-pe-menu a {
  display: block; padding: 8px 12px; border-radius: 6px; white-space: nowrap;
  font-size: 13px; font-weight: 500; color: var(--text-dim, #8fb5ac); text-decoration: none;
}
.nav-pe-menu a:hover, .nav-pe-menu a:focus-visible { background: rgba(80,210,193,.08); color: var(--text, #e6f4f1); }
.nav-pe-menu a.active { background: var(--accent, #50d2c1); color: var(--bg, #0b1f1b); }

@media (max-width: 640px) { .nav-pe > summary { padding: 5px 10px; font-size: 12px; } }

/* Battlefield top bar: dark-blue/gold palette, menu must be clickable over the HUD. */
#top-bar .nav-pe > summary { padding: 4px 10px; font-size: 12px; color: #7f8ea3; }
#top-bar .nav-pe > summary:hover { background: #f0c04a1f; color: #e2ebf5; }
#top-bar .nav-pe-menu { background: #0c121af2; border-color: rgba(120,160,200,.2); }
#top-bar .nav-pe-menu a { color: #7f8ea3; font-size: 12px; pointer-events: auto; }
#top-bar .nav-pe-menu a:hover { background: #f0c04a1f; color: #e2ebf5; }