*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;background-color:#f5f5f5}.clearfix:after{content:"";display:block;clear:both}.text-ellipsis{white-space:nowrap}.text-ellipsis,.text-ellipsis-2{overflow:hidden;text-overflow:ellipsis}.text-ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.container{width:1200px;margin:0 auto}.card{background:#fff;border-radius:4px;padding:20px;margin-bottom:20px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.btn-primary{background-color:#409eff;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.btn-primary:hover{background-color:#66b1ff}.page-title{font-size:24px;font-weight:700;margin-bottom:20px;color:#303133}a{text-decoration:none;color:#409eff}a:hover{color:#66b1ff}img{max-width:100%;height:auto}:root{--mobile-padding:10px;--mobile-margin:8px;--mobile-font-size:14px;--mobile-title-size:16px}@media screen and (max-width:1024px){.el-container{flex-direction:column}.el-main{padding:15px}.el-card{margin-bottom:12px}.el-table{overflow-x:auto;display:block}}@media screen and (max-width:768px){body{font-size:var(--mobile-font-size);overflow-x:hidden}*{box-sizing:border-box}.hidden-mobile{display:none!important}.el-container{width:100%!important;padding:0!important;flex-direction:column!important}.el-header{height:auto!important;padding:10px!important}.el-main{padding:var(--mobile-padding)!important;width:100%!important}.el-footer{padding:15px 10px!important}.el-card{margin:var(--mobile-margin) 0!important;border-radius:8px}.el-card__header{font-size:var(--mobile-title-size)!important;font-weight:700}.el-card__body,.el-card__header{padding:12px!important}.el-menu{font-size:14px!important}.el-menu-item{padding:0 12px!important}.el-menu-item,.el-submenu__title{height:48px!important;line-height:48px!important}.el-menu--horizontal{display:flex!important;flex-direction:column!important}.el-menu--horizontal>.el-menu-item{height:48px!important;line-height:48px!important}.el-table{font-size:12px!important;width:100%!important}.el-table td,.el-table th{padding:6px 4px!important}.el-table th{font-size:12px!important}.el-table__body,.el-table__header{width:100%!important}.el-table .el-button--mini{padding:4px 8px!important;font-size:12px!important}.el-form{width:100%!important}.el-form-item{margin-bottom:18px!important;display:flex!important;flex-direction:column!important}.el-form-item__label{width:100%!important;text-align:left!important;padding-bottom:5px!important;font-size:14px!important;line-height:24px!important}.el-form-item__content{width:100%!important;margin-left:0!important}.el-input,.el-select,.el-textarea{width:100%!important}.el-input__inner{height:40px!important;line-height:40px!important}.el-input__inner,.el-textarea__inner{font-size:14px!important}.el-button{min-width:80px!important}.el-button,.el-button--medium{padding:10px 15px!important;font-size:14px!important}.el-button--small{padding:8px 12px!important;font-size:13px!important}.el-button--mini{padding:6px 10px!important;font-size:12px!important}.el-button-group{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.el-button-group .el-button{margin:0!important}.el-dialog{width:95%!important;margin:5px auto!important;max-height:90vh!important;display:flex!important;flex-direction:column!important}.el-dialog__header{padding:15px!important}.el-dialog__title{font-size:16px!important}.el-dialog__body{overflow-y:auto!important;flex:1!important}.el-dialog__body,.el-dialog__footer{padding:15px!important}img{max-width:100%!important;height:auto!important}.el-image,.el-upload,.el-upload-list__item{width:100%!important}.el-row{margin:0 -5px!important}.el-col{padding:0 5px!important;margin-bottom:10px!important}.el-pagination{padding:15px 0!important;text-align:center!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important}.el-pagination .el-pager li,.el-pagination button{min-width:32px!important;height:32px!important;line-height:32px!important;font-size:13px!important;margin:2px!important}.el-pagination__jump,.el-pagination__sizes{margin:5px!important}.el-tabs__header{margin-bottom:10px!important}.el-tabs__item{padding:0 15px!important;height:40px!important;line-height:40px!important;font-size:14px!important}.el-steps{flex-direction:column!important}.el-step{flex-basis:auto!important}.cat-list .el-col,.product-list .el-col{width:50%!important;max-width:50%!important}.cat-item,.product-item{margin-bottom:10px!important}.cat-item .el-card__body,.product-item .el-card__body{padding:10px!important}.cat-item img,.product-item img{width:100%!important;height:auto!important;max-height:200px!important;-o-object-fit:cover!important;object-fit:cover!important}.cat-name,.product-name{font-size:14px!important;margin:8px 0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.product-price{font-size:16px!important;color:#f56c6c!important;font-weight:700!important}.cart-item{display:flex!important;flex-direction:column!important;padding:10px!important}.cart-item-image{margin-bottom:10px!important}.cart-item-actions,.cart-item-image,.cart-item-info{width:100%!important}.cart-item-actions{margin-top:10px!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.order-info{font-size:13px!important}.order-products{margin-top:10px!important}.order-item{display:flex!important;padding:10px!important;border-bottom:1px solid #eee!important}.order-item-image{width:80px!important;height:80px!important;margin-right:10px!important}.user-info{text-align:center!important;padding:15px!important}.user-avatar{width:80px!important;height:80px!important;margin:0 auto 10px!important}.el-input-group{width:100%!important}.el-input-group__append,.el-input-group__prepend{padding:0 12px!important}}@media screen and (max-width:480px){body{font-size:13px!important}h1{font-size:18px!important}h2{font-size:16px!important}h3{font-size:15px!important}h4{font-size:14px!important}.cat-list .el-col,.product-list .el-col{width:100%!important;max-width:100%!important}.el-button{padding:8px 12px!important;font-size:13px!important}.el-card__header{font-size:15px!important}.el-card__body,.el-card__header{padding:10px!important}.el-table td,.el-table th{padding:4px 2px!important;font-size:11px!important}}.mobile-only{display:none!important}.desktop-only{display:block!important}@media screen and (max-width:768px){.mobile-only{display:block!important}.mobile-only-flex{display:flex!important}.mobile-only-inline{display:inline-block!important}.desktop-only{display:none!important}.mobile-fixed-bottom{position:fixed!important;bottom:0!important;left:0!important;right:0!important;background:#fff!important;padding:10px!important;box-shadow:0 -2px 8px rgba(0,0,0,.1)!important;z-index:1000!important}.has-fixed-bottom{padding-bottom:60px!important}.mobile-drawer .el-drawer{width:80%!important}.touch-target{min-height:44px!important;min-width:44px!important;display:flex!important;align-items:center!important;justify-content:center!important}}@media screen and (max-width:768px) and (orientation:landscape){.el-dialog{max-height:95vh!important}.el-dialog__body{max-height:60vh!important;overflow-y:auto!important}}