:root{--color-primary: #3D6EFF;--color-primary-light: #DCEBFA;--color-primary-border: #3D6EFF;--color-bg: #f5f5f5;--color-surface: #ffffff;--color-border: #ddd;--color-border-strong: #ccc;--color-text-primary: #333;--color-text-secondary: #888;--color-text-muted: #bbb;--color-success: #3DD39A;--color-danger: #f13642;--color-danger-light: #feecee;--color-danger-border: #f3c2c2;--color-warning: #ffc600;--color-on-primary: #ffffff;--color-badge: #E8312F;--space-1: 4px;--space-2: 8px;--space-3: 12px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text-primary);font-family:-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:16px;touch-action:manipulation;-webkit-font-smoothing:antialiased}button{font-size:16px;min-height:44px;touch-action:manipulation}input,select,textarea{font-size:16px;min-height:44px}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.page{max-width:560px;margin:0 auto;padding:var(--space-3) var(--space-3) calc(76px + env(safe-area-inset-bottom))}.page-order,.page:has(.bottombar){padding-bottom:calc(150px + env(safe-area-inset-bottom))}.sub{color:var(--color-text-secondary);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface);color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.page>.topbar{margin:calc(-1 * var(--space-3)) calc(-1 * var(--space-3)) var(--space-3)}.topbar .doctype{font-weight:700;color:var(--color-text-primary);white-space:nowrap}button.doctype{background:none;border:none;padding:0;font:inherit;cursor:pointer;touch-action:manipulation}button.doctype:disabled{cursor:default;opacity:.55}.topbar .topbar-title{flex:1;text-align:center;font-size:17px;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .spacer{flex:1}.customer-btn{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-primary);border-radius:var(--radius-md);padding:0 var(--space-2);max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-btn:after{content:"▾";font-size:12px;margin-left:4px}.next-btn{background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-md);padding:0 16px;font-weight:700;white-space:nowrap}.next-btn:disabled{background:var(--color-text-muted);color:var(--color-on-primary)}.empty-hint{color:var(--color-text-primary);margin:24px 0 var(--space-3)}.method-row{display:flex;gap:var(--space-2)}.method-row button{flex:1;border-radius:var(--radius-md);border:1px solid var(--color-primary-border);background:#fff;color:var(--color-primary);font-weight:700}.cart-row{display:flex;align-items:center;gap:var(--space-2);padding:10px 0;border-bottom:1px solid var(--color-border)}.cart-row .info{flex:1;min-width:0}.cart-row .info .code{font-weight:700}.qty-btn{width:44px;border:1px solid var(--color-border);background:#fff;border-radius:var(--radius-md)}.qty-num{min-width:40px;text-align:center;font-variant-numeric:tabular-nums}.bottombar{position:fixed;left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--color-border);padding:var(--space-2) var(--space-3)}.bottombar .row{max-width:560px;margin:0 auto;display:flex;align-items:center;gap:var(--space-2)}.tax-toggle{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 10px}.tax-toggle[aria-pressed=true]{background:var(--color-primary-light);border-color:var(--color-primary-border)}.total{margin-left:auto;font-weight:700;font-size:20px;font-variant-numeric:tabular-nums}.tabs{position:fixed;left:0;right:0;bottom:0;display:flex;background:#fff;border-top:1px solid var(--color-border-strong);padding-bottom:env(safe-area-inset-bottom);min-height:56px}.tabs button{flex:1;min-width:0;border:none;background:none;color:var(--color-text-secondary);font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:relative}.tabs button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tabs button[aria-current=true]{color:var(--color-primary)}.tab-badge{position:absolute;top:4px;right:calc(50% - 22px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--color-badge);color:var(--color-on-primary);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center}.error{color:var(--color-danger);background:var(--color-danger-light);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);padding:10px var(--space-3);margin:var(--space-3) 0}.hint{color:var(--color-text-secondary);font-size:14px;margin:var(--space-2) 0}.field{display:block;margin:var(--space-3) 0}.field label{display:block;margin-bottom:var(--space-1);font-weight:600}.field input{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-3)}.primary{width:100%;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:700}.list-item{width:100%;text-align:left;border:none;border-bottom:1px solid var(--color-border);background:none;padding:10px var(--space-1);min-height:44px}.sku-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px dashed var(--color-border)}.sku-row .info{flex:1;min-width:0}.num{font-variant-numeric:tabular-nums}.modal{z-index:100;position:fixed;inset:0;background:#0006;display:flex;align-items:flex-end;justify-content:center}.modal .sheet{background:#fff;width:100%;max-width:560px;max-height:80vh;overflow:auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-3) var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom));overscroll-behavior:contain}.scan-video{width:100%;background:#000;border-radius:var(--radius-md);min-height:240px}.order-number{font-size:20px;font-weight:700}.cart-group{margin:var(--space-3) 0;background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden}.cart-group-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);background:var(--color-bg);color:var(--color-text-secondary);font-size:12px;padding:6px var(--space-3)}.cart-group-head .g-code{font-weight:700;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-group-head .sub2{white-space:nowrap;font-variant-numeric:tabular-nums}.color-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.color-row .bigqty{font-size:20px;font-weight:600;min-width:28px;text-align:center;font-variant-numeric:tabular-nums}.swatch{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--color-border);flex:none}.color-row .info{flex:1;min-width:0}.color-row .subtotal{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.size-rows{padding-left:var(--space-3);padding-right:var(--space-3)}.topbar .searchbox{flex:1;min-width:0;height:36px;border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-primary);border:1px solid var(--color-border);padding:0 10px;font-size:14px}.topbar .searchbox::placeholder{color:var(--color-text-muted)}.search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin:var(--space-3) 0}.search-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2);min-width:0;min-height:44px;text-align:left;display:flex;flex-direction:column;gap:4px}.search-card .thumb{height:64px;border-radius:var(--radius-sm);background:var(--color-bg);border:1px solid var(--color-border)}.search-card .sc-code{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-card .sc-name{color:var(--color-text-secondary);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-expand{grid-column:1 / -1;min-width:0}.doc-statusbar{margin:calc(-1 * var(--space-3)) calc(-1 * var(--space-3)) var(--space-3);padding:10px var(--space-3);background:var(--color-primary);color:var(--color-on-primary)}.card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);margin:0 0 10px}img,video{max-width:100%}.staff-code{overflow-wrap:anywhere;word-break:break-all;-webkit-user-select:all;user-select:all}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none;scroll-behavior:auto}}.field select{width:100%;min-width:96px}.swipe{position:relative;overflow:hidden}.swipe-actions{position:absolute;left:0;top:0;bottom:0;display:flex}.swipe-btn{width:80px;border:none;border-radius:0;color:var(--color-on-primary);font-weight:700}.swipe-btn[data-testid^=row-discount-]{background:var(--color-warning);color:var(--color-text-primary)}.swipe-btn[data-testid^=row-delete-]{background:var(--color-danger)}.swipe-btn:disabled{opacity:.5}.swipe-content{position:relative;background:var(--color-surface);touch-action:pan-y}button.qty-num{background:none;border:none;padding:0;color:inherit}.line-disc{color:var(--color-danger);font-weight:700;white-space:nowrap}.line-tier{font-weight:700;white-space:nowrap}.line-pack{color:var(--color-text-secondary);white-space:nowrap}.pack-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}.pack-grid .qty-btn{width:100%;min-height:44px}.dialog-btns{display:flex;gap:var(--space-2);margin:var(--space-3) 0 0}fieldset.dialog-btns{border:none;padding:0}.dialog-btns button{flex:1;border:1px solid var(--color-border);background:#fff;border-radius:var(--radius-md);min-height:44px}.dialog-btns button.primary{background:var(--color-primary);color:#fff;border:none;font-weight:700}.dialog-btns button:disabled{opacity:.5}.dialog-btns button[aria-pressed=true]{border-color:var(--color-primary-border);background:var(--color-primary-light);font-weight:700}.modal .sheet h2{margin:0 0 var(--space-2);font-size:17px}.bottombar-sub{margin-top:var(--space-2)}.mini-btn{flex:1;border:1px solid var(--color-border);background:#fff;border-radius:var(--radius-md);min-height:40px}.mini-btn:disabled{opacity:.5}.tab-badge.hold-badge{right:auto;left:calc(50% - 40px);background:var(--color-primary)}.page-success{max-width:560px;margin:0 auto;padding-bottom:var(--space-3)}.success-number{display:block;width:100%;min-height:44px;background:none;border:none;padding:var(--space-2) 0;font-size:18px;font-weight:700;text-align:left;color:var(--color-text-primary);cursor:pointer;touch-action:manipulation}.success-mark{width:72px;height:72px;margin:var(--space-3) auto var(--space-2);border:4px solid var(--color-success);border-radius:50%;color:var(--color-success);font-size:34px;font-weight:700;line-height:64px;text-align:center}.success-word{margin:0 0 var(--space-3);font-size:18px;font-weight:700;text-align:center;color:var(--color-success)}.success-card{margin:0 0 var(--space-3);padding:var(--space-1) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.success-row-line{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.success-row-line:last-child{border-bottom:none}.success-row-line dt{flex:none;color:var(--color-text-secondary)}.success-row-line dd{flex:1;min-width:0;margin:0;text-align:right;overflow-wrap:break-word}.success-btn-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.outline-btn{flex:1;min-height:44px;border-radius:var(--radius-md);border:1px solid var(--color-primary-border);background:var(--color-surface);color:var(--color-primary);font-weight:700;touch-action:manipulation}.outline-btn:disabled{opacity:.5}.primary-block-btn{display:block;width:100%;min-height:48px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-weight:700;touch-action:manipulation}.primary-block-btn:disabled{background:var(--color-text-muted)}.hist-topbar{gap:var(--space-1)}.hist-icon-btn{flex:none;min-width:44px;min-height:44px;border:none;background:none;font-size:20px;color:var(--color-text-primary);cursor:pointer;touch-action:manipulation}.hist-title{flex:1;min-width:0;text-align:center;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-searchrow{margin:0 0 var(--space-2)}.hist-searchrow input{width:100%;font-size:16px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:var(--color-surface);color:var(--color-text-primary)}.hist-summary{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);font-variant-numeric:tabular-nums}.hist-sum-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);color:var(--color-text-secondary);font-size:14px;padding:2px 0}.hist-sum-row b{color:var(--color-text-primary);font-weight:400}.hist-sum-total{font-size:22px;font-weight:700;color:var(--color-text-primary)}.hist-sort{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:44px;border:none;border-radius:var(--radius-md);background:var(--color-border);color:var(--color-text-primary);font-size:15px;margin-bottom:var(--space-2);cursor:pointer;touch-action:manipulation}.hist-sort-menu{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2);overflow:hidden}.hist-sort-opt{border:none;border-bottom:1px solid var(--color-border);background:var(--color-surface);color:var(--color-primary);min-height:44px;font-size:16px;cursor:pointer;touch-action:manipulation}.hist-sort-opt:last-child{border-bottom:none}.hist-sort-opt[aria-selected=true]{font-weight:700}.hist-list{list-style:none;margin:0;padding:0;background:var(--color-surface)}.hist-empty{min-height:24px}.hist-row{display:flex;align-items:stretch;gap:var(--space-2);width:100%;text-align:left;border:none;border-bottom:1px solid var(--color-border);background:var(--color-surface);padding:10px var(--space-2);min-height:44px;cursor:pointer;touch-action:manipulation}.hist-bars{flex:none;display:flex;gap:3px;align-self:stretch}.hist-bar{width:4px;border-radius:2px;background:#f3c2c2;align-self:stretch}.hist-bar-ship{background:#bcd6f5}.hist-bar-pay[data-state=full]{background:#c00f0f}.hist-bar-pay[data-state=half]{background:linear-gradient(to bottom,#c00f0f 50%,#f3c2c2 50%)}.hist-bar-ship[data-state=full]{background:#1a56c4}.hist-bar-ship[data-state=half]{background:linear-gradient(to bottom,#1a56c4 50%,#bcd6f5 50%)}.hist-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.hist-line1,.hist-line2{display:flex;align-items:baseline;gap:var(--space-2);min-width:0}.hist-number{color:var(--color-text-secondary);font-size:14px}.hist-tag{flex:none;font-size:12px;color:#e07b00;border:1px solid #e07b00;border-radius:4px;padding:0 4px;line-height:18px}.hist-time{margin-left:auto;flex:none;color:var(--color-text-secondary);font-size:14px;font-variant-numeric:tabular-nums}.hist-customer{flex:1;min-width:0;font-size:17px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-qty{flex:none;font-size:14px;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.hist-amount{flex:none;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}.hist-contact,.hist-note{color:var(--color-text-secondary);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.hist-overlay{position:fixed;inset:0;border:none;padding:0;background:#0006;z-index:40;cursor:pointer}.hist-drawer{position:fixed;top:0;left:0;bottom:0;width:73%;max-width:340px;overflow-y:auto;overscroll-behavior:contain;background:#3a3a3a;color:#eee;padding:var(--space-3);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom));z-index:41}.hist-drawer-note{color:#aaa;font-size:14px;margin:0 0 var(--space-2)}.hist-drawer-top{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.hist-drawer-top button{flex:1;min-height:44px;border:1px solid #888;border-radius:var(--radius-md);background:transparent;color:#fff;font-size:15px;cursor:pointer;touch-action:manipulation}.hist-group{margin:0 0 var(--space-3)}.hist-group h2{font-size:15px;font-weight:700;margin:0 0 var(--space-2)}.hist-opts{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hist-opt{min-height:44px;padding:0 var(--space-3);border:1px solid #888;border-radius:var(--radius-md);background:transparent;color:#eee;font-size:15px;cursor:pointer;touch-action:manipulation}.hist-opt[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.hist-custom{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.hist-custom label{display:flex;align-items:center;gap:var(--space-2);font-size:15px}.hist-custom input,.hist-group input[type=search]{flex:1;min-width:0;min-height:44px;font-size:16px;border:1px solid #888;border-radius:var(--radius-md);padding:0 var(--space-2);background:#fff;color:#222}.hist-group .error{color:#ffb3b3}