/* AI MATIC 统一顶栏（2026-10-16）：四个页签同一条顶栏、同一个账号。各页自己的按钮照旧放在顶栏中间。 */
.top .brand { display: flex; align-items: baseline; gap: 6px; color: var(--text); text-decoration: none; letter-spacing: .2px; }
.brand-mark {
  display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 6px;
  background: #1d2129; color: #fff; font-size: 11px; font-weight: 700; align-self: center;
}
.tool-nav { display: flex; gap: 2px; }
.tool-nav a {
  position: relative; padding: 5px 11px; border-radius: 6px; color: #4e5969; text-decoration: none;
  border: 1px solid transparent;
}
.tool-nav a:hover { background: #f2f3f5; }
.tool-nav a.nx-entry { color: #c92a2a; border-color: #ffc9c9; background: #fff5f5; }
.tool-nav a.on { background: #e8f3ff; color: var(--accent); border-color: #bedaff; font-weight: 600; }
.nav-badge {
  position: absolute; top: -5px; right: -4px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 8px;
  background: var(--bad); color: #fff; font-size: 10px; line-height: 16px; text-align: center; font-weight: 600;
}

.account { position: relative; }
.account > button { display: inline-flex; align-items: center; gap: 6px; border-color: transparent; background: transparent; color: #4e5969; }
.account > button:hover { background: #f2f3f5; }
.acct-dot {
  width: 22px; height: 22px; border-radius: 50%; background: #e8f3ff; color: var(--accent); font-size: 11px; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center;
}
.acct-menu {
  position: absolute; right: 0; top: calc(100% + 6px); z-index: 50; min-width: 168px; background: var(--panel);
  border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 8px 24px rgba(0, 0, 0, .08); padding: 6px;
  display: flex; flex-direction: column; gap: 2px;
}
.acct-menu .acct-name { padding: 6px 8px 8px; font-size: 12px; color: var(--muted); border-bottom: 1px solid var(--line); margin-bottom: 4px; }
.acct-menu button { text-align: left; border-color: transparent; background: transparent; }
.acct-menu button:hover { background: #f2f3f5; }

dialog.pw-dialog { border: 1px solid var(--line); border-radius: 12px; padding: 22px; width: min(360px, calc(100vw - 32px)); }
dialog.pw-dialog::backdrop { background: rgba(0, 0, 0, .25); }
.pw-dialog form { display: flex; flex-direction: column; gap: 10px; }
.pw-dialog h3 { margin: 0 0 4px; font-size: 16px; }
.pw-dialog input { padding: 8px 10px; }
.pw-dialog .row { display: flex; gap: 8px; justify-content: flex-end; margin-top: 4px; }

/* 备案号：首页（未登录时的登录页、研究页开场）底部要有，链到工信部备案系统 */
.login { flex-direction: column; gap: 14px; }
.icp { font-size: 12px; color: var(--muted); text-decoration: none; }
.icp:hover { color: var(--accent); }
.rs-icp { display: block; margin-top: 40px; text-align: center; }

@media (max-width: 720px) {
  .top { gap: 8px; padding: 8px 12px; }
  .tool-nav { order: 3; width: 100%; overflow-x: auto; }
  .tool-nav a { padding: 5px 9px; flex: none; }
  .account { margin-left: auto; }
  .account #acct-name { display: none; }
}

/* 切页签不闪（10-16）：登录过就第一帧画出框架（static/boot.js 打 ct-in）；支持的浏览器里顶栏原地不动、只换内容 */
html.ct-in #app.hidden { display: block !important; }
@view-transition { navigation: auto; }
.top { view-transition-name: aim-top; }
.top .brand { view-transition-name: aim-brand; }
.tool-nav { view-transition-name: aim-nav; }
.account { view-transition-name: aim-acct; }
::view-transition-group(*) { animation-duration: .12s; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: .12s; }
@media (prefers-reduced-motion: reduce) { ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; } }