the WANG&LU BUILD W SINCERE ESTD 2022

Wang ERP

Loading orders…

Wang ERP

A brighter, breezier control room for your daily orders, refunds, and resale flow.

手动调整

{{ fullEditItem.order_number }} · 可添加多件商品

合计 ${{ fullEditTotal.toFixed(2) }}
商品 {{ idx + 1 }}

保存后同步到 Edit Order 窗口

🗑 垃圾箱

已删除订单保留 30 天,可随时恢复;逾期自动永久删除

垃圾箱是空的
{{ o.item_name || o.order_number }}
{{ o.platform }} · {{ o.order_number }} · 剩 {{ trashDaysLeft(o) }} 天

{{ editModal ? 'Edit Order' : (listModal ? 'List Item' : (sellIsEdit ? 'Edit Sale' : 'Record Sale')) }}

{{ editItem.item_name }}
{{ editItem.order_number || 'No ID' }} | ${{ fmt(editItem.price_paid) }}
--summer-shadow: 0 18px 45px rgba(30, 27, 46, 0.09); } html, body, #app { height: 100%; margin: 0; } [v-cloak] { display: none !important; } /* Splash screen animations */ @keyframes splash-pulse { 0%, 100% { transform: scale(1); box-shadow: 0 20px 40px rgba(124,106,246,0.25); } 50% { transform: scale(1.06); box-shadow: 0 24px 48px rgba(124,106,246,0.40); } } @keyframes splash-orbit { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes splash-dot { 0%, 80%, 100% { transform: scale(0.6); opacity: 0.4; } 40% { transform: scale(1.2); opacity: 1; } } .splash-fade-enter-active, .splash-fade-leave-active { transition: opacity 0.5s ease; } .splash-fade-enter-from, .splash-fade-leave-to { opacity: 0; } body { background: radial-gradient(circle at 8% 10%, rgba(124, 106, 246, 0.10), transparent 30%), radial-gradient(circle at 92% 8%, rgba(139, 158, 119, 0.10), transparent 26%), linear-gradient(180deg, #F5F5F8 0%, #F2F2F7 52%, #F5F2EB 100%); } ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background: #E3C9A9; border-radius: 10px; } #toast { transform: translateX(-50%) translateY(100px); opacity: 0; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } #toast.show { transform: translateX(-50%) translateY(0); opacity: 1; } .glass-modal { background: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 248, 239, 0.84)); backdrop-filter: blur(24px); box-shadow: 0 28px 80px rgba(24, 75, 93, 0.14); } .fade-enter-active, .fade-leave-active { transition: opacity 0.2s; } .fade-enter-from, .fade-leave-to { opacity: 0; } .sidebar-drawer { transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); } @media (max-width: 767px) { .sidebar-drawer.sidebar-closed { transform: translateX(-100%); } .sidebar-drawer.sidebar-open { transform: translateX(0); } } .filter-sheet { transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); transform: translateY(100%); } .filter-sheet.filter-open { transform: translateY(0); } .safe-pb { padding-bottom: env(safe-area-inset-bottom, 4px); } .summer-page { background: radial-gradient(58% 48% at 8% -2%, rgba(124, 106, 246, 0.22), transparent 60%), radial-gradient(52% 42% at 96% 6%, rgba(246, 180, 123, 0.20), transparent 60%), radial-gradient(50% 50% at 82% 102%, rgba(124, 167, 248, 0.17), transparent 60%), radial-gradient(46% 46% at 22% 98%, rgba(183, 146, 244, 0.14), transparent 60%), linear-gradient(180deg, #F4FAFD 0%, #FBF7FF 55%, #FFF8F2 100%) !important; color: #1E1B2E; } .summer-page::before { content: ''; position: fixed; inset: 0; pointer-events: none; opacity: .4; background: linear-gradient(rgba(30, 27, 46, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(30, 27, 46, 0.024) 1px, transparent 1px); background-size: 54px 54px; } .summer-sidebar { background: linear-gradient(180deg, #2D2B55 0%, #312F5E 50%, #2D2B55 100%) !important; border-color: rgba(150,140,255,.12) !important; color: #B8B4D8 !important; backdrop-filter: none; } .summer-sidebar h1 { color: #142033 !important; } .summer-sidebar a { color: #536174; } .summer-topbar { background: rgba(255, 255, 255, 0.78) !important; border-color: rgba(191, 217, 226, 0.88) !important; color: #1E1B2E; backdrop-filter: blur(18px); } .summer-panel { background: rgba(255,255,255,.86) !important; border-color: rgba(202, 224, 231, .9) !important; color: #1E1B2E !important; box-shadow: 0 18px 45px rgba(30, 27, 46, 0.08); } .task-card { --accent: #7C6AF6; --accent2: #8B9E77; --card-bg: #ffffff; background: radial-gradient(135% 110% at 100% -12%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 46%), radial-gradient(120% 120% at -12% 116%, color-mix(in srgb, var(--accent2) 15%, transparent), transparent 50%), linear-gradient(150deg, rgba(255,255,255,.66), rgba(255,255,255,.40)) !important; backdrop-filter: blur(16px) saturate(1.45); -webkit-backdrop-filter: blur(16px) saturate(1.45); border: 1px solid color-mix(in srgb, var(--accent) 20%, rgba(255,255,255,.55)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 18px 40px rgba(30, 27, 46, 0.10), 0 4px 16px color-mix(in srgb, var(--accent) 16%, transparent); color: #1E1B2E !important; } .task-card:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--accent) 40%, rgba(255,255,255,.5)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 28px 60px rgba(30, 27, 46, 0.16), 0 8px 24px color-mix(in srgb, var(--accent) 26%, transparent); } /* glossy top highlight (the "glass" sheen) */ .task-card::before { content: ''; position: absolute; left: 14px; right: 14px; top: 0; height: 1px; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(255,255,255,.95) 28%, rgba(255,255,255,.95) 72%, transparent); opacity: .8; } .task-chip { background: rgba(255,255,255,0.52); border: 1px solid rgba(255,255,255,0.7); color: #5C6C81; box-shadow: inset 0 1px 0 rgba(255,255,255,.85); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } .task-count { background: color-mix(in srgb, var(--accent) 18%, rgba(255,255,255,.6)); color: color-mix(in srgb, var(--accent) 70%, #1C3A45); border: 1px solid color-mix(in srgb, var(--accent) 30%, rgba(255,255,255,.6)); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } .task-title { color: #1E1B2E; } .task-card:hover .task-title { color: color-mix(in srgb, var(--accent) 74%, #1E1B2E); } .task-meta { color: #73849A; } .task-img { border: 1px solid rgba(255,255,255,.85) !important; background: #FFFFFF; box-shadow: 0 6px 18px rgba(28,25,23,.13); } .task-footer { background: linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.5)); border-top: 1px solid rgba(255,255,255,.6); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); } .task-money { color: #1E1B2E; } .task-label { color: #8EA0B5; } .task-owner { color: #263448; } .task-platform { color: color-mix(in srgb, var(--accent) 72%, #2A4652); } .task-actionbar { background: rgba(255,255,255,0.42); border-top: 1px solid rgba(255,255,255,.55); } .dark-badge-refunded { background: rgba(88, 197, 184, .12); color: #5B4BC4; border-color: rgba(88,197,184,.28); } .dark-badge-pending { background: rgba(255, 154, 116, .13); color: #C86443; border-color: rgba(255,154,116,.30); } .dark-badge-personal { background: rgba(92, 194, 125, .12); color: #33895A; border-color: rgba(92,194,125,.26); } .dark-badge-return { background: rgba(126, 144, 161, .12); color: #637486; border-color: rgba(126,144,161,.24); } .dark-badge-daigou { background: rgba(242, 196, 85, .16); color: #9A6E18; border-color: rgba(242,196,85,.28); } .soft-kpi-card { background: rgba(255,255,255,.82) !important; border: 1px solid rgba(202,224,231,.92) !important; box-shadow: 0 16px 38px rgba(30,27,46,.07); } /* Modern admin-style modal + form controls */ .glass-modal { background: radial-gradient(circle at 88% 0%, rgba(140, 188, 255, .16), transparent 32%), linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,253,.96)) !important; border: 1px solid rgba(211, 226, 235, .95) !important; box-shadow: 0 30px 90px rgba(30, 58, 83, .20) !important; backdrop-filter: blur(24px); } .summer-soft { background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(247,251,253,.88)); border-color: rgba(210, 226, 235, .9) !important; box-shadow: 0 12px 30px rgba(30, 58, 83, .06); } .label { display: block; margin-bottom: 4px; color: #71839A; font-size: 10.5px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; } .field { display: block; width: 100%; min-height: 40px; border: 1px solid #D5E5EE; border-radius: 13px; background: rgba(255,255,255,.92); color: #1E1B2E; padding: 0 12px; font-size: 14px; font-weight: 650; outline: none; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 1px 2px rgba(30,58,83,.03); transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; } select.field { appearance: auto; padding-right: 12px; } input.field::placeholder { color: #A0AEC0; font-weight: 500; } .field:focus { border-color: #8EC5FF; background: #FFFFFF; box-shadow: 0 0 0 4px rgba(142,197,255,.18); } .modal-copy-btn { width: 34px; height: 34px; border-radius: 12px; border: 1px solid #D5E5EE; background: #FFFFFF; color: #46BEB8; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 900; box-shadow: 0 6px 16px rgba(30,58,83,.07); transition: transform .16s ease, box-shadow .16s ease, background .16s ease; } .modal-copy-btn:hover { transform: translateY(-1px); background: #EAFBF8; box-shadow: 0 9px 22px rgba(30,58,83,.11); } @media (max-width: 640px) { .edit-form-grid { grid-template-columns: 1fr !important; } .glass-modal { max-height: 96vh !important; } } /* ── Overview dashboard ── */ .dash-hero{ background: radial-gradient(circle at 88% -20%, rgba(124,106,246,.14), transparent 45%), radial-gradient(circle at 12% 130%, rgba(94,155,122,.12), transparent 52%), linear-gradient(135deg, rgba(255,255,255,.95), rgba(247,251,253,.9)); border-color: rgba(202,224,231,.9); box-shadow: 0 18px 45px rgba(28,25,23,.08); } .dash-action,.dash-action-primary{ padding:.55rem 1.05rem;border-radius:9999px;font-size:13px;font-weight:800; transition:all .18s ease;border:1px solid rgba(180,175,230,.5); background:rgba(255,255,255,.8);color:#46586E;cursor:pointer;white-space:nowrap; } .dash-action:hover{border-color:var(--summer-teal);color:#1F4F66;transform:translateY(-1px);} .dash-action-primary{background:linear-gradient(135deg,#7C6AF6,#6B59E0);color:#fff;border-color:transparent;box-shadow:0 10px 22px rgba(73,182,176,.3);} .dash-action-primary:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(73,182,176,.4);} .dash-card{ background:rgba(255,255,255,.85); border:1px solid rgba(180,175,230,.35); box-shadow:0 16px 38px rgba(30,27,46,.07); } .dash-progress{height:7px;border-radius:9999px;background:#EAEAF4;overflow:hidden;} .dash-progress-fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,#F6B47B,#7C6AF6 60%,#7CA7F8);transition:width .5s ease;} .dash-todo{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;border-radius:12px;border:1px solid rgba(180,175,230,.4);background:rgba(255,255,255,.7);transition:all .16s ease;cursor:pointer;} .dash-todo:hover{border-color:var(--summer-teal);background:#fff;transform:translateY(-1px);box-shadow:0 8px 18px rgba(30,27,46,.07);} .dash-todo-dot{width:8px;height:8px;border-radius:9999px;flex:none;} .dash-gauge-wrap{position:relative;width:100%;max-width:220px;} .dash-gauge-center{position:absolute;left:0;right:0;bottom:8px;text-align:center;} .dash-row{transition:background .15s ease;cursor:pointer;} .dash-row:hover{background:#F4FAFB;} /* WL logo heartbeat */ @keyframes wlBeat { 0%, 36%, 100% { transform: scale(1); } 8% { transform: scale(1.09); } 18% { transform: scale(0.99); } 26% { transform: scale(1.05); } } .wl-beat { animation: wlBeat 1.7s ease-in-out infinite; transform-origin: center; will-change: transform; } @media (prefers-reduced-motion: reduce) { .wl-beat { animation: none; } } /* Sidebar nav items on dark background */ .summer-sidebar a, .summer-sidebar button.nav-item, .summer-sidebar [class*="cursor-pointer"] { color: #B8B4D8 !important; } .summer-sidebar [class*="bg-\[#7C6AF6\]"] { background: rgba(124,106,246,0.18) !important; color: #D0CDFF !important; } .summer-sidebar [class*="text-slate-400"] { color: #9B97BF !important; } .summer-sidebar [class*="text-slate-600"] { color: #B8B4D8 !important; } .summer-sidebar [class*="hover\:text-slate-200"]:hover { color: #E0DEFF !important; } .summer-sidebar select { background: rgba(255,255,255,0.08) !important; color: #C4C0E0 !important; border-color: rgba(180,175,255,0.2) !important; } .summer-sidebar .text-brand { color: #A99CF8 !important; } /* Badge counts */ .summer-sidebar [class*="px-1.5"][class*="py-0.5"], .summer-sidebar [class*="rounded-md"] { background: rgba(124,106,246,0.2) !important; color: #C4C0FF !important; }
the WANG&LU BUILD W SINCERE ESTD 2022

Wang ERP

Loading orders…

Wang ERP

A brighter, breezier control room for your daily orders, refunds, and resale flow.

手动调整

{{ fullEditItem.order_number }} · 可添加多件商品

合计 ${{ fullEditTotal.toFixed(2) }}
商品 {{ idx + 1 }}

保存后同步到 Edit Order 窗口

🗑 垃圾箱

已删除订单保留 30 天,可随时恢复;逾期自动永久删除

垃圾箱是空的
{{ o.item_name || o.order_number }}
{{ o.platform }} · {{ o.order_number }} · 剩 {{ trashDaysLeft(o) }} 天

{{ editModal ? 'Edit Order' : (listModal ? 'List Item' : 'Record Sale') }}

{{ editItem.item_name }}
{{ editItem.order_number || 'No ID' }} | ${{ fmt(editItem.price_paid) }}