.order-detail-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);backdrop-filter:blur(10px);z-index:25000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.4s ease}.order-detail-overlay.active{opacity:1;visibility:visible}.order-detail-scroll{width:90%;max-width:400px;max-height:85vh;background:linear-gradient(180deg,rgba(250,245,235,0.98) 0%,rgba(240,230,215,0.96) 100% );border-radius:24px;overflow-y:auto;overflow-x:hidden;transform:scale(0.9) translateY(30px);transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);border:1px solid rgba(139,90,43,0.25);box-shadow:0 20px 60px rgba(0,0,0,0.4),0 0 0 1px rgba(139,90,43,0.2),inset 0 1px 0 rgba(255,255,255,0.6)}.order-detail-overlay.active .order-detail-scroll{transform:scale(1) translateY(0)}.order-detail-scroll::-webkit-scrollbar{width:4px}.order-detail-scroll::-webkit-scrollbar-thumb{background:rgba(139,90,43,0.3);border-radius:2px}.order-detail-top-border{position:sticky;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(194,58,48,0.6) 10%,rgba(212,175,55,0.8) 30%,rgba(78,130,140,0.8) 50%,rgba(212,175,55,0.8) 70%,rgba(194,58,48,0.6) 90%,transparent 100% );z-index:2}.order-detail-header{padding:16px 20px 0;display:flex;justify-content:space-between;align-items:flex-start}.order-detail-title{font-family:'Noto Serif SC',serif;font-size:18px;font-weight:700;color:#4A3728;letter-spacing:2px}.order-detail-close{width:32px;height:32px;background:rgba(139,90,43,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8B7355;font-size:20px;cursor:pointer;transition:all 0.3s;border:1px solid rgba(139,90,43,0.2);flex-shrink:0}.order-detail-close:hover{background:rgba(194,58,48,0.15);color:#C23A30;transform:scale(1.1)}.heritage-project-tag{margin:12px 20px 0;padding:8px 14px;background:linear-gradient(135deg,rgba(194,58,48,0.08) 0%,rgba(212,175,55,0.08) 100%);border:1px solid rgba(212,175,55,0.3);border-radius:10px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all 0.3s ease}.heritage-project-tag:hover{background:linear-gradient(135deg,rgba(194,58,48,0.12) 0%,rgba(212,175,55,0.12) 100%);border-color:rgba(194,58,48,0.4)}.heritage-project-tag .hp-icon{font-size:18px}.heritage-project-tag .hp-label{font-size:11px;color:#8B7355;font-weight:500}.heritage-project-tag .hp-name{font-family:'Noto Serif SC',serif;font-size:13px;font-weight:600;color:#4A3728;flex:1}.heritage-project-tag .hp-arrow{font-size:14px;color:#A89888}.delivery-info-row{margin:14px 20px;padding:12px 14px;background:rgba(255,255,255,0.5);border-radius:10px;border:1px solid rgba(139,90,43,0.1);display:flex;align-items:center;cursor:pointer;transition:all 0.3s ease;overflow:hidden;white-space:nowrap;gap:8px;font-size:13px}.delivery-info-row:hover{background:rgba(255,255,255,0.75);border-color:rgba(194,58,48,0.2)}.delivery-info-row .di-status{font-weight:600;color:#C23A30;flex-shrink:0;font-size:13px}.delivery-info-row .di-status.shipping{color:#2E5C8A}.delivery-info-row .di-status.completed{color:#7D9B76}.delivery-info-row .di-separator{color:rgba(139,90,43,0.3);flex-shrink:0;font-size:12px;margin:0 2px}.delivery-info-row .di-phone-wrapper{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.delivery-info-row .di-phone{color:#6B5B4F;flex-shrink:0;font-size:13px}.delivery-info-row .di-eye-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;cursor:pointer;font-size:13px;color:#8B7355;transition:all 0.2s;flex-shrink:0;background:rgba(139,90,43,0.06)}.delivery-info-row .di-eye-btn:hover{color:#C23A30;background:rgba(194,58,48,0.1)}.delivery-info-row .di-separator-2{color:rgba(139,90,43,0.3);flex-shrink:0;font-size:12px;margin:0 2px}.delivery-info-row .di-address{color:#6B5B4F;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px}.order-detail-product{margin:0 20px 14px;padding:14px;background:rgba(255,255,255,0.6);border-radius:14px;border:1px solid rgba(139,90,43,0.1);display:flex;align-items:center;gap:12px;cursor:pointer;transition:all 0.3s ease}.order-detail-product:hover{background:rgba(255,255,255,0.85);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.06)}.odp-image{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#E8D5C4 0%,#D4C8B8 100%);display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.odp-info{flex:1;min-width:0;display:flex;flex-direction:column}.odp-name{font-family:'Noto Serif SC',serif;font-size:14px;font-weight:600;color:#4A3728;margin-bottom:6px;line-height:1.3}.odp-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.odp-quantity{font-size:11px;color:#A89888;flex-shrink:0}.odp-buttons{display:flex;gap:8px;flex-shrink:0}.odp-btn{padding:5px 11px;border-radius:14px;font-size:11px;font-weight:500;cursor:pointer;transition:all 0.25s ease;border:none;font-family:'Noto Sans SC',sans-serif;white-space:nowrap}.odp-btn.contact{background:rgba(139,90,43,0.08);color:#6B5B4F;border:1px solid rgba(139,90,43,0.15)}.odp-btn.contact:hover{background:rgba(139,90,43,0.15);color:#4A3728}.odp-btn.refund{background:rgba(194,58,48,0.08);color:#C23A30;border:1px solid rgba(194,58,48,0.2)}.odp-btn.refund:hover{background:rgba(194,58,48,0.15)}.amount-divider{margin:0 20px 12px;display:flex;align-items:center;justify-content:flex-end}.amount-divider::before{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(139,90,43,0.3) 8%,rgba(139,90,43,0.15) 50%,rgba(139,90,43,0.3) 92%,transparent 100% );margin-right:16px}.amount-divider .amount-text{font-family:'Noto Serif SC',serif;font-size:20px;font-weight:700;color:#C23A30;flex-shrink:0}.amount-divider .amount-text small{font-size:14px;font-weight:400;color:#8B7355;margin-right:4px}.order-id-row{margin:0 8px;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;font-size:13px}.order-id-row .oid-label{color:#8B7355}.order-id-row .oid-value{color:#4A3728;font-weight:500;font-family:'Noto Serif SC',serif;margin-right:auto;margin-left:8px}.order-id-row .oid-copy-btn{display:inline-flex;align-items:center;gap:3px;padding:4px 10px;border-radius:12px;font-size:11px;color:#8B7355;cursor:pointer;transition:all 0.2s;border:1px solid rgba(139,90,43,0.15);background:rgba(255,255,255,0.5);font-family:'Noto Sans SC',sans-serif;flex-shrink:0}.order-id-row .oid-copy-btn:hover{color:#C23A30;border-color:rgba(194,58,48,0.3);background:rgba(194,58,48,0.05)}.order-stats{margin:0 20px 16px;padding:14px;background:rgba(139,90,43,0.04);border-radius:12px;border:1px solid rgba(139,90,43,0.06)}.order-stats .stat-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px}.order-stats .stat-row:not(:last-child){border-bottom:1px solid rgba(139,90,43,0.05)}.order-stats .stat-label{color:#8B7355;font-size:13px}.order-stats .stat-value{color:#4A3728;font-weight:500;font-family:'Noto Serif SC',serif;font-size:13px}.order-detail-actions{position:sticky;bottom:0;left:0;right:0;padding:14px 20px;background:linear-gradient(180deg,transparent 0%,rgba(250,245,235,0.95) 20%,rgba(250,245,235,0.98) 100% );display:flex;gap:12px;border-top:1px solid rgba(139,90,43,0.08)}.order-detail-actions .oda-btn{flex:1;padding:13px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;border:none;text-align:center;font-family:'Noto Sans SC',sans-serif}.oda-btn.cancel{background:rgba(139,90,43,0.08);color:#6B5B4F;border:1px solid rgba(139,90,43,0.2)}.oda-btn.cancel:hover{background:rgba(139,90,43,0.15);color:#4A3728}.oda-btn.primary-action{background:linear-gradient(135deg,#C23A30 0%,#A03028 100%);color:white;box-shadow:0 4px 12px rgba(194,58,48,0.3)}.oda-btn.primary-action:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(194,58,48,0.4)}.oda-btn.primary-action:active{transform:translateY(0)}.order-item-list-header{margin:14px 20px 10px;padding:10px 14px;background:rgba(255,255,255,0.5);border-radius:10px;border:1px solid rgba(139,90,43,0.1);display:flex;align-items:center;cursor:pointer;transition:all 0.3s ease;overflow:hidden;white-space:nowrap;gap:8px;font-size:13px}.order-item-list-header:hover{background:rgba(255,255,255,0.75);border-color:rgba(194,58,48,0.2)}.order-item-list-header .di-status{font-weight:600;color:#C23A30;flex-shrink:0}.order-item-list-header .di-status.shipping{color:#2E5C8A}.order-item-list-header .di-status.completed{color:#7D9B76}.order-item-list-header .di-separator{color:rgba(139,90,43,0.3);flex-shrink:0;font-size:12px;margin:0 2px}.order-item-list-header .di-phone-wrapper{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.order-item-list-header .di-phone{color:#6B5B4F;flex-shrink:0;font-size:13px}.order-item-list-header .di-eye-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;cursor:pointer;font-size:13px;color:#8B7355;transition:all 0.2s;flex-shrink:0;background:rgba(139,90,43,0.06)}.order-item-list-header .di-eye-btn:hover{color:#C23A30;background:rgba(194,58,48,0.1)}.order-item-list-header .di-separator-2{color:rgba(139,90,43,0.3);flex-shrink:0;font-size:12px;margin:0 2px}.order-item-list-header .di-address{color:#6B5B4F;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px}.order-item-list-product{margin:0 20px 8px;padding:12px 14px;background:rgba(255,255,255,0.6);border-radius:12px;border:1px solid rgba(139,90,43,0.1);display:flex;align-items:center;gap:10px;cursor:pointer;transition:all 0.3s ease}.order-item-list-product:hover{background:rgba(255,255,255,0.85);transform:translateY(-1px);box-shadow:0 3px 10px rgba(0,0,0,0.05)}.order-item-list-product .oilp-image{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#E8D5C4 0%,#D4C8B8 100%);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.order-item-list-product .oilp-info{flex:1;min-width:0}.order-item-list-product .oilp-name{font-family:'Noto Serif SC',serif;font-size:13px;font-weight:600;color:#4A3728;margin-bottom:2px;line-height:1.3}.order-item-list-product .oilp-meta{font-size:11px;color:#A89888}.order-item-list-product .oilp-price{font-family:'Noto Serif SC',serif;font-size:15px;font-weight:700;color:#C23A30;flex-shrink:0}.order-item-list-product .oilp-price::before{content:'¥';font-size:11px}.order-item-list-total{margin:4px 20px 12px;display:flex;align-items:center;justify-content:flex-end}.order-item-list-total::before{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(139,90,43,0.3) 8%,rgba(139,90,43,0.15) 50%,rgba(139,90,43,0.3) 92%,transparent 100% );margin-right:16px}.order-item-list-total .total-text{font-family:'Noto Serif SC',serif;font-size:18px;font-weight:700;color:#C23A30;flex-shrink:0}.order-item-list-total .total-text small{font-size:13px;font-weight:400;color:#8B7355;margin-right:4px}.order-item-list-footer{position:sticky;bottom:0;left:0;right:0;padding:14px 20px;background:linear-gradient(180deg,transparent 0%,rgba(250,245,235,0.95) 20%,rgba(250,245,235,0.98) 100% );display:flex;gap:12px;border-top:1px solid rgba(139,90,43,0.08)}.order-item-list-footer .oilf-btn{flex:1;padding:13px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;border:none;text-align:center;font-family:'Noto Sans SC',sans-serif}.oilf-btn.cancel{background:rgba(139,90,43,0.08);color:#6B5B4F;border:1px solid rgba(139,90,43,0.2)}.oilf-btn.cancel:hover{background:rgba(139,90,43,0.15);color:#4A3728}.oilf-btn.primary-action{background:linear-gradient(135deg,#C23A30 0%,#A03028 100%);color:white;box-shadow:0 4px 12px rgba(194,58,48,0.3)}.oilf-btn.primary-action:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(194,58,48,0.4)}.oilf-btn.primary-action:active{transform:translateY(0)}.logistics-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.75);backdrop-filter:blur(8px);z-index:26000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.35s ease}.logistics-overlay.active{opacity:1;visibility:visible}.logistics-scroll{width:88%;max-width:380px;max-height:78vh;background:linear-gradient(180deg,rgba(250,245,235,0.98) 0%,rgba(240,230,215,0.96) 100% );border-radius:20px;overflow-y:auto;overflow-x:hidden;transform:scale(0.9) translateY(30px);transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);border:1px solid rgba(139,90,43,0.25);box-shadow:0 20px 60px rgba(0,0,0,0.4),0 0 0 1px rgba(139,90,43,0.2),inset 0 1px 0 rgba(255,255,255,0.6)}.logistics-overlay.active .logistics-scroll{transform:scale(1) translateY(0)}.logistics-scroll::-webkit-scrollbar{width:4px}.logistics-scroll::-webkit-scrollbar-thumb{background:rgba(139,90,43,0.3);border-radius:2px}.logistics-header{padding:16px 20px 0;display:flex;justify-content:space-between;align-items:flex-start}.logistics-title{font-family:'Noto Serif SC',serif;font-size:18px;font-weight:700;color:#4A3728;letter-spacing:2px}.logistics-close{width:32px;height:32px;background:rgba(139,90,43,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8B7355;font-size:20px;cursor:pointer;transition:all 0.3s;border:1px solid rgba(139,90,43,0.2);flex-shrink:0}.logistics-close:hover{background:rgba(194,58,48,0.15);color:#C23A30;transform:scale(1.1)}.logistics-content{padding:14px 20px 20px}.logistics-info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:14px}.logistics-info-row:not(:last-child){border-bottom:1px solid rgba(139,90,43,0.08)}.logistics-info-label{color:#8B7355}.logistics-info-value{color:#4A3728;font-weight:500;font-family:'Noto Serif SC',serif}.logistics-timeline-title{font-family:'Noto Serif SC',serif;font-size:15px;font-weight:600;color:#4A3728;margin-bottom:14px;padding-top:8px;border-top:1px solid rgba(139,90,43,0.1)}.logistics-timeline{padding:0 0 6px}.logistics-timeline-item{position:relative;padding:0 0 18px 28px;border-left:2px solid rgba(139,90,43,0.15)}.logistics-timeline-item:last-child{border-left-color:transparent;padding-bottom:0}.logistics-timeline-item.active{border-left-color:#C23A30}.logistics-timeline-dot{position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:rgba(139,90,43,0.25);border:2px solid rgba(250,245,235,0.98)}.logistics-timeline-item.active .logistics-timeline-dot{background:#C23A30;box-shadow:0 0 8px rgba(194,58,48,0.4)}.logistics-timeline-text{font-size:13px;color:#6B5B4F;line-height:1.5}.logistics-timeline-item.active .logistics-timeline-text{color:#4A3728;font-weight:500}.logistics-timeline-time{font-size:11px;color:#A89888;margin-top:2px}.logistics-empty{text-align:center;padding:30px 20px;color:#8B7355}.logistics-empty-icon{font-size:40px;margin-bottom:10px;opacity:0.5}.logistics-empty-text{font-size:13px}