/* 独立版本管理组件，Web/H5 共用；不增加导航高度。 */
.av-version-launch { display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; gap:5px; min-width:44px; height:40px; padding:0 10px; color:#cfe0f2; font-family:inherit; font-size:12px; line-height:1.2; font-weight:600; white-space:nowrap; border:1px solid rgba(143,188,232,.28); border-radius:8px; background:rgba(79,143,207,.12); }
.av-version-launch:hover { color:#fff; background:rgba(79,143,207,.24); border-color:#8fbce8; }
.av-version-launch svg { width:15px; height:15px; flex:none; }
.av-version-nav .nav__inner { column-gap:clamp(12px,1.5vw,24px); }
.av-version-compact-nav .nav__menu { display:none; }
.av-version-compact-nav .nav__burger { display:flex; flex:none; }
.av-version-compact-nav .nav__spacer { display:block; flex:1; }
.av-version-launch:focus-visible, .av-version-overlay button:focus-visible, .av-version-overlay select:focus-visible, .av-version-overlay a:focus-visible { outline:2px solid #8fbce8; outline-offset:3px; }
.av-version-overlay[hidden], .av-version-overlay [hidden] { display:none !important; }
.av-version-overlay { position:fixed; inset:0; z-index:100200; display:flex; align-items:center; justify-content:center; padding:28px; background:rgba(6,8,12,.78); backdrop-filter:blur(6px); color:#e6e8ea; font:14px/1.65 'Noto Sans SC',sans-serif; }
.av-version-dialog { display:flex; flex-direction:column; width:min(1060px,100%); max-height:min(840px,calc(100dvh - 56px)); min-height:0; overflow:hidden; border:1px solid #35404d; border-radius:18px; background:#151a21; box-shadow:0 28px 90px rgba(0,0,0,.6); }
.av-version-head { display:flex; flex:none; align-items:center; gap:18px; padding:24px 28px 20px; border-bottom:1px solid #2b333e; }
.av-version-heading { flex:1; min-width:0; }
.av-version-eyebrow { margin:0 0 4px; color:#8fbce8; font-size:11px; letter-spacing:.12em; }
.av-version-title { margin:0; font-size:23px; line-height:1.3; font-weight:700; color:#fff; }
.av-version-context { margin:5px 0 0; color:#9ea8b4; font-size:12px; }
.av-version-close { display:grid; flex:none; place-items:center; width:44px; height:44px; border:1px solid #35404d; border-radius:10px; color:#b7c5d4; background:#202731; font-size:27px; line-height:1; }
.av-version-close:hover { color:#fff; background:#2a3441; }
.av-version-catalog { overflow:auto; overscroll-behavior:contain; padding:26px 28px 32px; }
.av-version-lead { margin:0 0 23px; color:#bcc7d3; line-height:1.85; }
.av-version-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; list-style:none; padding:0; margin:0; }
.av-version-card { height:100%; padding:23px; border:1px solid #35404d; border-radius:12px; background:linear-gradient(145deg,#202a36,#1a2029); }
.av-version-card-head { display:flex; align-items:center; gap:12px; }
.av-version-number { font:700 20px/1.2 ui-monospace,monospace; color:#e7f1fb; }
.av-version-current { padding:3px 8px; border:1px solid rgba(143,188,232,.3); border-radius:30px; color:#b8d7f5; font-size:11px; }
.av-version-card h2 { font-size:17px; line-height:1.5; margin:17px 0 8px; color:#fff; }
.av-version-card p { margin:0; color:#aab7c6; font-size:13px; line-height:1.8; }
.av-version-areas { display:flex; flex-wrap:wrap; gap:7px; padding:0; margin:17px 0 22px; list-style:none; }
.av-version-areas li { padding:3px 9px; border:1px solid #364659; border-radius:4px; font-size:11px; color:#b9cbdf; }
.av-version-view { display:flex; width:100%; align-items:center; justify-content:space-between; padding:11px 13px; border:1px solid #456787; border-radius:7px; color:#dceefe; background:#263d53; font-size:13px; font-weight:600; }
.av-version-view:hover { background:#2f4b66; }
.av-version-document { display:flex; flex:1; min-height:0; }
.av-version-rail { display:flex; flex-direction:column; flex:0 0 225px; gap:8px; overflow:auto; padding:20px 16px; border-right:1px solid #2b333e; background:#11161c; }
.av-version-back { text-align:left; color:#97bde0; font-size:12px; padding:8px 8px 16px; }
.av-version-rail-label { margin:4px 8px 10px; color:#8192a7; font-size:11px; }
.av-version-module { display:flex; align-items:flex-start; gap:10px; width:100%; text-align:left; color:#a6b6c8; padding:13px 11px; border-radius:7px; border:1px solid transparent; font-size:13px; line-height:1.55; }
.av-version-module small { color:#728da9; font:12px/1.6 ui-monospace,monospace; }
.av-version-module:hover { background:#1d2732; color:#e1ecf6; }
.av-version-module[aria-current="true"] { color:#dcebfa; background:#23374b; border-color:#3d5c7a; }
.av-version-main { display:flex; flex:1; flex-direction:column; min-width:0; min-height:0; }
.av-version-toolbar { flex:none; padding:22px 26px 0; }
.av-version-doc-title { margin:0 0 5px; color:#8d9db0; font-size:12px; line-height:1.5; }
.av-version-module-title { margin:0; color:#fff; font-size:19px; line-height:1.5; }
.av-version-mobile-picker { display:none; width:100%; margin:14px 0 0; padding:11px 10px; color:#e5edf6; border:1px solid #415469; border-radius:7px; background:#212c39; font-family:inherit; font-size:13px; }
.av-version-tabs { display:flex; gap:23px; margin-top:17px; border-bottom:1px solid #2e3946; }
.av-version-tab { color:#9facbc; border-bottom:2px solid transparent; padding:11px 0 12px; margin-bottom:-1px; font-size:13px; }
.av-version-tab[aria-selected="true"] { color:#cfe7ff; border-bottom-color:#8fbce8; font-weight:700; }
.av-version-panel { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; padding:23px 26px 30px; scroll-behavior:auto; }
.av-version-panel .av-version-lead { font-size:14px; }
.av-version-section { margin:25px 0 0; }
.av-version-section h3, .av-version-check h3 { display:flex; gap:10px; align-items:baseline; margin:0 0 13px; color:#eef5fc; font-size:15px; }
.av-version-section h3 span, .av-version-check h3 span { color:#769bbf; font:12px/1.3 ui-monospace,monospace; }
.av-version-functions { padding-left:21px; margin:0; color:#b6c2d0; }
.av-version-functions li { padding-left:3px; margin:0 0 12px; }
.av-version-table { width:100%; border-collapse:collapse; font-size:12px; line-height:1.8; }
.av-version-table th { text-align:left; background:#202b38; padding:11px 12px; color:#d4e4f3; font-weight:600; }
.av-version-table td { padding:12px; color:#adbdcf; border-bottom:1px solid #2b3542; vertical-align:top; }
.av-version-table td:first-child { width:36%; color:#d9e4ef; }
.av-version-page-link { display:inline-flex; gap:8px; color:#afd2f2; padding:8px 0; margin-top:19px; font-size:12px; }
.av-version-preparation { margin:0 0 24px; padding:16px 18px; border:1px solid #344a61; border-radius:8px; background:#1c2b3a; }
.av-version-preparation h3 { margin:0 0 7px; font-size:13px; color:#d3e5f5; }
.av-version-preparation ul { padding-left:18px; margin:0; color:#a9bfd4; font-size:12px; }
.av-version-checks { list-style:none; margin:0; padding:0; }
.av-version-check { margin:0 0 24px; padding-bottom:22px; border-bottom:1px solid #2b3542; }
.av-version-check:last-child { border:0; margin-bottom:0; padding-bottom:0; }
.av-version-action { margin:0 0 12px; font-size:13px; color:#b5c2d1; }
.av-version-action strong { display:block; margin-bottom:4px; font-size:11px; font-weight:600; color:#8198af; }
.av-version-expected { padding:13px 16px; border-left:2px solid #759fc5; background:#202d3c; border-radius:0 6px 6px 0; }
.av-version-expected span { display:block; margin-bottom:5px; color:#9fc4e6; font-size:11px; }
.av-version-expected p { margin:0; color:#cad8e6; font-size:13px; line-height:1.85; }
.av-version-empty { color:#a6b8ca; font-size:13px; }
@media (max-width:640px) {
  .av-version-nav .nav__inner { gap:8px; }
  .av-version-nav .nav__inner > .logo { position:static; transform:none; font-size:17px; }
  .av-version-nav .nav__spacer { display:block; flex:1 1 auto; min-width:0; }
  .av-version-nav .search-wrap { margin-left:auto; }
  .av-version-launch { width:44px; height:44px; padding:0; font-size:11px; }
  .av-version-launch svg { display:none; }
  .av-version-overlay { padding:10px; padding-top:max(10px,env(safe-area-inset-top)); padding-bottom:max(10px,env(safe-area-inset-bottom)); }
  .av-version-dialog { max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); width:100%; border-radius:13px; }
  .av-version-head { gap:12px; padding:18px 16px 15px; }
  .av-version-title { font-size:20px; }
  .av-version-context { font-size:11px; }
  .av-version-catalog { padding:20px 16px; }
  .av-version-list { grid-template-columns:1fr; }
  .av-version-card { padding:20px; }
  .av-version-document { flex-direction:column; }
  .av-version-rail { flex:0 0 auto; padding:8px 12px 0; border-right:0; background:transparent; }
  .av-version-rail-label, .av-version-module { display:none; }
  .av-version-back { padding:6px 4px; }
  .av-version-toolbar { padding:10px 16px 0; }
  .av-version-module-title { font-size:17px; }
  .av-version-mobile-picker { display:block; }
  .av-version-tabs { margin-top:10px; }
  .av-version-panel { padding:19px 16px 24px; }
  .av-version-table th, .av-version-table td { padding:10px 8px; }
}
@media (max-width:359px) {
  .av-version-nav .nav__inner { gap:5px; padding-inline:12px; }
  .av-version-nav .nav__inner > .logo { font-size:15px; }
}