@import"https://fonts.googleapis.com/css2?family=Inter+Tight:wght@700;800;900&family=Inter:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;700;900&display=swap";:root{--ink:#111111;--ink-2:#4A4A4A;--ink-3:#8A8A8A;--line:#E6E6E6;--paper:#FFFFFF;--paper-2:#F4F4F2;--ww:#1E9E4A;--nw:#E4002B;--pns:#FFD200;--ww-tint:#E6F3EA;--nw-tint:#FBE6EA;--pns-tint:#FFF6D0;--deal:#0E7A34;--hl:#FFE14D;--r:14px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#ddd;font-family:Inter,-apple-system,Helvetica Neue,Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}.stage{padding:40px;display:flex;gap:40px;flex-wrap:wrap;align-items:flex-start}.phone{width:393px;height:852px;background:var(--paper);border-radius:44px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #c8c8c8;flex:none}.statusbar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:6px 30px 0 32px;font-weight:600;font-size:16px;letter-spacing:-.2px}.island{position:absolute;left:50%;top:11px;transform:translate(-50%);width:124px;height:36px;border-radius:20px;background:#000}.status-right{display:flex;gap:6px;align-items:center}.status-right svg{display:block}.screen{position:absolute;top:54px;left:0;right:0;bottom:0;overflow:hidden}.pad{padding:0 20px}.tabbar{position:absolute;left:0;right:0;bottom:0;height:83px;border-top:1px solid var(--line);background:var(--paper);display:flex;justify-content:space-around;padding:10px 8px 0}.tab{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--ink-3);width:64px}.tab svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tab.active{color:var(--ink)}.home-indicator{position:absolute;left:50%;bottom:8px;transform:translate(-50%);width:134px;height:5px;border-radius:3px;background:#000}.h-display{font-family:Inter Tight,Inter,sans-serif;font-weight:900;font-size:30px;line-height:1.08;letter-spacing:-.6px}.h1{font-family:Inter Tight,Inter,sans-serif;font-weight:900;font-size:34px;line-height:1.05;letter-spacing:-.6px}.h2{font-family:Inter Tight,Inter,sans-serif;font-weight:800;font-size:22px;line-height:1.1;letter-spacing:-.3px}.h3{font-family:Inter Tight,Inter,sans-serif;font-weight:800;font-size:17px;line-height:1.2;letter-spacing:-.2px}.sub{font-size:14px;color:var(--ink-2);line-height:1.35}.muted{color:var(--ink-3)}.small{font-size:12px}mark{background:var(--hl);color:inherit;padding:0 4px;border-radius:3px}.row{display:flex;align-items:center;justify-content:space-between}.link{font-size:14px;font-weight:600;color:var(--ink-2)}.pill{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:1.5px solid var(--ink);border-radius:20px;font-weight:700;font-size:15px;background:var(--paper)}.pill.soft{border-color:var(--line)}.iconbtn{width:40px;height:40px;border-radius:20px;border:1.5px solid var(--line);display:inline-flex;align-items:center;justify-content:center;background:var(--paper)}.iconbtn svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.btn{display:flex;align-items:center;justify-content:center;height:56px;border-radius:16px;background:var(--ink);color:#fff;font-family:Inter Tight,Inter,sans-serif;font-weight:800;font-size:18px}.btn.ghost{background:var(--paper);color:var(--ink);border:1.5px solid var(--ink)}.dots{display:inline-flex;gap:3px}.dot{width:9px;height:9px;border-radius:50%}.dot.ww{background:var(--ww)}.dot.nw{background:var(--nw)}.dot.pns{background:var(--pns)}.bar{width:10px;border-radius:5px;align-self:stretch;flex:none}.bar.ww{background:var(--ww)}.bar.nw{background:var(--nw)}.bar.pns{background:var(--pns)}.tag{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:5px;font-size:11px;font-weight:800;letter-spacing:.2px;white-space:nowrap;line-height:1}.tag.half,.tag.pct,.tag.save{background:var(--deal);color:#fff}.tag.club{border:1.5px solid var(--nw);color:var(--nw);background:transparent}.tag.low{background:#e9e9e6;color:#5f5f5c}.tag.multi,.tag.low8{background:var(--ink);color:#fff}.tag.best{color:#fff}.tag.best.ww{background:var(--ww)}.tag.best.nw{background:var(--nw)}.tag.best.pns{background:var(--pns);color:var(--ink)}.tag.same{background:var(--ink);color:#fff}.tag.similar{background:#e9e9e6;color:#5f5f5c;border:1px dashed #B5B5B0}.tag.only{border:1px solid #B5B5B0;color:var(--ink-2)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 10px 7px;position:relative;height:164px;overflow:hidden}.thumb{height:56px;border-radius:8px;background:var(--paper-2);position:relative}.thumb .deal{position:absolute;left:5px;bottom:5px;top:auto;height:17px;font-size:10px;padding:0 6px}.thumb.ww{background:repeating-linear-gradient(135deg,var(--ww-tint) 0 8px,#F2F8F4 8px 16px)}.thumb.nw{background:var(--nw-tint)}.thumb.pns{background:var(--pns-tint)}.thumb .tag.best{position:absolute;left:-4px;top:-6px;z-index:2}.price{font-family:Inter Tight,Inter,sans-serif;font-weight:900;font-size:21px;letter-spacing:-.4px;line-height:1;margin-top:9px}.price .unit{font-size:12px;font-weight:600;color:var(--ink-2);letter-spacing:0;margin-left:1px}.meta{font-size:11px;color:var(--ink-2);margin-top:4px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta s{color:var(--ink-3)}.name{font-size:13px;font-weight:600;line-height:1.2;margin-top:4px;height:31px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.others{font-size:11px;color:var(--ink-3);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hscroll{display:flex;gap:10px;overflow:hidden;padding-left:20px}.mini{flex:none;width:150px;height:98px;border:1px solid var(--line);border-radius:12px;padding:8px 10px 8px 8px;display:flex;gap:8px}.mini .bar{width:10px;border-radius:5px}.mini .price{font-size:20px;margin-top:2px}.mini .was{font-size:12px;color:var(--ink-3);text-decoration:line-through;margin-left:6px;font-weight:600}.mini .name{margin-top:3px;font-size:13px;height:auto;-webkit-line-clamp:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.mini .tag{margin-top:5px}.sheet{width:393px;min-height:852px;background:var(--paper);padding:20px;flex:none;box-shadow:0 0 0 1px #c8c8c8}.desktop{width:1440px;min-height:900px;background:var(--paper);flex:none;box-shadow:0 0 0 1px #c8c8c8;position:relative;overflow:hidden}.sec{font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-3);line-height:1.2}.hrow{display:flex;align-items:center;justify-content:space-between;gap:12px}.hrow .grow,.lrow .grow{flex:1;min-width:0}.ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back{font-size:15px;font-weight:700;color:var(--ink-2)}.box{border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.lrow{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--line)}.lrow:first-child{border-top:0}.lrow .t{font-size:15px;font-weight:700;line-height:1.22}.lrow .s{font-size:12px;color:var(--ink-2);margin-top:2px;line-height:1.25}.lrow .p{font-family:Inter Tight,Inter,sans-serif;font-weight:900;font-size:19px;letter-spacing:-.3px;text-align:right;flex:none;line-height:1.05}.lrow .p .unit{font-size:11px;font-weight:600;color:var(--ink-2);letter-spacing:0}.gap{color:var(--deal);font-weight:800;font-size:12px;margin-top:3px}.rank{font-family:Inter Tight,Inter,sans-serif;font-weight:900;font-size:19px;color:var(--ink-3);width:20px;flex:none;text-align:center}.tn{width:52px;height:52px;border-radius:10px;background:var(--paper-2);flex:none;position:relative}.tn.ww{background:repeating-linear-gradient(135deg,var(--ww-tint) 0 8px,#F2F8F4 8px 16px)}.tn.nw{background:var(--nw-tint)}.tn.pns{background:var(--pns-tint)}.tn.sq{width:44px;height:44px}.thumb .dot{position:absolute;right:6px;top:6px;z-index:2}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips.nowrap{flex-wrap:nowrap;overflow:hidden}.chip{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:17px;border:1.5px solid var(--line);font-size:14px;font-weight:700;background:var(--paper);white-space:nowrap;flex:none}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.chip .dot{width:8px;height:8px}.chip.sq{border-radius:10px;height:44px;padding:0 16px}.seg{display:flex;background:var(--paper-2);border-radius:12px;padding:4px}.seg>div{flex:1;text-align:center;padding:9px 4px;font-size:14px;font-weight:700;color:var(--ink-2);border-radius:9px;white-space:nowrap}.seg>div.on{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px #00000024}.tg{width:48px;height:28px;border-radius:14px;background:var(--ink);position:relative;flex:none}.tg:after{content:"";position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;background:#fff}.tg.off{background:#d6d6d2}.tg.off:after{right:auto;left:3px}.cb{width:28px;height:28px;border-radius:8px;border:2px solid var(--ink);flex:none;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:transparent;background:var(--paper)}.cb.on{background:var(--ink);color:#fff;border-color:var(--ink)}.cb.off{border-color:var(--line);background:var(--paper-2)}.ghead{display:flex;align-items:center;justify-content:space-between;height:38px;padding:0 12px;font-family:Inter Tight,Inter,sans-serif;font-weight:800;font-size:17px;letter-spacing:-.2px}.ghead.ww{background:var(--ww);color:#fff}.ghead.nw{background:var(--nw);color:#fff}.ghead.pns{background:var(--pns);color:var(--ink)}.step{display:flex;align-items:center;gap:8px;height:28px;padding:0 9px;border:1px solid var(--line);border-radius:14px;font-size:13px;font-weight:700;flex:none}.step i{color:var(--ink-3);font-style:normal}.dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#1111119e}.bsheet{position:absolute;left:0;right:0;bottom:0;background:var(--paper);border-radius:26px 26px 0 0;padding:0 20px 26px}.grab{width:44px;height:5px;border-radius:3px;background:#d9d9d9;margin:10px auto 14px}.note{border:1px dashed #C2C2BD;border-radius:var(--r);padding:11px 12px}.banner{background:var(--paper-2);border-radius:var(--r);padding:12px;display:flex;gap:12px;align-items:center}.pbar{height:7px;border-radius:4px;background:#e8e8e4;overflow:hidden;flex:1}.pbar i{display:block;height:100%;background:var(--ink);border-radius:4px}.skel{background:#ecece9;border-radius:10px}.av{width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Inter Tight,Inter,sans-serif;font-weight:800;font-size:17px;flex:none}.footbar{position:absolute;left:0;right:0;bottom:83px;height:40px;border-top:1px solid var(--line);background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:12px;color:var(--ink-2)}.field{display:flex;align-items:center;height:52px;border:1.5px solid var(--line);border-radius:14px;padding:0 14px;font-size:15px;gap:6px}.field.solid{border-color:var(--ink)}.field .ph{color:var(--ink-3)}.grid3.g2 .card{height:186px}.dhead{display:flex;align-items:center;gap:22px;padding:0 28px;height:84px;border-bottom:1px solid var(--line)}.dtable{width:100%;border-collapse:collapse;table-layout:fixed}.dtable th{text-align:left;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-3);padding:11px 16px;border-bottom:1px solid var(--line)}.dtable td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top;font-size:14px;line-height:1.5;color:var(--ink-2)}.dtable td b{color:var(--ink);font-weight:700}.dcol{padding:34px 40px}.zh{font-family:Inter,Noto Sans TC,-apple-system,sans-serif}.zh .h-display,.zh .h1,.zh .h2,.zh .h3,.zh .price{font-family:Inter Tight,Noto Sans TC,Inter,sans-serif}.grid3.g2 .thumb{height:74px}*,*:before,*:after{-webkit-tap-highlight-color:transparent}html,body,#app{min-height:100%}html,body{background:var(--paper);overscroll-behavior-y:none}#app{max-width:480px;margin:0 auto;background:var(--paper);position:relative}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;text-align:inherit}a{color:inherit;text-decoration:none}input{font:inherit;color:inherit;border:0;background:none;outline:none;min-width:0}.screen{position:static;overflow:visible;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:calc(95px + env(safe-area-inset-bottom))}.screen.with-footbar{padding-bottom:calc(135px + env(safe-area-inset-bottom))}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:calc(83px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:30}.footbar{position:fixed;bottom:calc(83px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:100%;max-width:480px;z-index:29}.home-indicator{display:none}.dim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.bsheet{position:fixed;left:50%;transform:translate(-50%);width:100%;max-width:480px;bottom:0;z-index:41;max-height:92vh;overflow-y:auto;padding-bottom:calc(26px + env(safe-area-inset-bottom))}.chips.nowrap,.hscroll{overflow-x:auto;scrollbar-width:none;padding-right:20px}.chips.nowrap::-webkit-scrollbar,.hscroll::-webkit-scrollbar{display:none}.pill,.iconbtn{flex:none;white-space:nowrap;max-width:100%;overflow:hidden}.pill .dots{flex:none}.chip.off{background:var(--paper-2);border-color:var(--paper-2)}.thumb,.tn{overflow:hidden}.thumb img,.tn img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}.tn.ph,.thumb.ph{display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--ink-3);text-align:center;line-height:1.1;padding:2px}.lrow.dim-row{opacity:.42}.tap{width:100%}.spin{animation:sp 1s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.seg>div{cursor:pointer}.strike{text-decoration:line-through;color:var(--ink-3)}.mini .was{letter-spacing:0}.empty{border:1px solid var(--line);border-radius:var(--r);padding:26px 16px;text-align:center}.zh .grid3 .card{height:174px}.zh .grid3.g2 .card{height:196px}.grid3 .card{height:264px}.grid3 .thumb{height:150px}.grid3.g2 .card{height:280px}.grid3.g2 .thumb{height:166px}.zh .grid3 .card{height:272px}.zh .grid3.g2 .card{height:288px}.thumb .tag.best{left:6px;top:6px}.chip.on.nw{background:var(--nw);border-color:var(--nw);color:#fff}.chip.on.ww{background:var(--ww);border-color:var(--ww);color:#fff}.chip.on.pns{background:var(--pns);border-color:var(--pns);color:var(--ink)}.chip.on .dot{background:#fff}.chip.on.pns .dot{background:var(--ink)}.mini{width:200px;height:auto;min-height:98px}.mini .name{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.25}.thumb .tag.low{position:absolute;left:6px;bottom:6px;z-index:2}:root{--gutter:11px}.pad{padding:0 var(--gutter)}.hscroll{padding-left:var(--gutter)}.chips.nowrap,.hscroll{padding-right:var(--gutter)}.cmp-flush{margin-bottom:8px}.cmp-flush .box{border-radius:0}.list-tn.tn.sq{width:36px;height:36px;border-radius:8px}