:root{--green-700:#1b7a3d;--green-600:#21944a;--green-500:#2aa757;--green-100:#e3f4e9;--green-50:#f2faf4;--green-border:#bfe3cb;--text-main:#333;--text-sub:#888;--price:#1b7a3d;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body{color:var(--text-main);-webkit-font-smoothing:antialiased;background:#f5f7f5;margin:0;padding:0}#root{min-height:100vh}button{cursor:pointer;font-family:inherit}.top-header{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:14px 20px 4px;display:flex}.top-header .city{color:var(--text-main);background:0 0;border:none;align-items:center;gap:4px;font-size:15px;font-weight:600;display:flex}.top-header .city .pin{color:var(--green-600)}.top-header h1{margin:0;font-size:19px;font-weight:700}.top-header .refresh{color:#445;background:#fff;border:1px solid #e2e8e3;border-radius:18px;align-items:center;gap:5px;padding:6px 14px;font-size:13px;display:flex}.page{max-width:1100px;margin:0 auto;padding:8px 20px 90px}.filter-bar{border:1px solid var(--green-border);cursor:pointer;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.filter-bar .fb-title{align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.filter-bar .fb-sub{color:var(--text-sub);margin-top:3px;font-size:12.5px}.filter-bar .chev{color:var(--green-600);font-size:13px}.list-header{justify-content:space-between;align-items:center;margin:16px 0 10px;display:flex}.list-header .count{color:#555;font-size:15px}.view-toggle{gap:8px;display:flex}.view-toggle button{color:#445;background:#fff;border:1px solid #e2e8e3;border-radius:18px;align-items:center;gap:5px;padding:7px 14px;font-size:13.5px;display:flex}.view-toggle button.active{background:var(--green-700);color:#fff;border-color:var(--green-700)}.order-card{border:1.5px solid var(--green-border);border-left:4px solid var(--green-600);background:#fff;border-radius:10px;margin-bottom:14px;padding:14px 18px;position:relative}.order-card .price{color:var(--price);font-size:21px;font-weight:800;position:absolute;top:14px;right:18px}.order-card .price .unit{font-size:12px;font-weight:500}.tag-row{flex-wrap:wrap;gap:7px;margin-bottom:9px;display:flex}.tag{border:1px solid var(--green-500);color:var(--green-700);background:#fff;border-radius:4px;padding:2.5px 8px;font-size:12px}.title-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:9px;display:flex}.title-row .gs{font-size:16.5px;font-weight:800}.chip{color:#667;background:#f3f5f3;border:1px solid #e3e8e3;border-radius:4px;padding:2.5px 7px;font-size:12px}.loc-pill{background:var(--green-50);border:1px solid var(--green-border);color:var(--green-700);border-radius:6px;align-items:center;gap:5px;max-width:100%;margin-bottom:10px;padding:5px 10px;font-size:13px;font-weight:600;display:inline-flex}.loc-pill span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.stats{color:var(--text-sub);gap:14px;font-size:12.5px;display:flex}.card-actions{gap:10px;display:flex}.btn-outline{color:#445;background:#fff;border:1px solid #d6dbd6;border-radius:6px;padding:8px 16px;font-size:13.5px}.btn-primary{background:var(--green-700);border:1px solid var(--green-700);color:#fff;border-radius:6px;padding:8px 18px;font-size:13.5px;font-weight:600}.btn-primary:hover{background:var(--green-600)}.bottom-nav{z-index:50;background:#fff;border-top:1px solid #e5eae5;justify-content:space-around;align-items:center;padding:8px 0 10px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#777;background:0 0;border:none;border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:6px 38px;font-size:12.5px;display:flex}.bottom-nav button .icon{font-size:20px;line-height:1}.bottom-nav button.active{color:var(--green-700);background:var(--green-100);font-weight:700}.sheet-mask{z-index:100;background:#00000059;position:fixed;inset:0}.filter-sheet{z-index:101;background:#fff;border-radius:16px 16px 0 0;flex-direction:column;display:flex;position:fixed;inset:14% 0 0}.filter-sheet .fs-head{justify-content:space-between;align-items:center;padding:18px 24px 6px;display:flex}.filter-sheet .fs-head h2{margin:0;font-size:18px}.filter-sheet .fs-head .collapse{background:#f3f5f3;border:none;border-radius:16px;padding:7px 16px;font-size:13.5px}.fs-body{flex:1;padding:6px 24px 16px;overflow-y:auto}.fit-me{background:var(--green-700);color:#fff;border:none;border-radius:20px;margin:10px 0 14px;padding:10px 20px;font-size:14.5px;font-weight:700}.fs-hint{color:#999;margin-bottom:6px;font-size:12.5px}.fs-group h3{margin:16px 0 9px;font-size:14.5px}.opt-row{flex-wrap:wrap;gap:9px;display:flex}.opt{color:#555;background:#fff;border:1px solid #e0e5e0;border-radius:16px;padding:6px 16px;font-size:13.5px}.opt.selected{background:var(--green-700);color:#fff;border-color:var(--green-700)}.fs-foot{border-top:1px solid #eee;gap:14px;padding:12px 24px 18px;display:flex}.fs-foot .clear{background:#fff;border:1px solid #ddd;border-radius:8px;flex:1;padding:13px 0;font-size:15px}.fs-foot .confirm{background:var(--green-700);color:#fff;border:none;border-radius:8px;flex:2.2;padding:13px 0;font-size:15px;font-weight:700}.modal-mask{z-index:200;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.reg-modal{text-align:center;background:#fdfffd;border-radius:20px;width:400px;max-width:calc(100vw - 40px);padding:26px 28px 24px;position:relative}.reg-modal .notch{background:var(--green-100);border-radius:9px;width:100px;height:18px;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.reg-modal .new-badge{letter-spacing:1px;color:#333;font-size:13px;font-weight:800;position:absolute;top:16px;right:22px}.reg-modal .logo{background:linear-gradient(145deg, var(--green-600), var(--green-700));border-radius:18px;justify-content:center;align-items:center;width:68px;height:68px;margin:8px auto 10px;font-size:36px;display:flex}.reg-modal .brand{color:var(--green-700);border:1px solid var(--green-border);background:var(--green-50);border-radius:14px;margin-bottom:12px;padding:4px 14px;font-size:13px;display:inline-block}.reg-modal h2{margin:0 0 12px;font-size:21px}.reg-modal .desc{color:#777;margin:0 0 20px;font-size:13.5px;line-height:1.7}.reg-modal .act{border-radius:10px;width:100%;margin-bottom:13px;padding:14px 0;font-size:16px;display:block}.reg-modal .act.register{background:linear-gradient(90deg, var(--green-600), var(--green-700));color:#fff;border:none;font-weight:700}.reg-modal .act.login{color:var(--green-700);border:1.5px solid var(--green-600);background:#fff;font-weight:600}.reg-modal .act.dismiss{color:#8a7a2a;background:#fbfdf3;border:1.5px dashed #e0c95e;font-size:15px}.center-page{max-width:480px;margin:0 auto;padding:40px 20px 100px}.panel{border:1px solid var(--green-border);text-align:center;background:#fff;border-radius:14px;padding:28px 26px}.panel h2{margin:4px 0 18px}.panel input{border:1px solid #dde3dd;border-radius:8px;outline:none;width:100%;margin-bottom:14px;padding:12px 14px;font-size:15px;display:block}.panel input:focus{border-color:var(--green-500)}.panel .big-avatar{background:var(--green-100);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 12px;font-size:34px;display:flex}.panel .switch-mode{color:var(--green-700);background:0 0;border:none;margin-top:4px;font-size:13.5px}.panel .logout{margin-top:16px}.profile-rows{text-align:left;margin-top:18px}.profile-rows .row{border-bottom:1px solid #f0f3f0;justify-content:space-between;padding:12px 4px;font-size:14.5px;display:flex}.profile-rows .row .k{color:#999}.empty-tip{text-align:center;color:#999;padding:80px 0;font-size:14.5px}.empty-tip .big{margin-bottom:12px;font-size:44px}.detail-modal{background:#fff;border-radius:16px;width:520px;max-width:calc(100vw - 40px);max-height:80vh;padding:24px 26px;overflow-y:auto}.detail-modal h2{margin:0 0 14px;font-size:19px}.detail-modal .row{border-bottom:1px solid #f2f4f2;padding:8px 0;font-size:14.5px;display:flex}.detail-modal .row .k{color:#999;flex-shrink:0;width:90px}.detail-modal .detail-text{color:#555;margin:14px 0;font-size:14.5px;line-height:1.8}.detail-modal .close-row{gap:12px;margin-top:18px;display:flex}.detail-modal .close-row button{flex:1;padding:12px 0;font-size:15px}.toast{color:#fff;z-index:300;background:#143c23eb;border-radius:10px;padding:12px 26px;font-size:14.5px;animation:.25s toast-in;position:fixed;top:60px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media (width<=640px){.order-card .price{margin-bottom:6px;display:block;position:static}.card-actions{width:100%}.card-actions button{flex:1}.bottom-nav button{padding:6px 22px}}