.m-app{height:100%;display:flex;flex-direction:column;font-family:var(--m-font);background:var(--m-bg);color:var(--m-text)}.m-header{padding:16px 16px 10px;display:flex;align-items:center;gap:10px}.m-logo{width:28px;height:28px;object-fit:contain}.m-title{font-size:18px;font-weight:650;letter-spacing:-.02em}.m-scroll{flex:1;overflow:auto;padding-bottom:12px}.m-hero{margin:0 0 16px}.m-hero img{width:100%;height:160px;object-fit:cover;display:block}.m-hero .copy{padding:12px 16px 0}.m-hero h2{margin:0 0 4px;font-size:22px}.m-hero p{margin:0;opacity:.7;font-size:13px}.m-section{padding:8px 16px 16px}.m-section h3{margin:0 0 10px;font-size:15px}.m-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.m-tile{background:color-mix(in srgb,var(--m-text) 6%,var(--m-bg));border-radius:12px;overflow:hidden;min-height:88px}.m-tile img{width:100%;height:72px;object-fit:cover;display:block}.m-tile span,.m-product span{display:block;padding:8px;font-size:13px}.m-carousel{display:flex;gap:10px;overflow:auto}.m-product{min-width:120px;background:color-mix(in srgb,var(--m-text) 6%,var(--m-bg));border-radius:12px;overflow:hidden}.m-product img{width:120px;height:120px;object-fit:cover;display:block}.m-text p{margin:6px 0 0;font-size:14px;line-height:1.45;opacity:.85}.m-countdown{border:1px solid color-mix(in srgb,var(--m-text) 12%,var(--m-bg));border-radius:12px;padding:14px}.m-tabs{display:flex;border-top:1px solid color-mix(in srgb,var(--m-text) 12%,var(--m-bg));padding:8px 4px 10px}.m-tabs button{flex:1;background:none;border:0;color:color-mix(in srgb,var(--m-text) 55%,var(--m-bg));font:inherit;font-size:10px;padding:4px 0}.m-tabs button.on{color:var(--m-text);font-weight:650}.m-search{margin:8px 16px 12px;width:calc(100% - 32px);border:1px solid color-mix(in srgb,var(--m-text) 14%,var(--m-bg));border-radius:10px;padding:10px 12px;font:inherit;background:var(--m-bg);color:var(--m-text)}.m-btn{margin:12px 16px;width:calc(100% - 32px);border:0;background:var(--m-primary);color:#fff;border-radius:10px;padding:12px;font:inherit}.m-empty{padding:32px 16px;opacity:.65;font-size:14px}.m-price{opacity:.65;font-size:12px;padding:0 8px 8px}
