/* Homepage final22 v1.16.0; original body rules scoped to its sole root. */
#qm-home22{--W:min(100vw,480px);--u:calc(var(--W)/887);--ink:#1d2a37;--red:#c41f3e;--ff:"Avenir Next","Avenir","Helvetica Neue",Arial,"PingFang TC","Noto Sans TC","Noto Sans CJK TC","Microsoft JhengHei",sans-serif;max-width:480px;margin:auto;background:#f8f7f5;color:var(--ink);font-family:var(--ff);line-height:normal;padding-bottom:24px}
#qm-home22 *,#qm-home22 *::before,#qm-home22 *::after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
#qm-home22 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}#qm-home22 img{display:block;border:0;max-width:none}#qm-home22 a{color:inherit;text-decoration:none}#qm-home22 [hidden]{display:none!important}
#qm-home22 button:focus-visible,#qm-home22 a:focus-visible{outline:2px solid #61a4d0;outline-offset:2px}
#qm-home22 .m{--ink:#1d2a37;--ink2:#5d666f;--gold:#9a7b4f;--line:#efece7;padding:0 16px}
#qm-home22 .m a{color:inherit;text-decoration:none}
#qm-home22 .mc{background:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(19,36,58,.05),0 0 0 1px rgba(19,36,58,.05)}
#qm-home22 .mc+.mc,#qm-home22 .mc+.note{margin-top:12px}
#qm-home22 .grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(15*var(--u));margin:calc(18*var(--u)) calc(40*var(--u)) 0}
#qm-home22 .pc{position:relative;background:#fff;border:calc(1*var(--u)) solid #e8e6e2;border-radius:calc(10*var(--u));overflow:hidden;box-shadow:0 calc(4*var(--u)) calc(14*var(--u)) rgba(19,36,58,.05);display:flex;flex-direction:column}
#qm-home22 .pc .pic{position:relative;aspect-ratio:396/310;background:linear-gradient(180deg,#f1efec,#e9e6e1);border-bottom:calc(1*var(--u)) solid #eeece8;overflow:hidden}
#qm-home22 .pc .pic img{width:100%;height:100%;object-fit:cover}
#qm-home22 .pc .badge2{position:absolute;left:calc(14*var(--u));top:calc(14*var(--u));height:calc(30*var(--u));padding:0 calc(11*var(--u));border-radius:calc(6*var(--u));font-size:calc(16*var(--u));font-weight:600;line-height:calc(30*var(--u));color:#fff;background:#2f7a6b}
#qm-home22 .pc .inf{padding:calc(18*var(--u)) calc(18*var(--u)) calc(20*var(--u));display:flex;flex-direction:column;flex:1}
#qm-home22 .pc .nm{font-size:calc(24.7*var(--u));font-weight:600;color:#13243a;line-height:1.2;letter-spacing:calc(0.1*var(--u))}
#qm-home22 .pc .cn{font-size:calc(20*var(--u));color:#687079;line-height:1.2;margin-top:calc(8*var(--u))}
#qm-home22 .tags{display:flex;flex-wrap:wrap;gap:calc(10*var(--u));margin-top:calc(14*var(--u))}
#qm-home22 .tg{height:calc(32*var(--u));padding:0 calc(13*var(--u));border-radius:calc(5*var(--u));font-size:calc(18.5*var(--u));line-height:calc(32*var(--u));white-space:nowrap;background:#eeeef0;color:#666f77}
#qm-home22 .pc .pr{margin-top:calc(16*var(--u));color:var(--red);font-weight:600;font-size:calc(27*var(--u));line-height:1;display:flex;align-items:baseline;gap:calc(8*var(--u))}
#qm-home22 .pc .pr small{font-size:calc(18*var(--u));font-weight:500}
#qm-home22 .pc .pr em{font-style:normal;font-size:calc(16.5*var(--u));color:#8b9198;font-weight:400;margin-left:auto}
#qm-home22 .acts{display:flex;gap:calc(12*var(--u));margin-top:calc(18*var(--u));align-items:stretch}
#qm-home22 .qty{width:calc(156*var(--u));height:calc(58*var(--u));border-radius:calc(8*var(--u));background:#e6e9ed;padding:calc(2.5*var(--u));display:grid;grid-template-columns:calc(46*var(--u)) 1fr calc(46*var(--u));gap:calc(3*var(--u));align-items:stretch;flex:0 0 auto;box-shadow:inset 0 calc(1*var(--u)) calc(2*var(--u)) rgba(19,36,58,.08),inset 0 0 0 calc(1*var(--u)) rgba(19,36,58,.05)}
#qm-home22 .qty button{display:grid;place-items:center;border-radius:calc(6*var(--u));background:linear-gradient(180deg,#ffffff,#f1f3f6);box-shadow:0 calc(1.5*var(--u)) calc(2.5*var(--u)) rgba(19,36,58,.16),0 0 0 calc(1*var(--u)) rgba(19,36,58,.07),inset 0 calc(1*var(--u)) 0 #fff;transition:transform .08s,box-shadow .08s}
#qm-home22 .qty button:active{transform:translateY(calc(1*var(--u)));box-shadow:0 calc(0.5*var(--u)) calc(1*var(--u)) rgba(19,36,58,.14),0 0 0 calc(1*var(--u)) rgba(19,36,58,.08)}
#qm-home22 .qty button img{width:calc(15*var(--u));height:calc(15*var(--u))}
#qm-home22 .qty b{display:grid;place-items:center;border-radius:calc(5*var(--u));background:#f7f8fa;box-shadow:inset 0 calc(1.5*var(--u)) calc(3*var(--u)) rgba(19,36,58,.13);font-size:calc(23*var(--u));font-weight:600;color:#172431;line-height:1}
#qm-home22 .grid.list .qty{width:calc(176*var(--u));grid-template-columns:calc(54*var(--u)) 1fr calc(54*var(--u))}
#qm-home22 .add{flex:1;height:calc(58*var(--u));border-radius:calc(8*var(--u));background:#012547;color:#fff;display:flex;align-items:center;justify-content:center;gap:calc(10*var(--u));font-size:calc(20*var(--u));font-weight:500;line-height:1;white-space:nowrap;transition:background .2s;padding:0}
#qm-home22 .add img{width:calc(26*var(--u));height:calc(26*var(--u));flex:0 0 auto;position:relative;top:calc(0.2*var(--u))}
#qm-home22 .add span{display:block;line-height:1;transform:translateY(calc((var(--txe-card,0) + 0.085) * 1em))}
#qm-home22 .add:active{background:#03345f}
#qm-home22 .add.done{background:#b0894f}
#qm-home22 .hm-hero{position:relative;aspect-ratio:1080/576;background:#0b1d33;overflow:hidden}
#qm-home22 .hm-track{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#qm-home22 .hm-track::-webkit-scrollbar{display:none}
#qm-home22 .hm-track a{flex:0 0 100%;height:100%;scroll-snap-align:start}
#qm-home22 .hm-track img{width:100%;height:100%;object-fit:cover;display:block}
#qm-home22 .hm-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:6px}
#qm-home22 .hm-dots button{width:6px;height:6px;border-radius:3px;background:rgba(255,255,255,.7);box-shadow:0 0 0 1px rgba(4,38,74,.35);transition:width .2s,background .2s;padding:0}
#qm-home22 .hm-dots button.on{width:18px;background:#04264a;box-shadow:0 0 0 1.5px rgba(255,255,255,.85)}
#qm-home22 .m.hm{padding-top:14px}
#qm-home22 .hm-ann{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 14px}
#qm-home22 .hm-ann img:first-child{width:24px;height:24px;flex:0 0 auto}
#qm-home22 .hm-ann span{flex:1;font-size:15px;font-weight:600;color:#1d2a37;line-height:1.3}
#qm-home22 .hm-ann .cv{width:8px;height:13px}
#qm-home22 .hm-cp{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
#qm-home22 .hm-c{display:flex;flex-direction:column;align-items:center;padding:14px 6px 12px;border-radius:4px;background:#fff;box-shadow:0 1px 2px rgba(19,36,58,.05),0 0 0 1px rgba(19,36,58,.05);text-align:center}
#qm-home22 .hm-c b{font-size:24px;font-weight:700;color:#c41f3e;line-height:1}
#qm-home22 .hm-c b small{font-size:14px;margin-right:1px}
#qm-home22 .hm-c span{font-size:12px;color:#5d666f;line-height:1.3;margin-top:7px}
#qm-home22 .hm-c em{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 12px;margin-top:10px;border-radius:4px;box-shadow:inset 0 0 0 1.5px #04264a;color:#04264a;font-style:normal;font-size:13px;font-weight:600;line-height:1}
#qm-home22 .hm-c.got em{box-shadow:none;background:#eef0f2;color:#8b9198}
#qm-home22 .hm-sh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:24px 2px 12px}
#qm-home22 .hm-sh h2{font-size:20px;font-weight:700;color:#0f243c;line-height:1.2}
#qm-home22 .hm-sh h2 small{font-size:13px;font-weight:400;color:#6b7178;margin-left:8px;letter-spacing:.3px}
#qm-home22 .hm-sh a{display:flex;align-items:center;gap:4px;font-size:14px;color:#5d666f;white-space:nowrap}
#qm-home22 .hm-sh a img{width:7px;height:11px}
#qm-home22 .hm-br{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
#qm-home22 .hm-br a{aspect-ratio:1;border-radius:4px;background:#fff;box-shadow:0 1px 2px rgba(19,36,58,.05),0 0 0 1px rgba(19,36,58,.06);overflow:hidden;display:grid;place-items:center}
#qm-home22 .hm-br img{width:100%;height:100%;object-fit:contain}
#qm-home22 .hm-sv{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;padding:14px 0}
#qm-home22 .hm-sv div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:0 4px}
#qm-home22 .hm-sv div+div{border-left:1px solid #efece7}
#qm-home22 .hm-sv img{width:26px;height:26px}
#qm-home22 .hm-sv b{font-size:14px;font-weight:700;color:#1d2a37;line-height:1.2}
#qm-home22 .hm-sv small{font-size:12px;color:#6b7178;line-height:1.35}
#qm-home22 .m .grid{margin:0}
#qm-home22 .hm-more{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:48px;margin-top:12px;border-radius:4px;background:#fff;box-shadow:inset 0 0 0 1.5px #04264a;color:#04264a;font-size:16px;font-weight:600;line-height:1}
#qm-home22 .hb-card{margin-top:12px}
#qm-home22 .hb-card:first-child{margin-top:0}
#qm-home22 .hb-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 12px}
#qm-home22 .hb-hd b{display:block;font-size:17px;font-weight:700;color:#1d2a37;line-height:1.3}
#qm-home22 .hb-hd small{display:block;font-size:13px;color:#6b7178;margin-top:3px}
#qm-home22 .hb-hd em{display:flex;align-items:center;gap:4px;font-style:normal;font-size:14px;font-weight:600;color:#04264a;white-space:nowrap}
#qm-home22 .hb-hd em img{width:7px;height:11px}
#qm-home22 .hb-cps{padding:0 16px 6px}
#qm-home22 .hm-c.hb-c{display:flex;flex-direction:row;align-items:center;gap:14px;width:100%;min-height:60px;padding:8px 0;border-radius:0;background:none;box-shadow:none;border-top:1px solid #efece7;text-align:left}
#qm-home22 .hm-c.hb-c b{flex:0 0 84px;font-size:24px;font-weight:700;color:#c41f3e;line-height:1}
#qm-home22 .hm-c.hb-c b small{font-size:14px;margin-right:1px}
#qm-home22 .hm-c.hb-c span{margin:0;flex:1;min-width:0;font-size:15px;font-weight:600;color:#1d2a37;line-height:1.3}
#qm-home22 .hm-c.hb-c span small{display:block;font-size:12px;font-weight:400;color:#8b9198;margin-top:2px}
#qm-home22 .hm-c.hb-c em{margin:0;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 16px;border-radius:4px;background:#012547;color:#fff;font-style:normal;font-size:14px;font-weight:600;line-height:1}
#qm-home22 .hm-c.hb-c.got em{background:#eef0f2;color:#8b9198}
#qm-home22 .hb-sh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:14px 16px 10px}
#qm-home22 .hb-sh h2{font-size:17px;font-weight:700;color:#1d2a37;line-height:1.3}
#qm-home22 .hb-sh h2 small{font-size:13px;font-weight:400;color:#6b7178;margin-left:8px}
#qm-home22 .hb-sh a{display:flex;align-items:center;gap:4px;font-size:14px;color:#5d666f;white-space:nowrap}
#qm-home22 .hb-sh a img{width:7px;height:11px}
#qm-home22 .hb-br{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #efece7}
#qm-home22 .hb-br a{aspect-ratio:1;display:grid;place-items:center;padding:6px}
#qm-home22 .hb-br a+a{border-left:1px solid #efece7}
#qm-home22 .hb-br img{width:100%;height:100%;object-fit:contain}
#qm-home22 .hb-sv{display:flex;justify-content:space-between;margin:14px 4px 0;font-size:13px;font-weight:600;color:#3a434c}
#qm-home22 .hb-sv span{display:flex;align-items:center;gap:5px}
#qm-home22 .hb-sv img{width:18px;height:18px}
#qm-home22 .hb-tr{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;padding:14px 4px;border-radius:4px;background:#04264a}
#qm-home22 .hb-tr div{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
#qm-home22 .hb-tr div+div{border-left:1px solid rgba(217,196,154,.28)}
#qm-home22 .hb-tr img{width:24px;height:24px;margin-bottom:2px}
#qm-home22 .hb-tr b{font-size:14px;font-weight:700;color:#fff;line-height:1.2;letter-spacing:.5px}
#qm-home22 .hb-tr small{font-size:12px;color:#aebccc;line-height:1.2}
#qm-home22 .hb-wk{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 0;font-size:12px;color:#8b9198;line-height:1;white-space:nowrap}
#qm-home22 .hb-wk span{display:flex;align-items:center;gap:4px}
#qm-home22 .hb-wk img{width:13px;height:13px}
#qm-home22 .hb-wk i{width:1px;height:10px;background:#d5d9de}
#qm-home22 .hm-note{display:flex;align-items:flex-start;gap:8px;margin-top:14px;padding:12px 14px;border-radius:4px;background:#fff;box-shadow:inset 0 0 0 1px #e3e6ea;font-size:13px;color:#5d666f;line-height:1.5}
#qm-home22 .hm-note img{width:16px;height:16px;flex:0 0 auto;margin-top:1px}
#qm-home22 .add{font-size:calc(23*var(--u));gap:calc(9*var(--u))}
#qm-home22 .add img{width:calc(31*var(--u));height:calc(31*var(--u));top:calc(calc(0.2*var(--u)) - 0.5px)}

