/* Shared, dependency-free navigation for wujiangai.art applications. */
.portal-nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 14px;
  width: 100%;
  margin: 0;
  padding: 10px 20px;
  box-sizing: border-box;
  font: 13px/1.35 var(--portal-font-sans);
  color: #f8fafc;
  background: #172033;
  border-bottom: 1px solid rgba(255,255,255,.14);
}
.portal-nav a {
  display: inline-flex;
  min-height: 40px;
  padding: 0 7px;
  align-items: center;
  border-radius: 7px;
  color: inherit;
  text-decoration: none;
  opacity: .82;
}
.portal-nav a:hover {
  opacity: 1;
  background: rgba(255,255,255,.09);
}
.portal-nav { scrollbar-color: #8292af #172033; }
.portal-nav::-webkit-scrollbar-track { background: #172033; }
.portal-nav::-webkit-scrollbar-thumb { background: #8292af; }
.portal-nav__home { font-weight: 700; opacity: 1 !important; }
.portal-nav__current { color: #cbd5e1; white-space: nowrap; }
.portal-nav__links { display: flex; flex-wrap: wrap; gap: 10px; margin-left: auto; }
.portal-nav a:focus-visible, .portal-nav button:focus-visible {
  outline: 3px solid #f59e0b;
  outline-offset: 2px;
  opacity: 1;
}
:where(button, input, select, textarea):focus-visible {
  outline: 3px solid var(--accent, var(--primary, #ad3157));
  outline-offset: 2px;
}
@media (max-width: 620px) {
  .portal-nav {
    flex-wrap: nowrap;
    gap: 6px;
    overflow: visible;
    padding: 6px 8px;
  }
  .portal-nav__home { font-size: 0; white-space: nowrap; }
  .portal-nav__home::after { content: '← 首页'; font-size: 12.5px; }
  .portal-nav__links {
    flex: 1 1 auto;
    min-width: 0;
    flex-wrap: nowrap;
    gap: 4px;
    margin-left: 0;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }
  .portal-nav a { flex: none; }
}

[hidden]{display:none!important}
.portal-nav [aria-current="page"]{opacity:1;background:rgba(255,255,255,.12);font-weight:700}
.portal-nav button{flex:none;border:1px solid #607087;background:transparent;color:inherit;border-radius:7px;min-height:40px;padding:4px 8px;cursor:pointer}
.portal-nav__links{margin-left:0;gap:2px}
.portal-nav__empty{flex:none;white-space:nowrap;color:#cbd5e1;opacity:.85;font-size:12.5px}
.data-warning{padding:12px 15px;border:1px solid #d19b3c;border-radius:10px;background:#fff4d6;color:#654306;margin:12px 0;font-size:14px;line-height:1.6}
:root.dark .data-warning{background:#352b18;color:#ffd993;border-color:#8b692f}
.tool-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0}
.tool-controls input[type=search],.tool-controls select{min-width:0;max-width:100%;padding:10px 12px;border:1px solid var(--border,#8792a5);border-radius:9px;background:var(--card,var(--surface,#fff));color:var(--text,#172033);font:inherit}
.tool-controls button,.view-switch button{min-height:40px;padding:8px 12px;border-radius:9px;border:1px solid var(--border,#8792a5);background:var(--card,var(--surface,#fff));color:var(--text,#172033);cursor:pointer;font:inherit}
.tool-controls button[aria-pressed=true],.view-switch button[aria-pressed=true]{outline:2px solid var(--accent,#4874b7);outline-offset:1px}
.section-details{border-top:1px solid var(--border,#8792a5);padding:18px 0;margin:18px 0}.section-details>summary{font-size:17px;font-weight:700;cursor:pointer;padding:8px 0}
.result-count{font-size:13px;color:var(--text-sub,var(--sub,#687386))}.empty-result{padding:24px!important;text-align:center;color:var(--text-sub,var(--sub,#687386))}
.controls input[type=checkbox]{width:18px;height:18px;margin:0;padding:0;flex:none;accent-color:var(--accent)}
.table-scroll{max-width:100%;overflow:auto}th button{font:inherit;color:inherit;border:0;background:none;padding:6px;cursor:pointer}
@media(max-width:620px){.tool-controls input[type=search]{width:100%}.tool-controls{gap:8px}.portal-nav{max-width:100vw}}