/*! aimyria-nav.css (2026-10-26 v5 · 2026-10-28 v6 手机底栏高级化 · v7 PC侧栏冷蓝化) · 全站唯一导航
 * v7（2026-10-28 业主裁定 A）：PC 岛面/文字/菜单全面对齐内容区深蓝语言，选中保持品牌橙；
 * 手机底栏选中态同步改回品牌橙（银色 logo 不变）。整套导航现在与用量页同一材质家族。
 * v6（2026-10-28 业主拍板）：
 *   ① 圆角 32→16px（融入站点 12–18px 卡片阶梯）；高度 64→60px
 *   ② 底色掺入站点深蓝（--amnv-mb-* 令牌，对齐 --amyk-bg #10141A 色族）
 *   ③ 选中态改银白单色（#F2F4F8），弃橙色
 *   ④ 「更多」图标 = AIMYRIA 三角标银色版（CSS mask，与 PC 品牌行同一份资产）
 *   ⑤ 下滑收起 / 上滑弹出（JS: aimyria-nav.js data-mb-hidden，只动 transform/opacity）
 * ─────────────────────────────────────────────────────────────────────────────
 * 架构前提（这是稳定的根因）：
 *   导航挂在 <body> 直下，不在 #app 里 → Vue 路由 patch 永远碰不到它。
 *   全站只有这一份导航 CSS / 一套宽度变量 / 一个 logo 元素。
 *   旧的 sidebar-v3（9 段 CSS + 973 个 !important）与 shell.js 的 #amIsle 全部下线。
 *
 * 布局：
 *   ≥1440  展开 240px（图标 + 文字 + 语言 + 账户卡）
 *   1024–1439  轨道 72px（只有图标，底部头像）
 *   <1024  手机底栏：悬浮条 4 项（用量/密钥/充值/更多），下滑收起上滑弹出
 *
 * 稳定性约束（写死，不许后人改）：
 *   ① 宽度只由 CSS 断点决定，永不随 hover / focus / JS 改变
 *   ② 导航 DOM 整个会话只创建一次，之后只改高亮与文字
 *   ③ 不使用 transition 改 width / padding / margin
 *   ④ 不依赖任何外部样式表（black.css / interactions.css 不再作用于它）
 * ───────────────────────────────────────────────────────────────────────────── */

/* ══ 令牌 ═══════════════════════════════════════════════════════════════ */
html{
  --amnv-w:240px;          /* 展开宽 */
  --amnv-rail:72px;        /* 轨道宽 */
  --amnv-gap:12px;         /* 离屏幕边 */
  --amnv-slot:40px;        /* 导航行高 */
  --amnv-radius:26px;      /* 岛圆角 */
  --amnv-bg:#0B0C0F;
  --amnv-glass-hi:rgba(42,50,62,.55);
  --amnv-glass-lo:rgba(9,12,17,.93);
  --amnv-ink:#EDEDED;
  --amnv-ink-2:#A7ADB8;
  --amnv-ink-3:#828A98;
  --amnv-accent:#D08655;
  --amnv-accent-ink:#E8A16F;
  --amnv-accent-soft:rgba(208,134,85,.14);
  --amnv-line:rgba(255,255,255,.07);
  --amnv-line-2:rgba(255,255,255,.075);
  --amnv-hover:rgba(151,166,190,.07);
  --amnv-silver:#F5F6F8;   /* logo 银白 */
  --amnv-nav-h:60px;       /* 手机底栏高（v6: 64→60） */
  --amnv-safe-b:env(safe-area-inset-bottom,0px);
  --amnv-safe-t:env(safe-area-inset-top,0px);
  --amnv-pad-x:16px;       /* 内容左右统一边距 */
  /* 手机底栏（v6）：与站点同族深蓝，未选中蓝灰两级、选中银白单色 */
  --amnv-mb-bg:rgba(15,19,26,.86);      /* ≈ --amyk-bg #10141A 加深一档 */
  --amnv-mb-hi:rgba(42,50,62,.55);      /* 顶部冷高光 */
  --amnv-mb-lo:rgba(9,12,17,.93);
  --amnv-mb-line:rgba(150,165,185,.13); /* 偏蓝细描边 */
  --amnv-mb-ic:#98A0AE;                 /* 未选中图标 */
  --amnv-mb-lb:#828A98;                 /* 未选中文字（比图标暗一级） */
  --amnv-mb-on:#E8A16F;                 /* 选中（2026-10-28 业主裁定：改回品牌橙，与 PC 一致） */
}
@media (max-width:1439px){ html{ --amnv-w:72px; } }

