/* ── 光引 共享头部组件 ──────────────────────────────────── */
/* 所有页面统一引用，确保品牌一致性 + 登录/会员/设置右上角入口 */

.lg-header{height:48px;background:var(--bg2,#11131c);border-bottom:1px solid var(--rule,rgba(255,255,255,.06));display:flex;align-items:center;padding:0 16px;gap:12px;flex-shrink:0;position:relative;z-index:100;}

/* 品牌区 */
.lg-brand{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;letter-spacing:.1em;color:var(--gold,#d4a843);cursor:pointer;white-space:nowrap;text-decoration:none;}
.lg-brand svg{width:28px;height:28px;flex-shrink:0;}
.lg-brand small{color:var(--muted,#6b7088);font-size:9px;font-weight:400;margin-left:2px;letter-spacing:.05em;}

/* 中间导航槽（可选，由页面填充） */
.lg-nav-slot{display:flex;gap:24px;align-items:center;justify-content:center;flex:1;overflow:hidden;}
.lg-nav-slot a{font-size:12px;color:var(--ink2,#a0a4b8);opacity:.72;transition:opacity .2s;text-decoration:none;font-weight:600;white-space:nowrap;}
.lg-nav-slot a:hover,.lg-nav-slot a.active{opacity:1;color:var(--gold,#d4a843);}

/* 右侧入口区 */
.lg-right{margin-left:auto;display:flex;gap:8px;align-items:center;}

/* 光点余额药丸 */
.lg-credits-pill{display:flex;align-items:center;gap:4px;padding:4px 10px;background:rgba(212,168,67,.08);border:1px solid rgba(212,168,67,.2);border-radius:14px;text-decoration:none;transition:all .15s;cursor:pointer;}
.lg-credits-pill:hover{background:rgba(212,168,67,.15);border-color:var(--gold,#d4a843);}
.lg-credits-icon{font-size:13px;color:var(--gold,#d4a843);}
.lg-credits-label{font-size:10px;color:var(--muted,#6b7088);margin-right:1px;}
.lg-credits-num{font-size:12px;font-weight:700;color:var(--gold,#d4a843);min-width:16px;text-align:center;}

/* 登录按钮 */
.lg-login-btn{padding:5px 14px;background:linear-gradient(135deg,var(--gold,#d4a843),var(--gold-bright,#e8c461));color:#000;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap;}
.lg-login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(212,168,67,.25);}

/* 头像下拉 */
.lg-avatar-wrap{position:relative;cursor:pointer;}
.lg-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--gold,#d4a843),#b8860b);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#000;border:2px solid var(--gold-border,rgba(212,168,67,.25));transition:all .15s;}
.lg-avatar:hover{border-color:var(--gold,#d4a843);}
.lg-dropdown{position:absolute;top:38px;right:0;min-width:180px;background:var(--bg2,#11131c);border:1px solid var(--rule,rgba(255,255,255,.06));border-radius:8px;padding:4px;z-index:1000;display:none;box-shadow:0 8px 24px rgba(0,0,0,.4);}
.lg-dropdown.show{display:block;}
.lg-dropdown-user{padding:8px 12px;font-size:11px;color:var(--muted,#6b7088);border-bottom:1px solid var(--rule,rgba(255,255,255,.06));margin-bottom:4px;}
.lg-dropdown-user strong{color:var(--ink,#e8e8ef);display:block;font-size:12px;}
.lg-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:12px;color:var(--ink2,#a0a4b8);cursor:pointer;transition:all .12s;border:none;background:none;width:100%;text-align:left;font-family:inherit;text-decoration:none;}
.lg-dropdown-item:hover{background:var(--bg3,#181a26);color:var(--ink,#e8e8ef);}
.lg-dropdown-item.danger{color:var(--red,#e74c3c);}
.lg-dropdown-item.danger:hover{background:rgba(231,76,60,.1);}
.lg-dropdown-divider{height:1px;background:var(--rule,rgba(255,255,255,.06));margin:4px 0;}
.lg-dropdown-badge{font-size:9px;padding:1px 6px;border-radius:4px;font-weight:600;margin-left:auto;}
.lg-dropdown-badge.free{background:rgba(107,112,136,.15);color:var(--muted,#6b7088);}
.lg-dropdown-badge.pro{background:rgba(212,168,67,.15);color:var(--gold,#d4a843);}

/* 登录弹窗 */
.lg-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:2000;display:none;align-items:center;justify-content:center;backdrop-filter:blur(4px);}
.lg-overlay.active{display:flex;}
.lg-modal{background:var(--bg2,#11131c);border:1px solid var(--rule,rgba(255,255,255,.06));border-radius:12px;width:380px;max-width:90vw;padding:28px 24px;box-shadow:0 16px 48px rgba(0,0,0,.5);}
.lg-modal h2{font-size:18px;font-weight:700;color:var(--ink,#e8e8ef);margin-bottom:20px;text-align:center;}
.lg-modal .form-group{margin-bottom:14px;}
.lg-modal label{display:block;font-size:11px;color:var(--muted,#6b7088);margin-bottom:4px;font-weight:600;}
.lg-modal input{width:100%;padding:10px 12px;background:var(--bg3,#181a26);border:1px solid var(--rule,rgba(255,255,255,.06));border-radius:6px;color:var(--ink,#e8e8ef);font-size:13px;font-family:inherit;outline:none;transition:border-color .15s;}
.lg-modal input:focus{border-color:var(--gold,#d4a843);}
.lg-modal .form-actions{display:flex;gap:8px;margin-top:20px;}
.lg-modal .btn-submit{flex:1;padding:10px;background:linear-gradient(135deg,var(--gold,#d4a843),var(--gold-bright,#e8c461));color:#000;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;}
.lg-modal .btn-submit:hover{transform:translateY(-1px);}
.lg-modal .btn-cancel{flex:1;padding:10px;background:var(--bg3,#181a26);border:1px solid var(--rule,rgba(255,255,255,.06));color:var(--ink2,#a0a4b8);border-radius:6px;font-size:13px;cursor:pointer;font-family:inherit;}
.lg-modal .form-switch{text-align:center;margin-top:14px;font-size:11px;color:var(--muted,#6b7088);}
.lg-modal .form-switch a{color:var(--gold,#d4a843);cursor:pointer;text-decoration:none;}
.lg-modal .form-error{color:var(--red,#e74c3c);font-size:11px;margin-top:8px;text-align:center;min-height:16px;}

/* 移动端 */
@media (max-width:640px){
  .lg-nav-slot{display:none;}
}