#app{--flow-ink:#183438;--flow-muted:#657b7c;--flow-accent:#087f79;--flow-line:#dfe9e5}
#app .flow-review-intro{padding:5px 4px 3px;color:var(--flow-ink)}
#app .flow-review-intro>span{font-size:10px;letter-spacing:1.2px;font-weight:700;color:var(--flow-accent)}
#app .flow-review-intro h1{font-size:23px;line-height:1.4;margin:6px 0;font-weight:700}
#app .flow-review-intro p{font-size:13px;line-height:1.7;color:var(--flow-muted);margin:0}
#app .flow-address-needed{display:block;text-align:left;width:100%;padding:9px 0 0;border:0;background:none;color:var(--flow-accent);font-family:inherit;font-size:13px;line-height:1.6;font-weight:600;min-height:40px;cursor:pointer}
#app .flow-progress{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px 0 20px;margin:0 0 16px;border-bottom:1px solid var(--flow-line)}
#app .flow-progress li{display:flex;position:relative;flex-direction:column;gap:7px;align-items:center;font-size:11px;text-align:center;color:var(--flow-muted);line-height:1.5}
#app .flow-progress li:before{content:"";position:absolute;height:2px;background:#e4ece8;top:13px;left:-50%;width:100%}
#app .flow-progress li:first-child:before{display:none}
#app .flow-progress-dot{position:relative;z-index:1;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;background:#eff4f1;border:2px solid white;box-sizing:border-box;color:var(--flow-muted);font-size:11px}
#app .flow-progress li.complete:before,#app .flow-progress li.current:before{background:#a3d4c7}
#app .flow-progress li.complete .flow-progress-dot{background:#e0f1e9;color:var(--flow-accent)}
#app .flow-progress li.current{color:var(--flow-accent);font-weight:700}
#app .flow-progress li.current .flow-progress-dot{background:var(--flow-accent);color:white}
#app .flow-copy{margin:10px 0 15px;font-size:12px;color:var(--flow-muted)}
#app .flow-copy-value{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:5px;min-width:0}
#app .flow-copy strong{font-size:13px;line-height:1.6;font-weight:600;overflow-wrap:anywhere;color:var(--flow-ink);min-width:0}
#app .flow-copy button,#app .flow-retry button,#app .flow-buy-again button{border:1px solid #c6dfd4;background:#f3faf6;border-radius:9px;color:var(--flow-accent);padding:9px 13px;line-height:1.4;min-height:40px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0}
#app .flow-copy input{box-sizing:border-box;max-width:100%;width:100%;padding:9px;border:1px solid var(--flow-line);border-radius:6px;margin-top:8px;color:var(--flow-ink)}
#app .flow-retry{border:1px solid #edd4c9;background:#fff6ef;border-radius:12px;padding:12px;margin:8px 0;color:#954534;font-size:13px;line-height:1.6;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#app .flow-retry p{margin:0;flex:1;min-width:150px}
#app .flow-buy-again{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
#app .flow-buy-again>span{width:100%;font-size:12px;color:var(--flow-muted);line-height:1.6}
#app .flow-buy-again .flow-text-button{background:transparent;border-color:transparent}
#app .flow-tracking-empty{border-radius:12px;background:#f5f9f7;padding:16px}
#app .flow-tracking-empty strong{font-size:13px;color:var(--flow-ink)}
#app .flow-tracking-empty p{margin-bottom:0}
#app .flow-form{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}
#app .flow-form-content{flex:1;min-height:0;overflow:auto;padding:20px 16px;display:flex;flex-direction:column;gap:16px;overscroll-behavior:contain;scroll-padding:24px}
#app .flow-form .co-intro{padding:0 3px}
#app .flow-form-card{background:white;border:1px solid var(--flow-line);border-radius:18px;padding:22px 18px}
#app .flow-field{margin-bottom:21px}
#app .flow-field:last-child{margin-bottom:0}
#app .flow-field label{display:block;color:var(--flow-ink);font-size:14px;font-weight:650;line-height:1.5;margin-bottom:9px}
#app .flow-field input,#app .flow-field textarea{display:block;box-sizing:border-box;width:100%;border:1px solid #d8e5de;border-radius:10px;background:#f8faf9;padding:12px;color:var(--flow-ink);font-family:inherit;font-size:16px;line-height:1.5;min-height:48px;outline:none;resize:vertical}
#app .flow-field input:focus,#app .flow-field textarea:focus{border-color:var(--flow-accent);box-shadow:0 0 0 3px #e4f2ed;background:white}
#app .flow-field [aria-invalid=true]{border-color:#b45743}
#app .flow-field-help{font-size:12px;color:var(--flow-muted);line-height:1.7;margin:7px 0 0}
#app .flow-field-error{font-size:12px;color:#a34131;line-height:1.6;margin:7px 0 0}
#app .flow-default{display:flex;align-items:center;gap:12px;padding:16px;background:white;border:1px solid var(--flow-line);border-radius:14px;color:var(--flow-ink);font-size:14px;line-height:1.5;min-height:32px}
#app .flow-default input{accent-color:var(--flow-accent);width:20px;height:20px;flex-shrink:0}
#app .flow-form-bottom{background:white;flex-shrink:0;border-top:1px solid var(--flow-line);padding:14px 16px calc(14px + env(safe-area-inset-bottom));display:flex}
#app .flow-form-bottom .co-primary{width:100%;margin:0;min-height:48px;font-size:15px}
#app .flow-draft{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:12px;background:#e6f3ee;color:var(--flow-accent);padding:12px;font-size:12px;line-height:1.6}
#app .flow-draft button,#app .flow-history-title button{border:0;background:none;color:var(--flow-accent);padding:8px;min-height:36px;cursor:pointer;font-family:inherit}
#app .flow-search-history{margin:8px 16px 14px}
#app .flow-history-title{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--flow-muted);font-size:12px}
#app .flow-search-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}
#app .flow-search-chips button{border:1px solid var(--flow-line);background:#fff;border-radius:20px;padding:8px 13px;color:var(--flow-muted);font-size:12px;min-height:36px;max-width:100%;overflow-wrap:anywhere;cursor:pointer;font-family:inherit}
#app .flow-order-list{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"PingFang SC",sans-serif;color:var(--flow-ink);background:#f4f8f6}
#app .flow-order-list .content{padding:0 0 24px!important}
#app .flow-order-list .back_3{border:1px solid var(--flow-line);border-radius:16px;padding:8px 0 12px;margin:14px 16px 0;overflow:hidden;background:#fff;color:var(--flow-ink)}
#app .flow-order-list .back_3>.flex:first-child{border-bottom:1px solid #eef3ef;margin-bottom:14px;padding-bottom:6px}
#app .flow-order-list .back_3>.flex:first-child .ml-auto{color:var(--flow-accent);background:#e8f4ee;border-radius:16px;font-size:12px;padding:5px 10px}
#app .flow-order-list .back_3 .w-60{width:auto;min-width:0}
#app .flow-order-list .back_3 .van-ellipsis{white-space:normal;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.5}
#app .flow-order-list .back_3 .flex-auto{min-width:0}
#app .flow-order-list .back_3 .font-semibold{font-size:12px;overflow-wrap:anywhere}
#app .flow-order-list .back_3 .text-lg{color:var(--flow-accent);font-size:16px;padding-left:8px}
#app .flow-order-list .back_3 .flex>.text-right{font-size:12px}
#app .flow-order-list .back_3 .van-image{width:84px!important;height:90px!important}
#app .flow-order-list .back_3 .van-image img{object-fit:contain}
#app .flow-order-list .order-item-del{background:#b85545}
#app .flow-order-list .flow-retry{margin:16px}
#app .flow-default-badge{display:inline-flex;font-size:10px;padding:2px 6px;color:var(--flow-accent);border-radius:5px;background:#e5f3ed;margin-left:7px;line-height:1.5;font-weight:500}
#app .flow-address-phone{font-size:12px;color:var(--flow-muted);margin:4px 0}
#app .flow-edit-address{background:none;color:var(--flow-accent);border:1px solid var(--flow-line);border-radius:8px;padding:8px;font-family:inherit;font-size:12px;min-height:40px;cursor:pointer}
#app .flow-description-collapsed{max-height:380px;overflow:hidden;mask-image:linear-gradient(#000 75%,transparent)}
#app .flow-description-toggle{display:block;width:100%;border:1px solid #c6dfd4;border-radius:10px;min-height:44px;padding:10px;margin-top:14px;color:var(--flow-accent);background:#f3faf6;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}
#app :is(.flow-form,.flow-buy-again,.flow-copy,.flow-retry) button:disabled{opacity:.55;cursor:default}
@media(min-width:768px){#app .flow-form-content{padding:26px max(28px,calc((100% - 640px)/2))}#app .flow-form-bottom{padding-left:max(28px,calc((100% - 640px)/2));padding-right:max(28px,calc((100% - 640px)/2))}}
@media(max-width:350px){#app .flow-form-card{padding:18px 14px}#app .flow-progress li{font-size:10px}#app .flow-copy-value{gap:6px}#app .flow-buy-again{gap:4px}#app .flow-buy-again button{padding:9px}}
@media(prefers-reduced-motion:reduce){#app .flow-form-content{scroll-behavior:auto}}