:root{--color-primary: #1890ff;--color-primary-light: #e8f4ff;--color-primary-border: #1890ff;--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-danger: #f13642;--color-danger-light: #feecee;--color-danger-border: #f3c2c2;--color-warning: #ffc600;--color-on-primary: #ffffff;--color-badge: #ff5b05;--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-primary);color:var(--color-on-primary)}.page>.topbar{margin:calc(-1 * var(--space-3)) calc(-1 * var(--space-3)) var(--space-3)}.topbar .doctype{font-weight:700;color:var(--color-on-primary);white-space:nowrap}.topbar .topbar-title{flex:1;text-align:center;font-size:17px;font-weight:500;color:var(--color-on-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .spacer{flex:1}.customer-btn{border:1px solid transparent;background:#ffffff38;color:var(--color-on-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-surface);color:var(--color-primary);border:none;border-radius:var(--radius-md);padding:0 16px;font-weight:700;white-space:nowrap}.next-btn:disabled{background:#ffffff8c;color:#ffffffe6}.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-muted);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);font-weight:700}.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:#ffffff47;color:var(--color-on-primary);border:none;padding:0 10px;font-size:14px}.topbar .searchbox::placeholder{color:#ffffffd9}.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}.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}