body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f4f4f4;
    color: #333;
}
header {
    background: #000;
    color: #fff;
    padding: 15px;
    text-align: center;
}
nav a {
    color: #0f0;
    margin: 0 10px;
    text-decoration: none;
    font-weight: bold;
}
main {
    padding: 20px;
}
footer {
    background: #222;
    color: #ccc;
    text-align: center;
    padding: 10px;
    font-size: 14px;
}
.button {
    display: inline-block;
    padding: 10px 15px;
    margin: 5px;
    background: #0f0;
    color: #000;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
}
.button:hover {
    background: #090;
}
/* --- VIP Pay Card --- */
.pay-card{max-width:820px;margin:24px auto;padding:22px;border:1px solid #1f1f1f;border-radius:14px;background:#111;color:#eee;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.pay-card h3{margin:0 0 10px 0;color:#ffcc00}
.addr-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.addr{background:#0d0d0d;color:#39ff14;padding:8px 10px;border-radius:8px;word-break:break-all}
.copy-btn{background:#39ff14;color:#000;border:0;border-radius:8px;padding:8px 12px;font-weight:700;cursor:pointer}
.copy-btn:hover{filter:brightness(.9)}
.copied{transition:.2s;opacity:0;color:#8f8}
.qr{display:block;margin:16px auto 6px auto;width:220px;max-width:90%;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.35);background:#fff;padding:6px}
.hint{color:#bbb;font-size:.95rem;text-align:center}