@charset "utf-8";
/* CSS Document */

 /* ---------- MAIN CONTAINER ---------- */
        .paycart-checkout-container { max-width: 1300px; width: 100%; margin:auto;display: flex; overflow: hidden;  background: #ffffff; min-height: 700px; }

        /* ---------- LEFT COLUMN ---------- */
        .paycart-cart-l { flex: 0 0 50%; background: #ffffff; padding: 40px 44px 44px 44px; display: flex; flex-direction: column; }

        /* ---------- RIGHT COLUMN ---------- */
        .paycart-cart-r { flex: 0 0 50%; background: #f5f8fe; padding: 40px 40px 44px 40px; display: flex; flex-direction: column; }

        /* ---------- CART-L ROWS ---------- */
        .paycart-cart-l1, .paycart-cart-l2, .paycart-cart-l3, .paycart-cart-l4, .paycart-cart-l5 { width: 100%; }

        /* cart-l1 : breadcrumb */
        .paycart-cart-l1 { margin-bottom: 22px; }
        .paycart-breadcrumb { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; color: #8e8e9e; letter-spacing: 0.2px; flex-wrap: wrap; }
        .paycart-breadcrumb a { text-decoration: none; color: #8e8e9e; transition: color 0.2s; }
        .paycart-breadcrumb a:hover { color: var(--primary); }
        .paycart-breadcrumb .paycart-current { color: #1e1e2a; font-weight: 600; }
        .paycart-breadcrumb .paycart-sep { color: #c5c5d5; font-size: 11px; }

        /* cart-l2 : special notice */
        .paycart-cart-l2 { background: #f0f6ff; border-radius: 16px; padding: 18px 22px; margin-bottom: 18px; border-left: 4px solid var(--primary); display: flex; align-items: flex-start; gap: 14px; }
        .paycart-cart-l2 i { color: var(--primary); font-size: 22px; margin-top: 2px; }
        .paycart-cart-l2 .paycart-notice-title { font-weight: 700; font-size: 16px; color: #1a1a2e; margin-bottom: 2px; }
        .paycart-cart-l2 .paycart-notice-text { font-size: 14px; line-height: 1.6; color: #2d2d42; }
        .paycart-cart-l2 .paycart-notice-text .paycart-highlight { color: var(--primary); font-weight: 600; }

        /* cart-l3 : introduction */
        .paycart-cart-l3 { margin-bottom: 18px; font-size: 14px; line-height: 1.7; color: #3a3a50; background: #fafbfc; padding: 14px 18px; border-radius: 12px; border: 1px solid #eef2f8; }
        .paycart-cart-l3 i { color: var(--primary); margin-right: 6px; }

        /* cart-l4 : address form */
        .paycart-cart-l4 { flex: 1; margin-bottom: 18px; }
        .paycart-cart-l4 .paycart-section-label { font-size: 17px; font-weight: 700; color: #1a1a2e; margin-bottom: 14px; display: flex; align-items: center; gap: 8px; }
        .paycart-cart-l4 .paycart-section-label i { color: var(--primary); }
        .paycart-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 12px; }
        .paycart-form-row-single { margin-bottom: 12px; }
        .paycart-form-row-three { display: grid; grid-template-columns: 1fr 1.2fr; gap: 14px; margin-bottom: 12px; }
        .paycart-form-group { display: flex; flex-direction: column; gap: 4px; }
        .paycart-form-group label { font-size: 13px; font-weight: 600; color: #3d3d52; letter-spacing: 0.3px; }
        .paycart-form-group input, .paycart-form-group select { padding: 11px 14px; border: 1.5px solid #e2e6ee; border-radius: 12px; font-size: 14px; background: #fafbfc; transition: border 0.2s, box-shadow 0.2s; color: #1a1a2e; font-family: inherit; width: 100%; appearance: none; -webkit-appearance: none; }
        .paycart-form-group input:focus, .paycart-form-group select:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 4px rgba(42,109,244,0.10); background: #ffffff; }
        .paycart-form-group input::placeholder { color: #aaaabc; font-weight: 400; }
        .paycart-form-group select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238e8ea0' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; padding-right: 36px; cursor: pointer; }
        .paycart-checkbox-wrap { display: flex; align-items: center; gap: 10px; margin-top: 6px; padding: 4px 0; }
        .paycart-checkbox-wrap input[type="checkbox"] { width: 17px; height: 17px; accent-color: var(--primary); cursor: pointer; flex-shrink: 0; }
        .paycart-checkbox-wrap label { font-size: 14px; color: #3d3d52; cursor: pointer; font-weight: 400; }
        .paycart-phone-row { display: grid; grid-template-columns: 110px 1fr; gap: 14px; margin-bottom: 0; }
        .paycart-phone-row .paycart-form-group:last-child input { background: #fafbfc; }

        /* cart-l5 : submit button */
        .paycart-cart-l5 { margin-top: 4px; }
        .paycart-btn-submit { width: 100%; padding: 16px 20px; background: var(--primary); color: #fff; border: none; border-radius: 14px; font-size: 18px; font-weight: 700; cursor: pointer; transition: background 0.25s, transform 0.15s; letter-spacing: 0.5px; display: flex; align-items: center; justify-content: center; gap: 12px; box-shadow: 0 4px 14px rgba(42,109,244,0.30); }
        .paycart-btn-submit:hover { background: var(--linkactive); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(42,109,244,0.35); }
        .paycart-btn-submit:active { transform: translateY(0px); }
        .paycart-btn-submit i { font-size: 18px; }

        /* ---------- CART-R ROWS ---------- */
        .paycart-cart-r1, .paycart-cart-r2, .paycart-cart-r3, .paycart-cart-r4, .paycart-cart-r5 { width: 100%; }

        /* ===== cart-r1 : multiple product items ===== */
        .paycart-cart-r1 { background: #ffffff; border-radius: 5px; padding: 16px 20px; margin-bottom: 16px; border: 1px solid #eef2f8; box-shadow: 0 2px 12px rgba(0,0,0,0.04); display: flex; flex-direction: column; gap: 18px; }
        .paycart-product-grid { display: grid; grid-template-columns: 70px 1fr auto; gap: 16px; align-items: center; border-bottom: 1px solid #f0f3f8; padding-bottom: 16px; }
        .paycart-product-grid:last-child { border-bottom: none; padding-bottom: 0; }
        .paycart-product-img-col { width: 70px; height: 70px; border-radius: 3px; overflow: hidden; background: #eef3fa; flex-shrink: 0; }
        .paycart-product-img-col img { width: 100%; height: 100%; object-fit: cover; display: block; }
        .paycart-product-info-col { display: flex; flex-direction: column; justify-content: center; min-width: 0; }
        .paycart-product-title-row { display: flex; align-items: baseline; gap: 0; flex-wrap: wrap; }
        .paycart-product-title { font-size: 16px; font-weight: 700; color: #1a1a2e; line-height: 1.3; word-break: break-word; }
		.paycart-product-price-inline { font-size: 16px; font-weight: 700; color: var(--linkactive); white-space: nowrap; margin-left: 4px; } 
        .paycart-product-desc { font-size: 13px; color: #4a5a72; line-height: 1.4; margin-top: 4px; font-style: italic; }
        .paycart-product-qty-col { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
        .paycart-product-qty-col label { font-size: 13px; color: #4a5a72; font-weight: 500; }
        .paycart-product-qty-col input { width: 52px; padding: 6px 4px; border: 1.5px solid #e2e6ee; border-radius: 8px; text-align: center; font-size: 14px; background: #fafbfc; font-weight: 500; color: #1a1a2e; }
        .paycart-product-qty-col input:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(42,109,244,0.10); }

        /* cart-r2 : total summary */
        .paycart-cart-r2 { background: #ffffff; border-radius: 5px; padding: 18px 22px; margin-bottom: 16px; border: 1px solid #eef2f8; box-shadow: 0 2px 12px rgba(0,0,0,0.04); }
        .paycart-summary-row { display: flex; justify-content: space-between; padding: 6px 0; font-size: 14px; color: #3d3d52; }
        .paycart-summary-row.paycart-total { font-size: 18px; font-weight: 700; color: #1a1a2e; border-top: 2px solid #eef2f8; margin-top: 6px; padding-top: 14px; }
        .paycart-summary-row .paycart-label { color: #6a7a8e; }
        .paycart-summary-row.paycart-total .paycart-label { color: #1a1a2e; }

        /* cart-r3 : payment methods (now with images) */
        .paycart-cart-r3 { background: #ffffff; border-radius: 5px; padding: 16px 22px; margin-bottom: 14px; border: 1px solid #eef2f8; box-shadow: 0 2px 12px rgba(0,0,0,0.04); }
        .paycart-cart-r3 .paycart-pay-label { font-size: 14px; font-weight: 600; color: #1a1a2e; margin-bottom: 10px; display: block; }
        .paycart-pay-icons { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
        .paycart-pay-icons img { height: 100%; width: auto; max-width: 80px; padding: 2px;   }
        .paycart-pay-icons .paycart-pay-label-text { font-size: 13px; color: #6a7a8e; font-weight: 500; }

        /* cart-r4 : Why choose UMIN? */
        .paycart-cart-r4 { background: #ffffff; border-radius: 5px; padding: 18px 22px; margin-bottom: 14px; border: 1px solid #eef2f8; box-shadow: 0 2px 12px rgba(0,0,0,0.04); }
        .paycart-cart-r4 .paycart-why-title { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 10px; }
        .paycart-cart-r4 ul { list-style: none; padding: 0; margin: 0; }
        .paycart-cart-r4 ul li { font-size: 14px; color: #2d3d52; padding: 5px 0; display: flex; align-items: flex-start; gap: 10px; line-height: 1.5; }
        .paycart-cart-r4 ul li i { color: var(--primary); font-size: 16px; margin-top: 2px; flex-shrink: 0; }

        /* ===== cart-r5 : pure images side by side ===== */
        .paycart-cart-r5 { background: #ffffff; border-radius: 5px; padding: 18px 22px; border: 1px solid #eef2f8; box-shadow: 0 2px 12px rgba(0,0,0,0.04); display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; justify-content: flex-start; }
        .paycart-badge-img { flex: 0 0 auto; }
        .paycart-badge-img img { width:100%;max-width:154px; height: 154px; display: block; object-fit: contain; border-radius: 8px;   }

        /* ---------- RESPONSIVE ---------- */
        @media (max-width: 1024px) {.paycart-checkout-container { flex-direction: column; border-radius: 20px; }.paycart-cart-l, .paycart-cart-r { flex: 0 0 100%; padding: 30px 28px; }.paycart-cart-l { border-bottom: 2px solid #eef2f8; }.paycart-cart-r { background: #f5f8fe; }.paycart-form-row-three { grid-template-columns: 1fr 1fr; }.paycart-phone-row { grid-template-columns: 1fr 1fr; }.paycart-product-grid { grid-template-columns: 60px 1fr auto; gap: 12px; }.paycart-product-img-col { width: 60px; height: 60px; }.paycart-product-qty-col input { width: 46px; }
        }
        @media (max-width: 700px) {.paycart-product-grid { grid-template-columns: 50px 1fr auto; gap: 10px; }.paycart-product-img-col { width: 50px; height: 50px; }.paycart-product-title { font-size: 14px; }.paycart-product-qty-col input { width: 44px; }
        }
        @media (max-width: 600px) {.paycart-cart-l, .paycart-cart-r { padding: 20px 16px; }.paycart-form-row { grid-template-columns: 1fr; gap: 8px; }.paycart-form-row-three { grid-template-columns: 1fr; gap: 8px; }.paycart-phone-row { grid-template-columns: 1fr; gap: 8px; }.paycart-cart-l2 { flex-direction: column; align-items: flex-start; }.paycart-pay-icons { gap: 12px; }.paycart-pay-icons img { height: 28px; }.paycart-btn-submit { font-size: 16px; padding: 14px 16px; }.paycart-cart-r5 { gap: 10px; justify-content: center; }.paycart-badge-img img { width: 40px; height: 40px; }.paycart-product-grid { grid-template-columns: 1fr; grid-template-rows: auto auto auto; gap: 8px; justify-items: center; text-align: center; }.paycart-product-img-col { width: 60px; height: 60px; }.paycart-product-info-col { width: 100%; align-items: center; }.paycart-product-title-row { width: 100%; justify-content: center; }.paycart-product-qty-col { justify-content: center; }.paycart-cart-r1 { gap: 14px; }.paycart-product-grid { padding-bottom: 12px; }
        }
        @media (max-width: 400px) {.paycart-breadcrumb { font-size: 12px; }.paycart-cart-l2 .paycart-notice-text { font-size: 13px; }.paycart-summary-row.paycart-total { font-size: 16px; }
        }
		

/*product_cart_add地址确认*/
.paycart-block {background: #fafbfc;border: 1px solid #eef2f8;border-radius: 12px;padding: 16px 18px;margin-bottom: 20px;}
.paycart-block:last-of-type { margin-bottom: 16px; }

.paycart-info-summary {display: flex;flex-wrap: wrap;align-items: baseline;gap: 6px 20px;font-size: 14px;}
.paycart-info-item {display: inline-flex;align-items: baseline;gap: 4px;flex-wrap: wrap;}
.paycart-info-item .paycart-info-label {font-weight: 600;color: #1a1a2e;}
.paycart-info-item .paycart-info-value {color: #3d3d52;word-break: break-word;}
.paycart-info-item .paycart-info-change {font-size: 13px;font-weight: 500;color: var(--primary, #2a6df4);text-decoration: none;margin-left: 2px;}
.paycart-info-item .paycart-info-change:hover { text-decoration: underline; }
.paycart-info-divider { color: #c5c5d5; font-size: 16px; font-weight: 300; }

.paycart-shipping-label {font-size: 15px;font-weight: 700;color: #1a1a2e;margin-bottom: 10px;display: block;}
.paycart-shipping-options {display: flex;flex-direction: column;gap: 8px;}
.paycart-shipping-option {display: flex;align-items: center;gap: 12px;padding: 10px 14px;border: 2px solid #eef2f8;border-radius: 10px;cursor: pointer;transition: border-color 0.2s, background 0.2s;background: #ffffff;}
.paycart-shipping-option:hover { border-color: #c5d5e8; }
.paycart-shipping-option input[type="radio"] {width: 17px;height: 17px;accent-color: var(--primary, #2a6df4);cursor: pointer;flex-shrink: 0;}
.paycart-shipping-option .paycart-ship-name {font-size: 14px;font-weight: 500;color: #1a1a2e;}
.paycart-shipping-option .paycart-ship-price {font-size: 14px;font-weight: 600;color: var(--primary, #2a6df4);margin-left: auto;}
.paycart-shipping-option.paycart-selected {border-color: var(--primary, #2a6df4);background: #f0f6ff;}

.paycart-payment-title {font-size: 16px;font-weight: 700;color: #1a1a2e;margin-bottom: 2px;}
.paycart-payment-sub {font-size: 13px;color: #6a7a8e;margin-bottom: 12px;}
.paycart-payment-options {display: flex;flex-direction: column;gap: 8px;}
.paycart-payment-option {display: flex;align-items: center;gap: 12px;padding: 10px 14px;border: 2px solid #eef2f8;border-radius: 8px;cursor: pointer;transition: border-color 0.2s, background 0.2s;background: #ffffff;}
.paycart-payment-option:hover { border-color: #c5d5e8; }
.paycart-payment-option input[type="radio"] {width: 17px;height: 17px;accent-color: var(--primary, #2a6df4);cursor: pointer;flex-shrink: 0;}
.paycart-payment-option .paycart-pay-name {font-size: 14px;font-weight: 500;color: #1a1a2e;}
.paycart-payment-option .paycart-pay-desc {font-size: 12px;color: #6a7a8e;margin-left: auto;}
.paycart-payment-option.paycart-selected {border-color: var(--primary, #2a6df4);background: #f0f6ff;}

.paycart-notes-label {font-size: 15px;font-weight: 700;color: #1a1a2e;display: block;margin-bottom: 6px;}
.paycart-notes-section textarea {width: 100%;padding: 12px 16px;border: 1.5px solid #e2e6ee;border-radius: 12px;font-size: 14px;background: #ffffff;font-family: inherit;resize: vertical;min-height: 72px;transition: border 0.2s, box-shadow 0.2s;color: #1a1a2e; }
.paycart-notes-section textarea:focus {outline: none;border-color: var(--primary, #2a6df4);box-shadow: 0 0 0 4px rgba(42,109,244,0.10);background: #ffffff;}
.paycart-notes-section textarea::placeholder {color: #aaaabc;font-weight: 400;}

.paycart-action-row {display: flex;align-items: center;justify-content: space-between;margin-top: 4px;gap: 16px;flex-wrap: wrap;}
.paycart-back-link {flex-shrink: 0;}
.paycart-back-link a {font-size: 13px;font-weight: 500;color: var(--primary, #2a6df4);text-decoration: none;display: inline-flex;align-items: center;gap: 4px;}
.paycart-back-link a:hover { text-decoration: underline; }

.paycart-submit-section {flex-shrink: 0;}
.paycart-btn-continue {padding: 14px 32px;background: var(--primary, #2a6df4);color: #fff;border: none;border-radius: 14px;font-size: 16px;font-weight: 700;cursor: pointer;transition: background 0.25s, transform 0.15s;letter-spacing: 0.3px;display: inline-flex;align-items: center;gap: 10px;box-shadow: 0 4px 14px rgba(42,109,244,0.30);white-space: nowrap;}
.paycart-btn-continue:hover { background: var(--linkactive, #1b5ad4); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(42,109,244,0.35); }
.paycart-btn-continue:active { transform: translateY(0px); }
.paycart-btn-continue i { font-size: 16px; }

/* ===== 响应式 ===== */
@media (max-width: 700px) {.paycart-info-summary { flex-direction: column; align-items: flex-start; gap: 6px; }.paycart-info-divider { display: none; }.paycart-cart-l { padding: 20px 16px; }.paycart-block { padding: 14px 14px; }.paycart-payment-option .paycart-pay-desc { display: none; }.paycart-action-row { flex-direction: column; align-items: stretch; gap: 12px; }.paycart-back-link { text-align: center; }.paycart-submit-section { text-align: center; }.paycart-btn-continue { width: 100%; justify-content: center; }
}
@media (max-width: 600px) {.paycart-btn-continue { font-size: 16px; padding: 14px 16px; }.paycart-shipping-option { padding: 8px 12px; }.paycart-payment-option { padding: 8px 12px; }
}
/*pay result start*/
.pay-result-container {max-width: 1300px;width: 100%;margin: 0 auto;min-height: 600px;display: flex;align-items: center;justify-content: center;padding: 40px 24px;box-sizing: border-box;}
.pay-result-card {background: #ffffff;border-radius: 20px;padding: 48px 40px;max-width: 520px;width: 100%;text-align: center;border: 1px solid #eef2f8;}
.pay-result-icon {display: inline-block;font-size: 48px;line-height: 1;margin-bottom: 8px;color: #e74c3c;}
.pay-result-title {font-size: 28px;font-weight: 700;color: #022960;margin-bottom: 4px;}
.pay-result-sub {font-size: 16px;color: #666666;margin-bottom: 28px;line-height: 1.6;}
.pay-result-timer {font-size: 42px;font-weight: 700;color: var(--primary, #2a6df4);letter-spacing: 2px;margin: 8px 0 20px;}
.pay-result-btn-primary {display: inline-block;padding: 10px 28px;background: #022960;color: #fff;border-radius: 40px;font-weight: 600;font-size: 14px;text-decoration: none;transition: background 0.2s, transform 0.15s;border: none;cursor: pointer;}
.pay-result-btn-primary:hover {background: #011b4a;transform: translateY(-2px);}
.pay-result-btn-outline {display: inline-block;padding: 10px 28px;background: transparent;color: #022960;border-radius: 40px;font-weight: 600;font-size: 14px;text-decoration: none;transition: background 0.2s, transform 0.15s;border: 1.5px solid #022960;cursor: pointer;}
.pay-result-btn-outline:hover {background: #f0f6ff;transform: translateY(-2px);}
.pay-result-actions {display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;}
.pay-result-footnote {margin-top: 24px;font-size: 13px;color: #8e8ea0;}
@media (max-width: 600px) {.pay-result-card { padding: 32px 20px; }.pay-result-title { font-size: 24px; }.pay-result-timer { font-size: 34px; }.pay-result-actions { flex-direction: column; align-items: center; }.pay-result-btn-primary, .pay-result-btn-outline { width: 100%; justify-content: center; padding: 12px; }}
.pay-state { display: none; }
.pay-state.active { display: block; }


/*第二版地址填写start*/
 /
*,
*::before,
*::after {box-sizing: border-box;margin: 0;padding: 0;}
 
/* ===== s2pay 命名空间 ===== */
.s2pay-checkout-wrapper {margin:auto;max-width: 1300px;width: 100%;background: transparent;padding: 0;display: flex;flex-direction: column;gap: 28px;}
.s2pay-checkout-grid {display: flex;gap: 28px;align-items: flex-start;}
.s2pay-checkout-grid__left {flex: 0 0 55%;max-width: 55%;background: #ffffff;border-radius: 24px;box-shadow: 0 8px 24px rgba(0,0,0,0.04);padding: 32px 36px 40px;display: flex;flex-direction: column;}
.s2pay-checkout-grid__right {flex: 1 1 45%;min-width: 0;display: flex;flex-direction: column;gap: 24px;background: transparent;padding: 0;box-shadow: none;}
.s2pay-right-card {background: #ffffff;border-radius: 24px;box-shadow: 0 8px 24px rgba(0,0,0,0.04);padding: 28px 28px 32px;width: 100%;}

@media (max-width: 860px) {
.s2pay-checkout-grid {flex-direction: column;gap: 24px;align-items: stretch;}
.s2pay-checkout-grid__left,
.s2pay-checkout-grid__right {flex: 1 1 100%;max-width: 100%;}
.s2pay-checkout-grid__left {padding: 24px 20px;}
.s2pay-right-card {padding: 22px 18px;}
}
@media (max-width: 480px) {
body {padding: 12px 8px;}
.s2pay-checkout-grid__left {padding: 18px 14px;border-radius: 18px;}
.s2pay-right-card {padding: 18px 14px;border-radius: 18px;}
}

/* ===== 标题 ===== */
.s2pay-section-title {font-size: 22px;font-weight: 600;letter-spacing: -0.3px;color: #0b0b14;margin-bottom: 20px;padding-bottom: 8px;border-bottom: 2px solid #eef0f4;}
.s2pay-section-title--order {margin-top: 0;border-bottom: none;padding-bottom: 0;font-size: 20px;margin-bottom: 16px;}
.s2pay-section-title--delivery {margin-top: 0;border-bottom: none;padding-bottom: 0;font-size: 20px;margin-bottom: 16px;}
@media (max-width: 480px) {
.s2pay-section-title {font-size: 19px;}
.s2pay-section-title--order,
.s2pay-section-title--delivery {font-size: 18px;}
}

/* ===== 支付方式 ===== */
.s2pay-payment-section {margin-bottom: 24px;padding-bottom: 16px;border-bottom: 1px solid #eef0f4;}
.s2pay-payment-section .s2pay-payment-label {font-weight: 600;font-size: 16px;color: #0b0b14;display: block;margin-bottom: 8px;}
.s2pay-payment-options {display: flex;flex-wrap: wrap;align-items: center;gap: 12px 24px;}
.s2pay-payment-options label {display: flex;align-items: center;gap: 6px;cursor: pointer;font-size: 14px;color: #2d2d3f;}
.s2pay-payment-options input[type="radio"] {appearance: none;width: 16px;height: 16px;border: 2px solid #d8dce4;border-radius: 50%;margin: 0;flex-shrink: 0;transition: border 0.2s, background 0.2s;position: relative;cursor: pointer;}
.s2pay-payment-options input[type="radio"]:checked {border-color: #022960;background: #022960;}
.s2pay-payment-options input[type="radio"]:checked::after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 6px;height: 6px;border-radius: 50%;background: #ffffff;}
.s2pay-payment-options input[type="radio"]:focus {outline: 2px solid rgba(2,41,96,0.3);}
.s2pay-payment-options .s2pay-payment-desc {font-size: 12px;color: #7b8499;margin-left: 2px;}

/* ===== 表单 ===== */
.s2pay-form-grid {display: grid;grid-template-columns: 1fr;gap: 16px;flex: 1;}
.s2pay-form-group {display: flex;flex-direction: column;gap: 4px;position: relative;}
.s2pay-form-group label {font-size: 13px;font-weight: 500;color: #2d2d3f;display: flex;align-items: center;gap: 2px;}
.s2pay-form-group label .required {color: #d1454a;font-weight: 600;margin-left: 1px;}
.s2pay-form-group input,
.s2pay-form-group select {font-family: "Inter", sans-serif;font-size: 14px;padding: 11px 16px;border: 1.5px solid #d8dce4;border-radius: 10px;background: #ffffff;transition: border 0.2s, box-shadow 0.2s;color: #1a1a26;width: 100%;}
.s2pay-form-group input:focus,
.s2pay-form-group select:focus {outline: none;border-color: #022960;box-shadow: 0 0 0 3px rgba(2,41,96,0.12);}
.s2pay-form-group input::placeholder {color: #a8b0be;font-weight: 400;font-size: 13px;}
.s2pay-form-group select {appearance: auto;background: #ffffff;padding-right: 16px;}
.s2pay-optional-badge {font-weight: 400;color: #8e97ad;font-size: 12px;margin-left: 4px;}

/* ===== 错误信息 ===== */
.s2pay-form-group .s2pay-error-message {font-size: 12px;color: #d1454a;margin-top: 2px;display: none;}
.s2pay-form-group.s2pay-has-error input,
.s2pay-form-group.s2pay-has-error select {border-color: #d1454a;box-shadow: 0 0 0 3px rgba(209,69,74,0.15);}
.s2pay-form-group.s2pay-has-error .s2pay-error-message {display: block;}
#s2pay-form-errors {background: #fff5f5;border: 1px solid #fcc;border-radius: 10px;padding: 14px 18px;margin-bottom: 16px;display: none;color: #b33;font-size: 14px;}
#s2pay-form-errors ul {margin: 6px 0 0 18px;}
#s2pay-form-errors.show {display: block;}

/* ===== 提交按钮 ===== */
.s2pay-submit-wrapper {margin-top: 24px;display: flex;justify-content: center;flex-direction: column;align-items: center;gap: 8px;}
.s2pay-btn-submit {background: #022960;color: #ffffff;border: none;font-family: "Inter", sans-serif;font-size: 17px;font-weight: 600;padding: 14px 48px;border-radius: 40px;cursor: pointer;transition: background 0.2s, transform 0.05s, opacity 0.2s;letter-spacing: 0.3px;width: 100%;max-width: 320px;box-shadow: 0 4px 12px rgba(2,41,96,0.25);}
.s2pay-btn-submit:hover:not(:disabled) {background: #011b4a;}
.s2pay-btn-submit:active:not(:disabled) {transform: scale(0.98);}
.s2pay-btn-submit:disabled {opacity: 0.5;cursor: not-allowed;box-shadow: none;}
.s2pay-submit-disabled-hint {font-size: 13px;color: #d1454a;display: none;}
.s2pay-submit-disabled-hint.show {display: block;}
@media (max-width: 480px) {
.s2pay-btn-submit {max-width: 100%;font-size: 16px;padding: 14px 20px;}
}

/* ===== 产品列表 ===== */
#s2pay-orderProducts {display: flex;flex-direction: column;gap: 4px;}
.s2pay-order-product {display: grid;grid-template-columns: 10px 72px 1fr auto;gap: 8px 10px;align-items: center;padding: 10px 0;border-bottom: 1px solid #eef0f4;transition: opacity 0.3s, max-height 0.3s;}
.s2pay-order-product:last-child {border-bottom: none;}
.s2pay-order-product--hidden {display: none;}

.s2pay-delete-btn {background: transparent !important;border: none;color: #d1454a;font-size: 8px;font-weight: 700;width: 16px;height: 16px;padding: 0;margin: 0;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: transform 0.15s, color 0.2s;line-height: 1;justify-self: center;align-self: center;font-family: inherit;flex-shrink: 0;}
.s2pay-delete-btn:hover {color: #b33a3f;transform: scale(1.6);}
.s2pay-delete-btn:active {transform: scale(0.8);}

.s2pay-order-product__image {flex-shrink: 0;width: 72px;height: 72px;border-radius: 12px;overflow: hidden;background: #f0f2f6;display: flex;align-items: center;justify-content: center;}
.s2pay-order-product__image a {display: block;width: 100%;height: 100%;line-height: 0;}
.s2pay-order-product__image img {width: 100%;height: 100%;object-fit: cover;display: block;}

.s2pay-order-product__details {display: flex;flex-direction: column;gap: 2px;min-width: 0;}
.s2pay-order-product__name {font-weight: 600;font-size: 14px;line-height: 1.4;color: #0e0e1a;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;transition: all 0.2s;}
.s2pay-order-product__name a {color: inherit;text-decoration: none;}
.s2pay-order-product__name a:hover {text-decoration: underline;}
.s2pay-order-product__name:hover {white-space: normal;overflow: visible;text-overflow: unset;background: #ffffff;padding: 2px 4px;margin: -2px -4px;box-shadow: 0 2px 8px rgba(0,0,0,0.08);border-radius: 6px;position: relative;z-index: 2;}
.s2pay-order-product__sku {font-size: 11px;color: #7b8499;letter-spacing: 0.2px;word-break: break-all;}

.s2pay-order-product__qty {display: flex;align-items: center;gap: 2px;background: #f0f2f6;border-radius: 30px;padding: 0 2px;height: 22px;margin-top: 4px;width: fit-content;}
.s2pay-order-product__qty button {background: transparent;border: none;font-size: 11px;font-weight: 400;width: 16px;height: 16px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;color: #2d2d3f;transition: background 0.15s;font-family: "Inter", sans-serif;padding: 0;}
.s2pay-order-product__qty button:hover {background: #e2e6ee;}
.s2pay-order-product__qty span {font-weight: 500;font-size: 11px;min-width: 12px;text-align: center;color: #0e0e1a;}

.s2pay-order-product__price {font-weight: 700;font-size: 0.9rem;color: #0e0e1a;white-space: nowrap;text-align: right;justify-self: end;align-self: center;}
.s2pay-order-product__price .s2pay-price-label {display: none;font-weight: 400;font-size: 0.75rem;color: #7b8499;}

@media (max-width: 700px) {
.s2pay-order-product {grid-template-columns: 10px 56px 1fr;grid-template-rows: auto auto;gap: 6px 8px;align-items: start;}
.s2pay-delete-btn {font-size: 7px;width: 14px;height: 14px;grid-row: 1 / 3;align-self: center;}
.s2pay-order-product__image {width: 56px;height: 56px;grid-row: 1 / 3;align-self: center;}
.s2pay-order-product__details {grid-column: 3 / 4;grid-row: 1 / 2;}
.s2pay-order-product__price {grid-column: 3 / 4;grid-row: 2 / 3;text-align: left;justify-self: start;font-size: 0.85rem;border-top: 1px solid #f0f2f6;padding-top: 4px;margin-top: 2px;display: flex;justify-content: space-between;width: 100%;}
.s2pay-order-product__price .s2pay-price-label {display: inline;}
.s2pay-order-product__qty {height: 20px;padding: 0 2px;gap: 1px;}
.s2pay-order-product__qty button {width: 14px;height: 14px;font-size: 10px;}
.s2pay-order-product__qty span {font-size: 10px;min-width: 10px;}
.s2pay-order-product__name {font-size: 13px;}
.s2pay-order-product__name:hover {white-space: normal;overflow: visible;}
}
@media (max-width: 480px) {
.s2pay-order-product {grid-template-columns: 1fr;grid-template-rows: auto auto auto;gap: 4px;padding: 8px 0;}
.s2pay-delete-btn {grid-row: 1 / 2;justify-self: start;font-size: 7px;width: 14px;height: 14px;}
.s2pay-order-product__image {width: 60px;height: 60px;grid-row: 2 / 3;justify-self: center;}
.s2pay-order-product__details {grid-row: 3 / 4;align-items: center;text-align: center;}
.s2pay-order-product__qty {align-self: center;height: 20px;}
.s2pay-order-product__price {grid-row: 4 / 5;text-align: center;justify-self: center;font-size: 0.85rem;border-top: 1px solid #f0f2f6;padding-top: 4px;margin-top: 2px;display: flex;justify-content: center;gap: 6px;}
.s2pay-order-product__price .s2pay-price-label {display: inline;}
.s2pay-order-product__name:hover {white-space: normal;overflow: visible;}
}

/* ===== 订单汇总 ===== */
.s2pay-order-totals {margin-top: 12px;display: flex;flex-direction: column;gap: 6px;}
.s2pay-order-totals__row {display: flex;justify-content: space-between;font-size: 14px;color: #1e1e2a;padding: 4px 0;align-items: center;}
.s2pay-order-totals__row .s2pay-label {color: #4a5268;flex-shrink: 0;}
.s2pay-order-totals__row .s2pay-amount-group {display: flex;flex-wrap: wrap;gap: 8px 16px;justify-content: flex-end;}
.s2pay-order-totals__row .s2pay-amount {font-weight: 600;color: #0e0e1a;}
.s2pay-order-totals__row--subtotal {border-bottom: 1.5px solid #eef0f4;padding-bottom: 8px;margin-bottom: 2px;}
.s2pay-order-totals__row--shipping .s2pay-amount-group .s2pay-amount {font-weight: 500;}
.s2pay-order-totals__row--discount .s2pay-amount-group .s2pay-amount {color: #d1454a !important;font-weight: 600;}
#s2pay-shippingDisplay2 {color: #d1454a !important;font-weight: 600;}
.s2pay-order-totals__row--total {font-weight: 700;font-size: 17px;border-top: 2px solid #eef0f4;padding-top: 10px;margin-top: 4px;color: #0b0b14;}

/* ===== FAQ ===== */
.s2pay-faq-highlight {background: transparent !important;padding: 0 0 18px 0;margin: 0;border-radius: 0;}
.s2pay-faq-highlight .s2pay-faq-highlight__question {font-weight: 600;font-size: 15px;color: #0b0b14;display: block;margin-bottom: 6px;}
.s2pay-faq-highlight .s2pay-faq-highlight__answer {font-size: 14px;line-height: 1.6;color: #2d2d3f;padding-left: 0;}
.s2pay-faq-highlight .s2pay-faq-highlight__answer a {color: #022960;text-decoration: none;font-weight: 500;border-bottom: 1px solid transparent;transition: border-color 0.15s;word-break: break-all;}
.s2pay-faq-highlight .s2pay-faq-highlight__answer a:hover {border-bottom-color: #022960;}
.s2pay-faq-divider {border: 0;border-top: 1.5px solid #eef0f4;margin: 6px 0 18px 0;width: 100%;}
.s2pay-faq-list {display: flex;flex-direction: column;margin-top: 0;}
.s2pay-faq-item {background: transparent !important;padding: 16px 0;border-radius: 0;transition: none;border-bottom: 1px solid #eef0f4;}
.s2pay-faq-item:last-child {border-bottom: none;padding-bottom: 0;}
.s2pay-faq-item .s2pay-faq-item__question {font-weight: 600;font-size: 15px;color: #0b0b14;display: flex;align-items: center;justify-content: space-between;cursor: pointer;user-select: none;gap: 12px;padding: 0;margin: 0;}
.s2pay-faq-item.collapsible .s2pay-faq-item__question::after {content: "▼";display: inline-block;transition: transform 0.3s ease;font-size: 12px;color: #022960;flex-shrink: 0;margin-left: auto;}
.s2pay-faq-item.collapsible .s2pay-faq-item__question.open::after {transform: rotate(180deg);}
.s2pay-faq-item .s2pay-faq-item__answer {font-size: 14px;line-height: 1.6;color: #2d2d3f;padding-left: 0;margin-top: 8px;display: none;}
.s2pay-faq-item .s2pay-faq-item__answer.open {display: block;}
.s2pay-faq-item .s2pay-faq-item__answer a {color: #022960;text-decoration: none;font-weight: 500;border-bottom: 1px solid transparent;transition: border-color 0.15s;word-break: break-all;}
.s2pay-faq-item .s2pay-faq-item__answer a:hover {border-bottom-color: #022960;}
@media (max-width: 480px) {
.s2pay-faq-highlight {padding: 0 0 14px 0;}
.s2pay-faq-item {padding: 12px 0;}
.s2pay-faq-item .s2pay-faq-item__question,
.s2pay-faq-highlight .s2pay-faq-highlight__question {font-size: 14px;}
.s2pay-faq-item .s2pay-faq-item__answer,
.s2pay-faq-highlight .s2pay-faq-highlight__answer {font-size: 13px;}
.s2pay-faq-divider {margin: 4px 0 14px 0;}
}

/*第二end*/

 /*订单结果显示start*/
   .order-result-wrapper { max-width: 1300px; width: 100%; margin: 0 auto; background: transparent; padding: 44px 48px 48px; transition: padding 0.2s; }
        .order-result-card { max-width: 820px; margin: 0 auto; background: transparent; box-shadow: none; border: none; padding: 36px 40px 40px; }
        /* ----- 头部（图标 + 感谢语 + 链接） ----- */
        .order-result-header { display: flex; align-items: flex-start; gap: 18px; margin-bottom: 28px; }
        .order-result-header .order-result-icon-check { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; background: #022960; color: #fff; font-size: 28px; flex-shrink: 0; box-shadow: 0 8px 20px rgba(2, 41, 96, 0.20); }
        .order-result-header .order-result-thank-group { flex: 1; padding-top: 4px; }
        .order-result-header .order-result-thank-group h1 { font-size: 26px; font-weight: 700; color: #0f172a; letter-spacing: -0.02em; margin-bottom: 2px; }
        .order-result-header .order-result-thank-group .order-result-sub { font-size: 16px; color: #475569; font-weight: 400; margin-bottom: 8px; }
        .order-result-thank-group .order-result-back-link { display: inline-block; font-size: 15px; font-weight: 500; color: #022960; text-decoration: none; padding: 4px 0; border-bottom: 2px solid transparent; transition: border-color 0.2s; }
        .order-result-thank-group .order-result-back-link:hover { border-bottom-color: #022960; }
        /* ----- 订单详情（保留浅色背景） ----- */
        .order-result-details { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 28px; background: #f8fafd; border-radius: 16px; padding: 22px 26px; margin-bottom: 28px; border: 1px solid #eaf0f6; }
        .order-result-details .order-result-detail-item { display: flex; flex-direction: column; gap: 2px; }
        .order-result-details .order-result-detail-item .order-result-label { font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.04em; color: #94a3b8; }
        .order-result-details .order-result-detail-item .order-result-value { font-size: 18px; font-weight: 600; color: #0f172a; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; }
        .order-result-details .order-result-detail-item .order-result-value .order-result-highlight { color: #022960; }
        .order-result-details .order-result-detail-item .order-result-value .order-result-total-price { font-size: 22px; color: #022960; font-weight: 700; }
        .order-result-details .order-result-detail-item .order-result-value .order-result-price-pln { font-weight: 400; color: #64748b; font-size: 14px; }
        .order-result-details .order-result-detail-item .order-result-value .order-result-payment-method { font-weight: 500; color: #1e293b; }
        .order-result-details .order-result-detail-item .order-result-value .order-result-payment-method small { font-weight: 400; color: #64748b; font-size: 14px; }
        /* ----- 配送方式区域（保留浅色背景） ----- */
        .order-result-shipping { padding: 22px 26px 20px; background: #ffffff; border-radius: 16px; border: 1px solid #eaf0f6; margin-top: 4px; }
        .order-result-shipping .order-result-section-label { font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 16px; display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; }
        .order-result-shipping .order-result-section-label i { color: #022960; font-size: 16px; }
        .order-result-shipping .order-result-section-label .order-result-sub-label { font-weight: 400; color: #64748b; font-size: 13px; }
        .order-result-shipping-option { display: flex; gap: 10px 20px; padding: 14px 0; border-bottom: 1px dashed #e6edf6; }
        .order-result-shipping-option:last-child { border-bottom: none; padding-bottom: 2px; }
        .order-result-shipping-option .order-result-badge { flex-shrink: 0; background: #022960; color: #fff; font-size: 12px; font-weight: 600; padding: 2px 16px; border-radius: 30px; height: 28px; display: inline-flex; align-items: center; letter-spacing: 0.02em; }
        .order-result-shipping-option .order-result-desc { font-size: 14px; color: #1e293b; line-height: 1.6; }
        .order-result-shipping-option .order-result-desc strong { color: #022960; font-weight: 600; }
        .order-result-shipping-option .order-result-desc .order-result-note { color: #64748b; font-size: 13px; display: block; margin-top: 2px; }
        .order-result-shipping-option .order-result-desc .order-result-note i { color: #022960; margin-right: 4px; font-size: 12px; }
        .order-result-shipping-option .order-result-desc .order-result-note-warning { color: #b91c1c; font-weight: 450; display: block; margin-top: 2px; }
        .order-result-shipping-option .order-result-desc .order-result-note-warning i { color: #b91c1c; margin-right: 4px; }
        /* ----- 响应式适配 ----- */
        @media (max-width: 820px) {
            .order-result-wrapper { padding: 28px 20px 32px; }
            .order-result-card { padding: 28px 22px 32px; }
            .order-result-header { gap: 14px; flex-wrap: wrap; }
            .order-result-header .order-result-icon-check { width: 48px; height: 48px; font-size: 22px; }
            .order-result-header .order-result-thank-group h1 { font-size: 21px; }
            .order-result-header .order-result-thank-group .order-result-sub { font-size: 14px; }
            .order-result-thank-group .order-result-back-link { font-size: 14px; }
            .order-result-details { grid-template-columns: 1fr 1fr; gap: 12px 20px; padding: 18px 20px; }
            .order-result-details .order-result-detail-item .order-result-value { font-size: 16px; }
            .order-result-details .order-result-detail-item .order-result-value .order-result-total-price { font-size: 19px; }
            .order-result-shipping { padding: 18px 20px 16px; }
            .order-result-shipping-option { flex-direction: column; gap: 4px; padding: 14px 0; }
            .order-result-shipping-option .order-result-badge { align-self: flex-start; height: 26px; font-size: 11px; }
        }

        @media (max-width: 550px) {
            .order-result-wrapper { padding: 20px 14px 24px; }
            .order-result-card { padding: 20px 14px 24px; }
            .order-result-header .order-result-icon-check { width: 40px; height: 40px; font-size: 18px; }
            .order-result-header .order-result-thank-group h1 { font-size: 18px; }
            .order-result-header .order-result-thank-group .order-result-sub { font-size: 13px; }
            .order-result-thank-group .order-result-back-link { font-size: 13px; }
            .order-result-details { grid-template-columns: 1fr; gap: 10px; padding: 14px 16px; }
            .order-result-details .order-result-detail-item .order-result-value { font-size: 15px; }
            .order-result-details .order-result-detail-item .order-result-value .order-result-total-price { font-size: 17px; }
            .order-result-shipping { padding: 14px 16px 12px; }
            .order-result-shipping .order-result-section-label { font-size: 13px; flex-direction: column; align-items: flex-start; gap: 2px; }
            .order-result-shipping-option .order-result-desc { font-size: 13px; }
            .order-result-shipping-option .order-result-desc .order-result-note { font-size: 12px; }
        }

        @media (max-width: 400px) {
            .order-result-wrapper { padding: 12px 8px 16px; }
            .order-result-card { padding: 16px 10px 20px; }
            .order-result-header .order-result-thank-group h1 { font-size: 16px; }
            .order-result-details { padding: 12px 12px; }
            .order-result-shipping { padding: 12px 12px 10px; }
        } /*订单结果显示end*/

        /* ===== 容器与布局 ===== */
.s2pay-order-totals__row {display: flex;justify-content: space-between;font-size: 14px;color: #1e1e2a;padding: 4px 0;align-items: center;}
.s2pay-order-totals__row .s2pay-label {color: #4a5268;flex-shrink: 0;}
.s2pay-order-totals__row .s2pay-amount-group {display: flex;flex-wrap: wrap;gap: 8px 16px;justify-content: flex-end;align-items: center;width: 100%;}
.s2pay-order-totals__row .s2pay-amount {font-weight: 600;color: #0e0e1a;}

/* ===== 折扣行专用 ===== */
.s2pay-order-totals__row--discount .s2pay-amount-group .s2pay-amount {color: #d1454a !important;font-weight: 600;}
.s2pay-discount-current {color: #d1454a !important;font-weight: 600;}
.s2pay-total-discount-amount {color: #2a8e4a;font-weight: 700;margin-left: auto;}
.s2pay-discount-options-hidden {display: none;}