:root{--user:#7c3aed;--user-light:#ede9fe;--user-dark:#5b21b6;--ink:#1e1b2e;--ink-soft:#6b7280;--line:#e5e7eb;--bg:#f5f4fa;--good:#16a34a;--bad:#ef4444}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink)}.app-shell{max-width:430px;margin:0 auto;min-height:100vh;background:#fff;display:flex;flex-direction:column;position:relative;box-shadow:0 0 40px #0000000f}.page{flex:1;padding:14px 16px 90px;display:flex;flex-direction:column;gap:14px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 0}.topbar .loc{font-weight:700;font-size:14px}.back-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;padding:14px 16px 0}.back-title a{color:inherit;text-decoration:none;font-size:18px}.searchbar{background:#f3f4f6;border-radius:10px;padding:10px 12px;font-size:13px;color:var(--ink-soft)}.banner{background:linear-gradient(120deg,var(--user),#a78bfa);border-radius:16px;padding:18px;color:#fff}.banner .btitle{font-weight:800;font-size:18px;line-height:1.3}.banner .bsub{font-size:11px;opacity:.9;margin-top:6px}.cat-row{display:flex;gap:14px;overflow-x:auto;padding-bottom:4px}.cat{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px;color:#4b5563;flex-shrink:0}.cat .dot{width:44px;height:44px;border-radius:14px;background:var(--user-light);display:flex;align-items:center;justify-content:center;font-size:20px}.section-head{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:14px}.section-head a{font-size:12px;color:var(--user);font-weight:600;text-decoration:none}.biz-card{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;align-items:center;text-decoration:none;color:inherit}.thumb{width:52px;height:52px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:24px}.biz-info{flex:1;min-width:0}.biz-name{font-weight:700;font-size:13px}.biz-offer{font-size:11.5px;color:var(--user-dark);font-weight:600}.biz-meta{font-size:10px;color:var(--ink-soft)}.btn{display:block;text-align:center;background:var(--user);color:#fff;border-radius:14px;padding:13px;font-weight:700;font-size:14px;border:none;width:100%;cursor:pointer}.btn.outline{background:#fff;border:1.5px solid var(--user);color:var(--user)}.btn.danger{background:#fff;border:1.5px solid var(--bad);color:var(--bad)}.btn:disabled{opacity:.5;cursor:not-allowed}.hero-photo{height:160px;border-radius:16px;background:linear-gradient(135deg,#fde68a,#fca5a5);display:flex;align-items:center;justify-content:center;font-size:56px;position:relative}.pct-badge{position:absolute;top:10px;left:10px;background:#ef4444;color:#fff;font-weight:800;font-size:12px;padding:5px 10px;border-radius:10px}.tag{background:#f3f4f6;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:600;color:#374151}.tag-row{display:flex;gap:8px}.chip{font-size:12px;background:#f3f4f6;padding:6px 14px;border-radius:20px;font-weight:600;cursor:pointer;border:none;color:#374151}.chip.active{background:var(--user);color:#fff}.info-box{background:#f9fafb;border-radius:14px;padding:14px;font-size:12.5px;color:#4b5563;line-height:1.6}.info-box b{display:block;font-size:13px;color:var(--ink);margin-bottom:5px}.balance-card{background:linear-gradient(120deg,var(--user),#a78bfa);border-radius:16px;padding:18px;color:#fff}.balance-card .lbl{font-size:11px;opacity:.85}.balance-card .amt{font-size:30px;font-weight:800;margin-top:4px}.balance-card .pill{margin-top:10px;background:#ffffff2e;display:inline-block;border-radius:10px;padding:5px 10px;font-size:11px}.stat-pair{display:flex;gap:10px}.stat-tile{flex:1;background:#f9fafb;border-radius:12px;padding:12px;text-align:center}.stat-tile .v{font-weight:800;font-size:19px}.stat-tile .l{font-size:10.5px;color:var(--ink-soft)}.friend-row{display:flex;align-items:center;gap:10px;padding:6px 0}.avatar{width:38px;height:38px;border-radius:50%;background:var(--user-light);color:var(--user-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.friend-info .fn{font-weight:700;font-size:12.5px}.friend-info .fd{font-size:10px;color:var(--ink-soft)}.friend-earn{margin-left:auto;font-weight:700;font-size:13px;color:var(--good)}.pin-box{text-align:center;background:#f9fafb;border-radius:16px;padding:24px 12px}.pin-digits{font-size:40px;font-weight:800;letter-spacing:10px;color:var(--ink);margin:10px 0}.pin-timer{font-size:12px;color:#ef4444;font-weight:700}.steps{font-size:12px;color:#4b5563;line-height:1.9}.txn-row{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding:10px 0}.txn-row:last-child{border-bottom:none}.txn-left .tn{font-weight:700;font-size:12.5px}.txn-left .td{font-size:10px;color:var(--ink-soft)}.txn-amt{font-weight:800;font-size:13px}.txn-amt.neg{color:var(--bad)}.txn-amt.pos{color:var(--good)}.menu-row{display:flex;justify-content:space-between;align-items:center;padding:13px 2px;border-bottom:1px solid var(--line);font-size:13px;font-weight:600}.menu-row .mv{color:var(--ink-soft);font-weight:500;font-size:11.5px}.menu-row .item-price{display:flex;align-items:baseline;gap:6px;flex-shrink:0}.menu-row .item-price-strike{color:var(--ink-soft);font-weight:500;font-size:11.5px;text-decoration:line-through}.menu-row .item-price-now{color:var(--ink);font-weight:800;font-size:13.5px}.menu-row .item-off{background:var(--good);color:#fff;font-weight:800;font-size:10px;padding:2px 6px;border-radius:6px;white-space:nowrap}.nav-bottom{position:sticky;bottom:0;width:100%;background:#fff;display:flex;justify-content:space-around;padding:10px 4px;border-top:1px solid var(--line);font-size:10px;color:var(--ink-soft)}.nav-bottom a{color:inherit;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1}.nav-bottom a .ic{display:block;font-size:16px;line-height:1}.nav-bottom a .lb{display:block;line-height:1;white-space:nowrap}.nav-bottom a.active{color:var(--user);font-weight:700}.field{background:#f9fafb;border:1px solid var(--line);border-radius:12px;padding:11px 13px;font-size:13px;color:#374151;width:100%}.field-label{font-size:11px;font-weight:700;color:#4b5563;margin-bottom:5px}.center-msg{text-align:center;color:var(--ink-soft);font-size:13px;padding:40px 20px}.error-msg{background:#fef2f2;color:#991b1b;border-radius:10px;padding:10px 12px;font-size:12.5px}.success-msg{background:#f0fdf4;color:#166534;border-radius:10px;padding:10px 12px;font-size:12.5px}.bell-wrap{position:relative}.bell-btn{background:none;border:none;font-size:16px;cursor:pointer;padding:2px;line-height:1;color:inherit}.bell-badge{position:absolute;top:-4px;right:-6px;background:#ef4444;color:#fff;font-size:9px;font-weight:800;min-width:15px;height:15px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px}.notif-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:transparent}.notif-panel{position:absolute;top:26px;right:0;width:300px;max-height:380px;overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 28px #00000024;z-index:21}.notif-panel-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);font-weight:700;font-size:13px}.notif-panel-head a{font-size:11px;font-weight:600;color:var(--user);text-decoration:none;cursor:pointer}.notif-item{display:block;padding:10px 14px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;cursor:pointer;background:none;border-left:none;border-right:none;border-top:none;width:100%;text-align:left}.notif-item:last-child{border-bottom:none}.notif-item.unread{background:var(--user-light)}.notif-item .nt{font-weight:700;font-size:12px}.notif-item .nb{font-size:11px;color:var(--ink-soft);margin-top:2px}.notif-item .nat{font-size:9.5px;color:#9ca3af;margin-top:4px}.notif-empty{padding:30px 14px;text-align:center;color:var(--ink-soft);font-size:12px}.check-row{display:flex;justify-content:space-between;align-items:center;padding:12px 2px;border-bottom:1px solid var(--line);font-size:13px;font-weight:600;cursor:pointer}.check-row:last-child{border-bottom:none}.check-row input{width:18px;height:18px;accent-color:var(--user)}.check-actions{display:flex;gap:8px}.check-actions button{flex:1}.follow-btn{background:#fff;border:1.5px solid var(--user);color:var(--user);border-radius:10px;padding:8px 14px;font-weight:700;font-size:12px;cursor:pointer}.follow-btn.following{background:var(--user);color:#fff}.cart-nav-badge{position:absolute;top:-6px;right:-8px;background:#ef4444;color:#fff;font-size:9px;font-weight:800;min-width:15px;height:15px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px}.nav-bottom a .ic{position:relative}.qty-stepper{display:flex;align-items:center;gap:8px;background:#f3f4f6;border-radius:20px;padding:4px 8px}.qty-stepper button{width:22px;height:22px;border-radius:50%;border:none;background:var(--user);color:#fff;font-weight:800;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.qty-stepper button:disabled{opacity:.5;cursor:not-allowed}.qty-stepper span{font-weight:700;font-size:13px;min-width:14px;text-align:center}.qty-remove{border:none;background:none;color:var(--ink-soft);font-size:14px;cursor:pointer;padding:2px 4px}.qty-remove:disabled{opacity:.5;cursor:not-allowed}