*{box-sizing:border-box} html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:145px} body{margin:0;color:#171b29;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased} button,input,select,textarea{font:inherit} button{border:0;cursor:pointer;color:inherit;background:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation} button:disabled{opacity:.5;cursor:wait} button:focus-visible,[role=button]:focus-visible{outline:2px solid #ff8b47;outline-offset:3px} #app{--thumb:clamp(82px,23.4vw,100px);max-width:480px;min-height:100dvh;margin:auto;background:#fff} .sticky{position:sticky;top:0;z-index:5;background:#fff;padding-top:env(safe-area-inset-top)} .toolbar{display:flex;align-items:center;gap:12px;padding:12px 16px 7px} .icon{padding:0;flex-shrink:0} .back{font-size:29px;font-weight:400;line-height:30px;width:23px;text-align:left} .search{display:flex;align-items:center;gap:7px;background:#f5f5f5;border-radius:11px;padding:0 10px;min-width:0;flex:1;height:36px} .search svg{width:16px;height:16px;stroke:#8a909d;stroke-width:1.8;fill:none;flex-shrink:0} .search input{width:100%;min-width:0;border:0;outline:0;background:none;font-size:16px;line-height:22px;color:#222;padding:0} .search input::placeholder{color:#8d94a2} .tool{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;font-size:10px;line-height:12px;flex-shrink:0;min-width:25px} .tool:after{content:"";position:absolute;inset:-5px -4px} .tool svg{width:22px;height:22px;fill:none;stroke:#161b28;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .more{font-size:17px;line-height:24px;letter-spacing:2px;width:23px} .categories{display:flex;align-items:center;gap:24px;padding:7px 16px 10px;white-space:nowrap} .categories button{position:relative;padding:3px 0 8px;font-weight:600;font-size:16px;line-height:21px;flex-shrink:0} .categories button.active{color:#ff630b} .categories button.active:after{content:"";position:absolute;width:13px;height:2px;bottom:1px;left:calc(50% - 6.5px);border-radius:2px;background:#ff630b} small{display:inline-block;color:#fff;background:#ff6810;border-radius:3px;font-size:10px;font-weight:600;line-height:14px;padding:0 3px;vertical-align:1px} .yellow{background:#ffc400} .statuses{display:flex;gap:7px;padding:0 16px 0;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(90deg,transparent 16px,#000 16px,#000 calc(100% - 16px),transparent calc(100% - 16px));mask-image:linear-gradient(90deg,transparent 16px,#000 16px,#000 calc(100% - 16px),transparent calc(100% - 16px))} .statuses::-webkit-scrollbar{display:none} .statuses button{flex:0 0 calc((100% - 28px)/5.1);white-space:nowrap;background:#f5f5f5;border-radius:7px;padding:7px 6px;font-size:13.5px;font-weight:400;line-height:18px} .statuses button:first-child{flex-basis:calc((100% - 28px)/5.1*.8)} .statuses button:nth-child(5){flex-basis:calc((100% - 28px)/5.1*1.3)} .statuses button.active{background:#fff0e7;color:#ff640c} .month-head{padding:1px 16px 10px;font-size:14px;line-height:22px} .order{padding:15px 16px 11px;border-bottom:8px solid #f5f5f5;background:#fff} .order-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:21px;margin-bottom:10px} .shop{display:flex;align-items:center;gap:3px;min-width:0;flex:1;font-size:15px;line-height:21px;font-weight:550} .shop-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .brand{color:#ed0030;font-size:15.5px;line-height:20px;letter-spacing:-.7px;font-weight:800;flex-shrink:0} .brand.taobao{color:#ff6200} .brand.recharge{display:flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;background:#ffb415;color:#fff;font-size:15px;letter-spacing:0;margin-right:3px} .chevron{color:#999;font-size:23px;line-height:18px;font-weight:300;padding-left:2px;flex-shrink:0;transform:translateY(-1px)} .state{font-size:14px;line-height:20px;white-space:nowrap;color:#ff640a;flex-shrink:0} .product{display:grid;grid-template-columns:var(--thumb) minmax(0,1fr);gap:12px;align-items:start;cursor:pointer} .photo{display:block;width:var(--thumb);height:var(--thumb);object-fit:cover;border-radius:6px;background:#f4f4f4} .placeholder{display:flex;align-items:center;justify-content:center;color:#b6b6b6;font-size:10px;border:1px solid #f1f1f1} .product-main{display:flex;flex-direction:column;min-width:0;min-height:var(--thumb)} .product-title-row,.product-spec-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0} .title{flex:1;min-width:0;font-size:14px;font-weight:550;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .price{font-size:15.5px;line-height:20px;font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0} .currency{font-size:.92em} .product-spec-row{margin-top:5px;line-height:17px} .spec{flex:1;min-width:0;color:#8a909b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px;line-height:17px} .qty{flex-shrink:0;color:#8a909b;font-size:12.5px;line-height:17px;white-space:nowrap} .services{color:#39a45d;font-size:12.5px;line-height:18px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .total{display:flex;justify-content:flex-end;align-items:baseline;flex-wrap:wrap;column-gap:5px;row-gap:1px;margin-top:auto;padding-top:10px;font-size:13px;line-height:20px;min-width:0} .date,.freight{color:#8a909b;font-size:12.5px;line-height:19px;white-space:nowrap} .date:after{content:"";display:inline-block;height:10px;border-right:1px solid #e9e9e9;margin-left:7px;vertical-align:-1px} .payable{white-space:nowrap} .total strong{font-size:16px;line-height:20px;font-weight:650;font-variant-numeric:tabular-nums} .actions{display:flex;justify-content:flex-end;gap:7px;margin-top:15px;flex-wrap:wrap} .actions button{min-width:76px;height:34px;padding:0 11px;background:#f6f6f6;border-radius:7px;font-size:13.5px;font-weight:400;line-height:34px;white-space:nowrap} .actions button.accent{color:#ff6810;background:#fff0e7;font-weight:600} .empty{text-align:center;padding:65px 22px 55px;color:#8b9099}.empty svg{width:54px;fill:none;stroke:#c4c7ce;stroke-width:1.1}.empty h3{color:#565b64;font-size:17px;font-weight:500;margin:20px 0 8px}.empty p{font-size:13px}.empty button,.primary{background:#ff640b!important;color:white!important;border-radius:10px;padding:12px 20px;margin-top:16px}#top{position:fixed;right:max(14px,calc((100vw - 480px)/2 + 14px));bottom:24px;border:1px solid #e5e5e5;border-radius:50%;background:#fffffff0;width:45px;height:45px;color:#8d929b;font-size:22px;display:none;z-index:4}#top span{display:block;font-size:10px;line-height:10px}dialog{border:0;border-radius:20px 20px 0 0;padding:0;width:min(100%,480px);max-width:480px;max-height:90dvh;margin:auto auto 0;box-shadow:0 -10px 50px #0002;color:#171b29}dialog::backdrop{background:#0005}.sheet-head{position:sticky;top:0;z-index:2;background:white;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #eee}.sheet-head h2{font-size:16px;margin:0}.close{font-size:26px;color:#999}#panelBody{padding:15px 16px max(22px,env(safe-area-inset-bottom));overflow:auto}.hint{font-size:12px;color:#90959e;line-height:1.7}.row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f1f1f1;gap:12px}.row small{background:none;color:#999}.row button{color:#ff630c;white-space:nowrap}.danger{color:#d53434!important}.menu-button{width:100%;text-align:left;padding:16px 2px;border-bottom:1px solid #eee;font-size:15px}.menu-button:after{content:'›';float:right;color:#aaa}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}.field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:13px}.full{grid-column:1/-1}.field input,.field textarea,.field select,.share-input{width:100%;border:1px solid #e4e5e8;border-radius:9px;padding:9px 10px;font-size:16px;background:#fafafa;color:#202431;outline:0;min-width:0}.field input:focus,.field textarea:focus{border-color:#ff9a60}.field textarea{resize:vertical;min-height:65px}.share-box{background:#fff7f1;padding:12px;border-radius:10px;margin-bottom:16px}.share-box p{margin:0 0 10px;font-size:14px}.share-input{background:#fff;resize:vertical;min-height:65px}.share-box button{padding:9px 15px;font-size:13px;margin-top:8px}.save-bar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}.save-bar .primary{margin-top:0;flex:1}.calculated{font-size:14px;margin:5px 0;color:#ff640a}.upload-preview{display:flex;align-items:center;gap:12px}.upload-preview img{width:54px;height:54px;object-fit:cover;border-radius:7px}.upload-button{padding:10px;background:#eee;border-radius:7px}.detail-title{font-size:17px;line-height:1.6}#toast{position:fixed;z-index:30;left:50%;bottom:22%;transform:translateX(-50%);background:#222e;color:white;border-radius:9px;padding:12px 18px;font-size:13px;max-width:85%;width:max-content;display:none;white-space:pre-wrap}.filter-fields{display:grid;gap:16px}.selected-total{font-size:13px;color:#9498a0;margin-bottom:10px}.manage-list .row{align-items:flex-start}.manage-list .row>div:first-child{min-width:0}.manage-list .row b{display:block;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:min(260px,calc(100vw - 150px))}.manage-list .row p{color:#999;font-size:12px;margin:6px 0}.button-pair{display:flex;gap:8px}.loading{text-align:center;color:#999;padding:70px 0} .import-actions{display:flex;align-items:center;gap:12px}.import-actions button[hidden]{display:none}.import-actions #cancelImport{color:#777;background:#fff;border:1px solid #e6e6e6;border-radius:8px}.import-status{margin-top:10px;overflow-wrap:anywhere}.import-status[data-state]{padding:10px;border-radius:8px;background:white;color:#645c55}.import-status[data-state=loading]{color:#c65a12;background:#fff2e3}.import-status[data-state=error]{color:#bd3530;background:#fff0ee}.import-status[data-state=success]{color:#268345;background:#edf9f0}.import-status[data-state=warning]{color:#a16a18;background:#fff6df}.import-filled{border-color:#ff9a60!important} .har-import-button{display:block;margin-top:12px!important;background:#fff!important;border:1px solid #edcbb3!important;color:#b65a21!important;border-radius:8px;padding:10px!important;font-size:13px!important}.har-product-choice{display:block;width:100%;margin-top:10px;padding:10px;border:1px solid #ddd;border-radius:8px;background:white} @media(max-width:370px){ .toolbar{gap:10px;padding-left:13px;padding-right:13px} .categories{gap:21px;padding-left:14px;padding-right:14px} .categories button{font-size:15px} .statuses{padding-left:14px;padding-right:14px;gap:6px;-webkit-mask-image:linear-gradient(90deg,transparent 14px,#000 14px,#000 calc(100% - 14px),transparent calc(100% - 14px));mask-image:linear-gradient(90deg,transparent 14px,#000 14px,#000 calc(100% - 14px),transparent calc(100% - 14px))} .statuses button{font-size:13px;flex-basis:calc((100% - 24px)/5.1)} .statuses button:first-child{flex-basis:calc((100% - 24px)/5.1*.8)} .statuses button:nth-child(5){flex-basis:calc((100% - 24px)/5.1*1.3)} .order{padding-left:14px;padding-right:14px} .product{gap:10px} .shop{font-size:14px} .brand{font-size:15px} .title{font-size:13.5px} .price{font-size:15px} .services,.spec,.qty,.date,.freight{font-size:12px} .total{font-size:12.5px;column-gap:4px} .total strong{font-size:15.5px} .actions button{min-width:72px;padding:0 10px;font-size:13px} } @media(min-width:481px){body{padding:16px 0}#app{box-shadow:0 0 0 1px #eee}.sticky{border-radius:0}} .license-form{padding:8px 0 4px}.license-form h3{font-size:18px;margin:14px 0 8px}.license-symbol{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#fff0e5;color:#ee6d1b;border-radius:12px;font-size:21px}.license-form .field{margin-top:22px}.license-form input{font-size:16px}.license-form .primary{width:100%;margin-top:4px}.license-error{color:#c74939;font-size:12px;line-height:1.7;min-height:30px;padding:8px 0}.license-form>.hint:last-child{margin-top:18px}.license-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff6ef;border-radius:10px;padding:13px;margin-bottom:9px}.license-summary strong{font-size:13px;font-weight:600}.license-summary p{font-size:11px;line-height:1.6;color:#9a775f;margin:5px 0 0}.license-summary button{font-size:12px;white-space:nowrap;color:#cc651f}