/* ══ 旧实现全面退场（结构性下线，不是隐藏） ═══════════════════════════
   这些选择器命中的是旧导航的 DOM / 类名。新导航不使用其中任何一个。 */
html.aimyria-sb3 aside.sidebar,
html.aimyria-sb3 aside.console-sidebar,
html.aimyria-sb3 aside#aimyria-navigation,
html.aimyria-sb3 #aimyria-topbar,
html.aimyria-sb3 #aimyria-navbar,
html.aimyria-sb3 #aimyria-topspacer,
html.aimyria-sb3 #aimyria-dock,
html.aimyria-sb3 .console-sidebar-footer,
html.aimyria-sb3 #aimyria-sb3-box,
html.aimyria-sb3 #aimyria-sb3-isle-brand,
html.aimyria-sb3 #aimyria-sbtools,
html.aimyria-sb3 #aimyria-sb3-langrow,
html.aimyria-sb3 #aimyria-sb3-handle,
html.aimyria-sb3 #aimyria-sb3-tip,
html.aimyria-sb3 #aimyria-user-card,
html.aimyria-sb3 #aimyria-sb3-langmenu,
html.aimyria-sb3 #aimyria-sb3-lang,
html.aimyria-sb3 #amIsle,
html.aimyria-sb3 .am-mb-nav,
html.aimyria-sb3 .am-mb-top,
html.aimyria-sb3 .am-mb-fab,
html.aimyria-sb3 .am-mb-sheet{
  display:none!important;
}

/* 旧类名残留的几何影响一并清掉 */
html.aimyria-sb3.isle-open aside.sidebar,
html.aimyria-sb3.isle-open aside.console-sidebar{ width:72px!important; }

/* ══ 主区让位：由导航自己声明，不再让 sidebar-v3 插手 ═══════════════ */
@media (min-width:1024px){
  html.aimyria-sb3 .console-main,
  html.aimyria-sb3 main.console-main,
  html.aimyria-sb3 .am-shell-main{
    margin-left:calc(var(--amnv-w) + var(--amnv-gap) * 2)!important;
    padding-right:0!important;
    padding-left:0!important;
    transition:none!important;
  }
  html.aimyria-sb3 .console-content{
    padding-left:0!important;
    padding-right:0!important;
  }
}
@media (max-width:1023px){
  /* 控制台：外层侧边距归零，由页面级容器（.v14-page / .akv .page）给 16px */
  html.aimyria-sb3 .console-main,
  html.aimyria-sb3 main.console-main{
    margin-left:0!important;
    padding-left:0!important;
    padding-right:0!important;
    padding-bottom:calc(var(--amnv-nav-h) + 28px + var(--amnv-safe-b))!important;
  }
  /* 公共页：内容不在 .v14-page 里，必须由这里给 16px */
  html.aimyria-sb3 .am-shell-main{
    margin-left:0!important;
    padding-left:16px!important;
    padding-right:16px!important;
    padding-top:max(12px,var(--amnv-safe-t))!important;
    padding-bottom:calc(var(--amnv-nav-h) + 28px + var(--amnv-safe-b))!important;
  }
  html.aimyria-sb3 .console-content{ padding-left:0!important; padding-right:0!important; }
  html.aimyria-sb3 body{ padding-bottom:calc(var(--amnv-nav-h) + 24px + var(--amnv-safe-b)); }
}

/* ══ 导航本体 ═══════════════════════════════════════════════════════════ */
.amnv{
  position:fixed;
  z-index:2147482000;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Helvetica Neue","Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
/* 几何固定（宽度永不参与动画）只锁 PC 段。
   手机底栏的滚动收放（v6）只动 transform/opacity，
   不碰 width / padding / margin —— 本约束的本意完整保留。 */
@media (min-width:1024px){
  .amnv{ transition:none!important; transform:none!important; }
}
.amnv *,
.amnv *::before,
.amnv *::after{ box-sizing:border-box; }

/* ── PC：液态玻璃浮动岛 ── */
@media (min-width:1024px){
  .amnv{
    top:var(--amnv-gap);
    bottom:var(--amnv-gap);
    left:var(--amnv-gap);
    width:var(--amnv-w);
    padding:10px 12px;
    border-radius:var(--amnv-radius);
    overflow:hidden;
    background-color:rgba(15,19,26,.86);
    background-image:linear-gradient(180deg,var(--amnv-glass-hi),var(--amnv-glass-lo) 64%);
    -webkit-backdrop-filter:blur(30px) saturate(150%);
    backdrop-filter:blur(30px) saturate(150%);
    box-shadow:
      inset 0 1px 0 rgba(190,205,225,.10),
      inset 0 -1px 0 rgba(255,255,255,.03),
      0 0 0 1px rgba(150,165,185,.13),
      0 24px 60px -20px rgba(0,0,0,.85);
  }
  .amnv::after{
    content:"";
    position:absolute; inset:0;
    border-radius:inherit;
    pointer-events:none;
    background:linear-gradient(118deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,0) 28%,rgba(255,255,255,0) 74%,rgba(255,255,255,.045) 100%);
  }
}

