.qm-root{min-height:100vh;background:#f5f5f5;font-family:system-ui,-apple-system,sans-serif}.qm-wrap{max-width:520px;margin:0 auto;display:flex;flex-direction:column;min-height:100vh;background:#f5f5f5}.qm-cover{position:relative;height:200px;overflow:hidden;flex-shrink:0}.qm-cover>img{width:100%;height:100%;object-fit:cover;display:block}.qm-cover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.18) 55%,transparent 100%)}.qm-cover-bottom{position:absolute;bottom:0;left:0;right:0;padding:14px 16px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.qm-cover-brand{display:flex;align-items:center;gap:10px}.qm-cover-logo{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:8px;object-fit:cover;border:1.5px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #00000040;flex-shrink:0;aspect-ratio:1 / 1}.qm-cover-name{color:#fff;font-size:1.2rem;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.4);margin:0}.qm-header{padding:18px 16px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-bottom:1px solid #ebebeb}.qm-header-brand{display:flex;align-items:center;gap:10px}.qm-header-logo{width:34px;height:34px;min-width:34px;min-height:34px;border-radius:8px;object-fit:cover;flex-shrink:0;aspect-ratio:1 / 1}.qm-header-name{font-size:1.05rem;font-weight:700;color:#111;margin:0}.qm-header-subtitle{font-size:.7rem;color:#aaa;margin:0}.qm-cover-actions,.qm-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.qm-share-btn{display:flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;font-size:.72rem;font-weight:600;border:none;cursor:pointer;transition:background .15s,opacity .15s;white-space:nowrap;line-height:1.4;background:#fff3;color:#fff}.qm-header .qm-share-btn{background:#f0f0f0;color:#555}.qm-share-btn:hover{opacity:.85}.qm-locales{display:flex;gap:4px;flex-shrink:0}.qm-locale-btn{padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:700;border:none;cursor:pointer;transition:background .15s,color .15s;line-height:1.4}.qm-tabbar{position:sticky;top:0;z-index:20;background:#fffffff7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid #ebebeb;padding:10px 16px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.qm-tabbar::-webkit-scrollbar{display:none}.qm-tab-btn{flex-shrink:0;display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:999px;font-size:.72rem;font-weight:600;border:none;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;white-space:nowrap;line-height:1.4}.qm-tab-icon{width:16px;height:16px;border-radius:50%;object-fit:cover}.qm-main{flex:1;padding:20px 14px;display:flex;flex-direction:column;gap:28px}.qm-cat-section{scroll-margin-top:72px}.qm-cat-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.qm-cat-cover-thumb{width:38px;height:38px;border-radius:10px;object-fit:cover;flex-shrink:0}.qm-cat-bar{width:4px;height:22px;border-radius:4px;flex-shrink:0}.qm-cat-name{font-size:.95rem;font-weight:700;color:#1a1a1a;margin:0;flex:1}.qm-cat-count{font-size:.68rem;color:#aaa;background:#f0f0f0;border-radius:999px;padding:2px 8px;flex-shrink:0}.qm-items-list{display:flex;flex-direction:column;gap:10px}.qm-item-card{display:flex;gap:12px;background:#fff;border-radius:16px;padding:12px;box-shadow:0 1px 4px #0000000f;border:1px solid #f0f0f0;transition:box-shadow .2s}.qm-item-card:hover{box-shadow:0 4px 14px #0000001a}.qm-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.qm-item-name{font-size:.9rem;font-weight:600;color:#111;margin:0;line-height:1.35}.qm-item-desc{font-size:.75rem;color:#888;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.qm-item-price{display:inline-block;font-size:.8rem;font-weight:700;border-radius:999px;padding:3px 10px;margin-top:4px;width:fit-content}.qm-item-img-btn{flex-shrink:0;width:86px;height:86px;border-radius:12px;overflow:hidden;background:#f0f0f0;border:none;padding:0;cursor:pointer}.qm-item-img-btn img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.qm-item-img-btn:hover img{transform:scale(1.05)}.qm-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#000000d1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:16px}.qm-lightbox-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:none;background:#fff3;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;z-index:1}.qm-lightbox-close:hover{background:#ffffff4d}.qm-lightbox-content{display:flex;flex-direction:column;align-items:center;gap:0;max-width:100%}.qm-lightbox-img{max-width:100%;max-height:72vh;border-radius:16px 16px 0 0;object-fit:contain;box-shadow:0 20px 60px #00000080;display:block}.qm-lightbox-info{width:100%;background:#fff;border-radius:0 0 16px 16px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.qm-lightbox-name{font-size:.92rem;font-weight:600;color:#111;line-height:1.3}.qm-lightbox-price{font-size:.9rem;font-weight:700;color:#111;white-space:nowrap;flex-shrink:0}.qm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:80px 16px;color:#ccc;text-align:center}.qm-empty svg{margin-bottom:14px;opacity:.5}.qm-empty p{font-size:.9rem;color:#bbb}.qm-footer{padding:24px 16px;text-align:center;border-top:1px solid #ebebeb;background:#fff}.qm-footer-brand{display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:4px}.qm-footer-logo{width:16px;height:16px;min-width:16px;min-height:16px;border-radius:50%;object-fit:cover;opacity:.5;flex-shrink:0;aspect-ratio:1 / 1}.qm-footer-name{font-size:.82rem;font-weight:600;color:#aaa}.qm-footer-sub{font-size:.7rem;color:#bbb}.qm-footer-powered{display:inline-flex;align-items:center;gap:5px;text-decoration:none;transition:opacity .15s}.qm-footer-powered:hover{opacity:.75}.qm-footer-powered-text{font-size:.7rem;color:#bbb}.qm-footer-powered-logo{height:18px;width:auto;object-fit:contain;display:block;filter:grayscale(1) brightness(0) opacity(.4)}.qm-footer-powered-domain{font-size:.72rem;font-weight:700;color:#888}:root{--color-primary: #65a30d;--color-primary-dark: #4d7c0f;--color-secondary: #0a0a0a;--color-accent: #84cc16;--color-background: #ffffff;--color-surface: #ffffff;--color-surface-muted: #f5f5f5;--color-text: #0a0a0a;--color-text-muted: #525252;--color-on-dark: #fafafa;--color-on-dark-muted: #a3a3a3;--color-border: rgba(0, 0, 0, .08);--color-border-soft: rgba(0, 0, 0, .06);--font-sans: "DM Sans", system-ui, sans-serif;--font-display: "Outfit", system-ui, sans-serif;--radius: .95rem;--radius-lg: 1.35rem;--border-soft: 1px solid var(--color-border-soft);--shadow: 0 8px 30px rgba(15, 23, 42, .08);--shadow-lg: 0 16px 44px rgba(15, 23, 42, .14);--ease-fluid: cubic-bezier(.2, .75, .25, 1);--ease-snappy: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-background);color:var(--color-text);line-height:1.6;min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-dark)}h1,h2,h3{font-family:var(--font-display);font-weight:600}p{color:var(--color-text-muted)}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:999px;border:none;cursor:pointer;position:relative;transition:box-shadow .4s var(--ease-fluid),background-color .35s var(--ease-fluid),border-color .35s var(--ease-fluid),color .35s var(--ease-fluid),transform .25s var(--ease-fluid);box-shadow:0 1px 3px #0f172a0f}.btn:hover{box-shadow:0 6px 20px #0f172a1f}.btn:active{transform:scale(.98);box-shadow:0 2px 8px #0f172a14}.btn:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary) 45%,white);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border:1px solid transparent}.btn-primary:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 88%,black),color-mix(in srgb,var(--color-primary-dark) 92%,black));color:#fff;border-color:#fff3;transform:scale(1.02);box-shadow:none}.btn-outline{background:var(--color-surface);color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 35%,transparent);box-shadow:inset 0 0 0 1px #ffffff80;transition:border-color .4s ease,color .35s ease,transform .25s ease,box-shadow .35s ease}.btn-outline:hover{background:var(--color-surface);color:var(--color-primary-dark);border-color:var(--color-primary);box-shadow:inset 0 0 0 1px #ffffff80;transform:scale(1.02)}.btn:disabled,.btn[aria-disabled=true]{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media (prefers-reduced-motion: reduce){.btn{transition:none!important}.btn:hover,.btn:active{transform:none}}.section{padding:5rem 0}.section-title{font-size:clamp(1.75rem,3vw,2.2rem);margin-bottom:.5rem;color:var(--color-text);letter-spacing:-.02em}.section-subtitle{color:var(--color-text-muted);font-size:1.1rem;margin-bottom:2.5rem}.reveal-on-scroll{opacity:0;transform:translateY(26px) scale(.988);transition:opacity .62s var(--ease-fluid),transform .7s var(--ease-snappy);will-change:opacity,transform}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0) scale(1)}@media (prefers-reduced-motion: reduce){.reveal-on-scroll{opacity:1!important;transform:none!important;transition:none!important}}