/* Figma nodes 123:5896, 139:2096, 140:2294, 144:3144, 144:3288, 144:3417 */
:root { --orders-red:#e4003a; --orders-ink:#161616; --orders-muted:#8a8a8a; --orders-line:#eee; --orders-bg:#f5f5f5; }
.orders-flow { width:100%; min-height:100%; max-width:375px; margin:0 auto; color:var(--orders-ink); background:var(--orders-bg); font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif; font-size:14px; line-height:1.25; overflow-x:hidden; }
.orders-flow * { box-sizing:border-box; }
.orders-flow button { border:0; font:inherit; cursor:pointer; }
.os-status { height:44px; display:flex; justify-content:space-between; align-items:center; padding:0 26px; font-size:15px; }
.os-signals { display:flex; align-items:center; gap:4px; height:12px; }
.os-signal { display:block; width:16px; height:10px; background:linear-gradient(to right, currentColor 17%,transparent 17% 23%,currentColor 23% 43%,transparent 43% 49%,currentColor 49% 72%,transparent 72% 78%,currentColor 78%); }
.os-wifi { width:14px; height:10px; border:2px solid currentColor; border-color:currentColor transparent transparent; border-radius:50%; transform:rotate(180deg); }
.os-battery { width:20px; height:10px; padding:1px; border:1px solid currentColor; border-radius:3px; } .os-battery i{display:block;height:100%;width:75%;background:currentColor;border-radius:1px;}
.orders-red-head { color:#fff; background:var(--orders-red); }.orders-white-head { background:#fff; }
.os-titlebar { height:44px; display:grid; grid-template-columns:56px 1fr 56px; align-items:center; padding:0 16px; }
.os-titlebar h1 { margin:0; text-align:center; font-size:16px; font-weight:700; }.os-back { width:22px; height:22px; background:transparent; position:relative; }.os-back:after { content:""; position:absolute; width:10px; height:10px; border-left:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); left:5px; top:5px; }.os-search { justify-self:end; width:19px; height:19px; border:2px solid currentColor; border-radius:50%; position:relative; background:transparent; padding:0 }.os-search:after{content:"";position:absolute;width:7px;height:2px;background:currentColor;right:-5px;bottom:-2px;transform:rotate(48deg);}
.os-home { width:30px;height:30px;border-radius:50%;background:#bc002f;position:relative; }.os-home:before { content:"";width:12px;height:10px;background:#fff;position:absolute;left:9px;top:11px;border-radius:1px;}.os-home:after {content:"";position:absolute;width:10px;height:10px;border-left:3px solid #fff;border-top:3px solid #fff;transform:rotate(45deg);left:9px;top:6px;}
.orders-dashboard .orders-red-head{height:182px}.orders-dashboard .os-status{height:44px}.orders-dashboard .os-titlebar{height:44px}.dash-profile { display:flex; align-items:center; gap:16px; padding:12px 24px 8px; position:relative; }.dash-profile .avatar { width:60px;height:60px;border-radius:50%;border:1px solid #fff;object-fit:cover; }.dash-profile h2{margin:0 0 6px;font-size:18px}.dash-profile p{margin:0;font-size:14px}.dash-profile .verified{color:#ebdc34;font-size:12px;margin-left:4px}.dash-mascot{position:absolute;width:79px;right:20px;bottom:-15px;object-fit:contain;}
.dash-tools{background:#fff;border-radius:16px 16px 0 0;padding:16px 0 17px}.orders-section-title{font-size:15px;font-weight:700;margin:0 16px 16px}.tool-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.tool{background:#fff;text-align:center;padding:0 2px;color:#333;font-size:11px}.tool img{display:block;width:42px;height:42px;object-fit:contain;margin:0 auto 5px}.dash-orders{margin-top:8px;background:#fff;padding-top:16px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 16px 12px}.stat{height:74px;border:1px solid #eee;border-radius:12px;display:flex;flex-direction:column;justify-content:center;text-align:center}.stat:first-child{border-color:#ff3650;background:#fff9f9}.stat strong{font-size:23px}.stat:first-child strong,.stat:first-child span{color:#f22}.stat span{font-size:12px;margin-top:6px}
.os-tabs{height:44px;background:#fff;display:flex;justify-content:space-around;align-items:stretch;border-bottom:1px solid #f4f4f4}.os-tab{background:#fff;color:#666;font-size:14px;white-space:nowrap;padding:0 0 10px;position:relative}.os-tab.active{color:var(--orders-red);font-weight:700}.os-tab.active:after{content:"";position:absolute;height:3px;bottom:0;left:0;right:0;background:var(--orders-red);border-radius:2px}
.orders-list{background:var(--orders-bg);padding:12px 0 34px}.order-card{background:#fff;padding:16px;margin-bottom:10px}.order-top{display:flex;justify-content:space-between;align-items:flex-start}.order-no{margin:0;color:#333;font-size:14px}.order-payment{font-size:12px;color:#666;margin-top:4px}.tag{font-size:13px;border-radius:4px;padding:4px 8px;background:#ffeded;color:#f22}.tag.orange{background:#fff3df;color:#e99e16}.tag.gray{background:#f7f7f7;color:#aaa}.product-row{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--orders-line)}.product-row:last-of-type{border-bottom:0}.product-row img{width:80px;height:80px;border-radius:8px;object-fit:cover}.product-copy{min-width:0;flex:1}.product-name{font-size:14px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0 6px}.product-sub,.product-qty{font-size:12px;color:#999;margin:4px 0}.product-qty b{color:#333;font-weight:500}.product-price{font-size:14px;font-weight:700;margin-top:5px}.order-total{border-top:1px solid var(--orders-line);padding-top:12px;display:flex;justify-content:space-between;align-items:center;color:#999;font-size:12px}.order-total strong{color:#111;font-size:16px}.orders-primary,.orders-secondary{height:36px;border-radius:50px;width:100%;margin-top:12px;font-size:14px;font-weight:700}.orders-primary{background:var(--orders-red);color:white}.orders-secondary{background:white;border:1px solid var(--orders-red)!important;color:var(--orders-red)}.two-actions{display:flex;gap:12px}.two-actions button{flex:1;height:36px;border-radius:50px;margin-top:12px;font-size:14px;font-weight:700}.two-actions .approve{background:var(--orders-red);color:#fff}.two-actions .reject{background:#fff;border:1px solid var(--orders-red);color:var(--orders-red)}
.orders-detail{min-height:812px;background:var(--orders-bg);padding-bottom:88px}.detail-status{height:150px;color:#fff;background:var(--orders-red);text-align:center;padding-top:2px}.detail-status .os-titlebar{height:42px}.detail-status h2{font-size:17px;margin:18px 0 6px}.detail-status p{font-size:12px;margin:0;color:#eee}.detail-status b{color:#ebdc34}.detail-section{margin-top:10px;background:#fff;padding:12px 16px}.customer-line{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:700}.location-mark{display:inline-block;width:13px;height:17px;border:2px solid #111;border-radius:9px 9px 9px 0;transform:rotate(-45deg);margin-right:6px;vertical-align:-4px}.call-icon{width:20px;height:20px;border-radius:50%;background:#050505;position:relative}.call-icon:after{content:"";position:absolute;width:7px;height:10px;border:2px solid white;border-top:0;border-right:0;left:6px;top:4px;transform:rotate(-42deg)}.detail-address{margin-top:10px;color:#666;font-size:14px}.detail-heading{color:#666;margin:0 0 10px;font-size:14px}.detail-row{display:flex;justify-content:space-between;min-height:30px;align-items:center;font-size:14px}.detail-row label{color:#666}.detail-row strong{font-size:18px}.sticky-action{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(375px,100%);background:#fff;padding:8px 16px 34px;z-index:4}.sticky-action .orders-primary{height:44px;margin:0;font-size:16px}.home-indicator{height:5px;width:134px;background:#000;border-radius:5px;margin:14px auto -22px}.refund-detail .detail-status{background:#fff;color:#111;height:158px;padding-top:0}.refund-detail .detail-status .os-titlebar{height:88px}.refund-detail .detail-status h2{font-size:18px;margin:8px 0}.refund-detail .detail-status p{color:#666;font-size:11px}.refund-detail .detail-status p b{color:#111}.refund-info .detail-row{min-height:35px}.refund-info .description{align-items:flex-start;padding-top:8px}.refund-info .description span{max-width:235px;text-align:right;line-height:20px;color:#333}.refund-proof{width:68px;height:68px;border-radius:8px;object-fit:cover}.sticky-action .two-actions button{height:44px;margin:0;font-size:16px}.sticky-action .two-actions .reject{border-color:#999!important;color:#333}.orders-modal{position:fixed;z-index:10;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:flex-end;justify-content:center}.reject-sheet{width:min(375px,100%);background:#fff;border-radius:16px 16px 0 0;padding:16px 16px 34px}.reject-sheet h2{font-size:15px;margin:0 0 16px;color:#101828}.reject-sheet textarea{width:100%;height:140px;border:0;border-radius:12px;background:#f5f5f5;padding:16px;resize:none;font:12px inherit;color:#333;outline:none}.reject-sheet textarea::placeholder{color:#999}.reject-sheet .orders-primary{height:44px;margin-top:16px}.orders-toast{position:fixed;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.75);color:#fff;border-radius:20px;padding:10px 16px;font-size:13px}
.mini-products{display:grid;gap:8px;margin-top:8px}.mini-product{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:9px;padding:8px;border-radius:9px;background:#f7f7f7}.mini-product img{width:46px;height:46px;border-radius:7px;object-fit:cover}.mini-product strong{display:block;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.mini-product small{display:block;margin-top:5px;color:#999;font-size:10px}.mini-product>b{font-size:12px}.featured-order>.product-row:first-of-type{padding-top:14px}

/* 需求确认：原型不绘制操作系统状态栏 */
.os-status{display:flex!important}.orders-dashboard .orders-red-head{height:192px}.detail-status{height:150px}.refund-detail .detail-status{height:158px}.refund-detail .detail-status .os-titlebar{height:44px}
.orders-dashboard .dash-orders{background:#f5f5f5;padding:16px}.orders-dashboard .dash-orders .orders-section-title{margin-left:0}.orders-dashboard .order-card{border-radius:12px}

/* Unified exported back icon: 9.9609 × 17.5778. */
.os-back{width:24px;height:24px;padding:0;background:transparent}.os-back:after{width:9.961px;height:17.578px;left:0;top:3px;border:0;transform:none;background:currentColor;-webkit-mask:url('../assets/shared/vector-back.svg') center/100% 100% no-repeat;mask:url('../assets/shared/vector-back.svg') center/100% 100% no-repeat}