.login-modal-overlay[data-v-bea2bad7]{z-index:20000;background:#0000008c;justify-content:center;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.login-modal[data-v-bea2bad7]{background:#fff;border-radius:16px;width:100%;max-width:420px;margin:auto 0;animation:.25s modalIn-bea2bad7;overflow:hidden;box-shadow:0 20px 60px #0003}.login-modal.dark[data-v-bea2bad7]{background:#1a1a1a;box-shadow:0 20px 60px #0006}@keyframes modalIn-bea2bad7{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tab-header[data-v-bea2bad7]{border-bottom:1px solid #f0f0f0;display:flex}.login-modal.dark .tab-header[data-v-bea2bad7]{border-bottom-color:#2a2a2a}.tab-btn[data-v-bea2bad7]{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;padding:14px 0;font-size:15px;font-weight:500;transition:color .2s;position:relative}.login-modal.dark .tab-btn[data-v-bea2bad7]{color:#999}.tab-btn.active[data-v-bea2bad7]{color:var(--primary,#f53);font-weight:600}.tab-btn.active[data-v-bea2bad7]:after{content:"";background:var(--primary,#f53);border-radius:2px;width:48px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.logo-area[data-v-bea2bad7]{justify-content:center;padding-top:28px;padding-bottom:8px;display:flex}.modal-logo-img[data-v-bea2bad7]{object-fit:contain;height:36px}.modal-title[data-v-bea2bad7]{text-align:center;color:var(--text);margin:0;padding:0 30px;font-size:22px;font-weight:700}.login-modal.dark .modal-title[data-v-bea2bad7]{color:#f0f0f0}.modal-subtitle[data-v-bea2bad7]{text-align:center;color:var(--text-secondary);margin:8px 0 20px;padding:0 30px;font-size:13px;line-height:1.5}.login-modal.dark .modal-subtitle[data-v-bea2bad7]{color:#999}.form-body[data-v-bea2bad7]{padding:0 32px 32px}.form-group[data-v-bea2bad7]{margin-bottom:16px}.input-wrap[data-v-bea2bad7]{background:#f7f8fa;border:1.5px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:0 14px;transition:all .2s;display:flex}.input-wrap[data-v-bea2bad7]:focus-within{border-color:var(--primary,#f53);background:#fff;box-shadow:0 0 0 3px #ff553314}.input-icon[data-v-bea2bad7]{color:#999;flex-shrink:0;width:20px;height:20px}.input-wrap input[data-v-bea2bad7]{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:13px 0;font-size:15px}.login-modal.dark .input-wrap[data-v-bea2bad7]{background:#2a2a2a;border-color:#3a3a3a}.login-modal.dark .input-wrap input[data-v-bea2bad7]{color:#f0f0f0}.login-modal.dark .input-wrap input[data-v-bea2bad7]::placeholder{color:#888}.login-modal.dark .input-wrap[data-v-bea2bad7]:focus-within{border-color:var(--primary,#f53);background:#1a1a1a}.login-modal.dark .input-icon[data-v-bea2bad7]{color:#666}.code-btn[data-v-bea2bad7]{white-space:nowrap;color:#f53;cursor:pointer;background:#ff553314;border:1px solid #f533;border-radius:20px;flex-shrink:0;padding:7px 14px;font-size:13px;font-weight:500;transition:all .2s}.code-btn[data-v-bea2bad7]:hover:not(:disabled){background:#ff553326;border-color:#f53}.code-btn[data-v-bea2bad7]:disabled{opacity:.5;cursor:not-allowed}.form-hint[data-v-bea2bad7]{color:var(--text-muted);margin-top:6px;padding-left:4px;font-size:12px}.login-modal.dark .form-hint[data-v-bea2bad7]{color:#777}.login-modal.dark .form-hint b[data-v-bea2bad7]{color:#f53}.submit-btn[data-v-bea2bad7]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b4a,#f53);border:none;border-radius:26px;width:100%;margin-top:8px;padding:13px;font-size:16px;font-weight:600;transition:all .25s;box-shadow:0 4px 16px #ff55334d}.submit-btn[data-v-bea2bad7]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 6px 20px #f536}.submit-btn[data-v-bea2bad7]:disabled{opacity:.7;cursor:not-allowed}.bottom-tip[data-v-bea2bad7]{text-align:center;color:var(--text-muted);margin-top:16px;font-size:12px;line-height:1.6}.login-modal.dark .bottom-tip[data-v-bea2bad7]{color:#777}.bottom-links[data-v-bea2bad7]{justify-content:center;gap:24px;margin-top:12px;display:flex}.bottom-links a[data-v-bea2bad7]{color:#f53;font-size:13px;text-decoration:none;transition:opacity .2s}.bottom-links a[data-v-bea2bad7]:hover{opacity:.75}.announcement-overlay[data-v-e7a9f5ca]{z-index:100000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.announcement-modal[data-v-e7a9f5ca]{border-radius:20px;width:90%;max-width:400px;max-height:85vh;animation:.4s ease-out modalSlideIn-e7a9f5ca;overflow:hidden;box-shadow:0 20px 60px #00000080}@keyframes modalSlideIn-e7a9f5ca{0%{opacity:0;transform:translateY(-50px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.announcement-content[data-v-e7a9f5ca]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:50px 30px;display:flex;position:relative}.announcement-close[data-v-e7a9f5ca]{color:#333;cursor:pointer;z-index:10;background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:28px;transition:all .3s;display:flex;position:absolute;top:15px;right:15px;box-shadow:0 4px 12px #0003}.announcement-close[data-v-e7a9f5ca]:hover{background:#fff;transform:rotate(90deg)scale(1.1);box-shadow:0 6px 20px #0000004d}.announcement-inner[data-v-e7a9f5ca]{text-align:center;color:#fff;z-index:1;max-width:600px;position:relative}.announcement-title[data-v-e7a9f5ca]{text-shadow:2px 2px 8px #0006;margin-bottom:20px;font-size:28px;font-weight:700;line-height:1.3}.announcement-text[data-v-e7a9f5ca]{text-shadow:1px 1px 4px #0000004d;white-space:pre-wrap;word-break:break-word;font-size:16px;line-height:1.8}.announcement-fade-enter-active[data-v-e7a9f5ca],.announcement-fade-leave-active[data-v-e7a9f5ca]{transition:opacity .3s}.announcement-fade-enter-from[data-v-e7a9f5ca],.announcement-fade-leave-to[data-v-e7a9f5ca]{opacity:0}@media (width<=768px){.announcement-modal[data-v-e7a9f5ca]{width:95%;max-width:none;margin:10px}.announcement-content[data-v-e7a9f5ca]{min-height:250px;padding:30px 20px}.announcement-close[data-v-e7a9f5ca]{width:35px;height:35px;font-size:24px;top:12px;right:12px}.announcement-title[data-v-e7a9f5ca]{margin-bottom:15px;font-size:22px}.announcement-text[data-v-e7a9f5ca]{font-size:14px;line-height:1.6}}.main-layout[data-v-6b5f7dea]{min-height:100vh}.header[data-v-6b5f7dea]{z-index:10001;background:#fff;height:70px;transition:all .3s;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 5px #00000014}.header-inner[data-v-6b5f7dea]{justify-content:space-between;align-items:center;height:70px;display:flex}.logo[data-v-6b5f7dea]{flex-shrink:0;align-items:center;height:70px;display:flex}.logo img[data-v-6b5f7dea]{width:auto;height:40px}.nav-main[data-v-6b5f7dea]{flex:1;margin-left:30px}.nav-main ul[data-v-6b5f7dea]{gap:0;display:flex}.nav-main li[data-v-6b5f7dea]{position:relative}.nav-main a[data-v-6b5f7dea]{color:#333;padding:25px 13px 23px;font-size:15px;transition:color .15s;display:block}.nav-main a[data-v-6b5f7dea]:hover,.nav-main li.current-menu-item>a[data-v-6b5f7dea]{color:var(--theme-color)}.nav-main li.current-menu-item>a[data-v-6b5f7dea]:after{content:"";background:var(--theme-color);border-radius:2px;height:2px;position:absolute;bottom:1px;left:13px;right:13px}.nav-vip-tag[data-v-6b5f7dea]{color:#fff;background:var(--theme-color);vertical-align:middle;border-radius:3px;margin-left:4px;padding:1px 5px;font-size:10px;font-weight:600;line-height:1.4;display:inline-block;position:relative;top:-1px}.nav-vip-tag.mobile[data-v-6b5f7dea]{margin-left:6px;font-size:11px}.nav-right[data-v-6b5f7dea]{flex-shrink:0;align-items:center;gap:0;display:flex}.nav-right>div>a[data-v-6b5f7dea],.nav-right>a[data-v-6b5f7dea]{color:#555;align-items:center;padding:25px 10px 23px;transition:color .15s;display:flex;position:relative}.nav-right>div>a[data-v-6b5f7dea]:hover{color:var(--theme-color)}.nav-cart[data-v-6b5f7dea]{position:relative}.cart-badge[data-v-6b5f7dea]{color:var(--theme-color);font-size:11px;font-weight:700;position:absolute;top:18px;right:0}.nav-login[data-v-6b5f7dea]{align-items:center;margin-left:13px;display:flex;padding:0!important}.nav-login a[data-v-6b5f7dea]{color:#555;border:none;font-size:14px;position:relative;padding:6px 0!important}.nav-login.no a[data-v-6b5f7dea]{padding:6px 0}.nav-login a.reg[data-v-6b5f7dea]{background:var(--theme-color);border-radius:3px;margin-left:26px;color:#fff!important;padding:6px 16px!important}.nav-login.yes a.reg[data-v-6b5f7dea]{margin-left:0}.nav-line[data-v-6b5f7dea]{background:#777;width:1px;height:10px;margin:0 15px;display:inline-block}.nav-login.no .nav-line[data-v-6b5f7dea]{display:none}.nav-login.yes[data-v-6b5f7dea]{position:relative}.auth-user-link[data-v-6b5f7dea]{cursor:pointer;align-items:center;gap:6px;display:flex}.auth-user-link .avatar[data-v-6b5f7dea]{background:var(--theme-color);color:#fff;text-align:center;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;line-height:1;display:inline-flex}.auth-user-link .auth-user-name[data-v-6b5f7dea]{color:#333;font-size:14px}.vip-crown-icon[data-v-6b5f7dea]{align-items:center;line-height:1;display:inline-flex}.sub-menu[data-v-6b5f7dea]{border-radius:var(--theme-radius);z-index:10002;background:#fff;margin:14px 0 0;padding:0;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 0 15px #0000001a}.sub-menu[data-v-6b5f7dea]:before{content:"";border:8px solid #0000;border-bottom-color:#fff;position:absolute;top:-8px;right:20px}.sub-menu ul[data-v-6b5f7dea]{margin:0;padding:0;list-style:none}.user-menu-dropdown[data-v-6b5f7dea]{min-width:280px}.user-top[data-v-6b5f7dea]{border-bottom:1px solid #f5f5f5;align-items:center;gap:12px;padding:14px 16px;display:flex}.user-top-avatar[data-v-6b5f7dea]{flex-shrink:0}.avatar-big[data-v-6b5f7dea]{object-fit:cover;border-radius:50%;width:48px;height:48px}.avatar-big-placeholder[data-v-6b5f7dea]{background:var(--theme-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}.user-top-info[data-v-6b5f7dea]{flex:1;min-width:0}.user-top-name[data-v-6b5f7dea]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.user-top-name .nickname[data-v-6b5f7dea]{color:#333;font-size:14px;font-weight:600}.user-top-name t[data-v-6b5f7dea]{color:#fff;background:#fbb715;border-radius:10px;padding:1px 10px;font-size:11px;display:inline-block}.user-top-phone[data-v-6b5f7dea]{color:#999;margin-top:2px;font-size:12px}.user-money-line[data-v-6b5f7dea],.user-vip-line[data-v-6b5f7dea]{border-bottom:1px solid #f5f5f5;align-items:center;padding:8px 16px;font-size:13px;display:flex}.money-label[data-v-6b5f7dea],.vip-label[data-v-6b5f7dea]{color:#888;min-width:40px}.money-amount[data-v-6b5f7dea]{color:var(--theme-color);flex:1;font-weight:700}.vip-status[data-v-6b5f7dea]{color:#999;flex:1}.vip-upgrade[data-v-6b5f7dea]{color:#fbb715;cursor:pointer;font-size:12px;font-weight:600;text-decoration:none}.vip-upgrade[data-v-6b5f7dea]:hover{text-decoration:underline}.user-grid-links[data-v-6b5f7dea]{grid-template-columns:repeat(5,1fr);padding:10px 0;display:grid}.grid-item[data-v-6b5f7dea]{color:#555;cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:11px;text-decoration:none;transition:background .15s;display:flex}.grid-item[data-v-6b5f7dea]:hover{color:var(--theme-color);background:#f9f9f9}.grid-item svg[data-v-6b5f7dea]{color:#777}.grid-item:hover svg[data-v-6b5f7dea]{color:var(--theme-color)}.grid-item span[data-v-6b5f7dea]{text-align:center;line-height:1.2}.logout-item[data-v-6b5f7dea],.logout-item svg[data-v-6b5f7dea]{color:#e74c3c}.logout-item[data-v-6b5f7dea]:hover{color:#c0392b;background:#fef2f2}.logout-item:hover svg[data-v-6b5f7dea]{color:#c0392b}.cart-panel[data-v-6b5f7dea]{min-width:280px;padding:16px}.cart-panel-inner[data-v-6b5f7dea]{max-height:300px;overflow-y:auto}.cart-empty[data-v-6b5f7dea]{text-align:center;color:#999;padding:30px 0;font-size:14px}.cart-item[data-v-6b5f7dea]{border-bottom:1px solid #f5f5f5;justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.cart-item-price[data-v-6b5f7dea]{color:var(--theme-color);font-weight:600}.search-wrap[data-v-6b5f7dea]{z-index:10002;transition:top .3s cubic-bezier(.4,0,.2,1);position:fixed;top:-170px;left:0;right:0}.search-wrap.show[data-v-6b5f7dea]{top:70px}.search-wrap-container[data-v-6b5f7dea]{background:#fff;height:100px;padding:25px 0;box-shadow:0 0 15px #00000013}.search-form[data-v-6b5f7dea]{background:#fff;border:1px solid #efefef;border-radius:10px;align-items:center;width:86%;margin:0 7%;display:flex;position:relative;overflow:hidden}.search-cat[data-v-6b5f7dea]{flex:none;align-items:center;height:50px;display:flex}.search-cat-select[data-v-6b5f7dea]{color:#333;cursor:pointer;background:#fff;border:none;border-right:1px solid #efefef;border-radius:0;outline:none;height:50px;padding:0 15px;font-size:14px}.search-input[data-v-6b5f7dea]{color:#333;background:#fff;border:none;border-radius:0;outline:none;flex:auto;min-width:0;height:50px;margin:0;padding:0 15px;font-size:16px}.search-btn[data-v-6b5f7dea]{background:var(--theme-color);color:#fff;cursor:pointer;border:none;border-radius:0;flex:none;justify-content:center;align-items:center;width:60px;height:50px;transition:filter .2s;display:flex}.search-btn[data-v-6b5f7dea]:hover{filter:brightness(.92)}.search-close[data-v-6b5f7dea]{color:#999;cursor:pointer;font-size:30px;line-height:1;position:absolute;top:8px;right:8px}.search-close[data-v-6b5f7dea]:hover{color:#333}.main[data-v-6b5f7dea]{min-height:calc(100vh - 70px);padding-top:0}.footer[data-v-6b5f7dea]{color:#e0e0e0;background:#1f1f1f;padding:40px 0 20px;position:relative}.footer-inner[data-v-6b5f7dea]{grid-template-columns:1fr;gap:30px;display:grid}@media (width>=768px){.footer-inner[data-v-6b5f7dea]{grid-template-columns:1.5fr 1fr 1fr 1fr}}.footer-col h3[data-v-6b5f7dea]{color:#f0f0f0;margin-bottom:10px;font-size:18px}.footer-col h4[data-v-6b5f7dea]{color:#f0f0f0;margin-bottom:12px;font-size:15px}.footer-col p[data-v-6b5f7dea]{color:#a0a0a0;font-size:13px;line-height:1.6}.footer-links-grid[data-v-6b5f7dea]{gap:20px;display:flex}.footer-links-col[data-v-6b5f7dea]{flex-direction:column;gap:0;display:flex}.footer-links-col a[data-v-6b5f7dea]{color:#a0a0a0;margin-bottom:8px;font-size:13px;transition:color .2s;display:block}.footer-links-col a[data-v-6b5f7dea]:hover{color:var(--theme-color)}.footer-col a[data-v-6b5f7dea]{color:#a0a0a0;margin-bottom:8px;font-size:13px;transition:color .2s;display:block}.footer-col a[data-v-6b5f7dea]:hover{color:var(--theme-color)}.copyright[data-v-6b5f7dea]{text-align:center;color:gray;border-top:1px solid #333;margin-top:30px;padding-top:20px;font-size:12px}.bottom-nav[data-v-6b5f7dea]{z-index:100;background:#fff;border-top:1px solid #eee;justify-content:space-around;align-items:center;height:56px;display:none;position:fixed;bottom:0;left:0;right:0}@media (width<=768px){.bottom-nav[data-v-6b5f7dea]{display:flex}}.bnav-item[data-v-6b5f7dea]{color:#999;flex-direction:column;align-items:center;gap:2px;font-size:10px;transition:color .2s;display:flex}.bnav-item.active[data-v-6b5f7dea]{color:var(--theme-color)}.rollbar[data-v-6b5f7dea]{z-index:9999;flex-direction:column;gap:6px;display:flex;position:fixed;bottom:80px;right:12px}.rollbar-item[data-v-6b5f7dea]{width:42px;height:42px;position:relative}.rollbar-item a[data-v-6b5f7dea]{color:#777;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000001a}.rollbar-item a[data-v-6b5f7dea]:hover{background:var(--theme-color);color:#fff}.rollbar-qrcode[data-v-6b5f7dea]{z-index:100000;opacity:0;visibility:hidden;pointer-events:none;background:#fff;border-radius:8px;width:132px;height:132px;padding:6px;transition:all .25s;position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%);box-shadow:0 4px 20px #00000026}.rollbar-qrcode img[data-v-6b5f7dea]{object-fit:contain;width:120px;height:120px;display:block}.rollbar-item:hover .rollbar-qrcode[data-v-6b5f7dea],.rollbar-item a:hover+.rollbar-qrcode[data-v-6b5f7dea]{opacity:1;visibility:visible}@media (width<=768px){.rollbar[data-v-6b5f7dea]{bottom:70px;right:8px}}.mobile-nav-overlay[data-v-6b5f7dea]{z-index:20000;background:#00000080;position:fixed;inset:0}.mobile-nav-drawer[data-v-6b5f7dea]{z-index:20001;background:#fff;width:280px;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.mobile-nav-header[data-v-6b5f7dea]{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px;display:flex}.mobile-nav-header button[data-v-6b5f7dea]{cursor:pointer;color:#999;background:0 0;border:none;font-size:28px}.mobile-nav-list[data-v-6b5f7dea]{padding:8px 0}.mobile-nav-link[data-v-6b5f7dea]{color:#333;padding:14px 20px;font-size:15px;transition:background .15s;display:block}.mobile-nav-link[data-v-6b5f7dea]:hover{background:#f5f5f5}@media (width<=768px){.desktop-only[data-v-6b5f7dea]{display:none!important}.mobile-only[data-v-6b5f7dea]{display:block}.header-inner[data-v-6b5f7dea]{padding:0 12px}.search-form[data-v-6b5f7dea]{width:92%;margin:0 4%}.search-input[data-v-6b5f7dea]{font-size:14px}.nav-right>div>a[data-v-6b5f7dea],.nav-right>a[data-v-6b5f7dea]{padding:25px 6px 23px}.nav-login a.reg[data-v-6b5f7dea]{margin-left:4px;font-size:12px;padding:5px 10px!important}}@media (width>=769px){.mobile-only[data-v-6b5f7dea]{display:none!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--theme-color:#f53;--theme-radius:8px;--bg:#fff;--bg-secondary:#f5f6f9;--text:#333;--text-secondary:#666;--text-muted:#999;--border:#eee;--header-height:70px;--topbar-height:0px;--footer-nav-height:0px;--shadow:0 2px 12px #0000000f;--shadow-hover:0 8px 24px #0000001a}.dark{--bg:#1a1a1a;--bg-secondary:#2a2a2a;--text:#f0f0f0;--text-secondary:#b0b0b0;--text-muted:gray;--border:#333}html{scroll-behavior:smooth}body{background:var(--bg-secondary);color:var(--text);margin-top:var(--header-height);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5}#app{min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul,ol{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 16px}.page{min-height:calc(100vh - var(--header-height));padding:30px 0}.section-title{margin-bottom:6px;font-size:22px;font-weight:600}.section-desc{color:var(--text-muted);margin-bottom:20px;font-size:13px}.product-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (width>=640px){.product-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (width>=1024px){.product-grid{grid-template-columns:repeat(4,1fr);gap:20px}}.product-card{background:var(--bg);border-radius:10px;transition:transform .35s,box-shadow .35s;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000f}.product-card:hover{transform:translateY(-4px)scale(1.03);box-shadow:0 12px 24px #0000001f}.product-card .cover-wrap{aspect-ratio:3/4;border-radius:10px;line-height:0;position:relative;overflow:hidden}.product-card .cover{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.product-card:hover .cover{transform:scale(1.03)}.product-card .cover-tag{z-index:3;background:var(--theme-color);color:#fff;border-radius:3px;padding:3px 10px;font-size:11px;font-weight:500;position:absolute;top:10px;left:10px}.product-card .info{z-index:2;background:linear-gradient(#0000,#000000a6);border-radius:0 0 10px 10px;padding:40px 12px 12px;position:absolute;bottom:0;left:0;right:0}.product-card .title{text-overflow:ellipsis;-webkit-line-clamp:1;color:#fff;text-shadow:0 1px 3px #00000080;-webkit-box-orient:vertical;margin-bottom:6px;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.product-card .meta{color:#ffffffe6;justify-content:space-between;align-items:center;font-size:12px;display:flex}.product-card .price{background:var(--theme-color);color:#fff;border-radius:999px;align-items:center;min-height:18px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.product-card .views{align-items:center;gap:3px;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:80px 20px;font-size:15px}.sort-bar{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:16px;display:flex}.sort-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:7px 16px;font-size:13px;transition:all .2s}.sort-tab:hover{color:var(--text);background:var(--bg-secondary)}.sort-tab.active{color:var(--theme-color);font-weight:600}