/* ============================================================
   AI跨境灯塔 · 全站顶部导航（唯一来源）
   ------------------------------------------------------------
   首页 index.html 只引用这一份。
   页面内只保留自身差异样式。

   规则：
   - 尺寸以 --nav-h 为唯一来源，禁止在页面里再写 nav 的高度/字号；
   - 视觉：顶部透明渐变 + 发丝线，滚动后（>12px）转毛玻璃实底；
   - 断点统一为 1024 / 820 / 560，与首页历史断点一致。
   ============================================================ */

:root{
  --nav-h: 88px;
}

/* ---------- 条身 ---------- */
.nav{
  position:fixed;
  top:0;
  left:0;
  /* 用 100vw 而不是 right:0：视口出现竖向滚动条时，
     100vw 始终等于整幅视口宽度，导航内部元素的横坐标不会因为滚动条而左右跳。
     fixed 元素溢出视口不会产生横向滚动条，多出的部分压在滚动条下面。 */
  width:100vw;
  z-index:50;
  background:linear-gradient(180deg, rgba(4,9,24,.82) 0%, rgba(4,9,24,.44) 52%, rgba(4,9,24,0) 100%);
  transition:background .45s var(--ease), -webkit-backdrop-filter .45s var(--ease), backdrop-filter .45s var(--ease);
  /* 导航属于界面件，不是正文：整条（品牌字、昵称、面包屑）都不吃拖选、不长按弹气泡 */
  cursor:default;
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}
/* 兜底：万一有引擎忽视 user-select，也不让系统蓝框住品牌名/昵称 */
.nav::selection,
.nav ::selection{background:transparent;}
.nav::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg, transparent 0%, rgba(233,214,164,.18) 18%, rgba(233,214,164,.18) 82%, transparent 100%);
}
.nav.is-scrolled{
  background:linear-gradient(180deg, rgba(4,9,24,.95) 0%, rgba(4,9,24,.82) 100%);
  -webkit-backdrop-filter:blur(16px) saturate(120%);
  backdrop-filter:blur(16px) saturate(120%);
}
.nav__inner{
  max-width:1600px;
  margin:0 auto;
  height:var(--nav-h);
  padding:0 var(--pad-x);
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:24px;
}

/* ---------- 品牌 ---------- */
.brand{position:relative;display:inline-flex;align-items:center;gap:14px;min-width:0;}
.brand__mark{
  position:relative;
  z-index:2;                       /* 船压在浪上面 */
  width:52px;
  height:auto;
  filter:drop-shadow(0 8px 22px rgba(246,196,83,.34));
  transition:transform .6s var(--ease), filter .6s var(--ease);
}
.brand:hover .brand__mark{
  transform:translateY(-1px) rotate(-3deg) scale(1.04);   /* 关掉动效时的静态悬停态 */
  filter:drop-shadow(0 10px 26px rgba(255,214,110,.55));
}
/* 悬停时船底涌起两道金色浪：一前一后、一亮一柔、一快一慢，
   错速滚动才有“浪在走”的层次；不悬停时动画暂停，不占 GPU。
   浪比船身更宽，向两侧探出，才有“船浮在水上”的体积；
   左右两端用遮罩溶掉，避免在深色导航上切出一条金色方块边。 */
