.qb{--qb-ink:#1d1d1f;--qb-muted:#6e6e73;--qb-line:#e5e5ea;--qb-brand:#0071e3;--qb-brand-d:#0059b3;--qb-ok:#1a7f37;--qb-bg:#fff;--qb-soft:#f5f5f7;--qb-radius:14px;color:var(--qb-ink);font:15px/1.5 -apple-system,Segoe UI,PingFang TC,Microsoft JhengHei,sans-serif;max-width:820px}.qb *{box-sizing:border-box}.qb__head{margin:0 0 6px}.qb__title{font-size:22px;font-weight:600;margin:0}.qb__sub{color:var(--qb-muted);margin:2px 0 18px;font-size:14px}.qb-group{padding:20px 0;border-top:1px solid var(--qb-line)}.qb-group__head{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.qb-group__step{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:var(--qb-ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;transition:background .2s}.qb-group.is-complete .qb-group__step{background:var(--qb-ok)}.qb-group--focus{animation:qb-focus 1.2s ease}@keyframes qb-focus{0%{background:#0071e31a}to{background:transparent}}@media(prefers-reduced-motion:reduce){.qb-group--focus{animation:none}}.qb-group__label{font-size:17px;font-weight:600;margin:0}.qb-group__help{color:var(--qb-muted);font-size:13px;margin:0}.qb-group__req{font-size:12px;color:var(--qb-muted);font-weight:400}.qb-group__remain{display:inline-block;margin-top:8px;font-size:13.5px;font-weight:700;color:#0a4fa0;background:#e8f0fb;border:1px solid #bcd4f2;border-radius:20px;padding:4px 13px;letter-spacing:.2px}.qb-group__remain.is-full{color:#0a7d3e;background:#e6f6ec;border-color:#bfe6cc}.qb-group--error{outline:2px solid #e0454f;outline-offset:4px;border-radius:12px;animation:qbShake .4s}@keyframes qbShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}60%{transform:translate(5px)}}.qb-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.qb-opt{position:relative;border:1.5px solid var(--qb-line);border-radius:var(--qb-radius);padding:14px;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s;background:var(--qb-bg);display:flex;flex-direction:column;gap:6px}.qb-opt:hover{border-color:#c7c7cc}.qb-opt.is-selected{border-color:var(--qb-brand);box-shadow:0 0 0 3px #0071e31f;background:#f5f9ff}.qb-opt__img{width:100%;height:110px;object-fit:contain;border-radius:8px;background:var(--qb-soft)}.qb-opt__title{font-size:14px;font-weight:600;line-height:1.3}.qb-opt__price{font-size:13px;color:var(--qb-muted)}.qb-opt__price .qb-was{text-decoration:line-through;opacity:.55;margin-right:6px}.qb-opt__price .qb-now{color:var(--qb-ink);font-weight:600}.qb-opt__save{font-size:12px;color:var(--qb-ok);font-weight:600}.qb-qty{display:flex;align-items:center;gap:8px;margin-top:4px;flex:0 0 auto}.qb-qty button{width:28px;height:28px;border-radius:8px;border:1px solid var(--qb-line);background:#fff;font-size:16px;line-height:1;cursor:pointer;color:var(--qb-ink);display:inline-flex;align-items:center;justify-content:center;padding:0}.qb-qty button:disabled{opacity:.35;cursor:not-allowed}.qb-qty__n{min-width:22px;text-align:center;font-weight:600}.qb-summary{position:sticky;bottom:0;margin-top:8px;background:#ffffffeb;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-top:1px solid var(--qb-line);padding:16px 0;display:flex;align-items:center;gap:16px;flex-wrap:wrap;z-index:5}.qb-summary__prices{flex:1 1 auto;min-width:180px}.qb-summary__total{font-size:24px;font-weight:600;line-height:1.1}.qb-summary__meta{font-size:13px;color:var(--qb-muted)}.qb-summary__meta .qb-was{text-decoration:line-through;margin-right:8px}.qb-summary__meta .qb-save{color:var(--qb-ok);font-weight:600}.qb-atc{flex:0 0 auto;background:var(--qb-brand);color:#fff;border:0;border-radius:980px;padding:14px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:background .15s}.qb-atc:hover{background:var(--qb-brand-d)}.qb-atc:disabled{background:#c7c7cc;cursor:not-allowed}.qb-note{font-size:13px;color:#b35900;margin:8px 0 0}.qb-selected-list{font-size:13px;color:var(--qb-muted);margin:4px 0 0}@media(max-width:560px){.qb{max-width:100%}.qb-opts{grid-template-columns:1fr;gap:8px}.qb-opt{flex-direction:row;align-items:center;gap:10px;padding:12px 14px;min-height:64px;flex-wrap:nowrap}.qb-opt__img{width:52px;height:52px;flex:0 0 52px}.qb-opt__title{flex:1 1 auto;font-size:15px;min-width:0}.qb-opt__price{font-size:14px;white-space:nowrap;flex:0 0 auto}.qb-opt__save{display:none}.qb{padding-bottom:88px}.qb-qty{margin-top:0}.qb-qty button{width:36px;height:36px;font-size:18px}.qb-qty__n{min-width:26px;font-size:16px}.qb-summary{gap:12px;margin-left:-14px;margin-right:-14px;padding:12px 14px;box-shadow:0 -4px 16px #00000014}.qb-summary__total{font-size:20px}.qb-atc{flex:0 0 auto;padding:13px 24px;font-size:16px}.qb-group{padding:16px 0}.qb-group__label{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/qnap-bundle.css.map */
