﻿.reference-email-checkout{margin:20px 15px;padding:24px;border:1px solid #e5e9ef;border-radius:14px;background:#fff;font:14px/1.6 Arial,"Microsoft YaHei",sans-serif;color:#263445}.reference-email-checkout *{box-sizing:border-box}.reference-email-checkout h2{font-size:19px;margin:0 0 20px}.reference-email-checkout label{font-size:14px}.purchase-email-label{display:block;margin-bottom:7px}.purchase-email-label span{color:#e14d57}.reference-email-checkout input[type=email]{width:100%;height:44px;border:1px solid #dce3ed;border-radius:9px;padding:0 13px;font-size:16px;background:white;color:#25354b}.purchase-email-hint{margin:8px 0 20px;font-size:12px;color:#df8733}.purchase-quantity-row{display:flex;align-items:center;gap:18px;padding:18px 0;border-top:1px solid #edf0f5}.purchase-stepper{display:flex;align-items:center;gap:9px}.purchase-stepper button{width:33px;height:33px;border-radius:50%;border:1px solid #dce3ed;background:#fff;color:#24374e;cursor:pointer}.purchase-stepper input{width:64px;height:33px;text-align:center;border:1px solid #dce3ed;border-radius:17px;font-size:16px;color:#24374e;-moz-appearance:textfield}.purchase-stepper input::-webkit-inner-spin-button{appearance:none}.purchase-networks{padding:12px 0 16px;margin:0;border:0;display:flex;gap:8px;flex-wrap:wrap}.purchase-networks legend{font-size:13px;margin-bottom:6px}.purchase-networks label{border:1px solid #e1e6ef;padding:6px 9px;border-radius:7px;font-size:12px;cursor:pointer}.purchase-networks .is-selected{border-color:#e88558;background:#fff4ed}.purchase-networks input{vertical-align:middle;margin:0 4px 0 0}.purchase-total{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-top:1px solid #edf0f5}.purchase-total strong{font-size:25px;color:#e6693d}.reference-email-checkout .xhs-create{display:block;width:100%;border:0;border-radius:24px;padding:13px 12px;min-height:46px;background:#ee8545;color:#fff;font-size:16px;font-weight:600;cursor:pointer}.reference-email-checkout .xhs-create:disabled{opacity:.55;cursor:default}.reference-email-checkout output{display:block;color:#cf3e48;font-size:13px;margin-top:8px}.xhs-payment-dialog{max-height:calc(100vh - 32px);overflow:auto;border:0}.xhs-payment-dialog::backdrop{background:rgba(15,23,42,.45)}.xhs-payment-dialog *{box-sizing:border-box}.xhs-payment-dialog .xhs-confirm-details dl>div{display:flex}.xhs-payment-dialog .xhs-confirm-details dt{margin:0}.xhs-payment-dialog .xhs-confirm-details dd{margin-left:0}@media(max-width:767px){.reference-email-checkout{margin:14px 0;padding:18px 14px}.purchase-networks{gap:6px}.purchase-networks label{padding:6px;font-size:11px}.reference-email-checkout h2{font-size:17px}.xhs-payment-dialog{width:calc(100vw - 20px)} }
.reference-email-checkout .purchase-networks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%}.reference-email-checkout .purchase-networks legend{margin-bottom:10px}.reference-email-checkout .purchase-networks .xhs-payment-method{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:78px;margin:0;padding:12px 6px;border:1px solid #dce3ed;background:#fff;border-radius:9px;overflow:hidden;color:#29394e;font-size:12px;line-height:1.4}.reference-email-checkout .purchase-networks .xhs-payment-method.is-selected{border-color:#ee8545;background:#fff5ef}.reference-email-checkout .purchase-networks .xhs-payment-method input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.reference-email-checkout .purchase-networks .xhs-payment-method img{display:block!important;width:28px!important;height:28px!important;max-width:none!important;object-fit:contain;margin:0!important;border-radius:50%}.purchase-network-check{display:none;position:absolute;right:5px;top:3px;color:#ee8545;font-size:12px}.is-selected .purchase-network-check{display:block}.reference-email-checkout .purchase-networks label:focus-within{outline:2px solid #edb08b;outline-offset:2px}@media(max-width:767px){.reference-email-checkout .purchase-networks{gap:7px}.reference-email-checkout .purchase-networks .xhs-payment-method{min-height:76px;font-size:11px;padding:10px 4px}}
.reference-order-main{width:min(860px,calc(100% - 32px));margin:28px auto 60px;font:14px/1.7 Arial,"Microsoft YaHei",sans-serif;color:#29394e}.xhs-breadcrumb{margin-bottom:18px;color:#7d8794}.xhs-order-page-heading h1{font-size:27px;margin:5px 0}.xhs-order-page-heading>span{font-size:11px;letter-spacing:2px;color:#d77846}.xhs-order-page-heading p{color:#7b8794;margin:8px 0 22px}.xhs-order-page-panel{padding:26px;border:1px solid #e4e9f0;border-radius:14px;background:#fff}.xhs-order-search-row{display:flex;gap:10px;margin-top:8px}.xhs-order-search-row input{flex:1;min-width:0;padding:11px 12px;border:1px solid #dce3ed;border-radius:7px;font-size:16px}.fifth-table-buy{background:#ed8847;color:#fff;padding:11px 18px;border:0;border-radius:7px;cursor:pointer;font-size:14px;line-height:1.5}.xhs-order-page-panel output{display:block;color:#bd5360;font-size:13px;margin-top:10px}.xhs-order-result{border:1px solid #e8edf2;border-radius:10px;padding:20px;margin-top:22px}.xhs-order-result[hidden]{display:none}.xhs-order-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.xhs-order-result-head h2{margin:0;font-size:18px}.xhs-order-state{font-size:12px;color:#c5752a;background:#fff4e9;border-radius:6px;padding:3px 8px}.xhs-order-result dl{margin:16px 0}.xhs-order-detail-row{display:flex;gap:16px;justify-content:space-between;border-top:1px solid #eef0f4;padding:10px 0}.xhs-order-detail-row dt{color:#83909f;flex-shrink:0}.xhs-order-detail-row dd{margin:0;text-align:right;overflow-wrap:anywhere}.xhs-back{display:inline-block;margin-top:22px;font-size:13px;color:#7b8794}@media(max-width:767px){.reference-order-main{margin:18px auto 30px;width:calc(100% - 20px)}.xhs-order-page-panel{padding:18px 12px}.xhs-order-search-row{gap:7px}.fifth-table-buy{padding:11px}.xhs-order-result{padding:14px 10px}.xhs-order-detail-row{font-size:12px;gap:9px}.xhs-order-result-head{align-items:flex-start;flex-direction:column}}
.reference-email-checkout .purchase-inventory{font-size:12px;line-height:1.5;color:#db833a;white-space:nowrap}.reference-email-checkout .purchase-quantity-row{flex-wrap:wrap;row-gap:8px}@media(max-width:767px){.reference-email-checkout .purchase-quantity-row{gap:8px}.reference-email-checkout .purchase-inventory{font-size:11px}}
.reference-email-checkout input[type=tel]{box-sizing:border-box;width:100%;height:44px;border:1px solid #dce3ed;border-radius:9px;padding:0 13px;font-size:16px;background:white;color:#25354b}

@media(max-width:767px){.reference-email-checkout .purchase-networks{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}.reference-email-checkout .purchase-networks .xhs-payment-method{flex-direction:column!important;justify-content:center;min-width:0;min-height:76px;padding:10px 3px;gap:7px;font-size:11px}}
.reference-email-checkout .purchase-networks legend{float:none!important;display:block!important;width:auto!important;min-width:5em!important;max-width:none!important;white-space:nowrap!important;writing-mode:horizontal-tb!important;word-break:keep-all!important;overflow-wrap:normal!important}
