.order-page{background:var(--color-gray-50,#f7f8fa);min-height:60vh;padding:32px 0 72px}.order-container{max-width:1080px;margin:0 auto;padding:0 24px}.order-hero{margin-bottom:22px}.order-hero h1{font-size:22px;font-weight:700;color:var(--color-dark,#1d2129);margin-bottom:6px}.order-hero p{font-size:13.5px;line-height:1.7}.order-crumb,.order-hero p{color:var(--color-gray-500,#86909c)}.order-crumb{font-size:13px;margin-bottom:14px}.order-crumb a:hover{color:var(--color-primary)}.order-card{background:var(--surface-1);border:1px solid var(--color-gray-200,#e5e6eb);border-radius:10px;padding:22px 24px;margin-bottom:18px}.order-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.order-card-head h2{font-size:15.5px;font-weight:600;color:var(--color-dark,#1d2129);display:flex;align-items:center;gap:8px}.order-card-head h2:before{content:"";width:3px;height:14px;border-radius:2px;background:var(--color-primary)}.order-card-head .order-head-tip{font-size:12.5px;color:var(--color-gray-500,#86909c)}.order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}.order-field{display:flex;flex-direction:column;gap:7px}.order-field.is-full{grid-column:1/-1}.order-field label{font-size:13px;color:var(--color-gray-600,#4e5969);font-weight:500}.order-field label.req:after{content:" *";color:#f53f3f}.order-input,.order-select,.order-textarea{width:100%;padding:9px 12px;font-size:13.5px;color:var(--color-dark,#1d2129);background:var(--surface-1);border:1px solid var(--color-gray-300,#c9cdd4);border-radius:6px;transition:border-color .15s,box-shadow .15s;outline:none}.order-input:focus,.order-select:focus,.order-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.12)}.order-input:disabled{background:var(--color-gray-100,#f2f3f5);color:var(--color-gray-500,#86909c);cursor:not-allowed}.order-textarea{min-height:92px;resize:vertical;line-height:1.65;font-family:inherit}.order-static{font-size:13.5px;color:var(--color-dark,#1d2129);padding:9px 0}.order-product{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:8px;background:var(--color-primary-softer,#f7fafd);border:1px solid var(--color-primary-soft,#eff4fb)}.order-product-thumb{width:66px;height:66px;flex-shrink:0;border-radius:6px;background:var(--surface-1);border:1px solid var(--color-gray-200,#e5e6eb);display:flex;align-items:center;justify-content:center;overflow:hidden}.order-product-thumb img{max-width:100%;max-height:100%;object-fit:contain}.order-product-thumb i{font-size:22px;color:var(--color-gray-400,#a9aeb8)}.order-product-main{flex:1;min-width:0}.order-product-main .name{font-size:14.5px;font-weight:600;color:var(--color-dark,#1d2129);margin-bottom:5px}.order-product-main .meta{font-size:12.5px;color:var(--color-gray-500,#86909c);display:flex;flex-wrap:wrap;gap:6px 16px}.order-product-main .meta b{color:var(--color-primary);font-weight:600}.order-qty{display:inline-flex;align-items:center;border:1px solid var(--color-gray-300,#c9cdd4);border-radius:6px;overflow:hidden}.order-qty button{width:34px;height:34px;border:none;background:var(--surface-1);color:var(--color-gray-600,#4e5969);font-size:15px;cursor:pointer;transition:background .15s}.order-qty button:hover:not(:disabled){background:var(--color-primary-soft,#eff4fb);color:var(--color-primary)}.order-qty button:disabled{color:var(--color-gray-300,#c9cdd4);cursor:not-allowed}.order-qty input{width:62px;height:34px;border:none;border-left:1px solid var(--color-gray-200,#e5e6eb);border-right:1px solid var(--color-gray-200,#e5e6eb);text-align:center;font-size:13.5px;color:var(--color-dark,#1d2129);outline:none}.addr-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.addr-card{position:relative;padding:15px 16px;border:1px solid var(--color-gray-200,#e5e6eb);border-radius:8px;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s;background:var(--surface-1)}.addr-card.is-active,.addr-card:hover{border-color:var(--color-primary)}.addr-card.is-active{background:var(--color-primary-softer,#f7fafd);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.addr-card-head{display:flex;align-items:center;gap:10px;margin-bottom:7px}.addr-card-head .name{font-size:14px;font-weight:600;color:var(--color-dark,#1d2129)}.addr-card-head .phone{font-size:13px;color:var(--color-gray-600,#4e5969)}.addr-default-tag{font-size:11px;padding:1px 6px;border-radius:3px;background:var(--color-primary);color:#fff;line-height:1.6}.addr-card-body{font-size:13px;color:var(--color-gray-600,#4e5969);line-height:1.65;word-break:break-all}.addr-card-body .company{color:var(--color-gray-500,#86909c);font-size:12.5px;margin-top:3px}.addr-card-ops{display:flex;gap:12px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--color-gray-200,#e5e6eb);font-size:12.5px}.addr-card-ops button{background:none;border:none;padding:0;cursor:pointer;color:var(--color-gray-500,#86909c);transition:color .15s}.addr-card-ops button:hover{color:var(--color-primary)}.addr-card-ops button.is-danger:hover{color:#f53f3f}.addr-add-card{display:flex;align-items:center;justify-content:center;gap:8px;min-height:96px;border:1px dashed var(--color-gray-300,#c9cdd4);border-radius:8px;background:var(--surface-1);color:var(--color-gray-500,#86909c);font-size:13.5px;cursor:pointer;transition:all .15s}.addr-add-card:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-softer,#f7fafd)}.pay-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pay-item{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--color-gray-200,#e5e6eb);border-radius:8px;cursor:pointer;background:var(--surface-1);transition:all .15s}.pay-item.is-active,.pay-item:hover{border-color:var(--color-primary)}.pay-item.is-active{background:var(--color-primary-softer,#f7fafd);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.pay-item-icon{width:30px;height:30px;flex-shrink:0;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:15px;color:#fff}.pay-item-icon,.pay-item-icon.is-transfer,.pay-item.is-active .pay-item-icon{background:var(--color-primary)}.pay-item-icon.is-alipay{background:#1677ff}.pay-item-icon.is-wechat{background:#07c160}.pay-item-icon.is-paypal{background:#003087}.pay-item-icon.is-stripe{background:#635bff}.pay-item-main .title{font-size:13.5px;font-weight:600;color:var(--color-dark,#1d2129);margin-bottom:3px}.pay-item-main .desc{font-size:12px;color:var(--color-gray-500,#86909c);line-height:1.55}.pay-info{border:1px solid var(--color-border,#e5e6eb);background:var(--color-bg-secondary,#fafbfc);border-radius:6px;padding:14px 16px}.pay-info-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.pay-info-title{font-size:12.5px;font-weight:500;color:var(--color-gray-500,#86909c)}.pay-info-copy{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--color-primary);background:var(--color-primary-soft,#eff4fb);color:var(--color-primary);font-size:12px;line-height:1;padding:5px 10px;border-radius:5px;cursor:pointer;transition:background .15s ease,color .15s ease}.pay-info-copy:hover{background:var(--color-primary);color:#fff}.pay-info-copy .fa-check{color:#13a04a}.pay-info-table{width:100%;border-collapse:collapse}.pay-info-table th{width:92px;text-align:left;font-weight:500;font-size:12.5px;color:var(--color-gray-500,#86909c);padding:5px 0;vertical-align:top}.pay-info-table td{padding:5px 0;word-break:break-all}.pay-info-line,.pay-info-table td{font-size:13px;color:var(--color-dark,#1d2129)}.pay-info-line{display:flex;align-items:center;gap:10px}.pay-info-label{font-size:12.5px;color:var(--color-gray-500,#86909c)}.pay-info .is-mono{font-family:SFMono-Regular,Consolas,monospace;letter-spacing:.3px}.pay-qrcode-wrap{text-align:center}.pay-qrcode{width:168px;height:168px;object-fit:contain;display:block;margin:0 auto 8px;border-radius:4px;background:var(--surface-1)}.pay-qrcode-tip{font-size:12.5px;color:var(--color-gray-500,#86909c)}.order-summary{display:flex;align-items:center;justify-content:flex-end;gap:22px;padding:16px 0 4px;font-size:13.5px;color:var(--color-gray-600,#4e5969)}.order-summary .total{font-size:20px;font-weight:700;color:#f53f3f;font-family:DIN Alternate,-apple-system,sans-serif}.order-summary .total.is-free{color:var(--color-primary)}.order-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:20px}.order-btn{padding:0 26px;height:40px;border-radius:6px;font-size:14px;border:none;cursor:pointer;transition:all .15s}.order-btn.is-primary{background:var(--color-primary);color:#fff}.order-btn.is-primary:hover:not(:disabled){background:var(--color-primary-dark)}.order-btn.is-primary:disabled{opacity:.6;cursor:not-allowed}.order-btn.is-ghost{background:var(--surface-1);color:var(--color-gray-600,#4e5969);border:1px solid var(--color-gray-300,#c9cdd4)}.order-btn.is-ghost:hover{color:var(--color-primary);border-color:var(--color-primary)}.order-banner{display:flex;align-items:flex-start;gap:9px;padding:11px 14px;border-radius:6px;font-size:13px;line-height:1.65;margin-bottom:16px}.order-banner.is-info{background:var(--color-primary-soft,#eff4fb);color:var(--color-primary-strong,#123a6b)}.order-banner.is-warn{background:#fff7e8;color:#cc7b00}.order-banner.is-err{background:#ffece8;color:#cb2634}.order-banner.is-ok{background:#e8ffea;color:#1d7a34}.order-banner i{margin-top:2px}.order-guard{background:var(--surface-1);border:1px solid var(--color-gray-200,#e5e6eb);border-radius:10px;padding:56px 32px;text-align:center}.order-guard-icon{font-size:40px;color:var(--color-primary);margin-bottom:16px;display:block}.order-guard h2{font-size:17px;font-weight:600;color:var(--color-dark,#1d2129);margin-bottom:10px}.order-guard p{font-size:13.5px;color:var(--color-gray-500,#86909c);line-height:1.75;max-width:460px;margin:0 auto 22px}.order-guard-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.order-item-card{background:var(--surface-1);border:1px solid var(--color-gray-200,#e5e6eb);border-radius:10px;padding:0;margin-bottom:14px;overflow:hidden}.order-item-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 18px;background:var(--color-gray-50,#f7f8fa);border-bottom:1px solid var(--color-gray-200,#e5e6eb);font-size:12.5px;color:var(--color-gray-500,#86909c)}.order-item-top .left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.order-item-top .no{color:var(--color-gray-600,#4e5969)}.order-item-body{display:flex;align-items:center;gap:16px;padding:16px 18px}.order-item-info{flex:1;min-width:0}.order-item-info .name{font-size:14px;font-weight:600;color:var(--color-dark,#1d2129);margin-bottom:6px}.order-item-info .meta{font-size:12.5px;color:var(--color-gray-500,#86909c);display:flex;flex-wrap:wrap;gap:5px 14px}.order-item-side{text-align:right;flex-shrink:0}.order-item-side .amount{font-size:16px;font-weight:700;color:#f53f3f;font-family:DIN Alternate,-apple-system,sans-serif;margin-bottom:8px}.order-item-side .amount.is-free{color:var(--color-primary);font-size:14px}.order-status-tag{display:inline-block;font-size:12px;padding:2px 9px;border-radius:20px;line-height:1.7}.order-status-tag.is-pending{background:#fff7e8;color:#cc7b00}.order-status-tag.is-confirmed{background:var(--color-primary-soft,#eff4fb);color:var(--color-primary-strong,#123a6b)}.order-status-tag.is-shipped{background:#e8f3ff;color:#1d5bd2}.order-status-tag.is-finished{background:#e8ffea;color:#1d7a34}.order-status-tag.is-canceled{background:var(--color-gray-100,#f2f3f5);color:var(--color-gray-500,#86909c)}.order-tags{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.order-status-tag.is-wait{background:#fff7e8;color:#cc7b00}.order-status-tag.is-shipping{background:#e8f3ff;color:#1d5bd2}.order-status-tag.is-done{background:#e8ffea;color:#1d7a34}.order-status-tag.is-none{background:var(--color-gray-100,#f2f3f5);color:var(--color-gray-500,#86909c)}.order-fixed-title{gap:8px;height:34px;padding:0 16px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary);font-size:13.5px;font-weight:600}.order-fixed-title,.order-return-tip{display:inline-flex;align-items:center}.order-return-tip{gap:5px;color:#cc7b00}.order-pay-tag{display:inline-block;font-size:11.5px;padding:1px 8px;border-radius:20px;border:1px solid}.order-pay-tag.is-unpaid{color:#cc7b00}.order-pay-tag.is-paid{color:#1d7a34}.order-pay-tag.is-refunded{color:var(--color-gray-500,#86909c)}.order-item-ops{display:flex;justify-content:flex-end;gap:10px;padding:0 18px 14px}.order-item-ops a,.order-item-ops button{font-size:13px;padding:6px 16px;border-radius:5px;border:1px solid var(--color-gray-300,#c9cdd4);background:var(--surface-1);color:var(--color-gray-600,#4e5969);cursor:pointer;transition:all .15s;text-decoration:none}.order-item-ops a:hover,.order-item-ops button:hover{color:var(--color-primary);border-color:var(--color-primary)}.order-item-ops button.is-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.order-item-ops button.is-primary:hover{background:color-mix(in srgb,var(--color-primary) 88%,#000);border-color:color-mix(in srgb,var(--color-primary) 88%,#000);color:#fff}.order-filter{display:flex;align-items:center;gap:9px;margin-bottom:18px;flex-wrap:wrap}.order-filter.is-sub{margin-top:-6px}.order-filter.is-sub .chip-btn{height:31px;padding:0 15px;font-size:13px;background:transparent;border:1px solid var(--color-gray-200,#e5e6eb);color:var(--color-gray-600,#4e5969)}.order-filter.is-sub .chip-btn:hover{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.order-filter.is-sub .chip-btn.is-active{border-color:var(--color-primary);background:var(--color-primary);color:#fff;box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.28)}.order-filter.is-sub .chip-btn.is-receipt{position:relative}.order-filter.is-sub .chip-btn.is-receipt:not(.is-active){border-color:rgba(var(--color-primary-rgb),.45);color:var(--color-primary)}.chip-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:999px;background:#e34d59;color:#fff;font-size:11px;font-style:normal;font-weight:600;line-height:1}.order-empty{background:var(--surface-1);border:1px solid var(--color-gray-200,#e5e6eb);border-radius:10px;padding:64px 24px;text-align:center;color:var(--color-gray-500,#86909c);font-size:13.5px}.order-empty i{font-size:38px;color:var(--color-gray-300,#c9cdd4);display:block;margin-bottom:14px}.order-success{background:var(--surface-1);border:1px solid var(--color-gray-200,#e5e6eb);border-radius:10px;padding:52px 32px;text-align:center}.order-success-icon{font-size:46px;color:#00b42a;margin-bottom:18px;display:block}.order-success h2{font-size:18px;font-weight:600;color:var(--color-dark,#1d2129);margin-bottom:10px}.order-success p{font-size:13.5px;color:var(--color-gray-500,#86909c);margin-bottom:6px}.order-success .no{font-size:15px;font-weight:600;color:var(--color-primary);font-family:DIN Alternate,-apple-system,sans-serif;margin-bottom:22px}.addr-modal-mask{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px}.addr-modal{background:var(--surface-1);border-radius:10px;width:100%;max-width:560px;max-height:88vh;overflow-y:auto;padding:24px}.addr-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.addr-modal-head h3{font-size:16px;font-weight:600;color:var(--color-dark,#1d2129)}.addr-modal-head button{background:none;border:none;font-size:17px;color:var(--color-gray-500,#86909c);cursor:pointer}.addr-modal-head button:hover{color:var(--color-primary)}.addr-checkbox{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--color-gray-600,#4e5969);cursor:pointer;user-select:none}.addr-checkbox input{width:15px;height:15px;accent-color:var(--color-primary);cursor:pointer}@media (max-width:900px){.addr-list,.order-grid,.pay-list{grid-template-columns:minmax(0,1fr)}.order-item-body{flex-wrap:wrap}.order-item-side{width:100%;text-align:left}}@media (max-width:640px){.order-container{padding:0 16px}.order-card{padding:18px 16px}}.paymode-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.paymode-item{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--color-gray-200,#e5e6eb);border-radius:8px;background:var(--surface-1);cursor:pointer;transition:all .15s}.paymode-item.is-active,.paymode-item:hover{border-color:var(--color-primary)}.paymode-item.is-active{background:var(--color-primary-softer,#f7fafd);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.paymode-icon{width:34px;height:34px;flex-shrink:0;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;background:var(--color-primary)}.paymode-main{flex:1;min-width:0}.paymode-main .title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--color-gray-800,#1d2129)}.paymode-main .desc{margin-top:4px;font-size:12.5px;line-height:1.5;color:var(--color-gray-500,#86909c)}.paymode-tag{font-size:11px;font-weight:600;padding:1px 7px;border-radius:20px;color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1)}.paymode-amount{flex-shrink:0;font-size:15px;font-weight:700;font-family:DIN Alternate,-apple-system,sans-serif;color:var(--color-gray-800,#1d2129)}.paymode-amount.is-deposit{color:var(--color-primary)}@media (max-width:640px){.paymode-list{grid-template-columns:minmax(0,1fr)}}.order-summary.is-deposit{padding-top:6px;font-size:13px;color:var(--color-gray-600,#4e5969)}.order-pay-tag.is-deposit{color:var(--color-primary)}.order-pay-tag.is-free{color:var(--color-gray-500,#86909c)}.order-balance-tip{display:block;margin-top:4px;font-size:11.5px;color:#cc7b00}.order-pay-tag.is-invoice-first{color:var(--color-primary)}.order-invoice-first-tip{display:block;margin-top:4px;font-size:11.5px;line-height:1.5;color:var(--color-gray-500,#86909c)}.order-invoice-first-tip i{margin-right:4px;color:var(--color-primary)}.order-tier-notice{margin-top:12px;padding:12px 14px;border-radius:10px;background:linear-gradient(118deg,rgba(var(--color-primary-rgb),.06),rgba(var(--color-primary-rgb),.02));border:1px dashed rgba(var(--color-primary-rgb),.35)}.order-tier-notice .main{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.65;color:var(--text-color,#1d2129)}.order-tier-notice .main i{margin-top:3px;color:var(--color-primary)}.order-tier-notice .main .text-primary,.order-tier-notice .main b{font-weight:700}.order-tier-notice .sub{margin-top:6px;padding-left:21px;font-size:12.5px;color:#cc7b00}.order-sku-tag{display:inline-flex;align-items:center;gap:5px;margin-left:10px;vertical-align:middle;padding:2px 10px;font-size:12px;font-weight:500;border-radius:6px;color:var(--color-primary);background:rgba(var(--color-primary-rgb),.09);border:1px solid rgba(var(--color-primary-rgb),.25)}.order-price-original{color:var(--text-tertiary,#86909c);text-decoration:line-through}