/* ── 品牌行 ── */
.amnv-brand{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:10px;
  height:46px;
  flex:0 0 46px;
  padding:0 2px;
  margin:0 0 4px;
  color:var(--amnv-silver);          /* 银白：不跟随主题 */
  text-decoration:none;
}
/* logo：用 CSS mask 上色，颜色完全由 --amnv-silver 决定；
   同一份 SVG 不会因为主题/页面不同而变黑变白。 */
.amnv-mark{
  width:38px; height:38px;
  flex:0 0 38px;
  display:block;
  background-color:var(--amnv-silver);
  -webkit-mask:url("/assets-new/logo/AIMYRIA-mark-white.svg") center / contain no-repeat;
  mask:url("/assets-new/logo/AIMYRIA-mark-white.svg") center / contain no-repeat;
}
.amnv-word{
  width:106px; height:18px;
  flex:0 0 auto;
  display:block;
  background-color:var(--amnv-silver);
  -webkit-mask:url("/assets-new/logo/AIMYRIA-wordmark-white.svg") left center / contain no-repeat;
  mask:url("/assets-new/logo/AIMYRIA-wordmark-white.svg") left center / contain no-repeat;
}
.amnv-bell{
  margin-left:auto;
  flex:0 0 30px;
  width:30px; height:30px;
  display:inline-flex; align-items:center; justify-content:center;
  border:0; padding:0;
  border-radius:9px;
  background:transparent;
  color:var(--amnv-ink-3);
  cursor:pointer;
  position:relative;
}
.amnv-bell:hover{ background:var(--amnv-hover); color:var(--amnv-ink); }
.amnv-bell svg{ width:17px; height:17px; display:block; }
.amnv-bell[data-unread="1"]::after{
  content:"";
  position:absolute; top:5px; right:6px;
  width:6px; height:6px; border-radius:50%;
  background:var(--amnv-accent);
  box-shadow:0 0 0 2px rgba(12,15,20,.95);
}

/* ── 导航列表 ── */
.amnv-nav{
  position:relative;
  z-index:2;
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:6px;
  margin:6px 0 0;
  padding:0;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:none;
  overscroll-behavior:contain;
}
.amnv-nav::-webkit-scrollbar{ display:none; }

.amnv-link{
  position:relative;
  flex:0 0 var(--amnv-slot);
  width:100%;
  height:var(--amnv-slot);
  min-height:var(--amnv-slot);
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 10px;
  margin:0;
  border:0;
  border-radius:12px;
  background:transparent;
  color:var(--amnv-ink-3);
  font-size:13.5px;
  font-weight:500;
  line-height:1;
  letter-spacing:.005em;
  text-decoration:none;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:background-color .16s ease,color .16s ease;
}
.amnv-link:hover{ background:var(--amnv-hover); color:var(--amnv-ink-2); }
.amnv-link:focus-visible{ outline:2px solid var(--amnv-accent); outline-offset:-2px; }

/* 选中：橙色胶囊（业主裁定 A：与内容区橙色记号同源）。
   ⚠ aimyria-black.css 里有一条全局
     html:root:root [aria-current="page"]{background-color:var(--amyk-l5)!important}
   会把任何 aria-current="page" 涂成灰块（旧的 nav / 分段 / tab 全中招）。
   这里用更高特异度 + !important 把它按住，只让导航命中。 */
html:root:root .amnv .amnv-link[aria-current="page"]{
  background-color:rgba(208,134,85,.13)!important;
  background-image:none!important;
  color:#E8A16F!important;
  box-shadow:inset 0 0 0 1px rgba(208,134,85,.26)!important;
  border-color:transparent!important;
  font-weight:600;
}
html:root:root .amnv .amnv-link[aria-current="page"]:hover{
  background-color:rgba(208,134,85,.18)!important;
  color:#F0AE7E!important;
}

