/* 全站统一顶部栏：六个页面共用，改顶部栏只改本文件与 js/guild-nav.js */
nav#nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:1.4rem 4vw;transition:background .5s ease,box-shadow .5s ease}
nav#nav.scrolled{background:rgba(252,252,248,.92);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(42,22,13,.08)}
.nav-brand{display:flex;align-items:baseline;gap:.7rem;text-decoration:none;color:var(--ink)}
.nav-brand .zh{font-family:var(--serif);font-weight:900;font-size:1.35rem;letter-spacing:.35em}
.nav-brand .en{font-family:var(--latin),var(--serif);font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-soft)}
.nav-links{display:flex;gap:2.4rem;align-items:center}
.nav-links>a,.nav-links .guild-nav-trigger{text-decoration:none;color:var(--ink-soft);font-size:.82rem;letter-spacing:.18em;position:relative;padding-bottom:.3rem;transition:color .3s}
.nav-links>a::after,.guild-nav-trigger::after{content:'';position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--maple);transition:width .4s cubic-bezier(.22,1,.36,1)}
.nav-links>a:hover,.guild-nav-trigger:hover,.guild-nav-menu:hover .guild-nav-trigger,.guild-nav-menu:focus-within .guild-nav-trigger,.guild-nav-menu.open .guild-nav-trigger{color:var(--maple)}
.nav-links>a:hover::after,.guild-nav-trigger:hover::after,.guild-nav-menu:hover .guild-nav-trigger::after,.guild-nav-menu:focus-within .guild-nav-trigger::after,.guild-nav-menu.open .guild-nav-trigger::after{width:100%}
.nav-links>a.here{color:var(--maple)}
.nav-links>a.here::after{width:100%}
/* 公会管理下拉（自定义面板，非原生控件） */
.guild-nav-menu{position:relative;display:flex}
.guild-nav-menu[hidden]{display:none}
.guild-nav-trigger{background:none;border:none;cursor:pointer;font:inherit;font-family:var(--sans);display:inline-flex;align-items:center;gap:.35rem}
.guild-nav-trigger .caret{font-style:normal;font-size:.62rem;line-height:1;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.guild-nav-trigger .caret::before{content:'▾'}
.guild-nav-menu:hover .caret,.guild-nav-menu:focus-within .caret,.guild-nav-menu.open .caret{transform:rotate(180deg)}
.guild-nav-list{position:absolute;top:calc(100% + .7rem);right:0;min-width:9.5rem;background:rgba(252,252,248,.97);backdrop-filter:blur(14px);border:1px solid rgba(193,171,161,.5);border-radius:.6rem;box-shadow:0 24px 44px -18px rgba(42,22,13,.35);padding:.5rem;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1)}
.guild-nav-menu::after{content:'';position:absolute;top:100%;left:0;right:0;height:.7rem}
.guild-nav-menu:hover .guild-nav-list,.guild-nav-menu:focus-within .guild-nav-list,.guild-nav-menu.open .guild-nav-list{opacity:1;transform:none;pointer-events:auto}
.guild-nav-list a{display:block;white-space:nowrap;text-decoration:none;color:var(--ink-soft);font-size:.82rem;letter-spacing:.14em;padding:.62rem 1rem;border-radius:.4rem;transition:color .3s,background .3s}
.guild-nav-list a:hover,.guild-nav-list a.here{color:var(--maple);background:var(--cream-deep)}
/* 管理模式按钮（仅首页使用） */
.nav-edit{background:none;border:1px solid var(--ink);border-radius:999px;padding:.45rem 1.1rem;font-size:.75rem;letter-spacing:.2em;color:var(--ink);cursor:pointer;transition:all .3s;font-family:var(--sans)}
.nav-edit:hover{background:var(--ink);color:var(--cream)}
/* 移动端汉堡按钮 */
.nav-burger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:.6rem .3rem}
.nav-burger i{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;transition:all .3s cubic-bezier(.22,1,.36,1)}
.nav-burger.open i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger.open i:nth-child(2){opacity:0}
.nav-burger.open i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* 使用 portal 布局的页面（成员名单、通知中心、通知设置）为固定导航让位 */
.portal-main{padding-top:6.2rem}
@media(max-width:720px){
  nav#nav{padding:1rem 5vw;gap:.6rem}
  .nav-brand .zh{white-space:nowrap;font-size:1.05rem;letter-spacing:.15em}
  .nav-brand .en{display:none}
  .nav-burger{display:flex}
  .nav-links{position:absolute;top:calc(100% + .4rem);right:5vw;flex-direction:column;align-items:stretch;gap:0;background:rgba(252,252,248,.97);backdrop-filter:blur(14px);border:1px solid rgba(193,171,161,.5);border-radius:.6rem;box-shadow:0 24px 44px -18px rgba(42,22,13,.35);padding:.5rem;min-width:11rem;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1)}
  .nav-links.open{opacity:1;transform:none;pointer-events:auto}
  .nav-links>a,.nav-links .guild-nav-trigger{font-size:.92rem;letter-spacing:.18em;padding:.8rem 1.2rem;white-space:nowrap;border-radius:.4rem;text-align:left;width:100%;justify-content:flex-start}
  .nav-links>a::after{display:none}
  .nav-links>a.here{color:var(--maple);background:var(--cream-deep)}
  .guild-nav-menu{display:block}
  .guild-nav-menu.open .guild-nav-trigger{color:var(--maple)}
  .nav-links .guild-nav-trigger{justify-content:space-between}
  .guild-nav-trigger .caret{display:inline-block}
  .guild-nav-menu:hover .caret,.guild-nav-menu:focus-within .caret{transform:none}
  .guild-nav-menu.open .caret{transform:rotate(180deg)}
  .guild-nav-list{display:none;position:static;background:none;border:0;box-shadow:none;backdrop-filter:none;padding:0 0 0 1.2rem;min-width:0}
  .guild-nav-menu.open .guild-nav-list{display:block}
  .guild-nav-list a{padding:.7rem 1.2rem}
  .nav-edit{width:100%;margin-top:.2rem;padding:.55rem 1.2rem;font-size:.8rem;letter-spacing:.15em;white-space:nowrap;border-radius:.4rem}
  .portal-main{padding-top:5rem}
}