/* 共用顶部导航栏样式 - 所有页面调用同一份 */
header{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);box-shadow:0 1px 4px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000}
header .container{padding:0 20px}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;flex-wrap:wrap;gap:8px}
.header-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.logo{font-size:1.6rem;font-weight:700;color:#2c3e50;text-decoration:none;text-align:center;line-height:1.3}
.logo .sub{display:block;font-size:0.85rem;color:#94a3b8;font-weight:400;margin-top:3px}
.user-btn{padding:6px 14px;border-radius:8px;font-size:0.82rem;text-decoration:none;transition:all 0.2s;cursor:pointer;border:none;font-family:inherit;display:inline-flex;align-items:center;gap:4px;font-weight:500}
.user-btn-login{background:#ede9fe;color:#5b21b6}
.user-btn-login:hover{background:#ddd6fe}
.user-btn-points{background:#667eea;color:white}
.user-btn-points:hover{background:#5a6fd6}
@media(max-width:768px){
  .header-inner{flex-direction:row;gap:6px;text-align:center;padding:14px 0;flex-wrap:wrap}
  .header-guest .header-inner,.header-user .header-inner{justify-content:center}
  .header-guest .header-right,.header-user .header-right{flex-basis:100%;justify-content:center;margin-top:4px}
  .logo{font-size:1.8rem}
  .logo .sub{font-size:0.9rem;margin-top:3px}
  .user-btn{font-size:0.78rem;padding:5px 10px}
}