:root{--orange:#ff7a1a;--orange2:#ff9a3c;--red:#e8452c;--deep:#d63a20;--cream:#fff7ee;--page:#f5f0ea;--card:#fff;--ink:#3a2a1e;--sub:#9a8a7a;--gold:#ffb648;--green:#3bb273;--line:#f3e6d8}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%}body{color:var(--ink);background:#e9e2d8;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5}#app{background:var(--page);max-width:430px;min-height:100vh;margin:0 auto;position:relative;box-shadow:0 0 40px #5a320a1a}a{color:inherit;text-decoration:none}input,textarea,button{font-family:inherit}.page{background:var(--page);min-height:100vh;padding-bottom:8px}.page.has-tabbar{padding-bottom:62px}.pad{padding:14px}.grow{flex:1;min-width:0}.row{align-items:center;display:flex}.mut{color:var(--sub);font-size:12px}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar{background:linear-gradient(135deg, var(--red), var(--orange));color:#fff;z-index:20;align-items:center;gap:10px;padding:14px 16px;display:flex;position:sticky;top:0}.topbar .bk{cursor:pointer;font-size:20px;line-height:1}.topbar h1{font-size:17px;font-weight:600}.topbar .sp{opacity:.9;margin-left:auto;font-size:12px}.card{background:var(--card);border-radius:16px;margin-bottom:12px;padding:16px;box-shadow:0 2px 8px #b45a140f}.mt{margin:16px 4px 8px;font-size:14px;font-weight:700}.btn{color:#fff;background:linear-gradient(90deg, var(--red), var(--orange));cursor:pointer;border:none;border-radius:24px;width:100%;padding:13px;font-size:16px;font-weight:600;display:block;box-shadow:0 6px 16px #e8452c38}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.5;box-shadow:none}.btn.sm{width:auto;box-shadow:none;border-radius:18px;padding:8px 18px;font-size:13px;display:inline-block}.btn.ghost{color:var(--red);border:1px solid var(--red);box-shadow:none;background:#fff}.btn.caption{width:auto;padding:9px 20px;font-size:13px}.tag{color:var(--red);white-space:nowrap;background:#fff1e2;border-radius:8px;padding:2px 8px;font-size:11px;display:inline-block}.tag.g{color:var(--green);background:#e6f7ee}.tag.b{color:#3a6ce0;background:#eef4ff}.tag.gray{color:#999;background:#f0f0f0}.grp{background:#fff;border-radius:16px;margin-bottom:12px;padding:14px 16px 4px;box-shadow:0 2px 10px #b45a1412}.grp-t{color:var(--ink);align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.grp-t:before{content:"";background:linear-gradient(#ff5a1a,#ff9433);border-radius:2px;width:3px;height:14px}.fx{border-bottom:1px solid #f6ede4;align-items:center;gap:10px;padding:14px 0;display:flex}.fx:last-child{border-bottom:none}.fx .ic-l{text-align:center;width:20px;color:var(--sub);flex-shrink:0;font-size:15px}.fx input{min-width:0;color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:14px}.fx input::placeholder{color:#c0b0a0}.input-box{width:100%;color:var(--ink);background:#faf6f1;border:none;border-radius:10px;outline:none;padding:12px 14px;font-size:14px}.input-box::placeholder{color:#c0b0a0}textarea.input-box{resize:none;min-height:82px;font-family:inherit}.tip{color:#a08868;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;display:flex;box-shadow:0 2px 8px #b45a140f}.tip-box{color:#a8763f;background:#fff6ee;border:1px solid #ffe0c8;border-radius:12px;margin-bottom:14px;padding:11px 13px;font-size:11px;line-height:1.7}.menu{background:#fff;border-radius:16px;margin-bottom:12px;overflow:hidden;box-shadow:0 2px 8px #b45a140f}.mi{cursor:pointer;border-bottom:1px solid #faf2ea;align-items:center;gap:12px;padding:15px 16px;font-size:14px;display:flex}.mi:last-child{border-bottom:none}.mi .e{background:#fff1e2;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.mi .ar{color:#d8c8b8;margin-left:auto;font-size:16px}.tabbar{border-top:1px solid var(--line);z-index:50;background:#fff;width:100%;max-width:430px;padding:8px 0 12px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{text-align:center;color:#b0a094;cursor:pointer;flex:1;font-size:11px;text-decoration:none}.tab .i{font-size:22px;line-height:1.2}.tab.on{color:var(--red);font-weight:700}.toast{color:#fff;z-index:999;text-align:center;background:#1e0f05d1;border-radius:10px;max-width:70%;padding:10px 20px;font-size:13px;position:fixed;top:45%;left:50%;transform:translate(-50%,-50%)}.toast-fade-enter-active,.toast-fade-leave-active{transition:opacity .2s}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0}.seg{color:#8a7a6a;border-bottom:1px solid var(--line);background:#fff;gap:20px;padding:12px 16px;font-size:14px;display:flex;overflow-x:auto}.seg span{cursor:pointer;white-space:nowrap;padding-bottom:8px}.seg .on{color:var(--red);border-bottom:2px solid var(--red);font-weight:700}.cats{background:#fff;gap:16px;padding:12px 16px;display:flex;overflow-x:auto}.cats .cat{color:#7a6a5a;white-space:nowrap;cursor:pointer;padding-bottom:6px;font-size:14px}.cats .cat.on{color:var(--red);border-bottom:2px solid var(--red);font-weight:700}.goods-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.gd{cursor:pointer;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #b45a140f}.gd .img{justify-content:center;align-items:center;height:110px;font-size:44px;display:flex}.gd .bd{padding:10px 12px 12px}.gd .nm{color:#4a3a2a;height:36px;font-size:13px;line-height:1.35;overflow:hidden}.gd .pr{color:var(--red);margin-top:6px;font-size:16px;font-weight:800}.gd .pr s{color:#c0b0a0;margin-left:6px;font-size:11px;font-weight:400}.sw{cursor:pointer;background:#e0d6cc;border-radius:14px;flex-shrink:0;width:44px;height:26px;transition:all .2s;position:relative}.sw:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.sw.on{background:linear-gradient(90deg,#ff5a1a,#ff9433)}.sw.on:after{left:21px}::-webkit-scrollbar{width:0;height:0}.no-scrollbar{scrollbar-width:none}