#qm-home22 .grid{grid-template-columns:repeat(2,minmax(0,1fr))}#qm-home22 .pc{min-width:0}#qm-home22 .pc .pic{display:block}#qm-home22 .pc .nm{overflow-wrap:anywhere}#qm-home22 .pc .cn{overflow-wrap:anywhere}#qm-home22 .pc .pr{flex-wrap:wrap}#qm-home22 .pc .acts{margin-top:auto;padding-top:calc(18*var(--u))}#qm-home22 .qty button:disabled{opacity:.35;cursor:default}#qm-home22 .qty svg{width:calc(15*var(--u));height:calc(15*var(--u));fill:none;stroke:currentColor;stroke-width:2.3}#qm-home22 .add svg{width:calc(31*var(--u));height:calc(31*var(--u));fill:none;stroke:currentColor;stroke-width:1.8;flex:0 0 auto;position:relative;top:calc(.2*var(--u) - .5px)}#qm-home22 .pc .add{color:#fff}#qm-home22 .pc .add span{transform:translateY(.085em)}#qm-home22 .hb-br a{min-width:0}#qm-home22 .brand-letter{font-size:18px;color:#04264a}#qm-home22 .group-icon{width:22px;height:22px;object-fit:contain;vertical-align:middle;margin-right:6px}#qm-home22 .empty{font-size:14px;color:#6b7178;padding:20px 0}#qm-home22 .hm-ann{margin-bottom:12px}#qm-home22 .hm-toast{position:fixed;left:50%;bottom:calc(var(--unified-nav-height,84px) + env(safe-area-inset-bottom,0px) + 16px);transform:translateX(-50%);background:rgba(4,30,58,.94);color:#fff;font-size:15px;line-height:1.3;padding:10px 18px;border-radius:40px;z-index:110;max-width:calc(min(100vw,480px) - 32px);pointer-events:none}
@media(prefers-reduced-motion:reduce){#qm-home22 .hm-track{scroll-behavior:auto}#qm-home22 .hm-dots button,#qm-home22 .qty button{transition:none}}

#qm-home22 .brand-letter{font-size:12px;overflow-wrap:anywhere;text-align:center;max-width:100%}#qm-home22 .hm-sh h2{min-width:0;overflow-wrap:anywhere}#qm-home22 .hm-sh h2 small{display:inline-block}#qm-home22 .qty{min-width:0}#qm-home22 .pc .add{min-width:0}