*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--g:#e8952f;--gd:#5a2c15;--gy:#f2a93b;--gl:#fbeacf;--bg:#faf4ea;--text:#3a2417;--muted:#8a7563;--accent:#b5502a;--danger:#c0392b;--warn:#b5502a;--shadow:0 1px 3px #5a2c151a}html,body{background:var(--bg);overflow-x:hidden}body{color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit;font-size:16px}img{max-width:100%}.app{flex-direction:column;min-height:100vh;display:flex}.main{width:100%;max-width:520px;padding-bottom:calc(66px + env(safe-area-inset-bottom));flex:1;margin:0 auto}.side{display:none}@media (width>=900px){.app{flex-direction:row}.side{background:#fff;border-right:1px solid #eceeec;flex-direction:column;width:230px;height:100vh;padding:18px 10px;display:flex;position:sticky;top:0}.side .slogo{align-items:center;gap:9px;padding:6px 12px 16px;display:flex}.side .slogo .sl{background:var(--gy);border-radius:99px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex;overflow:hidden}.side .slogo b{color:var(--gd);font-size:16px}.side .slogo small{color:var(--muted);font-size:10.5px;display:block}.side>button{text-align:left;width:100%;color:var(--muted);background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;margin-bottom:2px;padding:10px 13px;font-size:13.5px;font-weight:600;display:flex}.side>button.on{background:var(--gl);color:var(--gd)}.side>button:hover:not(.on){background:#f4f6f4}.side .cnt{background:var(--accent);color:#fff;border-radius:99px;justify-content:center;align-items:center;min-width:17px;height:17px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:800;display:flex}.main{max-width:680px;margin:0;padding:20px 26px}.bnav{display:none!important}.mhead{border-radius:14px;margin-bottom:14px}}.mhead{color:#3a2417;padding:calc(10px + env(safe-area-inset-top)) 14px 12px;background:linear-gradient(125deg,#f2a93b,#d97a2b)}.mhead .top{align-items:center;gap:9px;display:flex}.mhead .hl{background:#5a2c15;border:2px solid #fff9;border-radius:99px;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;display:flex;overflow:hidden}.mhead b{font-size:15px}.mhead small{opacity:.8;font-size:10.5px;display:block}.mhead .sync{background:#0000001f;border-radius:99px;align-items:center;gap:5px;margin-left:auto;padding:4px 9px;font-size:10px;font-weight:700;display:flex}.mhead .sync i{background:#2e7d5c;border-radius:99px;width:6px;height:6px}.mhead .sync.off i{background:#f0b429}.addr{cursor:pointer;background:#fffbf0b3;border-radius:10px;align-items:center;gap:7px;margin-top:9px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.addr .arr{opacity:.7;margin-left:auto}.bnav{z-index:40;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #eceeec;display:flex;position:fixed;bottom:0;left:0;right:0}.bnav button{background:0 0;border:none;flex-direction:column;flex:1 1 0;align-items:center;gap:1px;min-width:0;padding:7px 0 5px;display:flex;position:relative}.bnav .ic{opacity:.38;font-size:19px;transition:all .15s}.bnav .lb{color:var(--muted);white-space:nowrap;font-size:9.5px;font-weight:700}.bnav button.on .ic{opacity:1}.bnav button.on .lb{color:var(--accent)}.bnav button.on:after{content:"";background:var(--accent);border-radius:0 0 3px 3px;width:22px;height:2.5px;position:absolute;top:0}.bnav .dot{background:var(--accent);border-radius:99px;width:7px;height:7px;position:absolute;top:3px;right:calc(50% - 15px)}.scr{animation:.18s fu}@keyframes fu{0%{opacity:0;transform:translateY(5px)}}.pad{padding:12px 14px}@media (width>=900px){.pad{padding:0}}h2{font-size:17px;font-weight:700}.sub{color:var(--muted);font-size:12.5px}.sect{letter-spacing:1px;color:var(--muted);text-transform:uppercase;margin:12px 0 7px;font-size:10.5px;font-weight:700}.banners{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;padding:12px 14px 2px;display:flex;overflow-x:auto}.banners::-webkit-scrollbar{display:none}@media (width>=900px){.banners{padding:0 0 2px}}.bc{scroll-snap-align:center;color:#fff;cursor:pointer;border-radius:16px;flex-direction:column;flex:none;justify-content:flex-end;min-width:78%;max-width:78%;min-height:130px;padding:16px;display:flex;position:relative;overflow:hidden}@media (width>=900px){.bc{min-width:240px;max-width:240px;min-height:150px}}.bc:active{transform:scale(.98)}.bc .bp{font-size:28px;font-weight:800;line-height:1}.bc .bn{font-size:14px;font-weight:700}.bc .bm{opacity:.85;font-size:11px}.bc .be{filter:drop-shadow(0 2px 3px #0003);font-size:38px;position:absolute;top:10px;right:12px}.g1{background:linear-gradient(135deg,#ff6b35,#ff3d71)}.g2c{background:linear-gradient(135deg,#1a7a4c,#0d5c3a)}.g3{background:linear-gradient(135deg,#6c5ce7,#a29bfe)}.g4{background:linear-gradient(135deg,#0984e3,#74b9ff)}.g5{background:linear-gradient(135deg,#e17055,#fdcb6e)}.g6{background:linear-gradient(135deg,#d63031,#e66767)}.dots{justify-content:center;gap:4px;padding:6px 0 0;display:flex}.dots i{background:#d5ddd7;border-radius:99px;width:6px;height:6px;transition:all .2s}.dots i.on{background:var(--g);width:18px}.quick{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding:10px 14px 2px;display:flex;overflow-x:auto}.quick::-webkit-scrollbar{display:none}@media (width>=900px){.quick{flex-wrap:wrap;padding:10px 0 2px}}.qc{box-shadow:var(--shadow);cursor:pointer;background:#fff;border:1px solid #eef1ee;border-radius:12px;flex:none;align-items:center;gap:8px;padding:9px 13px;display:flex}.qc:active{transform:scale(.97)}.qc .qe{font-size:19px}.qc .qt{white-space:nowrap;font-size:12px;font-weight:700}.qc .qs{color:var(--muted);white-space:nowrap;font-size:10.5px}.card{box-shadow:var(--shadow);background:#fff;border:1px solid #eef1ee;border-radius:14px;padding:13px}.card.dark{color:#ffe6bd;background:linear-gradient(125deg,#8f3c1e,#b5502a);border:none}.grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pg{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px;display:grid}@media (width>=900px){.pg{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.pc{text-align:center;box-shadow:var(--shadow);cursor:pointer;background:#fff;border:1px solid #eef1ee;border-radius:13px;min-width:0;padding:12px 8px 10px;position:relative}.pc:active{transform:scale(.97)}.pc .pe{font-size:30px}.pc .pn{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:11.5px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.pc .pp{color:var(--accent);margin-top:2px;font-size:15px;font-weight:800}.pc .pu{color:var(--muted);font-size:10px}.pc .padd{background:var(--g);color:#fff;border:none;border-radius:99px;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:800;display:flex;position:absolute;top:6px;right:6px}.pc .padd.done{background:var(--accent);color:#fff}.btn{background:var(--g);color:#fff;border:none;border-radius:11px;min-height:40px;padding:10px 15px;font-size:13.5px;font-weight:700;transition:transform .1s}.btn:active{transform:scale(.97)}.btn.ghost{background:var(--gl);color:var(--gd)}.btn.out{color:var(--gd);border:1.5px solid var(--g);background:#fff}.btn.danger{color:var(--danger);background:#fdecea}.btn.accent{background:var(--accent);color:#fff}.btn.sm{min-height:30px;padding:6px 11px;font-size:12px}.btn.full{width:100%}.chip{color:var(--muted);white-space:nowrap;background:#fff;border:none;border-radius:99px;padding:6px 13px;font-size:12px;font-weight:600;box-shadow:inset 0 0 0 1px #dde5df}.chip.on{background:var(--accent);color:#fff;box-shadow:none}.chip.on.w{background:var(--warn)}.chip.on.d{background:var(--danger)}.chips{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.badge{border-radius:99px;padding:2.5px 8px;font-size:10px;font-weight:700;display:inline-block}.badge.ok{background:var(--gl);color:#96591f}.badge.warn{color:#856404;background:#fef3cd}.badge.bad{color:var(--danger);background:#fdecea}.badge.mute{color:var(--muted);background:#eef1ef}.badge.hot{color:var(--accent);background:#f8e3d5}.badges{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.inp{width:100%;color:var(--text);background:#fff;border:1.5px solid #dde5df;border-radius:11px;padding:9px 12px}.inp:focus{border-color:var(--g);outline:none;box-shadow:0 0 0 3px #e8952f40}.field{margin-bottom:11px}.field>span{color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.fab{right:14px;bottom:calc(74px + env(safe-area-inset-bottom));background:var(--g);color:#fff;z-index:30;border:none;border-radius:99px;width:50px;height:50px;font-size:23px;font-weight:700;position:fixed;box-shadow:0 5px 16px #e8952f73}@media (width>=900px){.fab{bottom:24px;right:24px}}.row{justify-content:space-between;align-items:center;gap:8px;display:flex}.qty{flex-shrink:0;align-items:center;gap:5px;display:flex}.qty button{border:none;border-radius:9px;width:30px;height:30px;font-size:16px;font-weight:800}.qty .m{background:var(--gl);color:var(--gd)}.qty .p{background:var(--g);color:#fff}.qty .n{text-align:center;min-width:26px;font-size:13px;font-weight:800}.qty .n small{color:var(--muted);font-size:8.5px;font-weight:600;display:block}.iname{font-size:13px;font-weight:700}.isub{color:var(--muted);margin-top:1px;font-size:11px}.metric{font-size:18px;font-weight:800}.enc-img{background:#111;border-radius:13px;position:relative;overflow:hidden}.enc-img img{object-fit:contain;width:100%;max-height:42vh;display:block}.enc-img .eb{color:#fff;background:#000000b3;border-radius:99px;padding:4px 10px;font-size:10.5px;font-weight:600;position:absolute;bottom:8px;left:8px}.upload{text-align:center;cursor:pointer;background:#fff;border:2px dashed #c9d8cd;border-radius:14px;padding:22px 14px}.upload:active{border-color:var(--g);background:var(--gl)}.upload input{display:none}.overlay{z-index:50;background:#0006;justify-content:center;align-items:flex-end;animation:.12s fi;display:flex;position:fixed;inset:0}@keyframes fi{0%{opacity:0}}.sheet{width:100%;max-width:480px;max-height:85vh;padding:6px 15px calc(18px + env(safe-area-inset-bottom));background:#fff;border-radius:18px 18px 0 0;animation:.22s cubic-bezier(.2,.9,.3,1) su;overflow-y:auto}@media (width>=900px){.sheet{border-radius:18px;margin-bottom:36px}}@keyframes su{0%{opacity:.3;transform:translateY(40px)}}.sheet .grab{background:#dde5df;border-radius:99px;width:34px;height:4px;margin:4px auto 8px}.sheet h3{font-size:15px;font-weight:700}.toast{bottom:calc(78px + env(safe-area-inset-bottom));background:var(--gd);color:#fff;z-index:60;white-space:nowrap;border-radius:99px;padding:8px 16px;font-size:12.5px;font-weight:600;animation:.18s cubic-bezier(.2,.9,.3,1.3) ti;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 5px 16px #00000040}@keyframes ti{0%{opacity:0;transform:translate(-50%,8px)scale(.92)}}.empty{text-align:center;padding:26px 14px}.empty .ee{font-size:36px}.empty b{margin-top:7px;font-size:14px;display:block}.empty p{color:var(--muted);margin:3px 0 12px;font-size:12px}.bars{align-items:flex-end;gap:3px;height:110px;display:flex}.bars>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:2px;min-width:0;height:100%;display:flex}.bars .bar{background:var(--gl);border-radius:4px 4px 2px 2px;width:100%}.bars .bar.now{background:linear-gradient(180deg,var(--gy),var(--accent))}.bars .bl{color:var(--muted);font-size:8px;font-weight:600}pre.wt{white-space:pre-wrap;background:#f2f6f3;border-radius:11px;max-height:38vh;padding:11px;font-family:ui-monospace,monospace;font-size:11.5px;overflow-y:auto}.mlist{border-bottom:1px solid #f0f4f0;justify-content:space-between;padding:4px 0;font-size:12.5px;display:flex}.mlist:last-child{border:none}.note{color:var(--muted);text-align:center;font-size:10.5px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.avimg{object-fit:cover;width:100%;height:100%;display:block}.hero-load{background:#faf4ea;place-items:center;min-height:88vh;display:grid}.hero-load img{border-radius:20px;width:200px;box-shadow:0 8px 30px #5a2c1540}.hero-load b{color:#5a2c15;text-align:center;margin-top:12px;font-size:18px;display:block}