:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;overflow:hidden;background-color:#f8f9fa}html,body{width:100%;height:100%;box-sizing:border-box}h1{font-size:3.2em;line-height:1.1;color:#333}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{width:100%;height:100%;margin:0;padding:0;box-sizing:border-box}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}img{width:100%}h1,h2,h3,h4,p{margin:0;word-wrap:break-word}div{box-sizing:border-box}.pageMain{width:100%;height:100%;overflow:hidden}ul,li{list-style:none;margin:0;padding:0;box-sizing:border-box}.top-search-bar{display:flex;width:100%;height:68px;align-items:center;background:#fff;padding:16px 12px;box-sizing:border-box;box-shadow:0 2px 8px #00000008}.searchBox{width:100%;display:flex;align-items:center;background:#f2f3f5;border-radius:18px;padding:0 16px;height:36px}.search-input{flex:1;height:36px;border:none;background:none;border-radius:18px;padding:5px;font-size:15px;outline:none}.search-icon{width:20px;height:20px}.category-tabs{display:flex;flex-wrap:nowrap;background:linear-gradient(to top,#fff,#f7f8fa);padding:0 12px;border-bottom:1px solid #f0f0f0;width:100%;height:47px;overflow-x:auto;white-space:nowrap}.category-tabs::-webkit-scrollbar{display:none}.tab{font-size:16px;color:#888;padding:12px 16px 10px;cursor:pointer;position:relative}.tab.active{color:#222;font-weight:700}.tab.active:after{content:"";display:block;width:100%;height:3px;background:#3b8cff;border-radius:2px;position:absolute;left:0;bottom:2px}.empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty img{width:160px;height:160px;object-fit:contain;background-color:#e9e9e9;padding:25px;box-sizing:border-box;border-radius:100vw;margin-top:-70px}.empty span{margin-top:20px;font-size:16px;color:#888}table,tr,td{border:none;border-collapse:collapse}td{border-top:1px solid #888;border-left:1px solid #888;padding:5px;box-sizing:border-box}td:last-of-type{border-right:1px solid #888}tr:last-of-type td{border-bottom:1px solid #888}.btn-nomal{background:#1f90f3!important;color:#fff!important}.btn-payment{background:#e47d00!important;color:#fff!important}.txt-price{color:#ff4500!important}