.zbm-orders [hidden]{display:none!important}
.zbm-orders-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.zbm-orders-head p{margin:6px 0 0;line-height:1.7}
.zbm-order-tabs{display:flex;gap:4px;overflow-x:auto;margin:0 0 12px;padding:4px 0;scrollbar-width:thin}
.zbm-order-tabs button{border:0;background:transparent;white-space:nowrap;padding:9px 12px;color:var(--muted-color,#8b929d);border-radius:6px;font:inherit;font-size:13px;cursor:pointer}
.zbm-order-tabs button.is-active{background:var(--focus-bg-color,rgba(74,123,244,.1));color:var(--focus-color,#4a7bf4)}
.zbm-orders-feedback:empty,.zbm-order-feedback:empty{display:none}
.zbm-orders-feedback{margin:0 0 12px;padding:10px 12px;border-radius:6px;background:var(--muted-bg-color,#f5f7fa);font-size:13px;line-height:1.8}
.zbm-user-order header,.zbm-order-product{display:flex;align-items:center;justify-content:space-between;gap:12px}
.zbm-user-order header{padding-bottom:12px;border-bottom:1px solid var(--main-border-color,rgba(140,150,166,.15));overflow-wrap:anywhere}
.zbm-user-order{padding:16px!important}
.zbm-order-state{flex:none;font-size:12px;color:var(--focus-color,#4a7bf4)}
.zbm-order-state[data-state=after-sale]{color:#de9b23}.zbm-order-state[data-state=refunded]{color:#dc6666}
.zbm-order-product{padding:14px 0}.zbm-order-product>div:first-child{min-width:0}
.zbm-order-product h3{font-size:15px;line-height:1.6;margin:5px 0;overflow-wrap:anywhere}
.zbm-order-amount{display:flex;flex-direction:column;align-items:flex-end;flex:none;gap:2px}.zbm-order-amount strong{font-size:20px;font-variant-numeric:tabular-nums}
.zbm-order-details{font-size:12px;color:var(--muted-color,#9299a4)}
.zbm-order-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;box-sizing:border-box;cursor:pointer;padding:9px 12px;border:1px solid var(--focus-border-color,rgba(74,123,244,.18));border-radius:6px;background:var(--focus-bg-color,rgba(74,123,244,.08));color:var(--focus-color,#4a7bf4);font-size:13px;font-weight:500;list-style:none}
.zbm-order-details summary::-webkit-details-marker{display:none}
.zbm-order-details summary:hover,.zbm-order-details[open] summary{border-color:var(--focus-color,#4a7bf4)}
.zbm-order-details summary:focus-visible{outline:2px solid var(--focus-color,#4a7bf4);outline-offset:2px}
.zbm-details-hint{display:flex;align-items:center;gap:8px;flex:none;font-size:12px;font-weight:400}
.zbm-details-hint:before{content:'展开'}
.zbm-details-hint:after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px}
.zbm-order-details[open] .zbm-details-hint:before{content:'收起'}
.zbm-order-details[open] .zbm-details-hint:after{transform:rotate(225deg);margin-top:3px}
.zbm-order-details dl{display:grid;grid-template-columns:85px 1fr;gap:9px;margin:0 0 10px;padding:12px 4px 4px}.zbm-order-details dt{font-weight:400}.zbm-order-details dd{margin:0;overflow-wrap:anywhere;text-align:right}
.zbm-order-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:12px}
.zbm-order-actions .but{margin:0!important;font-size:12px;cursor:pointer}
.zbm-order-form{margin-top:14px;padding-top:12px;border-top:1px solid var(--main-border-color,rgba(140,150,166,.15))}
.zbm-order-form label{display:block;font-size:13px;margin-bottom:10px}.zbm-order-form textarea,.zbm-order-form select{display:block;width:100%;border:1px solid var(--main-border-color,rgba(140,150,166,.25));background:var(--muted-bg-color,#f7f8fa);color:inherit;border-radius:6px;margin-top:6px;padding:9px;font:inherit;box-sizing:border-box}.zbm-order-form textarea{min-height:80px;resize:vertical}
.zbm-order-after{margin:10px 0;padding:10px 12px;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.zbm-order-after p{margin:5px 0 0}
.zbm-order-pages{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:16px 0}.zbm-order-pages .but{font-size:12px}
.zbm-order-empty{text-align:center;padding:35px 15px!important}.zbm-order-empty>i{font-size:28px;color:var(--muted-2-color,#aaa)}
.zbm-order-shortcuts badge{position:absolute;top:-5px;right:0;font-size:10px}.zbm-order-shortcuts [hidden]{display:none}
.zbm-orders[aria-busy=true]{opacity:.7}.zbm-orders button:disabled{cursor:wait}
/* User order centre: theme-aware visual layer; no transaction behaviour changes. */
.zbm-orders{--zbm-line:var(--main-border-color,rgba(135,147,166,.15));--zbm-soft:var(--muted-bg-color,#f5f6f8);--zbm-ink:var(--main-color,#343944);--zbm-muted:var(--muted-2-color,#8a929e);color:var(--zbm-ink);min-width:0}
.zbm-orders *{box-sizing:border-box}
.zbm-orders .zbm-orders-head{position:relative;overflow:hidden;min-height:102px;padding:22px 24px!important;margin-bottom:14px;border:1px solid var(--zbm-line);border-radius:16px;background:var(--main-bg-color,#fff);background-image:linear-gradient(115deg,var(--focus-bg-color,rgba(74,123,244,.07)),transparent 75%);box-shadow:none}
.zbm-orders-head:after{content:none}
.zbm-orders-head>div{position:relative;z-index:1;min-width:0;padding-right:0}
.zbm-orders-head b{font-size:20px;line-height:1.4;font-weight:700;letter-spacing:.02em}
.zbm-orders-head p{font-size:12px;line-height:1.8;margin-top:8px;max-width:440px}
.zbm-orders .zbm-order-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:0 0 18px;padding:5px;border:1px solid var(--zbm-line);border-radius:13px;background:var(--main-bg-color,#fff);overflow:visible}
.zbm-order-tabs button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:72px;padding:11px 4px;border-radius:9px;color:var(--muted-color,#6b7482);font-size:12px;line-height:1.5;transition:background .16s,color .16s}
.zbm-order-tabs button:hover{background:var(--zbm-soft)}
.zbm-order-tabs button.is-active{background:var(--focus-bg-color,rgba(74,123,244,.1));color:var(--focus-color,#4a7bf4);font-weight:650}
.zbm-order-tabs [data-zbm-panel-count]:not(:empty){position:absolute;top:5px;right:calc(50% - 22px);display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border:1px solid var(--main-bg-color,#fff);border-radius:8px;background:var(--focus-color,#4a7bf4);color:#fff;font-size:9px;line-height:1;font-weight:600;font-variant-numeric:tabular-nums}
.zbm-order-tabs .is-active [data-zbm-panel-count]:not(:empty){color:var(--focus-color,#4a7bf4);background:var(--main-bg-color,#fff)}
.zbm-orders-list{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.zbm-orders .zbm-user-order{position:relative;min-width:0;margin:0!important;padding:0!important;border:1px solid var(--zbm-line);border-radius:15px;background:var(--main-bg-color,#fff);box-shadow:0 3px 15px rgba(25,35,55,.025);overflow:hidden}
.zbm-user-order>header{min-height:51px;margin:0;padding:12px 20px;border-bottom:1px solid var(--zbm-line);background:var(--main-bg-color,#fff);gap:12px}
.zbm-user-order>header>span{min-width:0;font-size:11px;line-height:1.7;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.zbm-order-state{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;background:var(--focus-bg-color,rgba(74,123,244,.08));color:var(--focus-color,#4a7bf4);font-size:11px;line-height:1.5;font-weight:600;white-space:nowrap}
.zbm-order-state:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}
.zbm-order-state[data-state=wait-pay]{background:rgba(221,151,45,.1);color:#bc8124}
.zbm-order-state[data-state=wait-shipped]{background:rgba(88,135,221,.1);color:#5d8ad6}
.zbm-order-state[data-state=wait-receive]{background:rgba(42,164,144,.1);color:#279d89}
.zbm-order-state[data-state=wait-evaluate]{background:rgba(150,117,208,.1);color:#9775c9}
.zbm-order-state[data-state=completed]{background:var(--zbm-soft);color:var(--muted-color,#858c96)}
.zbm-order-state[data-state=after-sale]{background:rgba(221,151,45,.1);color:#bc8124}
.zbm-order-state[data-state=refunded],.zbm-order-state[data-state=cancelled]{background:var(--zbm-soft);color:var(--muted-color,#858c96)}
.zbm-order-product{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;padding:19px 20px 16px;gap:7px 13px}
.zbm-product-kind{display:inline-block;color:var(--muted-color,#808895);font-size:10px;line-height:1.7}
.zbm-order-product h3{margin:9px 0 5px;font-size:17px;font-weight:650;line-height:1.6;color:var(--zbm-ink)}
.zbm-order-product h3 a{color:inherit}.zbm-order-product h3 a:hover{color:var(--focus-color,#4a7bf4)}
.zbm-product-copy{min-width:0}.zbm-product-date{display:flex;align-items:center;gap:5px;grid-column:2/-1;min-width:0;font-size:10px;line-height:1.7;font-variant-numeric:tabular-nums}
.zbm-order-amount{grid-column:3;grid-row:1;max-width:155px;gap:4px;text-align:right}
.zbm-order-amount strong{max-width:100%;overflow-wrap:anywhere;color:var(--zbm-ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:26px;font-weight:700;line-height:1.2;letter-spacing:-.04em}
.zbm-order-amount>span{font-size:11px}
.zbm-user-order>.zbm-order-details{margin:0 20px 16px;color:var(--muted-color,#858d98)}
.zbm-order-details summary{min-height:42px;padding:10px 12px;border:1px solid var(--focus-border-color,rgba(74,123,244,.16));border-radius:8px;background:var(--focus-bg-color,rgba(74,123,244,.05));color:var(--focus-color,#4a7bf4);font-size:12px;font-weight:500}
.zbm-order-details summary>span:first-child{display:flex;align-items:center;gap:7px}
.zbm-order-details summary>span:first-child:before{content:none}
.zbm-order-details summary:hover,.zbm-order-details[open] summary{color:var(--focus-color,#4a7bf4);border-color:var(--focus-border-color,rgba(74,123,244,.24));background:var(--focus-bg-color,rgba(74,123,244,.05))}
.zbm-details-hint{font-size:11px;gap:7px}
.zbm-order-details dl{grid-template-columns:88px minmax(0,1fr);column-gap:14px;row-gap:11px;margin:0;padding:16px 3px 3px;font-size:12px;line-height:1.8}
.zbm-order-details dd{color:var(--zbm-ink)}
.zbm-user-order>p{margin:0 20px 14px;font-size:11px;line-height:1.9}
.zbm-user-order>.zbm-order-actions{gap:8px;align-items:center;margin:0;padding:12px 20px;border-top:1px solid var(--zbm-line);background:var(--main-bg-color,#fff)}
.zbm-order-actions:empty{display:none}
.zbm-order-actions .but{display:inline-flex;align-items:center;justify-content:center;min-height:38px;min-width:88px;padding:7px 15px;border:1px solid var(--zbm-line);border-radius:8px;background:transparent;color:var(--muted-color,#78818e);font-size:12px;line-height:1.6;font-weight:500;text-decoration:none}
.zbm-order-actions .but.c-blue{border-color:var(--focus-border-color,rgba(74,123,244,.22));background:var(--focus-bg-color,rgba(74,123,244,.08));color:var(--focus-color,#4a7bf4)}
.zbm-order-actions .but[data-zbm-user-action=receive],.zbm-order-actions .but[data-zbm-user-action=pay],.zbm-order-actions .but[data-zbm-order-form=review]{border-color:var(--focus-color,#4a7bf4);background:var(--focus-color,#4a7bf4);color:#fff;font-weight:550;box-shadow:0 3px 8px var(--focus-bg-color,rgba(74,123,244,.1))}
.zbm-order-actions .but[data-zbm-user-action=receive]:hover,.zbm-order-actions .but[data-zbm-user-action=pay]:hover,.zbm-order-actions .but[data-zbm-order-form=review]:hover{color:#fff;filter:brightness(.95)}
.zbm-order-actions .but:hover{border-color:var(--focus-color,#4a7bf4);color:var(--focus-color,#4a7bf4)}
.zbm-order-actions .but:focus-visible,.zbm-order-tabs button:focus-visible,.zbm-order-pages button:focus-visible{outline:2px solid var(--focus-color,#4a7bf4);outline-offset:2px}
.zbm-user-order>.zbm-order-form{margin:0;padding:18px 20px;border-top:1px solid var(--zbm-line);background:var(--zbm-soft)}
.zbm-order-form label{font-size:12px;line-height:1.8}
.zbm-order-form textarea,.zbm-order-form select{border-radius:8px;background:var(--main-bg-color,#fff);font-size:13px;line-height:1.7;padding:10px 12px}
.zbm-order-form textarea:focus,.zbm-order-form select:focus{outline:2px solid var(--focus-border-color,rgba(74,123,244,.25));border-color:var(--focus-color,#4a7bf4)}
.zbm-order-form>.but{min-height:38px;border-radius:7px;padding:7px 14px;font-size:12px}
.zbm-user-order>.zbm-order-after{margin:0 20px 14px;padding:12px;border:1px solid var(--zbm-line);border-radius:8px;background:var(--zbm-soft);line-height:1.9}
.zbm-user-order>.zbm-order-feedback:not(:empty){margin:0;padding:12px 20px;border-top:1px solid var(--zbm-line);line-height:1.8;background:var(--zbm-soft)}
.zbm-orders-feedback:not(:empty){padding:13px 16px;border:1px solid var(--zbm-line);border-radius:10px}
.zbm-order-pages{gap:12px;margin:18px 0 8px;padding:12px;font-size:12px}
.zbm-order-pages .but{min-height:36px;padding:7px 12px;border:1px solid var(--zbm-line);border-radius:7px;background:var(--main-bg-color,#fff);color:var(--muted-color,#78818e)}
.zbm-orders .zbm-order-empty{padding:60px 20px!important;border:1px solid var(--zbm-line);border-radius:15px;box-shadow:none}
.zbm-order-empty>i{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:20px;background:var(--zbm-soft);font-size:26px}
.zbm-order-empty p{margin:18px 0;font-size:14px}
.zbm-order-empty .but{min-height:38px;padding:9px 18px;border-radius:8px}
.zbm-orders .zbm-ui-icon{display:block;width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;overflow:visible}
.zbm-orders-shop{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;flex-shrink:0;padding:9px 12px;border:1px solid var(--focus-border-color,rgba(74,123,244,.17));border-radius:9px;background:var(--main-bg-color,#fff);color:var(--focus-color,#4a7bf4);font-size:12px;line-height:1.5;text-decoration:none;white-space:nowrap}
.zbm-orders-shop:hover{background:var(--focus-bg-color,rgba(74,123,244,.08));color:var(--focus-color,#4a7bf4)}
.zbm-orders-shop .zbm-ui-icon{width:15px;height:15px}.zbm-orders-shop:focus-visible{outline:2px solid var(--focus-color,#4a7bf4);outline-offset:3px}
.zbm-order-number{display:flex;align-items:center;gap:6px}.zbm-order-number>.zbm-ui-icon{width:13px;height:13px;opacity:.65}.zbm-order-number>span{min-width:0;overflow-wrap:anywhere}
.zbm-product-symbol{display:grid;place-items:center;align-self:start;width:48px;height:52px;border:1px solid var(--focus-border-color,rgba(74,123,244,.12));border-radius:12px;background:var(--focus-bg-color,rgba(74,123,244,.065));color:var(--focus-color,#4a7bf4)}
.zbm-product-symbol>.zbm-ui-icon{width:25px;height:25px}
.zbm-user-order[data-product-type=card] .zbm-product-symbol{color:#8b72c2;background:rgba(139,114,194,.08);border-color:rgba(139,114,194,.13)}
.zbm-user-order[data-product-type=cash] .zbm-product-symbol{color:#279d89;background:rgba(39,157,137,.08);border-color:rgba(39,157,137,.13)}
.zbm-order-product h3{margin:4px 0 0}.zbm-order-amount>small{color:var(--zbm-muted);font-size:10px;line-height:1.5;font-weight:400}
.zbm-order-amount>.zbm-amount-currency{padding:2px 7px;border-radius:4px;background:var(--zbm-soft);color:var(--muted-color,#808895);font-size:10px;line-height:1.5}
.zbm-user-order[data-currency=points] .zbm-amount-currency{background:rgba(199,146,53,.09);color:#ad7b28}
.zbm-product-date>.zbm-ui-icon{width:11px;height:11px;opacity:.7}.zbm-order-details summary .zbm-ui-icon{width:14px;height:14px}
.zbm-user-order>.zbm-order-details{margin-bottom:12px}.zbm-user-order>.zbm-order-actions{border-top-style:dashed}
.zbm-user-order>p{padding:9px 11px;border-radius:7px;background:var(--zbm-soft);line-height:1.8}
.zbm-order-pages .but{display:inline-flex;align-items:center;justify-content:center;gap:6px}.zbm-order-pages .zbm-ui-icon{width:13px;height:13px}
.zbm-empty-art{display:grid;place-items:center;width:72px;height:72px;margin:0 auto;border:1px solid var(--focus-border-color,rgba(74,123,244,.16));border-radius:22px;background:var(--focus-bg-color,rgba(74,123,244,.07));color:var(--focus-color,#4a7bf4);transform:rotate(-7deg)}
.zbm-empty-art>.zbm-ui-icon{width:32px;height:32px;transform:rotate(7deg)}
.zbm-order-empty p{margin-bottom:8px;color:var(--zbm-ink);font-weight:550}.zbm-order-empty>small{display:block;color:var(--zbm-muted);font-size:12px;line-height:1.8;margin-bottom:21px}
.zbm-order-empty>.but{display:inline-flex;align-items:center;justify-content:center;gap:7px}.zbm-order-empty>.but>.zbm-ui-icon{width:14px;height:14px}
.zbm-orders[aria-busy=true] .zbm-order-pages [data-zbm-order-refresh]>.zbm-ui-icon{animation:zbm-order-refresh 1s linear infinite}
@keyframes zbm-order-refresh{to{transform:rotate(360deg)}}
@supports(background:color-mix(in srgb,red 8%,transparent)){
 .zbm-orders{--zbm-accent-soft:color-mix(in srgb,var(--focus-color,#4a7bf4) 6%,transparent);--zbm-accent-line:color-mix(in srgb,var(--focus-color,#4a7bf4) 18%,transparent)}
 .zbm-orders .zbm-orders-head{background-image:linear-gradient(115deg,var(--zbm-accent-soft),transparent 80%)}
 .zbm-order-tabs button.is-active,.zbm-order-details summary,.zbm-orders-shop:hover,.zbm-user-order[data-product-type=physical] .zbm-product-symbol,.zbm-empty-art{background:var(--zbm-accent-soft)}
 .zbm-orders-shop,.zbm-order-details summary,.zbm-order-details[open] summary,.zbm-user-order[data-product-type=physical] .zbm-product-symbol,.zbm-empty-art{border-color:var(--zbm-accent-line)}
 .zbm-order-details summary:hover,.zbm-order-details[open] summary{background:var(--zbm-accent-soft)}
 .zbm-order-actions .but.c-blue:not([data-zbm-user-action=receive]):not([data-zbm-user-action=pay]):not([data-zbm-order-form=review]){background:var(--zbm-accent-soft);border-color:var(--zbm-accent-line)}
}
@media(max-width:600px){
 .zbm-orders .zbm-orders-head{align-items:center;min-height:91px;padding:18px 15px!important;border-radius:13px;margin-bottom:12px;gap:12px}
 .zbm-orders-head b{font-size:18px}.zbm-orders-head p{font-size:10px;line-height:1.85;margin-top:6px}.zbm-orders-head>div{padding-right:0}
 .zbm-orders-shop{min-height:42px;padding:8px 9px;gap:5px;font-size:11px}.zbm-orders-shop>.zbm-ui-icon:last-child{display:none}
 .zbm-orders .zbm-order-tabs{gap:3px;padding:4px;margin-bottom:13px;border-radius:11px}
 .zbm-order-tabs button{gap:6px;min-height:64px;padding:10px 1px 8px;font-size:11px;border-radius:7px}
 .zbm-order-tabs button>.zbm-ui-icon{width:19px;height:19px}.zbm-order-tabs [data-zbm-panel-count]:not(:empty){top:3px;height:15px;min-width:15px;padding:0 3px;font-size:9px;line-height:1;border-radius:8px}
 .zbm-orders-list{gap:12px}.zbm-orders .zbm-user-order{border-radius:13px}
 .zbm-user-order>header{min-height:46px;padding:10px 14px;gap:7px}.zbm-user-order>header>span{font-size:10px;letter-spacing:0}.zbm-user-order>header .zbm-order-state{padding:3px 6px;font-size:10px}
 .zbm-order-product{grid-template-columns:40px minmax(0,1fr) auto;padding:15px 14px;gap:8px 10px}.zbm-order-product h3{font-size:16px;margin:4px 0 0}
 .zbm-product-symbol{width:40px;height:46px;border-radius:10px}.zbm-product-symbol>.zbm-ui-icon{width:22px;height:22px}
 .zbm-order-amount{gap:3px;max-width:118px}.zbm-order-amount strong{font-size:24px}.zbm-order-amount>span{font-size:10px}.zbm-product-kind{font-size:9px}.zbm-product-date{font-size:10px}
 .zbm-user-order>.zbm-order-details{margin:0 14px 13px}.zbm-order-details summary{min-height:40px;padding:9px 11px;font-size:12px}
 .zbm-order-details dl{grid-template-columns:73px minmax(0,1fr);gap:9px 10px;font-size:11px;padding-top:13px}
 .zbm-user-order>p{margin:0 14px 12px;font-size:10px}.zbm-user-order>.zbm-order-actions{padding:11px 14px;gap:7px}.zbm-order-actions .but{min-height:40px;min-width:84px;padding:8px 12px;font-size:12px}
 .zbm-user-order>.zbm-order-form{padding:15px 14px}.zbm-user-order>.zbm-order-after{margin:0 14px 12px;padding:10px;font-size:11px}.zbm-user-order>.zbm-order-feedback:not(:empty){padding:11px 14px}
 .zbm-order-pages{gap:9px;padding:9px 0;margin-top:14px}
}
@media(max-width:359px){.zbm-orders-head b{font-size:17px}.zbm-orders-head p{font-size:9px}.zbm-order-product{grid-template-columns:33px minmax(0,1fr) auto;column-gap:8px}.zbm-product-symbol{width:33px;height:40px;border-radius:8px}.zbm-product-symbol>.zbm-ui-icon{width:20px;height:20px}.zbm-order-amount{max-width:96px}.zbm-order-amount strong{font-size:22px}.zbm-order-product h3{font-size:15px}.zbm-order-number>.zbm-ui-icon{display:none}.zbm-orders-shop{padding:8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.zbm-order-tabs button{transition:none}.zbm-orders[aria-busy=true] .zbm-ui-icon{animation:none}}