.orders-center-page[data-v-04bccb59]{display:flex;flex-direction:column;gap:14px;margin:0 auto;max-width:1500px}.order-stats[data-v-04bccb59],.orders-card[data-v-04bccb59],.page-heading[data-v-04bccb59]{background:var(--shell-card);border:1px solid var(--shell-border);border-radius:17px;box-shadow:0 8px 26px #181c2f0a}.page-heading[data-v-04bccb59]{align-items:center;display:flex;justify-content:space-between;padding:20px 22px}.page-heading span[data-v-04bccb59]{color:var(--pc-primary);font-size:9px;font-weight:800;letter-spacing:1.5px}.page-heading h1[data-v-04bccb59]{font-size:24px;margin:5px 0 4px}.page-heading p[data-v-04bccb59]{color:var(--shell-muted);font-size:11px;margin:0}.page-heading>div[data-v-04bccb59]:last-child{display:flex;gap:8px}.page-heading button[data-v-04bccb59]{background:var(--shell-card);border:1px solid var(--shell-border);border-radius:9px;color:var(--shell-text);cursor:pointer;height:38px;padding:0 14px}.page-heading button.primary[data-v-04bccb59]{background:var(--pc-primary);border-color:var(--pc-primary);color:#fff}.order-stats[data-v-04bccb59]{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.order-stats>div[data-v-04bccb59]{align-items:end;border-left:1px solid var(--shell-border);display:grid;grid-template-columns:auto 1fr;padding:17px 20px}.order-stats>div[data-v-04bccb59]:first-child{border-left:0}.order-stats small[data-v-04bccb59]{color:var(--shell-muted);font-size:10px;grid-column:1/3;margin-bottom:7px}.order-stats strong[data-v-04bccb59]{font-size:23px}.order-stats span[data-v-04bccb59]{color:var(--shell-muted);font-size:9px;margin:0 0 3px 5px}.orders-card[data-v-04bccb59]{padding:15px}.order-tabs[data-v-04bccb59]{align-items:center;border-bottom:1px solid var(--shell-border);display:flex;gap:6px;padding-bottom:13px}.order-tabs>button[data-v-04bccb59]{background:transparent;border:1px solid transparent;border-radius:8px;color:var(--shell-muted);cursor:pointer;font-size:10px;padding:8px 11px}.order-tabs>button.active[data-v-04bccb59]{background:color-mix(in srgb,var(--pc-primary) 8%,var(--shell-card));border-color:color-mix(in srgb,var(--pc-primary) 20%,transparent);color:var(--pc-primary);font-weight:700}.order-tabs>div[data-v-04bccb59]{margin-left:auto;width:260px}.order-tabs[data-v-04bccb59] .el-input__wrapper{box-shadow:0 0 0 1px var(--shell-border) inset}.order-list[data-v-04bccb59]{display:flex;flex-direction:column}.order-list article[data-v-04bccb59]{align-items:center;border-top:1px solid var(--shell-border);display:grid;gap:13px;grid-template-columns:52px minmax(0,1fr) 130px 190px;padding:15px 6px}.order-list article[data-v-04bccb59]:first-child{border-top:0}.order-icon[data-v-04bccb59]{align-items:center;background:linear-gradient(135deg,var(--pc-primary),var(--pc-secondary));border-radius:14px;color:#fff;display:flex;font-weight:900;height:52px;justify-content:center;width:52px}.order-icon.compute[data-v-04bccb59]{background:linear-gradient(135deg,#ea580c,#fb923c)}.order-icon.song[data-v-04bccb59]{background:linear-gradient(135deg,#d97706,#fbbf24)}.order-icon.ringtone[data-v-04bccb59]{background:linear-gradient(135deg,#0284c7,#22d3ee)}.order-icon.map_mark[data-v-04bccb59]{background:linear-gradient(135deg,#059669,#34d399)}.order-main[data-v-04bccb59]{min-width:0}.order-line[data-v-04bccb59]{align-items:center;display:flex;gap:8px}.order-line>span[data-v-04bccb59]{background:color-mix(in srgb,var(--pc-primary) 8%,var(--shell-card));border-radius:5px;color:var(--pc-primary);font-size:8px;padding:4px 6px}.order-line strong[data-v-04bccb59]{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-head>span[data-v-04bccb59],.order-line em[data-v-04bccb59]{border-radius:6px;font-size:8px;font-style:normal;padding:5px 7px}.detail-head>span.wait[data-v-04bccb59],.order-line em.wait[data-v-04bccb59]{background:#fff7ed;color:#c2410c}.detail-head>span.success[data-v-04bccb59],.order-line em.success[data-v-04bccb59]{background:#ecfdf5;color:#047857}.detail-head>span.processing[data-v-04bccb59],.order-line em.processing[data-v-04bccb59]{background:#eff6ff;color:#1d4ed8}.detail-head>span.failed[data-v-04bccb59],.order-line em.failed[data-v-04bccb59]{background:#fef2f2;color:#dc2626}.order-main p[data-v-04bccb59]{align-items:center;color:var(--shell-muted);display:flex;font-size:8px;gap:7px;margin:7px 0 0}.order-main p i[data-v-04bccb59]{background:var(--shell-muted);border-radius:50%;height:3px;width:3px}.order-main small[data-v-04bccb59]{color:var(--shell-muted);display:block;font-size:8px;margin-top:5px}.order-money[data-v-04bccb59]{align-items:flex-end;display:flex;flex-direction:column}.order-money small[data-v-04bccb59]{color:var(--shell-muted);font-size:8px}.order-money strong[data-v-04bccb59]{color:#ef4444;font-size:16px;margin:4px 0}.order-money strong i[data-v-04bccb59]{font-size:9px;font-style:normal}.order-money span[data-v-04bccb59]{color:var(--shell-muted);font-size:8px}.order-actions[data-v-04bccb59]{display:flex;gap:6px;justify-content:flex-end}.order-actions button[data-v-04bccb59]{background:var(--shell-card);border:1px solid var(--shell-border);border-radius:8px;color:var(--shell-muted);cursor:pointer;font-size:9px;height:32px;padding:0 10px}.order-actions button.primary[data-v-04bccb59]{background:var(--pc-primary);border-color:var(--pc-primary);color:#fff}.empty-state[data-v-04bccb59]{color:var(--shell-muted);flex-direction:column;min-height:390px}.empty-state[data-v-04bccb59],.empty-state>span[data-v-04bccb59]{align-items:center;display:flex;justify-content:center}.empty-state>span[data-v-04bccb59]{background:linear-gradient(135deg,var(--pc-primary),var(--pc-secondary));border-radius:21px;color:#fff;font-size:22px;font-weight:900;height:68px;width:68px}.empty-state h2[data-v-04bccb59]{color:var(--shell-text);margin:18px 0 7px}.empty-state p[data-v-04bccb59]{font-size:11px;margin:0}.empty-state button[data-v-04bccb59]{background:var(--pc-primary);border:0;border-radius:9px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 15px}.pagination[data-v-04bccb59]{border-top:1px solid var(--shell-border);display:flex;justify-content:flex-end;padding-top:14px}.detail-head[data-v-04bccb59]{align-items:center;background:#f7f7fa;border-radius:13px;display:grid;gap:11px;grid-template-columns:auto 1fr auto;padding:17px}.detail-head>div[data-v-04bccb59]{display:flex;flex-direction:column;gap:5px}.detail-head small[data-v-04bccb59]{color:#8a8f9b;font-size:10px}.detail-head em[data-v-04bccb59]{color:#ef4444;font-size:20px;font-style:normal;font-weight:800}.order-detail dl[data-v-04bccb59]{border:1px solid #e8e9ee;border-radius:12px;margin:14px 0 0;padding:0 16px}.order-detail dl>div[data-v-04bccb59]{border-top:1px solid #eef0f3;display:flex;justify-content:space-between;padding:11px 0}.order-detail dl>div[data-v-04bccb59]:first-child{border-top:0}.order-detail dt[data-v-04bccb59]{color:#8b909b;font-size:10px}.order-detail dd[data-v-04bccb59]{font-size:10px;margin:0}.detail-tip[data-v-04bccb59]{background:#fff8eb;border-radius:10px;color:#8b6d38;font-size:10px;line-height:1.7;margin-top:13px;padding:12px}@media (max-width:1280px){.order-list article[data-v-04bccb59]{grid-template-columns:52px minmax(0,1fr) 110px}.order-actions[data-v-04bccb59]{grid-column:2/4;justify-content:flex-start}}.order-tabs[data-v-04bccb59] .search-prefix-icon{background:transparent!important;border-radius:0!important;box-shadow:none;color:var(--shell-muted);flex-basis:17px;height:17px;min-width:17px;width:17px}.order-tabs[data-v-04bccb59] .search-prefix-icon:after,.order-tabs[data-v-04bccb59] .search-prefix-icon:before{display:none}.order-tabs[data-v-04bccb59] .search-prefix-icon .built-in-icon{filter:none;height:16px;width:16px}.orders-center-page[data-v-04bccb59]{gap:16px}.page-heading[data-v-04bccb59]{padding:22px 24px}.page-heading span[data-v-04bccb59]{font-size:11px}.page-heading h1[data-v-04bccb59]{font-size:28px}.page-heading p[data-v-04bccb59]{font-size:14px}.page-heading button[data-v-04bccb59]{font-size:14px;height:42px;padding:0 17px}.order-stats>div[data-v-04bccb59]{padding:20px 22px}.order-stats small[data-v-04bccb59]{font-size:13px}.order-stats strong[data-v-04bccb59]{font-size:27px}.order-stats span[data-v-04bccb59]{font-size:11px}.orders-card[data-v-04bccb59]{padding:18px}.order-tabs[data-v-04bccb59]{flex-wrap:wrap;gap:7px;padding-bottom:15px}.order-tabs>button[data-v-04bccb59]{font-size:13px;padding:10px 13px}.order-tabs>div[data-v-04bccb59]{width:300px}.order-tabs[data-v-04bccb59] .el-input__wrapper{font-size:13px;min-height:40px}.order-list article[data-v-04bccb59]{gap:16px;grid-template-columns:58px minmax(0,1fr) 150px 210px;padding:19px 8px}.order-line[data-v-04bccb59]{gap:9px}.order-line>span[data-v-04bccb59]{font-size:11px;padding:5px 7px}.order-line strong[data-v-04bccb59]{font-size:15px}.detail-head>span[data-v-04bccb59],.order-line em[data-v-04bccb59]{font-size:11px}.order-main p[data-v-04bccb59],.order-main small[data-v-04bccb59]{font-size:12px}.order-money small[data-v-04bccb59],.order-money span[data-v-04bccb59]{font-size:11px}.order-money strong[data-v-04bccb59]{font-size:20px}.order-actions button[data-v-04bccb59]{font-size:12px;height:36px;padding:0 12px}.empty-state h2[data-v-04bccb59]{font-size:22px}.empty-state button[data-v-04bccb59],.empty-state p[data-v-04bccb59]{font-size:14px}.detail-head strong[data-v-04bccb59]{font-size:17px}.detail-head small[data-v-04bccb59]{font-size:13px}.detail-head em[data-v-04bccb59]{font-size:24px}.order-detail dd[data-v-04bccb59],.order-detail dt[data-v-04bccb59]{font-size:13px}.detail-tip[data-v-04bccb59]{font-size:12px}@media (max-width:1280px){.order-list article[data-v-04bccb59]{grid-template-columns:58px minmax(0,1fr) 125px}.order-tabs>div[data-v-04bccb59]{margin-left:0;width:100%}}[data-v-04bccb59] .order-icon.pc-business-icon{border-radius:14px;box-shadow:none;flex-basis:52px;height:52px;width:52px}[data-v-04bccb59] .order-icon .built-in-icon{height:25px;width:25px}[data-v-04bccb59] .empty-order-icon.pc-business-icon{border-radius:21px;flex-basis:68px;height:68px;width:68px}[data-v-04bccb59] .empty-order-icon .built-in-icon{height:31px;width:31px}