.app-toast-wrap[data-v-81f6cd2d]{position:absolute;left:50%;bottom:90px;transform:translate(-50%);z-index:3000;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.app-toast[data-v-81f6cd2d]{background:#0f1115e0;color:#fff;padding:11px 20px;border-radius:9px;font-size:16px;box-shadow:0 8px 24px #00000040;max-width:900px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,-apple-system,Segoe UI,Roboto,sans-serif;background:#171a20;color:#2b2f36;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}:root{--mt:#FFC300;--mt-deep:#F0B400;--onmt:#4a3700;--bg:#f3f4f6;--panel:#fff;--line:#e6e8eb;--line2:#d8dadd;--ink:#2b2f36;--t2:#5f6672;--t3:#9aa1ab;--green:#2eaf7d;--green-bg:#e6f6ef;--red:#e5484d;--red-bg:#fdecec;--amber:#f5a623;--amber-bg:#fff4e0;--blue:#3b82f6;--blue-bg:#eaf1fe;--r:10px}.frame{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.artboard{width:1920px;height:1080px;background:var(--bg);position:relative;overflow:hidden;transform-origin:0 0;box-shadow:0 24px 80px #0000008c}.draftbar{position:fixed;left:50%;bottom:14px;transform:translate(-50%);background:#0f1115d9;color:#dfe3ea;font-size:13px;padding:7px 14px;border-radius:20px;display:flex;gap:12px;align-items:center;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.draftbar a{color:#ffc300;text-decoration:none}.draftbar .sep{color:#555b66}.topbar{height:64px;display:flex;align-items:center;gap:14px;padding:0 20px;background:var(--panel);border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;color:var(--ink)}.brand .logo{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,#ffc300,#ff9f0a);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 2px 6px #ffb40066}.brand small{display:block;font-size:11px;color:var(--t3);font-weight:500}.seg{display:flex;background:#f0f1f3;border-radius:9px;padding:3px;gap:2px}.seg button{border:0;background:transparent;padding:8px 18px;border-radius:7px;font-size:15px;color:var(--t2);font-weight:500;white-space:nowrap}.seg button.on{background:var(--mt);color:var(--onmt);font-weight:700;box-shadow:0 1px 3px #f0b40059}.tb-search{position:relative;width:270px}.tb-search .ic{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--t3);font-size:15px}.tb-search input{width:100%;height:38px;border:0;background:#f5f6f7;border-radius:9px;padding:0 12px 0 34px;font-size:14px;outline:none}.icon-btn{width:42px;height:42px;border-radius:10px;border:0;background:transparent;font-size:20px;position:relative}.icon-btn:hover{background:#f2f3f5}.icon-btn .badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;border-radius:8px;background:var(--red);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;padding:0 4px;font-weight:700}.operator{display:flex;align-items:center;gap:8px;background:#f5f6f7;border-radius:22px;padding:4px 12px 4px 5px;cursor:pointer}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#ffc300,#ff9f0a);color:#4a2e00;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.avatar.gray{background:#e4e6ea;color:#5f6672}.operator .nm{font-size:14px;font-weight:600}.right{margin-left:auto;display:flex;align-items:center;gap:10px}.pill{padding:6px 14px;border-radius:20px;font-weight:700;font-size:13.5px;white-space:nowrap}.pill.green{background:var(--green-bg);color:#1d8a5e}.pill.gray{background:#eef0f2;color:#5f6672}.pill.amber{background:var(--amber-bg);color:#b97914}.pill.red{background:var(--red-bg);color:#c9383c}.pill.blue{background:var(--blue-bg);color:#2563c9}.pill.yellow{background:#fff6df;color:#a87a00}.clock{font-size:15px;color:var(--t2);font-variant-numeric:tabular-nums;font-weight:600}.pg{position:absolute;top:64px;left:0;right:0;bottom:0;padding:16px;display:flex;gap:14px}.card{background:var(--panel);border:1px solid #eef0f2;border-radius:var(--r);box-shadow:0 1px 2px #171a1f0a}.f1{flex:1;min-height:0}.oa{overflow:auto}.oa-x{overflow-x:auto}.pg-title{font-size:20px;font-weight:800}.hint{font-size:12.5px;color:var(--t3)}.grow-scroll{overflow:auto;flex:1;min-height:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:9px;font-size:15px;font-weight:600;padding:9px 16px;white-space:nowrap}.btn.sm{padding:5px 10px;font-size:13px;border-radius:7px}.btn.yellow{background:var(--mt);color:var(--onmt)}.btn.yellow:hover{background:var(--mt-deep)}.btn.green{background:var(--green);color:#fff}.btn.green:hover{background:#24996b}.btn.red{background:var(--red);color:#fff}.btn.ghost{background:#f0f1f3;color:#3a4048}.btn.ghost:hover{background:#e6e8ea}.btn.line{border:1px solid var(--line2);background:var(--panel);color:#3a4048}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-big{width:100%;padding:15px;border:0;border-radius:12px;font-size:21px;font-weight:800;color:#fff}.btn-big.yellow{background:var(--mt);color:var(--onmt)}.btn-big.green{background:var(--green)}.btn-big.red{background:var(--red)}.btn-big.ghost{background:#eef0f2;color:#3a4048}.btn-big:disabled{opacity:.55;cursor:not-allowed}.chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12.5px;font-weight:600;white-space:nowrap}.chip.green{background:var(--green-bg);color:#1d8a5e}.chip.red{background:var(--red-bg);color:#c9383c}.chip.blue{background:var(--blue-bg);color:#2563c9}.chip.amber{background:var(--amber-bg);color:#b97914}.chip.gray{background:#eef0f2;color:#6b7280}.chip.yellow{background:#fff6df;color:#a87a00}.tag{display:inline-block;padding:1px 7px;border-radius:5px;font-size:11px;font-weight:700}.tag.hot{background:#fdecec;color:#d23b40}.tag.new{background:#e6f6ef;color:#1d8a5e}.tag.vip{background:#fff6df;color:#b97914}.saleoff{display:inline-block;background:var(--red);color:#fff;font-size:11px;font-weight:800;padding:1px 7px;border-radius:0 6px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.kpi{padding:14px 16px}.kpi .k{font-size:13px;color:var(--t2)}.kpi .v{font-size:30px;font-weight:800;margin-top:4px;font-variant-numeric:tabular-nums;line-height:1.1}.kpi .v small{font-size:15px;font-weight:600;color:var(--t3)}.kpi .d{font-size:12.5px;margin-top:5px}.kpi .d.up{color:#1d8a5e}.kpi .d.down{color:#c9383c}.kpi .ic{float:right;font-size:30px;opacity:.9}.cat-rail{width:156px;flex:none;display:flex;flex-direction:column;gap:2px;overflow:auto;padding-right:2px}.cat{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:9px;color:#3a4048;font-size:14.5px;cursor:pointer;background:#fff;border:1px solid transparent}.cat:hover{background:#fff7e0}.cat.on{background:var(--mt);color:var(--onmt);font-weight:800}.cat .n{font-size:12px;background:#f0f1f3;border-radius:10px;padding:0 7px;color:var(--t2)}.cat.on .n{background:#fff3c2;color:#7a5b00}.dish-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:11px;padding:2px 2px 12px}.dish{background:var(--panel);border:1px solid #eef0f2;border-radius:12px;padding:10px;cursor:pointer;position:relative;transition:.12s}.dish:hover{box-shadow:0 4px 12px #171a1f17;transform:translateY(-1px)}.dish .ph{height:80px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:40px;margin-bottom:8px;position:relative;overflow:hidden;background:linear-gradient(135deg,#fff6df,#ffe9b3)}.dish .ph.b1{background:linear-gradient(135deg,#fdecec,#f8cdcd)}.dish .ph.b2{background:linear-gradient(135deg,#e6f6ef,#c8ebdd)}.dish .ph.b3{background:linear-gradient(135deg,#eaf1fe,#cfdefb)}.dish .ph.b4{background:linear-gradient(135deg,#f0ebff,#dcd0fb)}.dish .nm{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dish .price{color:var(--red);font-weight:800;font-size:17px;margin-top:3px;font-variant-numeric:tabular-nums}.dish .price small{font-size:12px;font-weight:500;color:var(--t3);margin-left:2px}.dish .sub{font-size:11.5px;color:var(--t3);margin-top:2px}.dish .saleoff{position:absolute;top:10px;left:10px}.dish .vipbadge{position:absolute;top:10px;right:10px}.dish.soldout{filter:grayscale(1);opacity:.55;cursor:not-allowed}.dish.soldout:after{content:"沽 清";position:absolute;top:26px;left:0;right:0;text-align:center;font-size:22px;font-weight:900;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5);letter-spacing:6px}.flag{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;color:var(--t3)}.cart{width:350px;flex:none;background:var(--panel);border:1px solid #eef0f2;border-radius:14px;display:flex;flex-direction:column;overflow:hidden}.cart-head{padding:10px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cart-head .tt{font-weight:800;font-size:15px}.cart-head .chip{margin-left:auto}.cart-list{flex:1;overflow:auto;min-height:0;padding:4px 10px}.cline{display:flex;align-items:center;gap:8px;padding:9px 4px;border-bottom:1px dashed #f0f1f3}.cline .nm{flex:1;min-width:0}.cline .nm b{display:block;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cline .nm .spec{display:block;font-size:12px;color:var(--t3);margin-top:1px}.cline .price{font-weight:700;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.cline .sub{color:var(--t3);font-size:11px}.step{display:inline-flex;align-items:center;gap:2px}.step button{width:26px;height:26px;border-radius:7px;border:0;background:#f0f1f3;font-size:16px;font-weight:800;line-height:1}.step button.plus{background:var(--mt);color:var(--onmt)}.step .n{min-width:26px;text-align:center;font-weight:800;font-size:14px;font-variant-numeric:tabular-nums}.cart-foot{border-top:1px solid var(--line);padding:10px 12px 12px;background:#fbfbfc}.sumrow{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13.5px;color:var(--t2)}.sumrow.total{font-size:15px;color:var(--ink);font-weight:700}.sumrow.total .num{font-size:26px;font-weight:900;color:var(--red)}.cart-tool{display:flex;gap:8px;margin-top:8px}.dtable{width:100%;border-collapse:collapse;font-size:14px}.dtable th{text-align:left;color:var(--t3);font-weight:600;font-size:12.5px;padding:10px 14px;background:#fafbfc;border-bottom:1px solid var(--line);white-space:nowrap}.dtable td{padding:11px 14px;border-bottom:1px solid #f4f5f6;white-space:nowrap}.dtable tbody tr:hover{background:#fffdf4}.dtable .num{font-variant-numeric:tabular-nums}.money{font-weight:800;font-variant-numeric:tabular-nums}.money.red{color:var(--red)}.money.green{color:#1d8a5e}.tdlink{color:var(--blue);cursor:pointer}.tdbtn{border:0;background:#f0f1f3;border-radius:6px;padding:4px 10px;font-size:13px;color:#3a4048}.tdbtn:hover{background:#e4e6e9}.subbar{display:flex;align-items:center;gap:12px;padding:10px 0}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filters .sel{height:34px;border:1px solid var(--line2);border-radius:8px;background:#fff;padding:0 10px;font-size:13.5px;color:#3a4048}.seg.mini button{padding:6px 12px;font-size:13px}.date-nav{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--ink)}.date-nav .arr{width:28px;height:28px;border-radius:7px;border:0;background:#eef0f2;font-size:13px;color:#3a4048}.split2{display:flex;gap:14px;min-height:0}.split2 .col{display:flex;flex-direction:column;min-height:0}.pane-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800;padding:12px 14px;border-bottom:1px solid var(--line)}.pane-title .more{margin-left:auto;font-size:13px;color:var(--blue);font-weight:500;cursor:pointer}.field{margin-bottom:13px}.field label{display:block;font-size:13px;font-weight:600;color:#3a4048;margin-bottom:6px}.field label .req{color:var(--red)}.field input,.field select{width:100%;height:42px;border:1px solid var(--line2);border-radius:9px;padding:0 12px;font-size:15px;outline:none;background:#fff}.field input:focus,.field select:focus{border-color:var(--mt);box-shadow:0 0 0 3px #ffc3002e}.field .hint{margin-top:5px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.switch{position:relative;display:inline-block;width:46px;height:26px;flex:none}.switch input{opacity:0;width:0;height:0}.switch i{position:absolute;top:0;right:0;bottom:0;left:0;background:#d7dade;border-radius:14px;transition:.15s;cursor:pointer}.switch i:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.15s;box-shadow:0 1px 3px #00000040}.switch input:checked+i{background:var(--green)}.switch input:checked+i:before{transform:translate(20px)}.modal{position:absolute;top:0;right:0;bottom:0;left:0;background:#14171c80;display:none;align-items:center;justify-content:center;z-index:90}.modal.open{display:flex}.mpanel{background:#fff;border-radius:16px;box-shadow:0 24px 70px #00000047;width:600px;max-width:calc(100% - 120px);max-height:calc(100% - 120px);display:flex;flex-direction:column;overflow:hidden}.mpanel.w520{width:520px}.mpanel.w680{width:680px}.mpanel.w800{width:800px}.mhead{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;font-size:18px;font-weight:800}.mhead .x{margin-left:auto;width:32px;height:32px;border:0;background:#f0f1f3;border-radius:8px;font-size:15px}.mbody{padding:18px 20px;overflow:auto}.mfoot{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px;background:#fbfbfc}.weigh-body{display:flex;gap:18px;align-items:stretch}.weigh-read{flex:1;background:linear-gradient(160deg,#1e2430,#14181f);border-radius:14px;color:#fff;padding:20px;display:flex;flex-direction:column;position:relative;overflow:hidden}.weigh-read .dish-name{font-size:20px;font-weight:800;display:flex;align-items:center;gap:8px}.weigh-read .w{font-size:74px;font-weight:900;font-variant-numeric:tabular-nums;text-align:center;margin:8px 0 2px;letter-spacing:1px}.weigh-read .w small{font-size:24px;font-weight:600;color:#aeb6c2;margin-left:6px}.weigh-read .stable{text-align:center;font-size:13px;padding:4px 0;border-radius:20px}.weigh-read .stable.ok{color:#7bf0b9}.weigh-read .stable.wait{color:#ffd76a}.weigh-read .calc{display:flex;justify-content:space-between;margin-top:auto;font-size:15px;color:#cdd4de}.weigh-read .calc b{color:#fff;font-size:18px}.weigh-ctrl{width:250px;display:flex;flex-direction:column;gap:10px}.wbtn{height:64px;border:0;border-radius:12px;font-size:17px;font-weight:800}.wbtn.y{background:var(--mt);color:var(--onmt)}.wbtn.gh{background:#eef0f2;color:#3a4048}.wbtn.out{background:var(--mt-deep);color:var(--onmt)}.wbtn:disabled{opacity:.45}.mode-row{display:flex;gap:8px;background:#f0f1f3;border-radius:10px;padding:4px}.mode-row span{flex:1;text-align:center;padding:7px 0;border-radius:8px;font-size:13.5px;color:var(--t2);cursor:pointer;font-weight:600}.mode-row span.on{background:var(--mt);color:var(--onmt)}.wkeyboard{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.wkeyboard button{height:44px;border:0;border-radius:8px;background:#f0f1f3;font-size:16px;font-weight:700}.wkeyboard button.k{background:#fff;border:1px solid var(--line2)}.wkeyboard button.go{background:var(--green);color:#fff}.legend{display:flex;gap:16px;align-items:center;font-size:13px;color:var(--t2)}.legend .lg{display:flex;align-items:center;gap:6px}.legend .dot{width:10px;height:10px;border-radius:3px}.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(218px,1fr));gap:12px;align-content:start}.tcard{background:#fff;border:1px solid #eef0f2;border-left:6px solid #cfd4da;border-radius:12px;padding:12px 14px;cursor:pointer;transition:.12s;position:relative}.tcard:hover{box-shadow:0 5px 14px #171a1f17}.tcard.free{border-left-color:#38b285}.tcard.occupy{border-left-color:#f5a623}.tcard.pay{border-left-color:#e5484d;background:#fff7f7}.tcard.clean{border-left-color:#9aa7b5}.tcard .tn{font-size:19px;font-weight:800;display:flex;align-items:center;gap:8px}.tcard .tn .p{font-size:12px;color:var(--t3);font-weight:500}.tcard .meta{font-size:12.5px;color:var(--t2);margin-top:6px;line-height:1.6}.tcard .amt{margin-top:8px;font-size:21px;font-weight:900;font-variant-numeric:tabular-nums}.tcard.free .amt{color:#9aa1ab;font-size:13px;font-weight:500}.tcard .amt.red{color:var(--red)}.tcard .amt.amber{color:#d98a00}.tcard .op{position:absolute;top:10px;right:12px}.reserve-strip{margin-top:8px;font-size:12px;color:#b97914;background:var(--amber-bg);border-radius:6px;padding:3px 8px}.channel-strip{margin-top:8px;font-size:12px;font-weight:700;color:#1d6fd8;background:#eaf3ff;border-radius:6px;padding:3px 8px;display:flex;align-items:center;gap:6px}.channel-strip .cs-num{background:#d6e8ff;border-radius:5px;padding:0 5px;font-weight:800}.channel-strip .cs-demo{color:#b97914;background:#fff4d6;border-radius:5px;padding:0 5px;font-weight:700}.bill-list{padding:6px 0}.brow{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px dashed #eef0f2;font-size:14px}.brow .nm{flex:1}.brow .q{color:var(--t3);font-size:13px;margin-right:6px}.brow .pr{font-weight:600;font-variant-numeric:tabular-nums}.brow.disc .nm{color:#c9383c;font-size:13px}.pay-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pay{background:#fff;border:2px solid #eceef0;border-radius:12px;padding:14px 8px;text-align:center;cursor:pointer;transition:.1s}.pay:hover{border-color:#f0c64d}.pay .ico{font-size:28px}.pay .nm{font-weight:700;font-size:14px;margin-top:6px}.pay .ds{font-size:11.5px;color:var(--t3);margin-top:2px}.pay.on{border-color:var(--mt);background:#fffaf0;box-shadow:0 0 0 3px #ffc30026}.pay .check{display:none}.pay.on .check{display:block;position:absolute;top:-9px;right:-9px;width:24px;height:24px;border-radius:50%;background:var(--mt);color:#fff;font-size:14px;align-items:center;justify-content:center;font-weight:900}.pay{position:relative}.dashline{border:1.5px dashed #e5e2d6;border-radius:12px;padding:12px;text-align:center;color:#9aa1ab;cursor:pointer;font-size:14px}.dashline b{color:#b97914}.cash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.count-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px dashed #eef0f2;font-size:14px}.count-row .dn{width:70px;font-weight:700}.count-row .in{width:70px;text-align:center;border:1px solid var(--line2);border-radius:7px;padding:3px 0}.denom-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px}.denom{border:1px solid var(--line2);border-radius:9px;padding:8px;text-align:center;cursor:pointer;font-size:13px;background:#fff}.denom.on{border-color:var(--mt);background:#fff7e0}.denom b{font-size:17px}.bars{display:flex;align-items:flex-end;gap:10px;height:150px;padding-top:10px}.bars .bv{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.bars .bar{width:70%;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#ffd14d,#ffb300);min-height:4px}.bars .bar.alt{background:linear-gradient(180deg,#7ad9b2,#2eaf7d)}.bars .lbl{font-size:11.5px;color:var(--t3)}.hbars .hr{display:flex;align-items:center;gap:10px;margin:8px 0;font-size:13.5px}.hbars .hn{width:110px;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hbars .htrack{flex:1;background:#f0f1f3;border-radius:5px;height:14px;overflow:hidden}.hbars .hfill{height:100%;border-radius:5px;background:linear-gradient(90deg,#ffc93d,#ff9f0a)}.hbars .hfill.g{background:linear-gradient(90deg,#54cf9d,#2eaf7d)}.hbars .hv{width:70px;text-align:right;font-weight:800;font-variant-numeric:tabular-nums}.snav{width:218px;flex:none;background:var(--panel);border:1px solid #eef0f2;border-radius:14px;padding:10px;display:flex;flex-direction:column;overflow:auto}.snav a{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:9px;color:#3a4048;font-size:15px;margin-bottom:2px;text-decoration:none;cursor:pointer}.snav a .n{font-size:11px;color:var(--t3);width:24px}.snav a:hover{background:#f7f8f9}.snav a.on{background:var(--mt);color:var(--onmt);font-weight:800}.snav .grp{font-size:11.5px;color:var(--t3);padding:12px 13px 4px;letter-spacing:1px}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.tile{background:#fff;border:1px solid #eef0f2;border-radius:14px;padding:18px;text-align:center;cursor:pointer;transition:.12s;position:relative;overflow:hidden}.tile:hover{box-shadow:0 6px 16px #171a1f14;transform:translateY(-2px)}.tile .ico{width:60px;height:60px;margin:0 auto 10px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px;background:#fff6df}.tile .tn{font-weight:800;font-size:16px}.tile .ts{font-size:12.5px;color:var(--t3);margin-top:3px}.tile .b{position:absolute;top:14px;right:14px;font-size:12px}.side{width:360px;flex:none;display:flex;flex-direction:column;gap:14px;min-height:0}.swatches{display:flex;gap:10px;flex-wrap:wrap}.sw{width:110px;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff;font-size:12px}.sw .c{height:52px}.sw .t{padding:6px 8px}.sw .t b{display:block}.num{font-variant-numeric:tabular-nums}.divider-v{width:1px;height:24px;background:var(--line);align-self:center}.badge-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.empty-tip{text-align:center;color:var(--t3);padding:40px 0;font-size:14px}.toast{position:absolute;left:50%;top:88px;transform:translate(-50%);background:#2b2f36;color:#fff;padding:10px 18px;border-radius:10px;font-size:14px;z-index:95;box-shadow:0 8px 24px #00000040;display:none}.toast.show{display:block}html,body,#app{height:100%;overflow:hidden}.frame{overflow:hidden}.oa::-webkit-scrollbar,.grow-scroll::-webkit-scrollbar,.cart-body::-webkit-scrollbar{width:10px;height:10px}.oa::-webkit-scrollbar-thumb,.grow-scroll::-webkit-scrollbar-thumb,.cart-body::-webkit-scrollbar-thumb{background:#d5d8dd;border-radius:6px}.oa::-webkit-scrollbar-track,.grow-scroll::-webkit-scrollbar-track,.cart-body::-webkit-scrollbar-track{background:transparent}.pos-cols{flex:1;min-height:0;display:flex;gap:14px}.pos-cols .col-cats{width:168px;flex:0 0 168px;background:#fff;border:1px solid #eef0f2;border-radius:var(--r);overflow:auto}.pos-cols .col-goods{flex:1;min-width:0;background:#fff;border:1px solid #eef0f2;border-radius:var(--r);display:flex;flex-direction:column;min-height:0}.cat-item{padding:14px 12px;font-size:15.5px;color:var(--t2);cursor:pointer;border-left:3px solid transparent;display:flex;align-items:center;justify-content:space-between}.cat-item:hover{background:#f7f8f9}.cat-item.on{background:#fff8e6;color:var(--ink);font-weight:800;border-left-color:var(--mt)}.cat-item .num{font-size:12.5px;color:var(--t3)}.goods-grid{flex:1;min-height:0;overflow:auto;padding:12px;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:max-content;gap:12px;align-content:start}@media (max-width: 1024px){.goods-grid{grid-template-columns:repeat(3,1fr)}}.group-tag{display:flex;align-items:center;gap:8px;font-size:13px;color:#5f6672;font-weight:700;padding:10px 4px 6px}.group-tag .n{font-size:11.5px;background:#eef0f2;color:#6b7280;border-radius:10px;padding:1px 8px;font-weight:600}.table-ops{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#fff;border:1px solid #eef0f2;border-radius:var(--r)}.table-ops .ops-right{margin-left:auto;display:flex;align-items:center;gap:10px}.panel{background:#fff;border:1px solid #eef0f2;border-radius:var(--r);padding:14px}.row-between{display:flex;align-items:center;justify-content:space-between}.muted{color:var(--t3)}.mt8{margin-top:8px}.mt12{margin-top:12px}.w100{width:100%}.h5-root{position:relative;min-height:100vh;background:var(--bg);overflow-x:hidden}@media (max-width: 900px){.pos-cols{flex-direction:column;gap:10px}.pos-cols .col-cats{width:100%;flex:0 0 auto;height:auto;max-height:none;display:flex;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;padding:6px;border-radius:10px}.pos-cols .col-cats .cat-item{flex:0 0 auto;min-height:40px;padding:8px 12px;border-radius:8px;border-left:0;border-bottom:3px solid transparent;background:#f7f8f9;white-space:nowrap}.pos-cols .col-cats .cat-item:hover{background:#fff8e6}.pos-cols .col-cats .cat-item.on{border-left:0;border-bottom-color:var(--mt);background:#fff8e6}.pos-cols .col-cats .cat-item .num{margin-left:6px}.pos-cols .col-goods{min-height:58vh}.goods-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:8px}.tgrid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px}.tcard{padding:10px 12px;min-height:100px}.tcard .tn{font-size:17px}.tcard .amt{font-size:18px}.tb-bar{flex-wrap:wrap;row-gap:8px}.tb-right{margin-left:0;width:100%;flex-wrap:wrap}.tb-search{width:100%}.legend{display:none}.table-ops{flex-wrap:wrap;row-gap:8px}.table-ops .hint{width:100%}.ops-right{margin-left:0;width:100%;flex-wrap:wrap}.modal .mpanel{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;max-height:calc(100% - 40px)!important}.mbody{padding:14px}.row2{grid-template-columns:1fr}.keypad{width:100%}.btn{min-height:40px}.icon-btn{width:40px;height:40px}.topbar{height:56px;padding:0 10px;gap:8px}.topbar .brand{font-size:16px;white-space:nowrap;flex:0 0 auto}.topbar .brand small{display:none}.topbar .brand .logo{width:30px;height:30px;font-size:16px}.topbar .seg button{padding:6px 10px;font-size:13px}.topbar .pill,.topbar .clock,.topbar .icon-btn{display:none}.topbar .icon-btn.home-btn,.topbar .icon-btn:last-of-type{display:inline-flex}.topbar .home-text{display:none}.topbar .operator{padding:3px 10px 3px 4px}.topbar .operator .nm{display:none}.topbar .page-title{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}.pg{position:static;padding:10px;flex-direction:column}}@media (max-width: 600px){.topbar{height:auto;flex-wrap:wrap;padding:8px 10px;row-gap:8px}.topbar .brand>span:not(.logo){display:none}.topbar .page-title{flex:1;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .seg{order:3;width:100%}.topbar .seg button{flex:1}.topbar .operator{margin-left:auto}}