.brand::before,
.brand::after{
  content:"";
  position:absolute;
  bottom:-4px;
  left:-20px;
  width:92px;
  height:18px;
  z-index:1;
  pointer-events:none;
  opacity:0;
  transform:translateY(7px) scaleY(.4);
  transform-origin:50% 100%;
  transition:opacity .32s var(--ease), transform .55s var(--ease);
  background-repeat:repeat-x;
  animation-play-state:paused;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 14%, #000 86%, transparent 100%);
  mask-image:linear-gradient(90deg, transparent 0%, #000 14%, #000 86%, transparent 100%);
  will-change:opacity, transform;
}
/* 后浪：更宽、更软、更慢，退到水线后面当底 */
.brand::before{
  bottom:-2px;
  left:-26px;
  width:104px;
  background-size:28px 18px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='18' viewBox='0 0 28 18'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23FFE9A6' stop-opacity='.42'/%3E%3Cstop offset='.55' stop-color='%23F6C453' stop-opacity='.18'/%3E%3Cstop offset='1' stop-color='%23F6C453' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 12 Q7 7.5 14 12 T28 12 V18 H0 Z' fill='url(%23b)'/%3E%3C/svg%3E");
  filter:blur(.9px);
  animation:waveDriftBack 5.2s linear infinite reverse;
  animation-play-state:paused;
}
/* 前浪：贴着船身，亮、快、脆，一条水光带出体积 */
.brand::after{
  bottom:-4px;
  left:-20px;
  width:92px;
  background-size:30px 18px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='18' viewBox='0 0 30 18'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23FFF6D8' stop-opacity='.95'/%3E%3Cstop offset='.45' stop-color='%23F8C961' stop-opacity='.38'/%3E%3Cstop offset='1' stop-color='%23F6C453' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 12 Q7.5 7 15 12 T30 12 V18 H0 Z' fill='url(%23f)'/%3E%3Cpath d='M0 12 Q7.5 7 15 12 T30 12' fill='none' stroke='%23FFF9E4' stroke-opacity='1' stroke-width='1.4'/%3E%3C/svg%3E");
  filter:blur(.12px) drop-shadow(0 0 5px rgba(255,206,84,.65)) drop-shadow(0 2px 10px rgba(246,196,83,.32));
  animation:waveDriftFront 2.2s linear infinite;
  animation-play-state:paused;
}
@keyframes waveDriftFront{from{background-position-x:0;}to{background-position-x:-60px;}}
@keyframes waveDriftBack{from{background-position-x:0;}to{background-position-x:-84px;}}
/* 船随浪轻轻起伏（只抬起 ~1.2px，不抢字标） */
@keyframes brandBob{
  0%,100%{transform:translateY(-1px) rotate(-3deg) scale(1.04);}
  50%{transform:translateY(-2.2px) rotate(-1.4deg) scale(1.05);}
}
@media (hover:hover) and (pointer:fine){
  .brand:hover::before,
  .brand:hover::after{
    opacity:1;
    transform:translateY(0) scaleY(1);
    animation-play-state:running;
  }
  .brand:hover .brand__mark{animation:brandBob 3.4s ease-in-out infinite;}
}
/* 尊重系统“减少动态效果”：浪不出现，船保持原来的静态悬停 */
@media (prefers-reduced-motion:reduce){
  .brand::before,
  .brand::after{display:none;}
  .brand:hover .brand__mark{animation:none;}
}
.brand__name{
  font-family:var(--font-display);
  font-size:20px;
  font-weight:600;
  letter-spacing:.16em;
  line-height:1.15;
  color:var(--pearl);
  white-space:nowrap;
}
.brand__name em{
  display:block;
  margin-top:5px;
  font-family:var(--font-latin);
  font-style:normal;
  font-size:9px;
  font-weight:400;
  letter-spacing:.30em;
  color:rgba(233,214,164,.50);
}

/* ---------- 面包屑（二级页统一使用） ----------
   品牌右侧的一条路径：首页 / 04 · listing与内容制作 / 当前页。
   首页壳（iframe 承载二级页）与独立二级页共用这一份，
   各页只负责填三层文字，不再各写一套样式。 */
.nav-crumb{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 1 auto;
  min-width:0;
  overflow:hidden;
  font-size:12px;
  line-height:1.4;
  letter-spacing:.12em;
  color:rgba(244,239,226,.42);
  white-space:nowrap;
}
.nav-crumb__home,
.nav-crumb__mod{
  display:block;                 /* 才能用 text-overflow 收窄 */
  flex:0 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  color:rgba(244,239,226,.62);
  transition:color .25s var(--ease,cubic-bezier(.22,1,.36,1));
}
.nav-crumb__home{
  flex:none;                     /* 「首页」固定宽度，先收窄模块与标题 */
  color:rgba(244,239,226,.46);
}
.nav-crumb__home:hover,
.nav-crumb__mod:hover{color:var(--gold-lt,#FFE9A6);}
.nav-crumb__sep{flex:none;color:rgba(233,214,164,.28);}
.nav-crumb__now{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex:0 1 auto;
  min-width:0;
  max-width:min(34vw,380px);
  margin:0;
  padding:10px 0;   /* 文字只有 17px 高，上下补足点击区；视觉上仍是一条细路径 */
  border:0;
  background:none;
  appearance:none;
  font:inherit;
  letter-spacing:inherit;
  text-align:left;
  color:rgba(244,239,226,.86);
  cursor:default;
}
.nav-crumb__now-label{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
/* 小折角：只在当前页真有同模块条目时出现，提示可展开 */
.nav-crumb__chev{
  display:none;
  width:9px;
  height:9px;
  flex:none;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.5;
  transform:translateY(1px);
  transition:transform .28s var(--ease,cubic-bezier(.22,1,.36,1)), opacity .25s var(--ease);
}
.nav-crumb__now[data-menu="1"]{cursor:pointer;}
.nav-crumb__now[data-menu="1"] .nav-crumb__chev{display:block;}
.nav-crumb__now[data-menu="1"]:hover{color:var(--gold-lt,#FFE9A6);}
.nav-crumb__now[data-menu="1"]:hover .nav-crumb__chev{opacity:.9;}
.nav-crumb__now[aria-expanded="true"]{color:#FFF7DE;}
.nav-crumb__now[aria-expanded="true"] .nav-crumb__chev{opacity:1;transform:translateY(-1px) rotate(180deg);}
.nav-crumb__now[data-menu="0"]{pointer-events:none;}
.nav-crumb__now:focus-visible{outline:1px solid rgba(246,196,83,.62);outline-offset:4px;border-radius:3px;}
.nav-crumb__mod{max-width:min(30vw,260px);}
.nav-crumb[data-empty="1"]{display:none;}

/* ---------- 工具页：返回来源文章 ----------
   只在外壳承载工具页（ACC 运营台）时出现，紧跟在路径后面，
   随导航固定，滚动运营台也不会消失。 */
.nav-back{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex:none;
  height:28px;
  padding:0 10px 0 8px;
  border:1px solid rgba(233,214,164,.24);
  border-radius:5px;
  font-family:var(--font-ui, "Microsoft YaHei", sans-serif);
  font-size:11px;
  letter-spacing:.08em;
  color:rgba(255,233,166,.80);
  white-space:nowrap;
  transition:color .25s var(--ease), border-color .25s var(--ease), background-color .25s var(--ease);
}
.nav-back[hidden]{display:none;}
.nav-back svg{
  width:9px;
  height:9px;
  flex:none;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.nav-back:hover{
  color:#FFE9A6;
  border-color:rgba(246,196,83,.55);
  background:rgba(246,196,83,.08);
}
.nav-back:focus-visible{outline:1px solid rgba(246,196,83,.62);outline-offset:3px;}
@media (max-width:560px){
  .nav-back{height:26px;padding:0 8px 0 6px;font-size:10px;}
}
@media (max-width:700px){
  /* 窄屏导航让位给品牌与用户区；工具页自身 masthead 里保留返回入口 */
  .nav-back{display:none;}
}

/* ---------- 当前页下拉：本模块目录 ----------
   浮在导航下沿，宽度固定、内部滚动；当前页在头部置顶，
   下方只列其余条目，编号保留模块里的原始序号。 */
.crumb-menu{
  position:absolute;
  top:calc(var(--nav-h) + 12px);
  left:var(--pad-x, 32px);
  z-index:2;
  display:flex;
  flex-direction:column;
  width:min(400px, calc(100vw - 32px));
  max-height:calc(100vh - var(--nav-h) - 30px);
  max-height:calc(100dvh - var(--nav-h) - 30px);
  border:1px solid rgba(233,214,164,.18);
  border-radius:12px;
  background:linear-gradient(180deg, rgba(11,20,46,.97), rgba(6,12,30,.98));
  box-shadow:0 36px 90px -46px rgba(0,0,0,.98), 0 0 0 1px rgba(3,7,20,.55), inset 0 1px 0 rgba(255,240,200,.06);
  -webkit-backdrop-filter:blur(18px) saturate(115%);
  backdrop-filter:blur(18px) saturate(115%);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-7px);
  transition:opacity .18s var(--ease), transform .24s var(--ease), visibility 0s linear .24s;
}
.crumb-menu.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
  transition-delay:0s;
}
.crumb-menu::before{
  content:"";
  position:absolute;
  left:22px;
  top:-1px;
  width:56px;
  height:1px;
  background:linear-gradient(90deg, rgba(246,196,83,.92), rgba(246,196,83,0));
}
.crumb-menu:focus{outline:none;}

.crumb-menu__head{
  flex:none;
  padding:15px 18px 13px;
  border-bottom:1px solid rgba(233,214,164,.12);
}
.crumb-menu__eyebrow{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  font-family:var(--font-ui, "Microsoft YaHei", sans-serif);
  font-size:9.5px;
  font-weight:500;
  letter-spacing:.14em;
  color:rgba(233,214,164,.52);
  white-space:nowrap;
}
.crumb-menu__mod{
  max-width:14em;
  overflow:hidden;
  text-overflow:ellipsis;
  color:rgba(233,214,164,.68);
}
.crumb-menu__dot{
  width:3px;
  height:3px;
  flex:none;
  border-radius:50%;
  background:rgba(246,196,83,.5);
}
.crumb-menu__label{color:rgba(233,214,164,.36);}
.crumb-menu__count{
  margin-left:auto;
  font-family:var(--font-mono, Consolas, monospace);
  font-size:9px;
  letter-spacing:.1em;
  color:rgba(233,214,164,.34);
}
.crumb-menu__now{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin:8px 0 0;
}
.crumb-menu__title{
  font-family:var(--font-display, "Songti SC", serif);
  font-size:15px;
  font-weight:600;
  line-height:1.45;
  letter-spacing:.02em;
  color:#FFF7DE;
  text-wrap:pretty;
}
.crumb-menu__badge{
  flex:none;
  margin-top:3px;
  padding:1px 7px 2px;
  border:1px solid rgba(246,196,83,.38);
  border-radius:999px;
  background:rgba(246,196,83,.1);
  font-family:var(--font-ui, "Microsoft YaHei", sans-serif);
  font-size:8.5px;
  font-weight:500;
  letter-spacing:.12em;
  color:#FFE9A6;
}
.crumb-menu__list{
  list-style:none;
  margin:0;
  padding:6px;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(233,214,164,.22) transparent;
}
.crumb-menu__list::-webkit-scrollbar{width:6px;}
.crumb-menu__list::-webkit-scrollbar-track{background:transparent;}
.crumb-menu__list::-webkit-scrollbar-thumb{
  border-radius:3px;
  background:rgba(233,214,164,.2);
}
.crumb-menu__item + .crumb-menu__item{box-shadow:inset 0 1px 0 rgba(233,214,164,.06);}
.crumb-menu__link{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:34px;
  padding:7px 10px;
  border-radius:8px;
  color:rgba(244,239,226,.72);
  text-decoration:none;
  transition:background-color .25s var(--ease), color .25s var(--ease);
}
.crumb-menu__link:hover,
.crumb-menu__link:focus-visible{
  outline:none;
  background:linear-gradient(90deg, rgba(246,196,83,.13), rgba(246,196,83,.02) 78%, rgba(246,196,83,0));
  color:#FFF4CF;
}
.crumb-menu__link:focus-visible{box-shadow:inset 0 0 0 1px rgba(246,196,83,.5);}
.crumb-menu__idx{
  flex:none;
  width:15px;
  font-family:var(--font-mono, Consolas, monospace);
  font-size:9px;
  letter-spacing:.06em;
  color:rgba(233,214,164,.34);
}
.crumb-menu__name{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-family:var(--font-ui, "Microsoft YaHei", sans-serif);
  font-size:12.5px;
  letter-spacing:.01em;
}
/* 标签胶囊沿用首页二级条目的同一套配色（.sub__label 定义在 index.html），
   这里只收小一号，让它给标题让位 */
.crumb-menu .sub__label{
  height:18px;
  margin-right:0;
  padding:0 6px 1px;
  font-size:9.5px;
  letter-spacing:.04em;
  text-shadow:none;
}
.crumb-menu__go{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:11px;
  height:11px;
  flex:none;
  line-height:0;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:0;
  transform:translateX(-3px);
  transition:opacity .22s var(--ease), transform .28s var(--ease);
}
.crumb-menu__go svg{display:block;width:100%;height:100%;}
.crumb-menu__link:hover .crumb-menu__go,
.crumb-menu__link:focus-visible .crumb-menu__go{opacity:.85;transform:none;}
.crumb-menu__link[aria-disabled="true"]{cursor:not-allowed;color:rgba(244,239,226,.45);}
.crumb-menu__link[aria-disabled="true"]:hover{background:none;color:rgba(244,239,226,.55);}

@media (prefers-reduced-motion:reduce){
  .crumb-menu{transition:none;}
  .crumb-menu__chev{transition:none;}
}

/* ---------- 右侧用户区 ---------- */
.user{display:flex;align-items:center;gap:18px;margin-left:auto;min-width:0;}
.vip{
  position:relative;
  flex:none;                     /* 徽章文字保持完整，路径过长时先收窄面包屑 */
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 12px 7px 10px;
  border-radius:999px;
  border:1px solid rgba(246,196,83,.38);
  background:linear-gradient(135deg, rgba(246,196,83,.18), rgba(246,196,83,.05) 58%, rgba(246,196,83,.14));
  box-shadow:inset 0 1px 0 rgba(255,233,166,.26), 0 10px 26px -14px rgba(246,196,83,.85);
  cursor:pointer;
  overflow:hidden;
  transition:border-color .4s var(--ease), box-shadow .4s var(--ease), transform .4s var(--ease);
}
.vip:hover{
  border-color:rgba(255,224,138,.72);
  box-shadow:inset 0 1px 0 rgba(255,233,166,.45), 0 12px 30px -12px rgba(255,206,84,.95);
  transform:translateY(-1px);
}
.vip::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(100deg, transparent 18%, rgba(255,240,190,.40) 46%, transparent 68%);
  transform:translateX(-130%);
  animation:vipSheen 6.5s ease-in-out infinite;
}
@keyframes vipSheen{
  0%,62%{transform:translateX(-130%);}
  86%,100%{transform:translateX(130%);}
}
.vip__spark{
  width:16px;height:16px;flex:none;
  transform:skewX(-18deg);   /* 斜体感 */
  filter:drop-shadow(0 0 6px rgba(255,214,110,.85));
}
/* 徽章文字：中文与英文放在同一个行盒里共享基线，避免不同 DPR 下各自取整导致错位 */
.vip__label{
  white-space:nowrap;
  font-family:var(--font-display);
  font-size:13px;
  line-height:18px;
}
.vip__txt{
  font-weight:700;
  letter-spacing:.10em;
  vertical-align:.8px;   /* 宋体墨迹比行盒中心低约 1px，抬起与星芒/VIP 齐平 */
  background:linear-gradient(180deg,#FFF3C8,#F6C453 56%,#D68F22);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.vip__div{
  display:inline-block;
  width:1px;
  height:12px;
  margin:0 8px;
  background:rgba(246,196,83,.32);
  vertical-align:-.5px;
}
.vip__tag{
  font-family:var(--font-latin);
  font-size:9.5px;
  letter-spacing:.20em;
  color:rgba(255,224,138,.92);
  vertical-align:.22em;   /* 拉丁大写按 cap-height 抬高，墨迹中心与中文/胶囊中线齐平 */
}
/* 右侧昵称：YaHei 中文墨迹比 normal 行盒中心低约 1px，
   行盒收紧到 1em 后墨迹正好落在导航中线上（与徽章、头像同轴） */
.nick{
  /* 固定最小槽位 + 右对齐：昵称由脚本写入（「小灯000」这类 5 字默认名），
     槽位先按默认名宽度占好，文案后到也不会把左边的 VIP 徽章挤动。 */
  min-width:4.5em;
  text-align:right;
  font-size:14px;
  line-height:1;
  letter-spacing:.10em;
  color:rgba(228,236,249,.88);
  white-space:nowrap;
  transition:color .35s var(--ease);
}
.nick:hover{color:#fff;}

/* ---------- 头像 ---------- */
/* 头像描边：默认冷银（未开通会员），只有 .is-vip 才镀金 */
.avatar{
  position:relative;
  width:42px;height:42px;flex:none;
  border-radius:50%;
  padding:2px;
  background:linear-gradient(150deg, rgba(222,233,249,.76), rgba(139,162,196,.44) 46%, rgba(66,84,113,.7));
  box-shadow:0 10px 24px -12px rgba(0,0,0,.95), 0 0 0 1px rgba(196,214,240,.12);
  transition:transform .45s var(--ease), box-shadow .45s var(--ease);
}
.avatar.is-vip{
  background:linear-gradient(150deg, #FFE9A6, #F6C453 42%, #B9781A);
  box-shadow:0 10px 24px -12px rgba(0,0,0,.95), 0 0 0 1px rgba(255,233,166,.14);
}
.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.avatar:hover{
  transform:translateY(-1px) scale(1.03);
  box-shadow:0 12px 28px -12px rgba(0,0,0,.95), 0 0 16px -3px rgba(176,199,232,.45);
}
.avatar.is-vip:hover{
  box-shadow:0 12px 28px -12px rgba(0,0,0,.95), 0 0 18px -2px rgba(246,196,83,.7);
}
.avatar__dot{
  position:absolute;
  right:-1px;bottom:-1px;
  width:11px;height:11px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #C8FFE2, #59D69B 60%, #2BA271);
  border:2px solid #071233;
  box-shadow:0 0 10px rgba(90,220,160,.6);
}
/* 访客态由 .me-trigger 承载 */
.avatar__guest{
  display:none;
  width:100%;height:100%;
  place-items:center;
  border-radius:50%;
  background:radial-gradient(circle at 50% 34%,#15213F,#080F26 72%);
  color:rgba(214,226,244,.7);
}
.avatar__guest svg{
  width:20px;height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.avatar.is-guest{
  background:linear-gradient(150deg,rgba(206,220,240,.42),rgba(126,148,180,.16) 46%,rgba(180,198,224,.3));
  box-shadow:0 10px 24px -12px rgba(0,0,0,.95),0 0 0 1px rgba(206,220,240,.1);
}
.avatar.is-guest img{display:none;}
.avatar.is-guest .avatar__dot{display:none;}
.avatar.is-guest .avatar__guest{display:grid;}

/* ---------- 响应式（全站统一断点） ---------- */
@media (max-width:1024px){
  :root{--nav-h:84px;}
  .brand__mark{width:46px;}
  .brand__name{font-size:18px;}
  .nav-crumb{gap:8px;font-size:11.5px;letter-spacing:.08em;}
  .nav-crumb__mod{max-width:min(26vw,210px);}
  .nav-crumb__now{max-width:min(30vw,300px);}
}
@media (max-width:820px){
  .nick{display:none;}
  .user{gap:13px;}
  .brand__name em{display:none;}
}
@media (max-width:560px){
  :root{--nav-h:74px;}
  .nav__inner{gap:16px;}
  .brand{gap:10px;}
  .brand__mark{width:36px;}
  .brand__name{font-size:15.5px;letter-spacing:.12em;}
  .avatar{width:38px;height:38px;}
  .nav-crumb{display:none;}     /* 手机上导航只留品牌与入口，页面标题本身已说明位置 */
}
@media (max-width:900px){
  /* 空间收紧时先收掉「首页 /」这一步 */
  .nav-crumb__home,
  .nav-crumb__home + .nav-crumb__sep{display:none;}
  .nav-crumb__mod{max-width:180px;}
  .nav-crumb__now{max-width:34vw;}
}
@media (max-width:700px){
  /* 再收掉模块，只留当前页 */
  .nav-crumb__mod,
  .nav-crumb__mod + .nav-crumb__sep{display:none;}
  .nav-crumb__now{max-width:46vw;}
}
@media (max-width:380px){
  .vip__tag,
  .vip__div{display:none;}
}