.subscrpt-qr{max-width:520px;margin:0 auto;font-size:14px;color:#374151;line-height:1.5}.subscrpt-qr-card{border:1px solid #d1d5db;border-radius:12px;background:#fff;overflow:hidden}.subscrpt-qr-card__body{padding:20px 24px}.subscrpt-qr-head{display:flex;align-items:center;gap:16px}.subscrpt-qr-title{flex:1 1 auto;font-size:1.5rem;font-weight:600}.subscrpt-qr-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;border:1px solid currentColor;font-size:12px;font-weight:600;white-space:nowrap}.subscrpt-qr-badge__dot{width:8px;height:8px;border-radius:50%;background:currentColor}.subscrpt-qr-badge--success{color:#15803d;background:#f0fdf4}.subscrpt-qr-badge--warning{color:#b45309;background:#fffbeb}.subscrpt-qr-badge--error{color:#b91c1c;background:#fef2f2}.subscrpt-qr-badge--secondary{color:#6b7280;background:#f9fafb}.subscrpt-qr-badge--primary{color:#c2410c;background:#fff7ed}.subscrpt-qr-divider{display:flex;align-items:center;gap:12px;margin:20px 0 4px;font-size:13px;font-weight:500;color:#9ca3af}.subscrpt-qr-divider::before,.subscrpt-qr-divider::after{content:"";flex:1 1 auto;border-top:1px solid #e5e7eb}.subscrpt-qr-row{display:flex;align-items:center;gap:16px;padding:12px 0;font-weight:500;border-bottom:1px solid #f3f4f6}.subscrpt-qr-row:last-child{border-bottom:0}.subscrpt-qr-row__label{flex:1 1 auto;color:#6b7280}.subscrpt-qr-product{display:flex;border:1px solid #f3f4f6;background:#f3f4f6;border-radius:8px;overflow:hidden;margin-top:8px}.subscrpt-qr-product__img{width:80px;height:auto;object-fit:cover;flex:0 0 auto}.subscrpt-qr-product__info{padding:16px}.subscrpt-qr-product__name{margin:0 0 8px}.subscrpt-qr-product__desc{margin:0;font-size:12px;color:#6b7280}.subscrpt-qr-timeline-item{display:flex;gap:12px;position:relative;border-radius:8px}.subscrpt-qr-timeline-item:hover{background:#f3f4f6}.subscrpt-qr-timeline__marker{position:relative;display:flex;justify-content:center;width:28px;padding-top:10px;flex:0 0 auto}.subscrpt-qr-timeline__marker::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;transform:translateX(-.5px);background:#e5e7eb}.subscrpt-qr-timeline-item:first-child .subscrpt-qr-timeline__marker::after{top:50%}.subscrpt-qr-timeline-item:last-child .subscrpt-qr-timeline__marker::after{bottom:50%}.subscrpt-qr-timeline__dot{position:relative;z-index:1;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #d1d5db}.subscrpt-qr-timeline-item:hover .subscrpt-qr-timeline__dot{border-color:#4b5563}.subscrpt-qr-timeline__content{flex:1 1 auto;padding:8px;font-size:13px;color:#4b5563}.subscrpt-qr-footer{padding:12px;font-size:12px;color:#6b7280;text-align:center;border-top:1px dashed #d1d5db}.subscrpt-qr-alert{display:flex;gap:12px;align-items:flex-start;max-width:520px;margin:0 auto;padding:16px;border:1px solid #fecaca;border-radius:12px;background:#fef2f2;color:#b91c1c}.subscrpt-qr-alert__icon{width:24px;height:24px;flex:0 0 auto}.subscrpt-qr-alert__title{font-size:1.125rem;font-weight:600}.subscrpt-qr-alert__text{font-size:12px}