.share-commission[data-v-60c18047]{min-height:100vh}.page-header[data-v-60c18047]{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 0;margin-bottom:30px;overflow:hidden}.animated-bg[data-v-60c18047]{position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 20"><path fill="url(%23a)" d="M0 0h100v20H0z"/></svg>') repeat-x;animation:float-60c18047 6s ease-in-out infinite}@keyframes float-60c18047{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.header-content[data-v-60c18047]{position:relative;z-index:2;text-align:center;max-width:1200px;margin:0 auto;padding:0 20px}.header-title[data-v-60c18047]{font-size:32px;font-weight:700;margin:0 0 12px 0;display:flex;align-items:center;justify-content:center;gap:12px}.header-icon[data-v-60c18047]{font-size:36px;color:gold}.header-subtitle[data-v-60c18047]{font-size:16px;opacity:.9;margin:0;font-weight:400}.main-content[data-v-60c18047]{margin:0 auto;display:flex;flex-direction:column;gap:30px}.purchase-card[data-v-60c18047],.share-card[data-v-60c18047]{border-radius:12px;border:none;box-shadow:0 8px 32px rgba(0,0,0,.1);transition:all .3s ease}.purchase-card[data-v-60c18047]:hover,.share-card[data-v-60c18047]:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.card-header[data-v-60c18047]{display:flex;align-items:center;gap:12px;padding:0}.card-icon[data-v-60c18047]{font-size:20px;color:#667eea}.card-title[data-v-60c18047]{font-size:18px;font-weight:600;color:#2c3e50}.card-subtitle[data-v-60c18047]{font-size:14px;color:#7f8c8d;margin-left:auto}.share-content[data-v-60c18047]{padding:20px 0}.share-link-wrapper[data-v-60c18047]{display:flex;gap:16px;margin-bottom:30px;align-items:stretch}.share-input[data-v-60c18047]{flex:1}.copy-button[data-v-60c18047]{min-width:140px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;font-weight:600}.copy-button[data-v-60c18047]:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.share-benefits[data-v-60c18047]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.benefit-item[data-v-60c18047]{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#f8f9ff,#e8f2ff);border-radius:8px;border-left:4px solid #667eea}.benefit-icon[data-v-60c18047]{font-size:18px;color:#667eea}.voucher-grid[data-v-60c18047]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.voucher-item[data-v-60c18047]{position:relative;background:#fff;border:2px solid #e1e8ed;border-radius:12px;padding:24px 16px;text-align:center;cursor:pointer;transition:all .3s ease;overflow:hidden}.voucher-item[data-v-60c18047]:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.15)}.voucher-item.selected[data-v-60c18047]{border-color:#667eea;background:linear-gradient(135deg,#f8f9ff,#e8f2ff);box-shadow:0 8px 25px rgba(102,126,234,.2)}.voucher-item.recommended[data-v-60c18047]{border-color:#f39c12;background:linear-gradient(135deg,#fff9e6,#fef4e6)}.recommended-badge[data-v-60c18047]{position:absolute;top:-1px;right:-1px;background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;padding:4px 12px;border-radius:0 12px 0 12px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.voucher-header[data-v-60c18047]{margin-bottom:16px}.voucher-points[data-v-60c18047]{font-size:28px;font-weight:700;color:#2c3e50;line-height:1}.voucher-unit[data-v-60c18047]{font-size:14px;color:#7f8c8d;margin-top:4px}.voucher-price[data-v-60c18047]{margin-bottom:12px}.currency[data-v-60c18047]{font-size:16px;color:#e74c3c}.amount[data-v-60c18047]{font-size:24px;font-weight:700;color:#e74c3c}.voucher-ratio[data-v-60c18047]{gap:6px;font-size:13px;color:#27ae60;margin-bottom:8px}.voucher-ratio[data-v-60c18047],.voucher-savings[data-v-60c18047]{display:flex;align-items:center;justify-content:center;font-weight:600}.voucher-savings[data-v-60c18047]{gap:4px;font-size:12px;color:#f39c12}.purchase-footer[data-v-60c18047]{text-align:center}.purchase-btn[data-v-60c18047]{min-width:200px;height:48px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);border:none}.purchase-btn[data-v-60c18047]:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.purchase-dialog .el-dialog__header[data-v-60c18047]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px}.purchase-dialog .el-dialog__title[data-v-60c18047]{color:#fff;font-weight:600}.purchase-confirm[data-v-60c18047]{padding:20px 0}.confirm-header[data-v-60c18047]{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:16px;font-weight:600;color:#2c3e50}.confirm-header i[data-v-60c18047]{font-size:20px;color:#667eea}.purchase-summary[data-v-60c18047]{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:20px}.summary-item[data-v-60c18047]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e9ecef}.summary-item[data-v-60c18047]:last-child{border-bottom:none}.summary-item.total[data-v-60c18047]{font-weight:600;font-size:16px;padding-top:16px;border-top:2px solid #dee2e6}.summary-item .label[data-v-60c18047]{color:#6c757d}.summary-item .value[data-v-60c18047]{color:#2c3e50;font-weight:500}.summary-item .value.highlight[data-v-60c18047]{color:#667eea;font-weight:600}.summary-item .value.price[data-v-60c18047]{color:#e74c3c;font-weight:700;font-size:18px}.confirm-notice[data-v-60c18047]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#e8f4fd;border-left:4px solid #3498db;border-radius:4px;font-size:14px;color:#2980b9}.dialog-footer[data-v-60c18047]{text-align:center;padding:20px 0 0}@media (max-width:768px){.header-title[data-v-60c18047]{font-size:24px}.main-content[data-v-60c18047]{padding:0 16px 40px}.share-link-wrapper[data-v-60c18047]{flex-direction:column}.voucher-grid[data-v-60c18047]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.voucher-item[data-v-60c18047]{padding:20px 12px}.voucher-points[data-v-60c18047]{font-size:24px}.benefit-item[data-v-60c18047]{padding:12px}}@media (max-width:480px){.voucher-grid[data-v-60c18047]{grid-template-columns:1fr 1fr}.share-benefits[data-v-60c18047]{grid-template-columns:1fr}}