.app-container{width:100%;min-height:100vh;background-color:#f8f8f8}:root{--primary-color: #1890ff;--success-color: #52c41a;--warning-color: #faad14;--error-color: #f5222d;--info-color: #1890ff;--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #999999;--text-disabled: #cccccc;--bg-primary: #ffffff;--bg-secondary: #f8f8f8;--bg-tertiary: #f0f0f0;--border-color: #e8e8e8;--border-color-light: #f0f0f0;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .16);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-xs: 12px;--font-sm: 14px;--font-md: 16px;--font-lg: 18px;--font-xl: 20px;--font-2xl: 24px;--tabbar-height: 50px;--bottom-bar-btn-height: 44px;--bottom-bar-padding-y: 8px;--bottom-bar-padding-x: 16px;--bottom-bar-height: calc( var(--bottom-bar-padding-y) * 2 + var(--bottom-bar-btn-height) + env(safe-area-inset-bottom, 0px) );--navbar-height: 44px;--status-bar-height: env(safe-area-inset-top, 0px);--mp-page-top: calc(68 * 100vw / 750);--category-search-end: 20vw ;--category-main-top: 48vw ;--category-product-top: calc(460 * 100vw / 750);--chat-content-top: calc(172 * 100vw / 750)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.btn{padding:10px 20px;border-radius:var(--radius-md);border:none;cursor:pointer;font-size:var(--font-md);transition:all .3s}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{opacity:.8}.card{background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.page-container{width:100%;min-height:100vh;background-color:var(--bg-secondary);padding-bottom:var(--tabbar-height)}.page-content{padding:var(--spacing-md)}.page-bottom-bar{align-items:center;background-color:#fff;border-top:.5px solid var(--border-color-light);bottom:0;box-sizing:border-box;display:flex;gap:12px;left:0;min-height:var(--bottom-bar-height);padding:var(--bottom-bar-padding-y) var(--bottom-bar-padding-x);padding-bottom:calc(var(--bottom-bar-padding-y) + env(safe-area-inset-bottom,0px));position:fixed;right:0;z-index:999}.page-bottom-bar__btn{align-items:center;background:linear-gradient(90deg,#01b8f9,#2c97f9);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1;font-size:16px;font-weight:700;height:var(--bottom-bar-btn-height);justify-content:center;line-height:1;padding:0}.page-bottom-bar__side{align-items:center;display:flex;flex-shrink:0;gap:12px}.page-bottom-bar__side-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:2px;justify-content:center;min-width:40px}.page-bottom-bar__side-icon{height:22px;width:22px}.page-bottom-bar__side-text{color:#a6a6a6;font-size:10px;line-height:1}.page-bottom-bar .action-buttons,.page-bottom-bar__main{display:flex;flex:1;min-width:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-tertiary)}.empty-state img{width:120px;height:120px;margin-bottom:16px}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh}img[data-lazy-src],img[src$="lazyload.png"]{background-color:#f0f0f0;object-fit:cover}img.lazy-loaded{background-color:transparent}