:root{
    --bg:#0d0a14;--bg2:#16101f;--panel:#1d1429;--panel2:#241a33;
    --line:rgba(240,192,64,.25);--gold:#f0c040;--gold2:#ffd97a;--gold-dim:#b8892e;
    --text:#f2ead6;--muted:#b6a98d;--red:#e05a4e;
  }
.invite-box{background:linear-gradient(180deg,#241a33,#1d1429);border:1px solid rgba(240,192,64,.25);
    border-radius:8px;padding:30px;margin-top:22px;}
	  .ptitle{display:flex;align-items:center;gap:10px;margin-bottom:14px}
  .ptitle .tag{font-size:16px;font-weight:800;color:#1a1206;background:linear-gradient(135deg,var(--gold2),var(--gold));
    padding:3px 10px;border-radius:5px;letter-spacing:.08em}
  .ptitle h2{font-size:18px;color:var(--gold2);letter-spacing:.05em}
  .ptitle .line{flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}

  .gem{width:56px;height:56px;margin:0 auto 10px}
  .gem svg{width:100%;height:100%}
  h1{font-size:28px;letter-spacing:.1em;font-weight:900;color:var(--gold2);
     text-shadow:0 0 24px rgba(240,192,64,.3)}
  .sub{margin-top:6px;color:var(--muted);font-size:13px}
  .sub b{color:var(--gold2);}



  /* 等级奖励 · 紧凑横条 */
  .levels{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
  .lvl{background:var(--panel);border:1px solid var(--line);border-radius:10px;
    padding:10px 8px;text-align:center}
  .lvl .lv{font-size:18px;color:var(--muted);}
  .lvl .lv b{color:var(--gold2);}
  .lvl .pu{font-size:16px;color:var(--gold-dim);letter-spacing:.1em}

  /* 充值 · 紧凑 */
  .recharge{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .rc{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 8px;text-align:center}
  .rc .cd{font-size:12px;color:var(--muted);}
  .rc .cd b{color:var(--text);}
  .rc .rt{font-size:20px;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums}

  /* 邀请链接 & 二维码 */
  .invite-link{display:flex;gap:18px;align-items:top;padding:15px 80px 0px 0px;}
  .qr{flex:0 0 auto;text-align:center}
  .user-qrcode-data{width:120px;height:120px;background:#fff;border-radius:10px;padding:8px;border:1px solid var(--line);display:inline-block;}
  .qr-tip{margin-top:8px;font-size:14px;color:var(--muted);letter-spacing:.1em}
  .link-side{flex:1;min-width:0}
  .link-lbl{font-size:16px;color:var(--gold2);margin-bottom:8px;letter-spacing:.05em}
  .link-row{display:flex;gap:8px}
  .link-row input{
    flex:1;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:8px;
    color:var(--text);font-size:16px;padding:11px 12px;outline:none;font-family:inherit;
  }
  .link-row input:focus{border-color:var(--gold)}
  .link-row button{
    flex:0 0 auto;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1a1206;
    border:none;border-radius:8px;font-size:14px;font-weight:700;padding:0 20px;cursor:pointer;
    transition:filter .15s;
  }
  .link-row button:hover{filter:brightness(1.08);}
  .link-note{margin-top:8px;font-size:14px;color:var(--muted);}
  .toast{
    position:fixed;left:50%;bottom:34px;transform:translateX(-50%) translateY(20px);
    background:var(--gold);color:#1a1206;font-size:14px;font-weight:700;padding:10px 22px;border-radius:8px;
    opacity:0;pointer-events:none;transition:all .25s;z-index:99;box-shadow:0 8px 24px rgba(0,0,0,.5);
  }
  .toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

.user-submenu{overflow:hidden;}
.user-submenu li{float:left;}
.user-submenu li+li{margin-left:12px;}
.user-submenu li a{background:#EEE;padding:8px 20px;overflow:hidden;border-radius:8px;display:block;font-size:18px;color:#666}
.user-submenu li.active a{background: linear-gradient(135deg, #1a6fd4 0%, #0d5bb8 50%, #1a6fd4 100%);color:#FFF;}