.amnv-ic{
  flex:0 0 20px;
  width:20px; height:20px;
  display:flex; align-items:center; justify-content:center;
  color:inherit;
}
.amnv-ic svg{ width:20px; height:20px; display:block; fill:currentColor; }
.amnv-lb{
  flex:1 1 auto;
  min-width:0;
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* 分隔线 */
.amnv-div{
  flex:0 0 1px;
  height:1px;
  margin:8px 6px;
  background:var(--amnv-line);
  border-radius:1px;
}

/* 工单红点 */
.amnv-dot{
  flex:0 0 6px;
  width:6px; height:6px;
  border-radius:50%;
  background:var(--amnv-accent);
  box-shadow:0 0 0 2.5px rgba(12,15,20,.95);
  display:none;
}
.amnv-dot[data-on="1"]{ display:block; }

/* ── 底部：语言胶囊 + 账户卡 ── */
.amnv-foot{
  position:relative;
  z-index:2;
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:6px 0 0;
  padding:0 2px 4px;
}

.amnv-lang{
  display:flex;
  align-items:center;
  gap:9px;
  width:100%;
  height:38px;
  padding:0 10px;
  border:1px solid var(--amnv-line-2);
  border-radius:11px;
  background:rgba(151,166,190,.05);
  color:var(--amnv-ink-2);
  font:inherit;
  font-size:12.5px;
  font-weight:500;
  text-align:left;
  cursor:pointer;
  transition:background-color .16s ease,border-color .16s ease;
}
.amnv-lang:hover{ background:rgba(151,166,190,.08); border-color:rgba(150,165,185,.16); }
.amnv-lang svg{ width:16px; height:16px; flex:0 0 16px; fill:currentColor; }
.amnv-lang .t{
  flex:1 1 auto; min-width:0;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.amnv-lang .chev{
  flex:0 0 auto;
  font-size:11px;
  opacity:.45;
}

.amnv-acct{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 10px;
  grid-template-rows:auto auto;
  column-gap:12px;
  row-gap:3px;
  align-items:center;
  width:100%;
  height:56px;
  min-height:56px;
  padding:8px 10px;
  border:1px solid var(--amnv-line-2);
  border-radius:13px;
  background:rgba(151,166,190,.06);
  text-align:left;
  cursor:pointer;
  font:inherit;
  color:inherit;
  transition:background-color .16s ease,border-color .16s ease;
}
.amnv-acct:hover{ background:rgba(151,166,190,.09); border-color:rgba(208,134,85,.22); }

.amnv-av{
  grid-column:1; grid-row:1 / span 2;
  width:42px; height:42px;
  padding:2px; box-sizing:border-box;
  display:flex; align-items:center; justify-content:center;
  border-radius:10px;
  overflow:hidden;
  background:rgba(208,134,85,.16);
  box-shadow:inset 0 0 0 1px rgba(208,134,85,.28);
  color:var(--amnv-accent-ink);
  font-size:13px;
  font-weight:700;
  line-height:1;
}
.amnv-av img{ width:100%; height:100%; object-fit:cover; display:block; }
.amnv-av .pav{ display:flex; width:100%; height:100%; border-radius:inherit; overflow:hidden; background:transparent; box-shadow:none; }
.amnv-av .pav svg{ width:100%; height:100%; display:block; }

.amnv-nm{
  grid-column:2; grid-row:1;
  min-width:0;
  font-size:13px; font-weight:600;
  color:var(--amnv-ink);
  line-height:1.35;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.amnv-bal{
  grid-column:2; grid-row:2;
  min-width:0;
  display:flex; align-items:baseline; gap:5px;
  font-size:11.5px;
  line-height:1.3;
  color:var(--amnv-ink-3);
  font-variant-numeric:tabular-nums;
}
.amnv-bal b{ color:var(--amnv-accent-ink); font-weight:600; }
.amnv-acct::after{
  content:"";
  grid-column:3; grid-row:1 / span 2;
  justify-self:center; align-self:center;
  width:6px; height:6px;
  border-right:1.5px solid rgba(255,255,255,.32);
  border-bottom:1.5px solid rgba(255,255,255,.32);
  transform:rotate(-45deg);
}

/* ══ 轨道态 1024–1439 ═════════════════════════════════════════════════ */
@media (min-width:1024px) and (max-width:1439px){
  .amnv{ padding:10px 12px; }
  .amnv-brand{ justify-content:center; padding:0; }
  .amnv-word{ display:none; }
  /* 2026-10-29：轨道态原来整块隐藏铃铛 —— 1024–1439 的桌面（1280/1366 笔记本）
     因此全站没有任何公告入口。改为竖排在 logo 下方，宽度仍压在 48px 内。 */
  .amnv-brand{ flex-direction:column; height:auto; flex:0 0 auto; gap:4px; padding:2px 0 6px; margin:0 0 6px; }
  .amnv-bell{ display:inline-flex; margin-left:0; }
  .amnv-link{ justify-content:center; padding:0; gap:0; }
  .amnv-lb{ display:none; }
  .amnv-dot{ position:absolute; top:8px; right:8px; }
  .amnv-lang{ display:none; }
  .amnv-foot{ align-items:center; }
  .amnv-acct{
    display:flex; align-items:center; justify-content:center;
    width:48px; height:48px; min-height:48px;
    padding:0;
    margin:0 auto;
    border-radius:14px;
  }
  .amnv-nm, .amnv-bal{ display:none; }
  .amnv-acct::after{ display:none; }
  .amnv-div{ margin:8px 10px; }
}

/* ══ 手机端：悬浮玻璃底栏（v6 · 深蓝极简 + 滚动收放） ═════════════════ */
@media (max-width:1023px){
  .amnv{
    left:12px; right:12px;
    bottom:calc(10px + var(--amnv-safe-b));
    top:auto;
    width:auto;
    height:var(--amnv-nav-h);
    padding:5px;
    flex-direction:row;
    align-items:stretch;
    gap:2px;
    border-radius:16px;
    overflow:hidden;
    background-color:var(--amnv-mb-bg);
    background-image:linear-gradient(180deg,var(--amnv-mb-hi),var(--amnv-mb-lo) 70%);
    -webkit-backdrop-filter:blur(30px) saturate(150%);
    backdrop-filter:blur(30px) saturate(150%);
    border:1px solid var(--amnv-mb-line);
    box-shadow:
      inset 0 1px 0 rgba(190,205,225,.10),
      0 8px 26px -12px rgba(0,0,0,.75);
    /* 下滑收起 / 上滑弹出：JS 切 data-mb-hidden，只动 transform/opacity */
    transition:transform .28s cubic-bezier(.32,.72,.33,1),opacity .2s ease;
    will-change:transform;
  }
  /* +56px：保证连 iPhone 安全区一起滑出屏幕 */
  .amnv[data-mb-hidden]{
    transform:translate3d(0,calc(100% + 56px),0)!important;
    opacity:0;
    pointer-events:none;
  }
  .amnv::after{ display:none; }
  .amnv-brand{ display:none; }
  .amnv-nav{
    flex:1 1 auto;
    flex-direction:row;
    align-items:stretch;
    gap:2px;
    margin:0;
    overflow:visible;
  }
  .amnv-div{ display:none; }
  .amnv-foot{ display:none; }

  .amnv-link,
  .amnv-link[aria-current="page"]{
    flex:1 1 0;
    min-width:0;
    width:auto;
    height:100%;
    min-height:0;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    padding:0;
    border-radius:12px;
    background:transparent!important;
    box-shadow:none!important;
    font-size:10px;
    font-weight:500;
    text-decoration:none;
  }
  .amnv-link .amnv-ic{
    flex:0 0 21px;
    width:21px; height:21px;
    color:var(--amnv-mb-ic);
    transition:color .15s ease;
  }
  .amnv-link .amnv-ic svg{ width:21px; height:21px; }
  .amnv-link .amnv-lb{
    display:block;
    flex:0 0 auto;
    color:var(--amnv-mb-lb);
    font-size:10px;
    line-height:1.1;
    font-weight:500;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:100%;
    transition:color .15s ease;
  }
  .amnv-link:active{ background:rgba(148,163,184,.08)!important; }

  /* 选中态（业主裁定：品牌橙）：只提亮，不加横杠、不加药丸底 */
  html:root:root .amnv .amnv-link[aria-current="page"],
  html:root:root .amnv .amnv-link[aria-current="page"]:hover{
    color:var(--amnv-mb-on)!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    border-color:transparent!important;
  }
  .amnv-link[aria-current="page"] .amnv-ic{ color:var(--amnv-mb-on); }
  .amnv-link[aria-current="page"] .amnv-lb{
    color:var(--amnv-mb-on);
    font-weight:600;
  }
  .amnv-link[aria-current="page"] .amnv-ic svg{
    filter:drop-shadow(0 0 8px rgba(208,134,85,.42));
  }

  /* 「更多」= AIMYRIA 三角标 · 银色版。
     CSS mask 与 PC 品牌行同一份资产；logo 是品牌符号，不随选中变色，
     选中只加极淡银光晕。渐变铺内层、mask 裁形；光晕必须打在外层
     （filter 会在 mask 之后被一起裁掉）。 */
  .amnv-mark-ic{
    display:block;
    width:100%; height:100%;
    transition:filter .15s ease;
  }
  .amnv-mark-ic i{
    display:block;
    width:100%; height:100%;
    background:linear-gradient(180deg,#F7F8FB 0%,#C9CDD6 55%,#9BA1AD 100%);
    -webkit-mask:url("/assets-new/logo/AIMYRIA-mark-white.svg") center / contain no-repeat;
    mask:url("/assets-new/logo/AIMYRIA-mark-white.svg") center / contain no-repeat;
  }
  html:root:root .amnv .amnv-link[aria-current="page"] .amnv-mark-ic{
    filter:drop-shadow(0 0 8px rgba(226,230,238,.35));
  }
  .amnv-dot{
    position:absolute;
    top:7px;
    left:50%;
    margin-left:9px;
  }
}

/* ══ 语言菜单（浮层） ═════════════════════════════════════════════════ */
.amnv-menu{
  position:fixed;
  z-index:2147482100;
  min-width:196px;
  max-height:min(70vh,420px);
  overflow:auto;
  padding:6px;
  border-radius:16px;
  background-color:#14181F;
  background-image:linear-gradient(168deg,rgba(44,52,64,.97),rgba(14,17,23,.985));
  box-shadow:
    0 1px 0 0 rgba(190,205,225,.10) inset,
    0 0 0 1px rgba(150,165,185,.13),
    0 24px 60px -16px rgba(0,0,0,.85);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Segoe UI",sans-serif;
  scrollbar-width:thin;
}
.amnv-menu[hidden]{ display:none; }
.amnv-mi{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  min-height:38px;
  padding:0 10px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#A7ADB8;
  font:inherit;
  font-size:12.5px;
  text-align:left;
  cursor:pointer;
}
.amnv-mi:hover{ background:rgba(151,166,190,.07); color:#EDEDED; }
.amnv-mi[aria-checked="true"]{ color:#E8A16F; background:rgba(208,134,85,.12); }
.amnv-mi .tick{ margin-left:auto; font-size:12px; }

/* ══ 更多页（/more）样式已迁出 ══════════════════════════════════════
   2026-10-28 业主令重设计时发现本文件与 more.html 内联样式是两套独立来源，
   已经各改各的导致配色漂移（更多页一度是暖灰白，与全站深蓝不符）。
   全站仅 /more 一个消费方且自带完整内联样式，本块整体删除、单源收敛：
   「更多」页样式唯一来源 = /var/www/aimyria-new/more.html 内联 <style>。 */

/* ══ 教程页（t2）适配 ═════════════════════════════════════════════════
   t2 自带 26px 内距 + 212px 侧栏；手机端必须收成单列、16px。 */
@media (max-width:1023px){
  #t2-root{
    padding:8px 16px calc(var(--amnv-nav-h) + 28px + var(--amnv-safe-b))!important;
    max-width:none!important;
  }
  .t2-shell{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .t2-nav{
    position:sticky!important;
    top:0!important;
    flex-direction:row!important;
    overflow-x:auto!important;
    gap:4px!important;
    padding:6px!important;
    border-radius:14px!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch;
    z-index:20!important;
  }
  .t2-nav::-webkit-scrollbar{ display:none!important; }
  .t2-navbtn{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
  .t2-card, .t2-hero, .t2-code{
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .t2-code{ overflow-x:auto!important; }
}

/* ══ 横向溢出兜底 ═════════════════════════════════════════════════════
   页面里存在若干「用 transform 推到屏幕外」的抽屉（如充值页 #acDrawer）。
   position:fixed + translate 不会撑开布局，但部分组合仍会让
   documentElement.scrollWidth 变大，产生 26px 的横向滚动。
   这里在根元素上裁掉水平溢出 —— 纵向保持正常滚动。 */
html{ overflow-x:hidden; }
@supports (overflow:clip){ html{ overflow-x:clip; } body{ overflow-x:clip; } }

/* ══ 减少动效 ═════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion:reduce){
  .amnv, .amnv *{ transition:none!important; animation:none!important; }
}