/* 与 src/scss/components/_pdd-account.scss 同步；在未运行 scss 构建时供 index.html 引用 */
.pdd-header-actions{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.pdd-header-actions .pdd-user-chip{font-size:16px;line-height:24px;color:#8A94A7;padding:6px 12px;background:rgba(36,40,48,.6);border-radius:2px;white-space:nowrap}
.pdd-header-actions .pdd-user-chip strong{color:#0F8AFD;font-weight:600}
.pdd-section-panel{display:none}
.pdd-section-panel.is-active{display:block}
body.pdd-route-download .pdd-landing-sections,
body.pdd-route-pay-done .pdd-landing-sections{display:none}
body.pdd-route-download #pdd-download-panel,
body.pdd-route-pay-done #pdd-pay-done-panel{display:block}
.pdd-download-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.pdd-modal-backdrop{display:none;position:fixed;inset:0;z-index:1000;background:rgba(21,24,29,.72);align-items:center;justify-content:center;padding:16px}
.pdd-modal-backdrop.is-open{display:flex}
.pdd-modal{width:100%;max-width:400px;background:#1D2026;border:1px solid #242830;border-radius:2px;padding:24px;box-shadow:0 24px 48px rgba(21,24,29,.45)}
.pdd-modal h3{margin-top:0;margin-bottom:16px;color:#fff}
.pdd-flash{padding:12px 16px;border-radius:2px;font-size:16px;line-height:24px;margin-bottom:16px}
.pdd-flash-error{background:rgba(200,60,60,.15);border:1px solid rgba(200,60,60,.35);color:#f0a0a0}
.pdd-flash-info{background:rgba(2,112,215,.12);border:1px solid rgba(15,138,253,.35);color:#8A94A7}
.pdd-recharge-hint{font-size:16px;line-height:24px;color:#8A94A7;margin:0 0 16px;line-height:1.45}
.pdd-field{margin-bottom:16px}
.pdd-field label{display:block;font-size:16px;line-height:24px;color:#8A94A7;margin-bottom:6px}
.pdd-modal-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:16px}
.pdd-back-link{display:inline-block;margin-bottom:24px;font-size:16px;line-height:24px;color:#8A94A7;text-transform:uppercase;font-weight:600;text-decoration:none}
.pdd-back-link:hover{color:#fff;text-decoration:none}