/* ============================================================
   站点 LOGO 单一真相源（⚔ POE2 Hub）
   所有页面在各自样式之后引入本文件，硬编码最终值 + !important，
   确保首页与各子页 logo 文字与图标完全一致，不受各页变量差异影响。
   ============================================================ */

.site-nav-logo{
  font-family:'Noto Serif SC','Cormorant Garamond',serif !important;
  font-size:1rem !important;
  font-weight:600 !important;
  letter-spacing:0.06em !important;
  color:#f4dc99 !important;
  text-decoration:none !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  margin-right:24px !important;
  flex-shrink:0 !important;
  white-space:nowrap !important;
}
.site-nav-logo:hover{ color:#ffe89a !important; }

/* SPA 改造后，body>* 规则让 #view 也成为 z-index:1 的层叠上下文；
   导航容器 #site-nav 内的 fixed nav(z-index:1000) 被困在其自身上下文里，
   会被 DOM 靠后的 #view 覆盖导致整条导航不可点击。
   这里把容器本身抬到 #view 之上，恢复点击。 */
#site-nav{ position:relative !important; z-index:1000 !important; }

.site-nav-logo .logo-icon{
  font-size:1.15rem !important;
  line-height:1 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  background:linear-gradient(135deg,#f4dc99,#8b6914) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  filter:drop-shadow(0 0 2px rgba(201,162,39,0.3)) !important;
}

/* ===== 导航账号区（登录入口 / 已登录）===== */
/* 右侧留出空间避开悬浮的 #theme-toggle（固定在右上角） */
.nav-account{ display:flex; align-items:center; gap:8px; margin-left:auto; margin-right:44px; flex-shrink:0; }
.nav-user{ font-size:.82rem; color:#c9a227; max-width:160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.nav-auth-btn{
  padding:5px 14px; font-size:.84rem; font-family:'Noto Serif SC',serif; cursor:pointer;
  background:rgba(201,162,39,.14); color:#f4dc99; border:1px solid #c9a227; border-radius:5px;
  transition:background .2s,color .2s; white-space:nowrap;
}
.nav-auth-btn:hover{ background:rgba(201,162,39,.28); color:#fff; }
body[data-theme="light"] .nav-user{ color:#8a6d12; }
body[data-theme="light"] .nav-auth-btn{ background:rgba(201,162,39,.18); color:#6b4a08; border-color:#a8841a; }
body[data-theme="light"] .nav-auth-btn:hover{ background:rgba(201,162,39,.34); color:#3a2708; }
/* 移动端汉堡展开时，账号区跟随菜单：这里简单保持在导航条右侧 */
@media (max-width:768px){ .nav-user{ max-width:96px; } }

/* ===== 登录/注册弹窗 ===== */
.auth-modal{ position:fixed; inset:0; z-index:2000; display:flex; align-items:center; justify-content:center; }
.auth-modal[hidden]{ display:none; }
.auth-mask{ position:absolute; inset:0; background:rgba(0,0,0,.55); backdrop-filter:blur(2px); }
.auth-dialog{
  position:relative; width:90%; max-width:340px; padding:24px 22px 22px;
  background:var(--card-bg,#1a140c); border:1px solid #c9a227; border-radius:12px;
  box-shadow:0 8px 32px rgba(0,0,0,.4); color:var(--text,#e8d9b8);
}
body[data-theme="light"] .auth-dialog{ background:#fdf6e3; color:#3a2e15; }
.auth-close{ position:absolute; top:10px; right:12px; background:none; border:none; font-size:24px; line-height:1; color:#897653; cursor:pointer; }
.auth-close:hover{ color:#c9a227; }
/* hidden 属性需压过下面 .auth-form/.auth-tabs 的 display:flex（UA 的 [hidden] 优先级过低） */
.auth-dialog [hidden]{ display:none !important; }
.auth-tabs{ display:flex; gap:0; margin-bottom:18px; border-bottom:1px solid rgba(201,162,39,.3); }
.auth-tab{ flex:1; padding:8px 0; background:none; border:none; font-size:.95rem; font-family:'Noto Serif SC',serif; color:#897653; cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-1px; }
.auth-tab.active{ color:#c9a227; border-bottom-color:#c9a227; font-weight:700; }
.auth-form{ display:flex; flex-direction:column; gap:12px; }
.auth-form input{
  padding:9px 12px; font-size:.92rem; border-radius:6px; outline:none;
  background:rgba(37,28,17,.6); border:1px solid #4d3a1f; color:#e8d9b8;
}
.auth-form input:focus{ border-color:#c9a227; }
body[data-theme="light"] .auth-form input{ background:#fffdf5; border-color:#d8c080; color:#3a2e15; }
.auth-msg{ font-size:.82rem; min-height:1.1em; }
.auth-msg.err{ color:#f0808a; }
.auth-msg.ok{ color:#6fcf6f; }
.auth-submit{
  margin-top:4px; padding:10px; font-size:.95rem; font-family:'Noto Serif SC',serif; cursor:pointer;
  background:linear-gradient(135deg,#c9a227,#8b6914); color:#1a140c; border:none; border-radius:6px; font-weight:700;
}
.auth-submit:hover{ filter:brightness(1.08); }
.auth-submit:disabled{ opacity:.6; cursor:not-allowed; }

/* 注册成功 → 去邮箱验证提示视图 */
.auth-confirm{ text-align:center; padding:8px 4px 4px; }
.auth-confirm[hidden]{ display:none; }
.auth-confirm-icon{ font-size:2.4rem; line-height:1; margin-bottom:10px; }
.auth-confirm-title{ font-family:'Noto Serif SC',serif; font-size:1.15rem; color:#c9a227; margin:0 0 12px; font-weight:700; }
.auth-confirm-text{ font-size:.9rem; line-height:1.7; color:#b8a47a; margin:0 0 12px; }
.auth-confirm-text b{ color:#f4dc99; word-break:break-all; }
.auth-confirm-hint{ font-size:.78rem; color:#897653; margin:0 0 16px; }
body[data-theme="light"] .auth-confirm-text{ color:#5a4a2a; }
body[data-theme="light"] .auth-confirm-text b{ color:#6b4a08; }
body[data-theme="light"] .auth-confirm-hint{ color:#8a7a52; }
.auth-confirm-back{ width:100%; }