.modal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.modal-header h2{font-size:var(--type-body);font-weight:500;line-height:1.6}.close-button{font-size:var(--type-heading);color:#8893a5;min-width:36px;height:36px;border:1px solid var(--color-border);border-radius:50%;display:grid;place-items:center;line-height:1}.close-button:hover{background:#f0f3f8}.modal-description{font-size:var(--type-small);line-height:1.9;color:var(--color-muted);margin:14px 0 22px}
@media(max-width:700px){.modal-header h2{font-size:var(--type-body)}}
@media(max-width:700px){.help-steps p{font-size:var(--type-small)}}

.service-qr{display:block;width:min(100%,310px);height:auto;margin:0 auto 20px}
.modal-header h2{font-size:28px;line-height:1.4}.purchase-flow h3{font-size:20px;line-height:1.5;font-weight:500}
@media(max-width:600px){.modal-header h2{font-size:24px}}
.modal-header h2{font-size:32px;line-height:1.21875;font-weight:600;letter-spacing:.004em}
.purchase-flow p,.modal-description,.help-steps p{font-size:17px;line-height:1.47059;font-weight:400;letter-spacing:-.022em}
.purchase-qr p{font-size:14px;line-height:1.42859;letter-spacing:0}
@media(max-width:734px){.modal-header h2{font-size:28px;line-height:1.14286}}
@media(max-width:734px){.modal-header h2{font-size:24px;line-height:31px}}

#modal-content{position:static}.modal-header{padding-right:32px}.modal-header .close-button{position:absolute;top:10px;right:10px;width:44px;height:44px;min-width:44px;display:grid;place-items:center;padding:12px;border:0;border-radius:0;background:transparent;color:#a1a1a6;font-size:0;line-height:1}.modal-header .close-button svg{width:20px;height:20px}.modal-header .close-button:hover{background:transparent;color:#6e6e73}#modal-title:focus{outline:none}
#modal,#modal .primary-button,#modal .outline-button,#modal input,#modal .order-input-wrap{border-radius:0}#modal .primary-button{background:var(--task)}#modal .form-error{color:var(--color-ink);border-left:1px solid var(--color-muted);padding-left:12px}#modal .form-error:empty{border:0;padding:0}
@keyframes pt-claim-spin{to{transform:rotate(360deg)}}
.pt-library #modal{background:#000;color:#fafafa;border:1px solid #555}
.pt-library #modal{width:min(calc(560 * var(--screen-unit,1px)),calc(100vw - 40px));max-width:none;max-height:calc(100svh - 48px);padding:calc(32 * var(--screen-unit,1px));border:1px solid #555;border-radius:0;box-shadow:none}
.pt-library #modal::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}
.pt-library #modal .modal-header{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:calc(32 * var(--screen-unit,1px));border:0}
.pt-library #modal h2{font-size:calc(28 * var(--screen-unit,1px));line-height:1.3;font-weight:700;color:#fafafa;outline:none;margin:0}
.pt-library #modal h3{font-size:calc(16 * var(--screen-unit,1px));font-weight:400;color:#aaa;margin:0}
.pt-library #modal .close-button{width:calc(28 * var(--screen-unit,1px));height:calc(28 * var(--screen-unit,1px));padding:0;border:0;background:transparent;color:#aaa;border-radius:0}
.pt-library #modal .close-button svg{width:100%;height:100%}
.pt-library #modal :is(p,a){font-size:calc(16 * var(--screen-unit,1px));line-height:1.8;color:#aaa}
.pt-library #modal .credential-help p+p{margin-top:calc(20 * var(--screen-unit,1px))}
.pt-library #modal .service-qr{width:min(100%,calc(280 * var(--screen-unit,1px)),36svh);height:auto;max-height:none;object-fit:contain;border:0;border-radius:0;margin:0 auto calc(28 * var(--screen-unit,1px))}
.pt-library #modal .contact-email{padding-top:calc(20 * var(--screen-unit,1px));border-top:1px solid #333;background:transparent;display:grid;gap:8px}
.pt-library #modal .contact-email a{color:#fafafa;overflow-wrap:anywhere}
.pt-library #modal button:focus-visible{outline:1px solid currentColor;outline-offset:6px}

#modal.wechat-dialog{width:min(360px,calc(100vw - 40px));max-width:360px;max-height:calc(100svh - 40px);padding:24px;background:#000;color:#fafafa;border:1px solid #555;border-radius:0;box-shadow:none}
#modal.wechat-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}
.wechat-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
#modal.wechat-dialog h2{margin:0;font-size:22px;font-weight:500;line-height:1.3}
.wechat-dialog-heading button{width:24px;height:24px;padding:0;background:none;border:0;color:#aaa}
.wechat-dialog-heading svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5}
#modal.wechat-dialog img{display:block;width:min(100%,280px,48svh);height:auto;margin:auto}
#modal.wechat-dialog .wechat-dialog-heading{justify-content:flex-end}
#modal .wechat-account{width:min(100%,280px,48svh);margin:16px auto 0;font-size:14px;line-height:1.6;color:inherit;text-align:left}
html.pt-library #modal .wechat-account{width:min(100%,calc(240 * var(--screen-unit,1px)),36svh);margin:0 auto calc(24 * var(--screen-unit,1px));color:#222}
#modal.credential-guide-dialog{width:min(calc(560 * var(--screen-unit,1px)),calc(100vw - 40px));max-width:none;max-height:calc(100svh - 40px);padding:calc(28 * var(--screen-unit,1px));background:#000;color:#fafafa;border:1px solid #555;border-radius:0;box-shadow:none}
#modal.credential-guide-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}
#modal.credential-guide-dialog :is(.wechat-dialog-heading,.modal-header){align-items:flex-start;gap:calc(24 * var(--screen-unit,1px));margin-bottom:calc(32 * var(--screen-unit,1px))}
#modal.credential-guide-dialog h2{margin:0;font-size:calc(24 * var(--screen-unit,1px));line-height:1.4;font-weight:700;text-wrap:balance;outline:none}
#modal.credential-guide-dialog :is(.close-button,.wechat-dialog-heading>button){flex:none;display:grid;place-items:center;width:calc(44 * var(--screen-unit,1px));height:calc(44 * var(--screen-unit,1px));padding:0;margin-top:calc(-5 * var(--screen-unit,1px))}
#modal.credential-guide-dialog :is(.close-button,.wechat-dialog-heading>button) svg{width:calc(24 * var(--screen-unit,1px));height:calc(24 * var(--screen-unit,1px))}
#modal.credential-guide-dialog .credential-help section+section{margin-top:calc(36 * var(--screen-unit,1px))}
#modal.credential-guide-dialog .credential-help h3{font-size:calc(16 * var(--screen-unit,1px));line-height:1.6;font-weight:400;color:#999;margin:0 0 calc(12 * var(--screen-unit,1px))}
#modal.credential-guide-dialog .credential-help p{margin:0;font-size:calc(14 * var(--screen-unit,1px));line-height:1.8;color:#aaa}
.credential-route{display:flex;flex-wrap:wrap;list-style:none;gap:calc(8 * var(--screen-unit,1px)) calc(12 * var(--screen-unit,1px));margin:0 0 calc(16 * var(--screen-unit,1px));padding:0}
.credential-route li{display:inline-flex;align-items:center;gap:calc(12 * var(--screen-unit,1px));padding:0;color:#fafafa;font-size:calc(16 * var(--screen-unit,1px));line-height:1.6;white-space:nowrap}
.credential-route svg{flex:none;width:calc(8 * var(--screen-unit,1px));height:calc(14 * var(--screen-unit,1px));fill:none;stroke:#777;stroke-width:1.5}
#modal.credential-guide-dialog .credential-order-link{display:inline-block;margin-top:calc(16 * var(--screen-unit,1px));font-size:calc(14 * var(--screen-unit,1px));line-height:1.6;color:#fafafa;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:calc(4 * var(--screen-unit,1px))}
#modal.credential-guide-dialog .credential-inline-link{display:inline;padding:0;border:0;background:none;font:inherit;color:#fafafa;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:calc(4 * var(--screen-unit,1px))}
html[lang=en] #modal.credential-guide-dialog .credential-help p{line-height:1.65}
html.pt-library #modal{background:#fff;color:#222;border-color:#ddd;border-radius:calc(12 * var(--screen-unit,1px))}
html.pt-library #modal::backdrop{background:rgba(0,0,0,.25);backdrop-filter:blur(4px)}
html.pt-library #modal h2{color:#222}
html.pt-library #modal :is(p,h3){color:#777}
html.pt-library #modal .form-bottom .text-button{color:#777;font-size:calc(12 * var(--screen-unit,1px));font-weight:400;line-height:1.6;padding:0;text-align:left}
html.pt-library #modal .form-bottom .text-button:hover{color:#222}
html.pt-library #modal .close-button{flex:none;display:grid;place-items:center;width:calc(44 * var(--screen-unit,1px));height:calc(44 * var(--screen-unit,1px));margin-top:calc(-5 * var(--screen-unit,1px));color:#777}
html.pt-library #modal .close-button svg{width:calc(24 * var(--screen-unit,1px));height:calc(24 * var(--screen-unit,1px))}
html.pt-library #modal.credential-guide-dialog .credential-help :is(p,h3){color:#777}
html.pt-library #modal .credential-route li,html.pt-library #modal .credential-order-link,html.pt-library #modal.credential-guide-dialog .credential-inline-link{color:#222}
html.pt-library #modal .contact-email{border-top-color:#e5e5e5}
html.pt-library #modal .contact-email a{color:#222}
html.pt-library #modal.library-contact-dialog{width:min(calc(360 * var(--screen-unit,1px)),calc(100vw - 40px))}
html.pt-library #modal.library-contact-dialog .service-qr{width:min(100%,calc(240 * var(--screen-unit,1px)),36svh);margin-bottom:calc(24 * var(--screen-unit,1px))}
@media(max-width:700px){
 html.pt-library #modal .form-bottom{gap:12px;flex-wrap:wrap}
}