:root{color-scheme:light;--paper: #F6F1E6;--paper-deep: #EFE8D8;--card: #FFFDF8;--ink: #2E2A21;--ink-2: #6E6656;--ink-3: #A79B85;--hairline: #E3DCC8;--moss: #55663F;--moss-deep: #43522F;--moss-soft: #E9EBDD;--clay: #B95C38;--clay-deep: #9E4B2C;--clay-soft: #F6E3D9;--gold: #A8863B;--gold-soft: #F3ECD9;--danger: #A8402F;--ok: #4F7A45;--font-display: "Songti SC", "STSong", "Noto Serif SC", "SimSun", serif;--font-body: -apple-system, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;--fs-hero: 28px;--fs-title: 20px;--fs-body: 15px;--fs-sub: 13px;--fs-cap: 12px;--fs-num: 22px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--shadow-card: 0 1px 2px rgba(46, 42, 33, .05);--shadow-pop: 0 8px 28px rgba(46, 42, 33, .16);--dur-fast: .12s;--dur-ui: .2s;--dur-pop: .22s;--dur-page: .28s;--dur-sheet: .32s;--ease-page: cubic-bezier(.32, .72, 0, 1);--ease-out: cubic-bezier(.22, .9, .3, 1);--ease-spring: cubic-bezier(.34, 1.4, .44, 1);--app-w: 430px;--topbar-h: 52px;--tabbar-h: 56px}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;padding:0;height:100%}*{scrollbar-width:none}*::-webkit-scrollbar{display:none}html{-ms-overflow-style:none}body{font-family:var(--font-body);font-size:var(--fs-body);color:var(--ink);background:var(--paper-deep);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}*:focus{outline:none}*:focus-visible{outline:2px solid var(--moss);outline-offset:2px}img,svg,video{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation}input,textarea,select{font:inherit;color:inherit}a{color:var(--link, var(--moss));text-decoration:none}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}.app,.app *{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.app input,.app textarea,.app [contenteditable],.app .selectable{-webkit-user-select:text;user-select:text;cursor:auto}.app{max-width:var(--app-w);margin:0 auto;height:100dvh;overflow:hidden;background:var(--paper);position:relative;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);box-shadow:0 0 0 1px var(--hairline);animation:pageIn var(--dur-page) var(--ease-page)}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.view-enter{animation:pageIn var(--dur-page) var(--ease-page)}.topbar{height:var(--topbar-h);display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4);border-bottom:1px solid var(--hairline);position:relative;z-index:20;background:var(--paper)}.topbar .back{width:32px;height:32px;border:none;background:none;font-size:20px;color:var(--ink);cursor:pointer;flex:none}.topbar-title{font-family:var(--font-display);font-size:19px;letter-spacing:.04em;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .action{flex:none;font-size:var(--fs-sub);color:var(--moss);border:none;background:none;cursor:pointer}.page{flex:1;padding:var(--sp-4);overflow-y:auto;overscroll-behavior-y:contain}.page.no-pad{padding:0}.page.center{display:flex;flex-direction:column;justify-content:center;min-height:100dvh}.hero-title{font-family:var(--font-display);font-size:var(--fs-hero);letter-spacing:.06em;line-height:1.3}.hero-sub{color:var(--ink-2);font-size:var(--fs-sub);margin-top:var(--sp-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:44px;padding:0 var(--sp-5);border-radius:var(--r-md);font-size:var(--fs-body);font-family:var(--font-body);border:1px solid transparent;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast);-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:scale(.96)}.btn-primary{background:var(--moss);color:var(--card)}.btn-primary:active:not(:disabled){background:var(--moss-deep)}.btn-clay{background:var(--clay);color:var(--card)}.btn-clay:active:not(:disabled){background:var(--clay-deep)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--hairline)}.btn-danger-ghost{background:transparent;color:var(--danger);border-color:var(--hairline)}.btn-block{width:100%}.btn-sm{height:32px;padding:0 var(--sp-3);font-size:var(--fs-sub);border-radius:var(--r-sm)}.btn[disabled],.btn.is-loading{opacity:.45;pointer-events:none}.field{margin-bottom:var(--sp-4)}.field-label{font-size:var(--fs-sub);color:var(--ink-2);margin-bottom:var(--sp-2);display:block}.input,.textarea{width:100%;border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--card);padding:12px var(--sp-3);font-size:var(--fs-body);color:var(--ink);font-family:var(--font-body);outline:none;transition:border-color var(--dur-ui)}.input:focus,.textarea:focus{border-color:var(--moss)}.textarea{min-height:88px;resize:none;line-height:1.6}.input::placeholder,.textarea::placeholder{color:var(--ink-3)}.card{background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.card-pad{padding:var(--sp-4)}.tag{display:inline-flex;align-items:center;height:28px;padding:0 var(--sp-3);border-radius:var(--r-pill);border:1px solid var(--hairline);background:var(--card);font-size:var(--fs-cap);color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:all var(--dur-ui) var(--ease-out)}.tag.active{background:var(--moss);border-color:var(--moss);color:var(--card)}.tag-soft{background:var(--moss-soft);border-color:transparent;color:var(--moss)}.tag-clay{background:var(--clay-soft);border-color:transparent;color:var(--clay)}.tag-row{display:flex;gap:var(--sp-2);overflow-x:auto;padding:var(--sp-3) var(--sp-4);scrollbar-width:none;border-bottom:1px solid var(--hairline);background:var(--paper)}.tag-row::-webkit-scrollbar{display:none}.row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--card);border-bottom:1px solid var(--hairline)}.row:last-child{border-bottom:none}.row-main{flex:1;min-width:0}.row-title{font-size:var(--fs-body)}.row-sub{font-size:var(--fs-cap);color:var(--ink-3);margin-top:2px}.tabbar{height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;border-top:1px solid var(--hairline);background:var(--card)}.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--ink-3);font-size:var(--fs-cap);border:none;background:none;cursor:pointer;position:relative;transition:color var(--dur-ui)}.tabbar-item.active{color:var(--moss)}.tabbar-item .ico{font-size:20px}.tabbar-badge{position:absolute;top:6px;left:calc(50% + 6px);min-width:16px;height:16px;padding:0 4px;border-radius:var(--r-pill);background:var(--clay);color:var(--card);font-size:10px;line-height:16px;text-align:center}.badge{display:inline-flex;align-items:center;height:20px;padding:0 var(--sp-2);border-radius:var(--r-sm);font-size:10px;letter-spacing:.05em;flex:none}.badge-ordering{background:var(--moss-soft);color:var(--moss)}.badge-open{background:var(--clay-soft);color:var(--clay)}.badge-closed,.badge-off{background:var(--paper-deep);color:var(--ink-3)}.avatar{width:26px;height:26px;flex:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:var(--card);background:var(--moss);overflow:hidden}.avatar.a2{background:var(--clay)}.avatar.a3{background:var(--gold)}.avatar.a4{background:var(--ink-2)}.sheet-mask,.dialog-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#2e2a215c;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--dur-ui) ease}.sheet-mask.show,.dialog-mask.show{opacity:1;pointer-events:auto}.sheet{width:100%;max-width:var(--app-w);background:var(--card);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:var(--sp-5) var(--sp-4) calc(var(--sp-5) + env(safe-area-inset-bottom));max-height:92dvh;overflow-y:auto;transform:translateY(100%);transition:transform var(--dur-sheet) var(--ease-page)}.sheet-mask.show .sheet{transform:translateY(0)}body.layer-lock{overflow:hidden}.sheet-handle{width:36px;height:4px;border-radius:2px;background:var(--hairline);margin:0 auto var(--sp-4)}.sheet-title{font-family:var(--font-display);font-size:var(--fs-title);letter-spacing:.04em;margin-bottom:var(--sp-4)}.dialog-mask{align-items:center;padding:var(--sp-6)}.dialog{width:100%;max-width:320px;background:var(--card);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-pop);transform:scale(.94);opacity:0;transition:transform var(--dur-pop) var(--ease-out),opacity var(--dur-pop) var(--ease-out);max-height:80dvh;overflow-y:auto}.dialog-mask.show .dialog{transform:scale(1);opacity:1}.dialog-title{font-family:var(--font-display);font-size:18px;letter-spacing:.04em}.dialog-body{font-size:var(--fs-sub);color:var(--ink-2);margin:var(--sp-3) 0 var(--sp-5);line-height:1.6}.dialog-actions{display:flex;gap:var(--sp-3)}.dialog-actions .btn{flex:1}.toast-wrap{position:fixed;top:calc(var(--topbar-h) + 10px);left:50%;z-index:99;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);pointer-events:none}.toast{background:var(--ink);color:var(--paper);font-size:var(--fs-sub);padding:8px var(--sp-4);border-radius:var(--r-pill);opacity:0;pointer-events:none;transition:opacity var(--dur-ui),transform var(--dur-ui) var(--ease-out);white-space:nowrap;max-width:80vw;transform:translateY(-12px)}.toast.show{opacity:1;transform:translateY(0)}.empty{display:flex;flex-direction:column;align-items:center;padding:var(--sp-8) var(--sp-4);color:var(--ink-3);text-align:center}.empty .glyph{width:72px;height:72px;border-radius:50%;border:1px dashed var(--hairline);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:30px;margin-bottom:var(--sp-4);color:var(--ink-3)}.empty-title{font-size:var(--fs-body);color:var(--ink-2)}.empty-sub{font-size:var(--fs-cap);margin-top:var(--sp-2);line-height:1.6}.skel{border-radius:var(--r-md);background:linear-gradient(90deg,var(--paper-deep) 25%,var(--card) 50%,var(--paper-deep) 75%);background-size:200% 100%;animation:shimmer 1.2s ease infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.code-display{font-family:var(--font-display);font-size:40px;letter-spacing:.3em;text-indent:.3em;text-align:center;color:var(--ink);padding:var(--sp-4) 0}.qr-box{width:180px;height:180px;margin:0 auto;border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--card);display:flex;align-items:center;justify-content:center;overflow:hidden}.qr-box canvas,.qr-box img{width:100%;height:100%}.cat-anchor{font-family:var(--font-display);font-size:17px;letter-spacing:.05em;padding:var(--sp-4) 0 var(--sp-2);display:flex;align-items:baseline;gap:var(--sp-2)}.cat-anchor small{font-family:var(--font-body);font-size:var(--fs-cap);color:var(--ink-3);letter-spacing:0}.sec-title{font-size:var(--fs-cap);color:var(--ink-3);letter-spacing:.12em;margin:var(--sp-5) 0 var(--sp-2);display:flex;align-items:center;gap:var(--sp-3)}.sec-title:after{content:"";flex:1;height:1px;background:var(--hairline)}.switch{width:44px;height:26px;border-radius:var(--r-pill);background:var(--hairline);border:none;cursor:pointer;position:relative;transition:background var(--dur-ui);flex:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--card);box-shadow:0 1px 3px #00000026;transition:transform var(--dur-ui) var(--ease-page)}.switch.on{background:var(--moss)}.switch.on:after{transform:translate(18px)}.img-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.img-cell{aspect-ratio:1;border-radius:var(--r-md);background:var(--paper-deep);border:1px solid var(--hairline);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:24px;color:var(--ink-3);position:relative;overflow:hidden}.img-cell.add{border-style:dashed;background:none;font-size:22px;cursor:pointer;color:var(--ink-3)}.img-cell .cover-mark{position:absolute;left:0;bottom:0;right:0;background:#2e2a21b3;color:var(--paper);font-size:10px;text-align:center;padding:3px 0;font-family:var(--font-body)}.img-cell .del{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:none;background:#2e2a21b3;color:var(--paper);font-size:12px;line-height:20px;cursor:pointer}.img-cell img,.img-cell canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.live-bar{display:flex;align-items:center;gap:6px;font-size:var(--fs-cap);color:var(--ok)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--ok);animation:pulse 1.6s ease infinite}@keyframes pulse{50%{opacity:.3}}.lock-banner{background:var(--clay-soft);color:var(--clay);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sub);text-align:center;margin-bottom:var(--sp-4)}.code-input{width:100%;text-align:center;font-family:var(--font-display);font-size:32px;letter-spacing:.35em;text-indent:.35em;padding:var(--sp-4);border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--card);color:var(--ink);outline:none;text-transform:uppercase}.code-input:focus{border-color:var(--moss)}.code-input.error{border-color:var(--danger);animation:shake .3s ease}@keyframes shake{25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}.dish-card{background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-card);overflow:hidden;margin-bottom:var(--sp-3)}.dish-cover{width:100%;aspect-ratio:3 / 2;background:var(--paper-deep);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:44px;color:var(--ink-3);overflow:hidden;position:relative}.dish-cover-btn{display:block;width:100%;border:none;padding:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.dish-cover img.cover-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(18px) saturate(1.05);transform:scale(1.12);opacity:.5}.dish-cover img.cover-main{position:relative;width:100%;height:100%;object-fit:contain}.dish-body{padding:var(--sp-3) var(--sp-4) var(--sp-4)}.dish-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.dish-name{flex:1;min-width:0;font-family:var(--font-display);font-size:var(--fs-title);font-weight:600;letter-spacing:.02em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dish-action{flex:none;display:flex;align-items:center;gap:var(--sp-2)}.dish-action .btn-sm{flex:none}.dish-tags{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-top:var(--sp-2)}.dish-chip{display:inline-flex;align-items:center;height:22px;padding:0 var(--sp-2);border-radius:var(--r-sm);font-size:var(--fs-cap);line-height:1;white-space:nowrap}.dish-chip-cat{background:var(--moss-soft);color:var(--moss)}.dish-chip-chef{background:var(--gold-soft);color:var(--gold);border-radius:var(--r-pill);gap:4px}.dish-chip-chef svg{flex:none}.dish-card.clickable .dish-body{cursor:pointer;-webkit-tap-highlight-color:transparent}.stepper{display:inline-flex;align-items:center;gap:2px}.stepper button{width:28px;height:28px;border:1px solid var(--hairline);border-radius:var(--r-sm);background:var(--card);color:var(--ink);font-size:16px;line-height:1;cursor:pointer;transition:all var(--dur-fast)}.stepper button:active{transform:scale(.9);background:var(--paper-deep)}.stepper .qty{min-width:30px;text-align:center;font-size:var(--fs-body);font-weight:600}.stepper .qty.pop{animation:qtyPop .18s var(--ease-spring)}@keyframes qtyPop{50%{transform:scale(1.25)}}.order-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--hairline);animation:pageIn var(--dur-page) var(--ease-page)}.order-item:last-child{border-bottom:none}.order-item .rm{border:none;background:none;color:var(--ink-3);font-size:16px;cursor:pointer;flex:none;padding:4px}.sum-row{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--hairline)}.sum-row:last-child{border-bottom:none}.sum-qty{font-family:var(--font-display);font-size:var(--fs-num);color:var(--clay);min-width:36px;text-align:center;line-height:1.2}.check-line{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--hairline);cursor:pointer}.check-line:last-child{border-bottom:none}.check-line.done .ck-name{color:var(--ink-3);text-decoration:line-through}.ck-box{width:22px;height:22px;border:1px solid var(--hairline);border-radius:var(--r-sm);flex:none;display:flex;align-items:center;justify-content:center;font-size:13px;color:transparent;transition:all var(--dur-ui) var(--ease-out)}.check-line.done .ck-box{background:var(--moss);border-color:var(--moss);color:var(--card)}#app{min-height:100dvh}.toast[data-v-6a48cee5]{position:static;opacity:1;transform:none}.drop-enter-from[data-v-6a48cee5],.drop-leave-to[data-v-6a48cee5]{opacity:0;transform:translateY(-12px)}.drop-enter-active[data-v-6a48cee5],.drop-leave-active[data-v-6a48cee5]{transition:opacity var(--dur-ui),transform var(--dur-ui) var(--ease-out)}.page-enter-active[data-v-9533a7d6],.page-leave-active[data-v-9533a7d6]{transition:opacity var(--dur-page) var(--ease-page)}.page-enter-from[data-v-9533a7d6],.page-leave-to[data-v-9533a7d6]{opacity:0}.page-leave-active[data-v-9533a7d6]{position:absolute;top:0;left:0;right:0;bottom:0}