.payment-overlay {
	        display: none;
	        position: fixed;
	        inset: 0;
	        z-index: 2147483000;
	        background: rgba(6, 11, 26, 0.92);
	        backdrop-filter: blur(12px);
	        -webkit-backdrop-filter: blur(12px);
	        justify-content: center;
	        align-items: center;
	        padding: 20px;
	        animation: overlayIn 0.35s ease;
	        pointer-events: auto;
	        overscroll-behavior: contain;
	    }
	    .payment-overlay.show { display: flex; }
	    body.payment-locked {
	        overflow: hidden !important;
	        touch-action: none;
	    }
	    body.payment-locked .login-container,
	    body.payment-locked .floating-orbs,
	    body.payment-locked #particles-canvas {
	        pointer-events: none !important;
	        user-select: none;
	    }
	    body.payment-locked #paymentOverlay {
	        pointer-events: auto !important;
	    }
	    @keyframes overlayIn {
	        from { opacity: 0; }
	        to { opacity: 1; }
	    }
	    .payment-popup {
	        background: rgba(28, 32, 48, 0.95);
	        border: 1px solid rgba(255,255,255,0.12);
	        border-radius: 20px;
	        padding: 24px 22px 16px;
	        max-width: 320px;
	        width: 100%;
	        text-align: center;
	        box-shadow: 0 24px 80px rgba(0,0,0,0.5), 0 0 0 0.5px rgba(255,255,255,0.08);
	        animation: popupScale 0.4s cubic-bezier(0.22, 1, 0.36, 1);
	        overflow: hidden;
	    }
	    .payment-popup.contact-popup {
	        max-width: 340px;
	        padding-bottom: 18px;
	    }
	    @keyframes popupScale {
	        from { transform: scale(0.85); opacity: 0; }
	        to { transform: scale(1); opacity: 1; }
	    }
	    .payment-popup h3 {
	        color: #f7f7f8;
	        font-size: 20px;
	        font-weight: 750;
	        margin-bottom: 2px;
	    }
	    .payment-popup .payment-subtitle {
	        color: #8f9aac;
	        font-size: 12px;
	        margin-bottom: 14px;
	        line-height: 1.4;
	    }
	    /* QR 展示区 — 初始隐藏，点击后展开 */
	    .payment-qr-stage {
	        max-height: 0;
	        opacity: 0;
	        overflow: hidden;
	        transition: max-height 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease, margin 0.45s ease;
	        margin: 0 auto;
	        display: flex;
	        flex-direction: column;
	        align-items: center;
	    }
	    .payment-qr-stage.open {
	        max-height: 360px;
	        opacity: 1;
	        margin-bottom: 10px;
	    }
	    .payment-qr-stage .qr-img-full {
	        width: min(240px, 100%);
	        height: auto;
	        max-height: 320px;
	        border-radius: 14px;
	        object-fit: contain;
	        box-shadow: 0 8px 32px rgba(0,0,0,0.4);
	        animation: qrReveal 0.4s cubic-bezier(0.22, 1, 0.36, 1);
	    }
	    .contact-qr-img {
	        display: block;
	        width: min(240px, 100%);
	        height: auto;
	        max-height: 320px;
	        margin: 12px auto 14px;
	        border-radius: 14px;
	        object-fit: contain;
	        box-shadow: 0 8px 32px rgba(0,0,0,0.4);
	    }
	    @keyframes qrReveal {
	        from { opacity: 0; transform: translateY(-16px) scale(0.92); }
	        to { opacity: 1; transform: translateY(0) scale(1); }
	    }
	    .payment-qr-back {
	        display: inline-block;
	        margin-top: 8px;
	        background: rgba(255,255,255,0.08);
	        color: #9ca3af;
	        border: none;
	        font-size: 12px;
	        padding: 5px 16px;
	        border-radius: 20px;
	        cursor: pointer;
	    }
	    .payment-qr-back:hover { background: rgba(255,255,255,0.14); color: #e5e7eb; }
	    /* 支付方式按钮行 */
	    .payment-methods {
	        display: flex;
	        gap: 12px;
	        margin-bottom: 12px;
	        align-items: stretch;
	        transition: gap 0.35s ease;
	    }
	    .payment-methods.has-qr { gap: 6px; }
	    .payment-method-btn {
	        border-radius: 14px;
	        font-size: 16px;
	        font-weight: 750;
	        border: 2px solid transparent;
	        cursor: pointer;
	        transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1);
	        display: flex;
	        align-items: center;
	        justify-content: center;
	        gap: 8px;
	    }
	    .payment-method-btn:active { transform: scale(0.96); }
	    .payment-method-wechat {
	        flex: 1;
	        padding: 14px 0;
	        background: rgba(7, 193, 96, 0.1);
	        color: #07c160;
	        border-color: rgba(7, 193, 96, 0.3);
	    }
	    .payment-method-wechat:hover,
	    .payment-method-wechat.active {
	        background: rgba(7, 193, 96, 0.2);
	        border-color: #07c160;
	        box-shadow: 0 0 28px rgba(7, 193, 96, 0.25);
	    }
	    .payment-method-wechat.shrink {
	        flex: 1;
	        padding: 9px 0;
	        font-size: 13px;
	    }
	    .payment-method-alipay {
	        flex: 1;
	        padding: 14px 0;
	        background: rgba(22, 119, 255, 0.08);
	        color: #1677ff;
	        border-color: rgba(22, 119, 255, 0.2);
	        font-size: 16px;
	    }
	    .payment-method-alipay:hover,
	    .payment-method-alipay.active {
	        background: rgba(22, 119, 255, 0.18);
	        border-color: #1677ff;
	        box-shadow: 0 0 28px rgba(22, 119, 255, 0.25);
	    }
	    .payment-method-alipay.shrink {
	        flex: 1;
	        padding: 9px 0;
	        font-size: 13px;
	    }
	    .payment-method-icon {
	        width: 24px;
	        height: 24px;
	        border-radius: 7px;
	        display: flex;
	        align-items: center;
	        justify-content: center;
	        font-size: 15px;
	        font-weight: 900;
	        flex-shrink: 0;
	    }
	    .payment-method-wechat.shrink .payment-method-icon { width: 18px; height: 18px; font-size: 11px; border-radius: 5px; }
	    .payment-method-alipay.shrink .payment-method-icon { width: 18px; height: 18px; font-size: 11px; border-radius: 5px; }
	    .payment-method-wechat .payment-method-icon { background: #07c160; color: #fff; }
	    .payment-method-alipay .payment-method-icon { background: #1677ff; color: #fff; }
	    /* 底部按钮 */
	    .payment-actions {
	        display: flex;
	        flex-direction: column;
	        gap: 7px;
	    }
	    .payment-btn {
	        width: 100%;
	        padding: 11px;
	        border-radius: 12px;
	        font-size: 14px;
	        font-weight: 700;
	        border: none;
	        cursor: pointer;
	        transition: all 0.2s ease;
	    }
	    .payment-btn:active { transform: scale(0.97); }
	    .payment-btn-paid {
	        background: linear-gradient(135deg, #0071e3, #0065cc);
	        color: #fff;
	        box-shadow: 0 4px 20px rgba(0, 113, 227, 0.35);
	    }
	    .payment-btn-paid:hover { box-shadow: 0 6px 28px rgba(0, 113, 227, 0.5); }
	    .payment-btn-paid:disabled {
	        opacity: 0.5;
	        cursor: not-allowed;
	        transform: none;
	    }
	    .payment-btn-problem {
	        background: rgba(255,255,255,0.05);
	        color: #6b7280;
	        border: 1px solid rgba(255,255,255,0.07);
	        font-size: 13px;
	        padding: 9px;
	    }
	    .payment-btn-problem:hover { background: rgba(255,255,255,0.08); color: #9ca3af; }
	    .payment-result {
	        margin-top: 8px;
	        font-size: 12px;
	        font-weight: 600;
	        min-height: 0;
	        transition: all 0.3s ease;
	    }
	    .payment-result.success { color: #34d399; }
	    .payment-result.cooldown { color: #fbbf24; }
	    .payment-result.error { color: #fb7185; }
	    .contact-close-btn {
	        width: 100%;
	        padding: 11px;
	        border-radius: 12px;
	        font-size: 14px;
	        font-weight: 700;
	        border: none;
	        cursor: pointer;
	        background: rgba(255,255,255,0.08);
	        color: #e5e7eb;
	        transition: all 0.2s ease;
	    }
	    .contact-close-btn:hover { background: rgba(255,255,255,0.14); }

	    @media (max-width: 480px) {
	        .payment-popup { padding: 22px 16px 14px; }
	        .payment-popup h3 { font-size: 18px; }
	        .payment-qr-stage .qr-img-full,
	        .contact-qr-img { width: min(220px, 100%); max-height: 300px; }
	    }