*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px}body{min-width:1200px}a{color:#333;-webkit-text-decoration:none;text-decoration:none}a:hover{color:#f44}ol,ul{list-style:none}img{max-width:100%;vertical-align:middle}button{border:none;cursor:pointer}button,input,select,textarea{font-family:inherit;outline:none}.clearfix:after{clear:both;content:"";display:block}.page-container{margin:0 auto;width:1200px}.section{margin-bottom:40px}.section-title{margin-bottom:24px;position:relative;text-align:center}.section-title h2{color:#1a1a1a;display:inline-block;font-size:20px;font-weight:600;padding:0 40px;position:relative}.section-title h2:after,.section-title h2:before{background:#dcdfe6;content:"";height:2px;position:absolute;top:50%;width:30px}.section-title h2:before{right:100%}.section-title h2:after{left:100%}.section-title p{color:#666;font-size:13px;margin-top:8px}.btn{align-items:center;border:1px solid transparent;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.btn.btn-primary{background:#f44;border-color:#f44;color:#fff}.btn.btn-primary:hover{background:#e63e3e;border-color:#e63e3e}.btn.btn-outline{background:transparent;border-color:#f44;color:#f44}.btn.btn-outline:hover{background:#f44;color:#fff}.btn.btn-lg{font-size:15px;height:44px;padding:0 28px}.btn.btn-md{font-size:14px;height:36px;padding:0 20px}.btn.btn-sm{font-size:12px;height:30px;padding:0 14px}.btn.btn-block{width:100%}.btn:disabled{cursor:not-allowed;opacity:.5}.price{color:#f44;font-size:16px;font-weight:600}.price .decimal,.price .symbol{font-size:13px}.price-original{color:#999;font-size:13px;margin-left:8px;-webkit-text-decoration:line-through;text-decoration:line-through}.tag{border-radius:2px;display:inline-block;font-size:12px;line-height:1.4;padding:2px 6px}.tag.tag-hot{background:#fff0e6;color:#f60}.tag.tag-new{background:#e8f8f0;color:#07c160}.tag.tag-best{background:#fff8e1;color:#ff8f00}.tag.tag-sale{background:#fff0f0;color:#f44}.goods-card{background:#fff;border-radius:6px;cursor:pointer;overflow:hidden;transition:all .3s ease}.goods-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.15);transform:translateY(-4px)}.goods-card:hover .goods-img img{transform:scale(1.06)}.goods-card .goods-img{aspect-ratio:1;overflow:hidden;position:relative}.goods-card .goods-img img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease;width:100%}.goods-card .goods-img .goods-tags{display:flex;gap:4px;left:8px;position:absolute;top:8px}.goods-card .goods-info{padding:12px 16px 16px}.goods-card .goods-info .goods-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a1a1a;display:-webkit-box;font-size:13px;height:42px;line-height:1.5;margin-bottom:8px;overflow:hidden}.goods-card .goods-info .goods-price{align-items:center;display:flex}.breadcrumb{color:#666;font-size:13px;padding:16px 0}.breadcrumb a{color:#666}.breadcrumb a:hover{color:#f44}.breadcrumb .separator{margin:0 8px}.breadcrumb .current{color:#1a1a1a}.pagination{gap:8px;padding:40px 0}.pagination,.pagination .page-item{align-items:center;display:flex;justify-content:center}.pagination .page-item{background:#fff;border:1px solid #dcdfe6;border-radius:4px;cursor:pointer;font-size:13px;height:36px;min-width:36px;transition:all .2s ease}.pagination .page-item:hover{border-color:#f44;color:#f44}.pagination .page-item.active{background:#f44;border-color:#f44;color:#fff}.pagination .page-item.disabled{color:#c0c4cc;cursor:not-allowed}.pagination .page-item.disabled:hover{border-color:#dcdfe6;color:#c0c4cc}.pagination .page-item.ellipsis{border:none;cursor:default}.empty-state{padding:80px 0;text-align:center}.empty-state .empty-icon{color:#ebeef5;font-size:64px}.empty-state .empty-text{color:#999;font-size:14px;margin-top:16px}.loading-spinner{align-items:center;display:flex;justify-content:center;padding:60px 0}.loading-spinner .spinner{animation:spin .8s linear infinite;border:3px solid #f2f2f2;border-radius:50%;border-top-color:#f44;height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.gap-sm{gap:8px}.gap-md{gap:16px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:20px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:20px}.app-layout[data-v-667abfdf]{display:flex;flex-direction:column;min-height:100vh}.top-bar[data-v-667abfdf]{background:#1a1a2e;color:#aaa;font-size:12px;height:36px;line-height:36px}.top-bar-inner[data-v-667abfdf]{display:flex;justify-content:space-between}.top-right[data-v-667abfdf]{align-items:center;display:flex;gap:0}.top-link[data-v-667abfdf]{color:#aaa;padding:0 6px}.top-link[data-v-667abfdf]:hover{color:#f44}.sep[data-v-667abfdf]{color:#444;margin:0 2px}.user-info[data-v-667abfdf]{color:#f44}.user-info strong[data-v-667abfdf]{font-weight:500}.cart-link[data-v-667abfdf]{position:relative}.cart-badge[data-v-667abfdf]{background:#f44;border-radius:8px;color:#fff;font-size:10px;line-height:1.4;min-width:16px;padding:1px 5px;position:absolute;right:-10px;text-align:center;top:2px}.header[data-v-667abfdf]{background:#fff;border-bottom:1px solid #f0f0f0}.header-inner[data-v-667abfdf]{align-items:center;display:flex;padding:24px 0}.logo-area[data-v-667abfdf]{flex-shrink:0;width:200px}.logo-area .logo[data-v-667abfdf]{height:44px}.search-area[data-v-667abfdf]{flex:1;margin:0 auto;max-width:600px}.search-box[data-v-667abfdf]{display:flex}.search-box .search-input[data-v-667abfdf]{border:2px solid #f44;border-radius:4px 0 0 4px;border-right:none;flex:1;font-size:14px;height:42px;outline:none;padding:0 16px}.search-box .search-input[data-v-667abfdf]:focus{border-color:#f44}.search-box .search-btn[data-v-667abfdf]{background:#f44;border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;font-size:15px;height:42px;width:80px}.search-box .search-btn[data-v-667abfdf]:hover{background:#d33}.hot-words[data-v-667abfdf]{display:flex;gap:12px;margin-top:8px}.hot-words .hot-word[data-v-667abfdf]{color:#999;cursor:pointer;font-size:12px}.hot-words .hot-word[data-v-667abfdf]:hover{color:#f44}.nav-bar[data-v-667abfdf]{background:#fff;border-bottom:1px solid #f0f0f0}.nav-list[data-v-667abfdf]{display:flex;list-style:none;margin:0}.nav-list li a[data-v-667abfdf]{color:#333;display:block;font-size:15px;height:48px;line-height:48px;padding:0 20px;-webkit-text-decoration:none;text-decoration:none}.nav-list li a[data-v-667abfdf]:hover{color:#f44}.nav-list li.active a[data-v-667abfdf]{border-bottom:2px solid #f44;color:#f44;font-weight:500}.main-content[data-v-667abfdf]{background:#f5f5f5;flex:1;padding:20px 0}.footer[data-v-667abfdf]{background:#1a1a2e;color:#aaa;font-size:13px}.footer .footer-top[data-v-667abfdf]{border-bottom:1px solid #2a2a3e;display:flex;padding:40px 0}.footer .footer-col[data-v-667abfdf]{flex:1}.footer .footer-col h4[data-v-667abfdf]{color:#fff;font-size:15px;margin-bottom:16px}.footer .footer-col ul[data-v-667abfdf]{list-style:none}.footer .footer-col ul li[data-v-667abfdf]{margin-bottom:8px}.footer .footer-col ul li a[data-v-667abfdf]{color:#aaa}.footer .footer-col ul li a[data-v-667abfdf]:hover{color:#f44}.footer .footer-contact .contact-phone[data-v-667abfdf]{color:#f44;font-size:20px;font-weight:600;margin-bottom:4px}.footer .footer-contact p[data-v-667abfdf]{font-size:12px}.footer .footer-contact .qrcode-list[data-v-667abfdf]{display:flex;gap:12px;margin-top:12px}.footer .footer-contact .qrcode-placeholder[data-v-667abfdf]{align-items:center;background:#333;border-radius:4px;color:#666;display:flex;font-size:11px;height:80px;justify-content:center;width:80px}.footer .footer-bottom[data-v-667abfdf]{padding:30px 0}.footer .footer-service[data-v-667abfdf]{display:flex;justify-content:space-around;margin-bottom:24px}.footer .footer-service .service-item[data-v-667abfdf]{align-items:center;display:flex;gap:8px}.footer .footer-service .service-item .service-icon[data-v-667abfdf]{font-size:20px}.footer .footer-service .service-item .service-text[data-v-667abfdf]{color:#fff;font-size:15px}.footer .footer-service .service-item .service-desc[data-v-667abfdf]{color:#888;font-size:12px}.footer .footer-copyright[data-v-667abfdf]{text-align:center}.footer .footer-copyright p[data-v-667abfdf]{font-size:12px}