:root{--paper: #f7f5ee;--ink: #1c2622;--grey: #8b938e;--blue: #167d83;--red: #bd3529;--green: #b8d97b;--mist: #d8ecea;--line: #d9d7cd;--line-dark: #b9b9ac;--bar-bg: #fbfaf5;--nav-h: 44px;--tab-h: 56px}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-size:14px;line-height:1.65;font-family:-apple-system,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.app-shell{max-width:480px;margin:0 auto;min-height:100vh;position:relative;background:var(--paper)}.mono{font-family:SF Mono,Menlo,Consolas,Courier New,monospace}.grey{color:var(--grey)}.positive{color:#3f6e29}.negative{color:var(--red)}.appbar{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:calc(var(--nav-h) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background:#f2f0e8;display:flex;align-items:center;z-index:100}.appbar-inner{width:100%;height:var(--nav-h);display:flex;align-items:center;justify-content:center;position:relative}.appbar-title{font-size:16px;font-weight:600}.appbar-back{position:absolute;left:4px;top:0;height:100%;width:44px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--ink);background:none;border:none;cursor:pointer}.page-with-tab{padding-top:calc(var(--nav-h) + env(safe-area-inset-top))}.page-without-tab{padding-top:calc(var(--nav-h) + env(safe-area-inset-top));padding-bottom:calc(var(--tab-h) + env(safe-area-inset-bottom) + 12px)}.tab-bar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:480px;display:flex;height:calc(var(--tab-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bar-bg);border-top:1px solid rgba(28,38,34,.08);z-index:100}.tab-item{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--grey);background:none;border:none;cursor:pointer;font-family:inherit;transition:color .15s ease;text-decoration:none}.tab-item.active{color:var(--ink)}.tab-icon{width:23px;height:23px;background-size:contain;background-repeat:no-repeat;background-position:center}.tab-label{font-size:13px;line-height:1}.tab-item.active .tab-label{font-weight:600}.tab-indicator{position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:0;height:3px;border-radius:2px;background:var(--ink);transition:width .18s ease}.tab-item.active .tab-indicator{width:16px}.container{padding:12px 15px 24px}.card{background:#fff;border:1px solid var(--ink);border-radius:3px}.btn{min-height:44px;padding:0 16px;border:1px solid var(--ink);border-radius:3px;background:var(--ink);color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;font-family:inherit;text-decoration:none}.btn:disabled{opacity:.42;cursor:default}.btn-secondary{background:#fff;color:var(--ink)}.btn-sm{min-height:32px;font-size:12px;padding:0 11px}.btn-danger{background:var(--red);border-color:var(--red)}.form-item{margin-bottom:14px}.form-item label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}.form-item input,.form-item textarea{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line-dark);border-radius:3px;background:#fbfaf5e6;font-size:15px;font-family:inherit;color:var(--ink);outline:none}.form-item input:focus,.form-item textarea:focus{border-color:var(--ink)}.form-item textarea{min-height:80px;padding:10px 12px;resize:none}.form-error{background:#fbeceb;border:1px solid var(--red);border-radius:3px;color:var(--red);font-size:13px;padding:8px 12px;margin-bottom:14px}.divider{height:1px;background:var(--line);margin:12px 0}.state-block{padding:60px 20px;text-align:center;color:var(--grey)}.state-block .title{color:var(--ink);font-size:16px;font-weight:700;margin-bottom:5px}.state-block .desc{font-size:12px}.hero{padding:16px;text-align:center}.hero-label{font-size:12px;color:var(--grey);margin-bottom:4px}.hero-points{font-size:34px;font-weight:700;line-height:1.2}.hero-sub{font-size:12px;color:var(--grey);margin-top:4px}.guest-hero{background:var(--ink);color:#fff;border-color:var(--ink);padding:22px 16px}.guest-hero .hero-label{color:#fff;font-size:17px;font-weight:700}.guest-desc{font-size:12px;color:#ffffffb8;margin-top:6px}.guest-btn{margin:16px auto 0;min-width:132px;min-height:40px;background:#fff;color:var(--ink);border-color:#fff;border-radius:20px}.quick{margin-top:10px;padding:0 14px}.quick-item{padding:11px 0;font-size:13px;cursor:pointer}.search{background:#fff;border:1px solid var(--line-dark);border-radius:3px;margin-bottom:10px}.search input{width:100%;height:42px;border:none;outline:none;background:transparent;padding:0 14px;font-size:14px;font-family:inherit;color:var(--ink)}.cats{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.cat{flex:0 0 auto;padding:6px 14px;border:1px solid var(--line-dark);border-radius:3px;background:#fff;font-size:13px;cursor:pointer;white-space:nowrap}.cat.active{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile{overflow:hidden;cursor:pointer}.tile-img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;border-bottom:1px solid var(--line);background:var(--mist)}.tile-body{padding:8px 10px 10px}.tile-name{font-size:14px;font-weight:600;line-height:1.4}.tile-meta{font-size:11px;margin-top:2px}.tile-price{font-size:14px;color:var(--blue);font-weight:600;margin-top:3px}.detail-img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;border:1px solid var(--ink);border-radius:3px;background:var(--mist)}.tag{font-size:12px;color:var(--red);margin-top:12px}.detail-name{font-size:19px;font-weight:700;margin-top:4px}.detail-price{font-size:22px;color:var(--blue);font-weight:700;margin:8px 0 14px}.detail-price .price-unit{font-size:12px;color:var(--grey);font-weight:400}.facts{display:flex}.fact{flex:1;padding:10px 14px}.fact+.fact{border-left:1px solid var(--line)}.fact text{display:block;font-size:12px;color:var(--grey)}.fact .strong{font-size:14px;color:var(--ink);font-weight:600;margin-top:2px}.desc{margin-top:12px;font-size:13px;color:#4a524d;white-space:pre-wrap}.qty-row{display:flex;align-items:center;margin-top:14px;padding:12px 14px}.qty-label{flex:1;font-size:14px}.stepper{display:flex;align-items:center;border:1px solid var(--line-dark);border-radius:3px}.step{width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;background:#fff;border:none;font-family:inherit;color:var(--ink);-webkit-user-select:none;user-select:none}.step:disabled{color:var(--line-dark);cursor:default}.step+.num,.num+.step{border-left:1px solid var(--line-dark)}.num{min-width:40px;text-align:center;font-size:15px}.total{margin-left:14px;font-size:15px;color:var(--blue);font-weight:700}.actions{display:flex;gap:10px;margin-top:16px}.actions .btn{flex:1}.row{display:flex;padding:10px;gap:10px;margin-bottom:10px}.row-img{width:72px;height:72px;object-fit:cover;border:1px solid var(--line);border-radius:3px;background:var(--mist);flex:0 0 auto}.row-main{flex:1;min-width:0}.row-name{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-price{font-size:12px;color:var(--grey);margin:2px 0 8px}.row-ops{display:flex;align-items:center;justify-content:space-between}.remove{font-size:12px;color:var(--red);cursor:pointer}.row-total{font-size:13px;font-weight:700;color:var(--blue);flex:0 0 auto;align-self:center}.summary{padding:14px;margin-top:4px}.sum-line{display:flex;justify-content:space-between;font-size:13px;padding:4px 0}.summary .btn{width:100%;margin-top:12px}.warn{font-size:12px;color:var(--red);margin-top:8px}.mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c262273;z-index:200;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:480px;background:var(--paper);border-radius:10px 10px 0 0;padding:18px 16px calc(16px + env(safe-area-inset-bottom));max-height:82vh;overflow-y:auto}.sheet-title{font-size:16px;font-weight:700;text-align:center;margin-bottom:16px}.sheet-actions{display:flex;gap:10px;margin-top:6px}.sheet-actions .btn{flex:1}.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;padding:6px 14px;border:1px solid var(--line-dark);border-radius:3px;background:#fff;font-size:13px;cursor:pointer;white-space:nowrap}.tab.active{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}.order{padding:12px 14px;margin-bottom:10px}.order-head{display:flex;justify-content:space-between;align-items:center}.order-no{font-size:13px;font-weight:600}.order-status{font-size:12px;color:var(--blue)}.order-meta{font-size:12px;margin:4px 0 10px}.order-main{display:flex;justify-content:space-between;align-items:center}.order-points{font-size:15px;font-weight:700;color:var(--blue)}.order-actions{display:flex;gap:16px}.link{font-size:13px;color:var(--ink);text-decoration:underline;cursor:pointer}.link.danger{color:var(--red)}.head{padding:14px;margin-bottom:10px}.head .order-no{font-size:15px}.head .status{font-size:13px;color:var(--blue);margin-top:2px}.head .time{font-size:12px;margin-top:6px}.section{padding:14px;margin-bottom:10px}.sec-title{font-size:14px;font-weight:700;margin-bottom:8px}.kv{display:flex;font-size:13px;padding:4px 0;gap:12px}.kv text:first-child{color:var(--grey);flex:0 0 60px}.kv text:last-child{flex:1;word-break:break-all}.item{display:flex;align-items:center;gap:10px;padding:8px 0}.item-img{width:52px;height:52px;object-fit:cover;border:1px solid var(--line);border-radius:3px;background:var(--mist);flex:0 0 auto}.item-main{flex:1;min-width:0}.item-name{font-size:13px;font-weight:600}.item-total{font-size:13px;font-weight:700;color:var(--blue)}.total-line{display:flex;justify-content:space-between;font-size:14px;font-weight:700;border-top:1px solid var(--line);margin-top:8px;padding-top:10px}.balance{padding:18px;text-align:center}.b-label{font-size:12px;color:var(--grey)}.b-points{font-size:36px;font-weight:700;line-height:1.3}.b-sub{font-size:12px;color:var(--grey)}.list-title{font-size:14px;font-weight:700;margin:14px 0 10px}.tx{display:flex;padding:12px 14px;margin-bottom:8px;gap:10px}.tx-main{flex:1;min-width:0}.tx-type{font-size:14px;font-weight:600}.tx-reason{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-time{font-size:11px;margin-top:2px}.tx-right{text-align:right;flex:0 0 auto}.tx-change{font-size:15px;font-weight:700}.tx-balance{font-size:11px;margin-top:2px}.me{padding:16px}.me-name{font-size:18px;font-weight:700}.me-id{font-size:12px;margin-top:4px}.menu{margin-top:10px;padding:0 14px}.menu-item{display:flex;justify-content:space-between;align-items:center;padding:13px 0;font-size:14px;cursor:pointer}.menu-item+.menu-item{border-top:1px solid var(--line)}.menu-item .arrow{color:var(--grey)}.page-btn-full{width:100%;margin-top:14px}.intro{font-size:13px;color:#4a524d;background:var(--mist);border-radius:3px;padding:10px 14px;margin-bottom:12px}.bound{padding:14px}.b-title{font-size:15px;font-weight:700}.b-desc{font-size:12px;margin-top:4px}.reject{padding:12px 14px;font-size:13px;color:var(--red);margin-bottom:12px}.cand{border:1px solid var(--line-dark);border-radius:3px;background:#fff;padding:10px 14px;font-size:14px;cursor:pointer;margin-bottom:8px}.login-hero{text-align:center;padding:34px 0 22px}.login-title{font-size:21px;font-weight:700}.login-sub{font-size:13px;color:var(--grey);margin-top:6px}.login-card{padding:18px 16px}.code-row{display:flex;gap:10px}.code-row .form-item{flex:1;margin-bottom:14px}.code-btn{flex:0 0 auto;align-self:flex-end;margin-bottom:14px;min-height:44px}.login-tip{font-size:12px;color:var(--grey);text-align:center;margin-top:14px}.toast-wrap{position:fixed;left:50%;transform:translate(-50%);bottom:calc(96px + env(safe-area-inset-bottom));z-index:400;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:max-content;max-width:84vw}.toast{background:#1c2622eb;color:#fff;font-size:13px;padding:9px 18px;border-radius:4px;max-width:84vw;text-align:center;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-out{animation:toast-out .2s ease forwards}@keyframes toast-out{0%{opacity:1}to{opacity:0;transform:translateY(8px)}}.dialog-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c262273;z-index:300;display:flex;align-items:center;justify-content:center;padding:32px}.dialog{width:100%;max-width:300px;background:var(--paper);border-radius:8px;padding:20px 18px 14px;animation:toast-in .18s ease}.dialog-title{font-size:16px;font-weight:700;text-align:center}.dialog-content{font-size:13px;color:#4a524d;text-align:center;margin-top:8px}.dialog-actions{display:flex;gap:10px;margin-top:18px}.dialog-actions .btn{flex:1;min-height:38px;font-size:13px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}