.player-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0 17px;border-bottom:1px solid var(--border);margin-top:-8px;margin-bottom:23px}.player-identity{display:flex;align-items:center;gap:10px;min-width:0}.player-avatar{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;background:#f3ecd5;border:1px solid #e8ddba;border-radius:50%}.player-avatar img{width:29px;height:29px;object-fit:contain}.player-identity>div{display:flex;align-items:baseline;gap:12px;min-width:0}.player-label{font-size:10px;color:#a49676;white-space:nowrap}.player-identity strong{font-size:13px;color:#816840;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:290px}.player-actions{display:flex;align-items:center;gap:12px}.player-actions>span{font-size:10px;color:#97a078}.player-actions>span[data-state=error]{color:#ad7653}.player-button{padding:7px 12px;border:1px solid #dfd5b7;background:#fffdf3;border-radius:8px;color:#96805b;font-size:10px;white-space:nowrap}.player-button:hover{background:#f5edd5}.account-dialog{width:min(430px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:26px 32px 24px;border:1px solid #e3d7b6;border-radius:24px;background:radial-gradient(ellipse at 50% 0,#f6ebc7aa,transparent 55%),#fffdf4;text-align:center;box-shadow:0 24px 90px #50432030;overflow:auto}.account-dialog::backdrop{background:#5c644750;backdrop-filter:blur(5px)}.account-art{height:86px;display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:19px}.account-art img:first-of-type{width:77px;height:90px;object-fit:contain;transform:rotate(-5deg)}.account-art img:last-of-type{width:47px;height:47px;object-fit:contain;align-self:flex-start;margin-top:7px;transform:rotate(10deg)}.account-art>span{color:#cad19c;font-size:26px;align-self:flex-end}.account-art>span:last-child{font-size:18px;color:#e3c56c}.account-dialog .eyebrow{font-size:10px}.account-dialog h2{font-size:23px;letter-spacing:1px;margin:10px 0}.account-dialog #account-description{font-size:12px;color:#a49576;line-height:1.8}.account-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f0ead9;padding:4px;border-radius:11px;margin:22px 0 20px;gap:4px}.account-tabs button{padding:10px;background:transparent;border-radius:8px;color:#aa9a7c;font-size:12px}.account-tabs button[aria-selected=true]{background:#fffdf6;color:#896b3c;box-shadow:0 2px 8px #8a713510}.account-dialog form{text-align:left}.account-dialog form>label{display:block;font-size:11px;color:#8e7b5c;margin-top:14px}.account-dialog form>label[hidden]{display:none}.account-dialog input:not([type=checkbox]){display:block;width:100%;padding:12px 13px;border:1px solid #e3dbc5;border-radius:9px;font:inherit;font-size:13px;color:#766442;background:#fffef9;margin-top:7px;outline:none}.account-dialog input:focus{border-color:#c9ad70;box-shadow:0 0 0 3px #e5d49a33}.account-dialog input::placeholder{color:#b7ab92;font-size:11px}.account-dialog .migrate-save{display:flex;align-items:flex-start;gap:9px;background:#f2f3e6;padding:11px;border-radius:9px;line-height:1.7}.migrate-save input{accent-color:#a99459;margin-top:3px}.migrate-save small{display:block;font-size:10px;color:#a2a384}.account-error{min-height:18px;font-size:11px;line-height:1.7;color:#b57255;margin:14px 0 12px}.account-dialog .primary-button{margin:0;padding:13px 16px;font-size:13px}.account-hint{font-size:10px;color:#b2a588;margin-top:19px;line-height:1.8}.account-dialog #account-retry{margin-top:15px}.account-dialog button:disabled{opacity:.55;cursor:wait}body[data-account-state=loading] main,body[data-account-state=signed-out] main{pointer-events:none;opacity:.65}
@media(max-width:760px){.player-bar{padding:10px 0 13px;margin-top:6px;margin-bottom:15px;gap:10px}.player-identity{gap:8px}.player-identity>div{display:block}.player-label{display:block;font-size:8px;margin-bottom:3px}.player-identity strong{display:block;font-size:12px;max-width:155px}.player-avatar{width:33px;height:33px}.player-avatar img{width:26px;height:26px}.player-actions{gap:6px;flex-wrap:wrap;justify-content:flex-end}.player-actions>span{font-size:8px;text-align:right}.player-button{font-size:9px;padding:7px 9px}.account-dialog{padding:23px 25px 21px;border-radius:20px}.account-dialog h2{font-size:21px}.account-art{height:72px;margin-bottom:15px}.account-art img:first-of-type{width:64px;height:76px}.account-art img:last-of-type{width:42px;height:42px}.account-tabs{margin:19px 0 16px}.account-dialog #account-description{font-size:11px}}
@media(max-width:380px){.player-identity strong{max-width:119px}.player-actions>span{max-width:95px}.player-actions{gap:4px}.account-dialog{padding:20px}.account-dialog h2{font-size:19px}.account-dialog form>label{margin-top:11px}.account-dialog input:not([type=checkbox]){padding:11px 12px}}

/* Ǯ����¼ */
.wallet-provider-list { display: flex; flex-direction: column; gap: 10px; margin: 18px 0 8px; }
.wallet-provider {
  display: flex; align-items: center; gap: 12px;
  padding: 12px 14px; border: 1px solid var(--luxiu-input-line, #d7dee8);
  border-radius: 9px; background: #fff; cursor: pointer; font: inherit;
  color: #182941;
}
.wallet-provider:hover { border-color: #9cafe7; background: #f5f8ff; }
.wallet-provider img { border-radius: 6px; }
.wallet-provider span { flex: 1; text-align: left; font-weight: 600; }
.wallet-provider b { color: #3261de; font-size: 13px; }
.wallet-empty { font-size: 13px; color: #728096; line-height: 1.6; margin: 8px 0; }
.wallet-warn {
  color: #bd3d3d;
  background: #fdecec;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid #f0c4c4;
}
.wallet-connect-btn { border-color: #3b99fc !important; }
.wallet-connect-btn:hover {
  background: #eef6ff !important;
  border-color: #2b7fe0 !important;
}
.wallet-connect-btn:disabled { opacity: 0.55; }

/* ��ֵ��壨�������ﻨ԰ůɫ�����ĺ�̨���ף� */
.recharge-panel {
  margin: 22px 0; padding: 24px;
  border: 1px solid #e4e9ef; border-radius: 12px; background: #fff;
}
.recharge-heading h3 { margin: 4px 0 8px; font-size: 18px; }
.recharge-packages {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 14px; margin: 16px 0;
}
.recharge-card {
  padding: 16px; border: 1px solid #e4e9ef; border-radius: 12px;
  text-align: center; background: #faf9f4;
}
.recharge-card h4 { margin: 0 0 8px; font-size: 15px; }
.recharge-coins { font-size: 22px; font-weight: 700; color: #b8860b; margin: 6px 0; font-variant-numeric: tabular-nums; }
.recharge-price { font-size: 13px; color: #728096; margin: 0 0 12px; font-variant-numeric: tabular-nums; }
.recharge-history h4 { margin: 18px 0 10px; font-size: 15px; }
.status-badge {
  display: inline-block; padding: 2px 8px; border-radius: 6px;
  font-size: 12px; background: #e9efff; color: #4262a4;
}
.status-badge.credited { background: #e6f6ec; color: #1f7a3f; }
.status-badge.created { background: #fff4e0; color: #9a6b00; }
.status-badge.failed { background: #fdecec; color: #bd3d3d; }
.luxiu-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.luxiu-table th {
  background: #f6f8fb; color: #728096; font-size: 12px; font-weight: 600;
  text-align: left; padding: 10px 12px; border-bottom: 1px solid #e4e9ef;
}
.luxiu-table td { padding: 10px 12px; border-bottom: 1px solid #e4e9ef; }
.luxiu-table .tabular { font-variant-numeric: tabular-nums; }
.luxiu-table-wrap { overflow-x: auto; border: 1px solid #e4e9ef; border-radius: 9px; }
.empty-row { color: #8592a6; text-align: center; }

.wallet-provider img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  flex-shrink: 0;
  background: #f2f5ff;
  border-radius: 6px;
}
