.wechat-payment-dialog.el-dialog { width:min(440px, calc(100vw - 28px)); border-radius:16px; background:#fff; color:#202622; }
.wechat-payment-dialog .el-dialog__body { padding:16px 24px 24px; }
.wechat-payment-dialog .el-dialog__header { border-bottom:1px solid #e8ede9; padding-bottom:16px; }
.wechat-payment { text-align:center; }
.wechat-payment .payment-product { color:#57635d; font-size:15px; margin:0 0 8px; }
.payment-amount { color:#202622; font-size:40px; font-weight:650; line-height:1.25; font-variant-numeric:tabular-nums; }
.payment-amount small { font-size:22px; margin-right:4px; }
.payment-qr { width:248px; height:248px; max-width:100%; object-fit:contain; display:block; margin:16px auto 8px; background:#fff; }
.payment-scan { color:#078442; font-weight:600; margin-bottom:8px; }
.payment-status { background:#f3f7f4; border-radius:8px; padding:12px; margin:16px 0; line-height:1.6; }
.payment-order { color:#64716a; font-size:12px; overflow-wrap:anywhere; }
.payment-success { color:#078442; font-size:22px; padding:30px 0 10px; }
.payment-actions { display:flex; justify-content:center; gap:12px; margin-top:20px; flex-wrap:wrap; }
.payment-actions .el-button { margin:0; }
.wallet-section { border-top:1px solid #e4e9e6; margin-top:24px; padding-top:24px; }
.wallet-section h3 { margin:0; font-size:18px; }
.wallet-section p { color:#d9e6dd; font-size:13px; line-height:1.7; margin:10px 0; }
.wallet-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.wallet-controls { display:flex; gap:8px; align-items:center; }
.wallet-table-scroll { width:100%; overflow-x:auto; margin:12px 0; }
.wallet-table { width:100%; border-collapse:collapse; text-align:left; font-size:14px; }
.wallet-table th,.wallet-table td { padding:12px 10px; border-bottom:1px solid #e7ece9; }
.wallet-table th { color:#58665e; font-size:12px; background:#f5f8f6; font-weight:500; }
.wallet-table .wallet-number { white-space:nowrap; font-variant-numeric:tabular-nums; }
.wallet-table .wallet-time { min-width:145px; font-size:12px; color:#d9e6dd; }
.wallet-empty { text-align:center; padding:26px 0; color:#d9e6dd; }
.wallet-protection { display:flex; gap:24px; flex-wrap:wrap; margin-top:12px; font-size:14px; }
.wallet-security-dialog.el-dialog { width:min(520px, calc(100vw - 28px)); }
.wallet-security-dialog .el-dialog__header,.wechat-payment-dialog .el-dialog__header { position:relative; inset:auto; display:block; min-height:0; height:auto; width:auto; margin:0; padding:20px 24px 16px; background:#fff; color:#202622; border-radius:0; box-shadow:none; text-align:left; flex-shrink:0; }
.wallet-security-dialog .el-dialog__footer,.wechat-payment-dialog .el-dialog__footer { position:static; inset:auto; display:block; width:auto; height:auto; min-height:0; padding:16px 24px; background:#fff; color:#202622; border-radius:0; box-shadow:none; text-align:right; flex-shrink:0; }
.wallet-security-dialog .el-dialog__body,.wechat-payment-dialog .el-dialog__body { overflow-y:auto; }
.wallet-security-dialog .el-dialog__body { padding-top:8px; }
.wallet-security-note { color:#58665e; line-height:1.7; font-size:13px; margin-bottom:16px; }
.wallet-rule { padding:12px 0; border-top:1px solid #e7ece9; }
.wallet-rule-top { display:flex; align-items:center; justify-content:space-between; }
.wallet-rule-limit { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:8px; font-size:13px; }
.wallet-error { color:#b42318; font-size:13px; line-height:1.6; }
@media(max-width:480px) { .wechat-payment-dialog .el-dialog__body { padding:12px; } .wallet-table th,.wallet-table td { padding:10px 6px; } }

/* Quiet account workspace, retaining the site's forest-green identity. */
.account-center { --el-color-primary:#246849; --el-color-primary-light-3:#548e70; --el-color-primary-light-9:#edf5f0; color:#24372f; font-family:"Segoe UI","Microsoft YaHei",sans-serif; background:#f3f6f5; border:1px solid #e0e8e3; border-radius:20px; padding:28px; max-width:1160px; margin:0 auto; }
#app:has(.account-center)>footer { position:static; height:auto; border-radius:0; box-shadow:none; margin-top:20px; padding:12px; }
.account-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:24px; }
.account-heading h2 { font-size:24px; line-height:1.3; font-weight:650; margin:0 0 6px; }
.account-heading p { margin:0; color:#67796f; font-size:13px; }
.account-identity { display:flex; align-items:center; gap:16px; padding:20px 24px; background:#fff; border-radius:12px 12px 0 0; }
.account-avatar { width:52px; height:52px; flex-shrink:0; border-radius:50%; object-fit:cover; }
.account-avatar-fallback { display:grid; place-items:center; background:#e4eee7; color:#246849; font-size:22px; font-weight:600; }
.account-identity-text { min-width:0; }
.account-identity-text h3 { margin:0 0 8px; font-size:18px; display:flex; align-items:center; gap:10px; flex-wrap:wrap; overflow-wrap:anywhere; }
.account-identity-text p { margin:0; font-size:12px; color:#67796f; }
.account-identity-text p span { margin-left:8px; color:#3f564a; }
.account-verified { display:inline-block; color:#276545; background:#edf5ef; padding:3px 7px; border-radius:4px; font-size:11px; font-weight:500; white-space:nowrap; }
.account-joined { margin-left:auto; font-size:12px; color:#67796f; }
.account-assets { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); background:#fff; border-top:1px solid #edf1ee; border-radius:0 0 12px 12px; padding:20px 0 24px; margin-bottom:20px; }
.account-asset { min-width:0; padding:0 24px; border-right:1px solid #e6ece8; }
.account-asset:last-child { border-right:0; }
.account-asset-label { display:flex; align-items:center; justify-content:space-between; gap:6px; font-size:13px; }
.account-asset strong { display:block; margin:12px 0 8px; font-size:32px; line-height:1; font-weight:600; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.account-asset em { font-size:12px; font-weight:400; font-style:normal; margin-left:8px; color:#67796f; }
.account-asset small { color:#67796f; font-size:12px; }
.account-columns { display:block; }
.account-panel { background:#fff; border-radius:12px; padding:22px 24px; min-width:0; }
.account-panel h3 { font-size:16px; font-weight:600; margin:0 0 4px; }
.account-settings { display:grid; gap:20px; min-width:0; margin-top:20px; }
.account-field { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:72px; padding:12px 0; border-bottom:1px solid #edf1ee; box-sizing:border-box; }
.account-field:last-child { border-bottom:0; padding-bottom:0; }
.account-field>div:first-child { min-width:0; }
.account-field span,.account-field label { font-size:13px; }
.account-field p { color:#67796f; font-size:13px; line-height:1.5; margin:6px 0 0; overflow-wrap:anywhere; }
.account-field small { font-size:11px; color:#67796f; margin-left:6px; }
.account-field .el-button { flex-shrink:0; }
.account-center .wallet-section { margin-top:0; border:0; }
.account-center .wallet-section p { color:#67796f; font-size:12px; line-height:1.7; }
.account-center .wallet-protection { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:14px; }
.account-center .wallet-protection span { padding:10px 12px; background:#f3f7f4; border-radius:6px; font-size:12px; line-height:1.5; }
.account-center .account-ledger { margin-top:20px; }
.account-history-teaser { margin-top:20px; }
.account-history-entry { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.account-history-entry h3 { margin:0 0 5px; }
.account-history-entry p { margin:0; color:#67796f; font-size:12px; line-height:1.6; }
.account-ledger-title { display:flex; align-items:baseline; gap:10px; }
.account-ledger-title span { color:#67796f; font-size:12px; }
.account-center .wallet-table { font-size:13px; }
.account-center .wallet-table th { color:#67796f; background:#f6f8f7; }
.account-center .wallet-table th,.account-center .wallet-table td { padding:14px 12px; border-color:#edf1ee; }
.account-center .wallet-table .wallet-time,.account-center .wallet-empty { color:#67796f; }
.account-center .wallet-table th:nth-last-child(-n+2),.account-center .wallet-table td:nth-last-child(-n+2) { text-align:right; }
.account-danger { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; color:#67796f; font-size:12px; padding:20px 0 0; }
.account-center .el-button:focus-visible { outline:2px solid #246849; outline-offset:3px; }
@media(max-width:900px) { .account-center { padding:20px; } .account-joined { display:none; } .account-panel { padding:20px; } }
@media(max-width:600px) { .account-center { padding:16px; border-radius:14px; } .account-heading { margin-bottom:18px; } .account-heading h2 { font-size:21px; } .account-identity { padding:18px 16px; gap:12px; } .account-identity-text h3 { font-size:16px; } .account-assets { grid-template-columns:1fr; padding:0 16px; } .account-asset { border-right:0; border-top:1px solid #edf1ee; padding:16px 0; } .account-asset strong { font-size:28px; margin:8px 0; } .account-panel { padding:18px 16px; } .account-center .wallet-protection { grid-template-columns:1fr; } .account-center .wallet-toolbar { align-items:flex-start; } .account-center .wallet-controls { width:100%; justify-content:space-between; } .account-history-entry { align-items:flex-start; flex-direction:column; } .account-history-entry .el-button { width:100%; } .account-center .wallet-table { min-width:520px; } .account-center .wallet-table-scroll { margin-bottom:0; } }
@media(max-width:600px) {
  .account-assets { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .account-asset:first-child { border-right:1px solid #edf1ee; padding-right:12px; }
  .account-asset:nth-child(2) { padding-left:12px; }
  .account-asset:last-child { grid-column:1 / -1; }
  .account-asset-label { align-items:flex-start; flex-direction:column; gap:8px; }
  .account-asset:last-child .account-asset-label { flex-direction:row; }
  .account-asset strong { font-size:26px; }
  .account-center .wallet-table { min-width:0; }
  .account-center .wallet-table thead { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); }
  .account-center .wallet-table tbody { display:block; }
  .account-center .wallet-table tr { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:10px; row-gap:8px; padding:16px 0; border-bottom:1px solid #edf1ee; }
  .account-center .wallet-table td { border:0; padding:0; min-width:0; overflow-wrap:anywhere; }
  .account-center .wallet-table td:nth-child(1) { grid-column:1; grid-row:2; font-size:11px; }
  .account-center .wallet-table td:nth-child(2) { grid-column:1; grid-row:1; }
  .account-center .wallet-table td:nth-child(3) { grid-column:2; grid-row:1; font-weight:600; }
  .account-center .wallet-table td:nth-child(4) { grid-column:2; grid-row:2; font-size:11px; color:#67796f; }
  .account-center .wallet-table td:nth-child(4)::before { content:'余额 '; }
}