/* nav.css — 全站统一顶部导航（新的她 · 深蓝 + 香槟金） */
.wbnav{position:sticky;top:0;z-index:999;display:flex;align-items:center;gap:10px;
  background:rgba(10,27,46,.88);
  -webkit-backdrop-filter:blur(20px) saturate(160%);
  backdrop-filter:blur(20px) saturate(160%);
  padding:12px 16px;border-bottom:2px solid rgba(191,161,106,.7);
  box-shadow:0 10px 30px -8px rgba(10,27,46,.65);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  box-sizing:border-box}
.wbnav-brand{display:flex;align-items:center;gap:9px;text-decoration:none;flex-shrink:0}
.wbnav-mark{width:34px;height:34px;border-radius:10px;flex-shrink:0;
  background:linear-gradient(135deg,#d9c597 0%,#bfa16a 100%);
  display:flex;align-items:center;justify-content:center;
  color:#0a1b2e;font-weight:800;font-size:17px;line-height:1;
  box-shadow:0 2px 6px rgba(191,161,106,.45), inset 0 1px 0 rgba(255,255,255,.5)}
.wbnav-brandtxt{display:flex;flex-direction:column;line-height:1.15}
.wbnav-logo{font-size:17px;font-weight:800;color:#fff;letter-spacing:1px}
.wbnav-sub{font-size:10px;color:#9fc0dd;letter-spacing:.5px;margin-top:1px}
.wbnav-links{display:flex;align-items:center;gap:4px;margin-left:auto;overflow-x:auto;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-shrink:1;min-width:0}
.wbnav-links::-webkit-scrollbar{display:none}
.wbnav-links a{color:#e6eef8;text-decoration:none;font-size:15px;font-weight:700;
  padding:9px 14px;border-radius:18px;white-space:nowrap;position:relative;
  transition:color .15s,background .15s;line-height:1}
.wbnav-links a:hover{color:#fff;background:rgba(255,255,255,.16)}
.wbnav-links a.on{color:#f0dca0;background:rgba(191,161,106,.24)}
.wbnav-links a.on::after{content:"";position:absolute;left:50%;transform:translateX(-50%);
  bottom:3px;width:18px;height:2px;border-radius:2px;background:#d9c597}
.wbnav-cta{background:rgba(191,161,106,.30)!important;-webkit-backdrop-filter:blur(14px) saturate(160%)!important;backdrop-filter:blur(14px) saturate(160%)!important;color:#fff!important;
  padding:8px 13px;border-radius:16px;font-weight:700;font-size:13px;border:1px solid rgba(217,197,151,.6);
  box-shadow:0 2px 10px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.4);flex-shrink:0}
@media(max-width:480px){
  .wbnav{padding:11px 13px;gap:8px}
  .wbnav-mark{width:30px;height:30px;font-size:15px;border-radius:9px}
  .wbnav-logo{font-size:16px}
  .wbnav-sub{display:none}
  .wbnav-links a{font-size:14.5px;padding:7px 11px}
  .wbnav-cta{padding:8px 13px;font-size:13.5px}
}