/* 潮汐消消乐 · 登录门禁样式（游戏同款暗红主题） */
.auth-mask{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(12,8,11,.84);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:opacity .35s ease;padding:16px}
.auth-mask.auth-hidden{opacity:0;pointer-events:none}
.auth-panel{width:min(94vw,384px);max-height:92vh;overflow:auto;background:linear-gradient(180deg,#2a2028,#1d151d);border:1px solid rgba(255,140,66,.28);border-radius:16px;padding:24px 22px 18px;box-shadow:0 24px 80px rgba(0,0,0,.65)}
.auth-brand{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:6px}
.auth-brand img{width:34px;height:34px;object-fit:contain}
.auth-title{font-size:1.02rem;font-weight:800;color:#ffe1a8;letter-spacing:.02em}
.auth-sub{font-size:.72rem;color:#b8956a;text-align:center;margin:4px 0 18px}
.auth-tabs{display:flex;gap:8px;margin-bottom:16px}
.auth-tab{flex:1;padding:9px 0;border-radius:9px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#c9b391;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit}
.auth-tab:hover{border-color:rgba(255,140,66,.3)}
.auth-tab.auth-on{background:rgba(235,107,49,.16);border-color:rgba(235,107,49,.45);color:#ffb37a}
.auth-field{margin-bottom:12px}
.auth-field label{display:block;font-size:.72rem;color:#b8956a;margin-bottom:5px;font-weight:600}
.auth-field input{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.35);color:#f5e6cd;font-size:.9rem;outline:none;transition:border .2s;font-family:inherit}
.auth-field input:focus{border-color:rgba(235,107,49,.55)}
.auth-field input::placeholder{color:#6f5a44}
.auth-error{display:none;background:rgba(220,60,60,.14);border:1px solid rgba(220,60,60,.4);color:#ff9d9d;font-size:.78rem;border-radius:8px;padding:8px 10px;margin-bottom:12px;line-height:1.5}
.auth-error.auth-show{display:block}
.auth-submit{width:100%;padding:11px 0;border:none;border-radius:10px;background:linear-gradient(135deg,#eb6b31,#d84e1c);color:#fff8e7;font-size:.95rem;font-weight:800;cursor:pointer;transition:filter .2s;font-family:inherit;margin-top:4px}
.auth-submit:hover{filter:brightness(1.1)}
.auth-submit:disabled{opacity:.6;cursor:default}
.auth-note{font-size:.68rem;color:#8a6f52;text-align:center;margin-top:14px;line-height:1.6}
.auth-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:9px;border:1px solid rgba(235,107,49,.35);background:rgba(235,107,49,.1);color:#ffb37a;font-size:.72rem;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}
.auth-badge:hover{background:rgba(235,107,49,.2)}
.auth-logout-pop{position:fixed;z-index:10001;background:#2a2028;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px;box-shadow:0 16px 48px rgba(0,0,0,.6);width:216px}
.auth-logout-tip{margin:0 0 10px;font-size:.75rem;color:#c9b391;text-align:center}
.auth-logout-btn{width:100%;padding:8px 0;border:none;border-radius:8px;background:rgba(220,60,60,.16);border:1px solid rgba(220,60,60,.4);color:#ff9d9d;font-size:.8rem;font-weight:700;cursor:pointer;font-family:inherit}
.auth-logout-btn:hover{background:rgba(220,60,60,.28)}
