#app{font-family:PingFang SC,Helvetica Neue,Helvetica,microsoft yahei,arial,STHeiTi,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a1a1a}@media (max-width:768px){.container{padding:0 16px}}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:PingFang SC,Helvetica Neue,Helvetica,microsoft yahei,arial,STHeiTi,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#f5f5f5}.clearfix:after{content:"";display:table;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}.container{padding:0 20px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.ml-10{margin-left:10px}.ml-20{margin-left:20px}.mr-10{margin-right:10px}.mr-20{margin-right:20px}.pt-10{padding-top:10px}.pt-20{padding-top:20px}.pt-30{padding-top:30px}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.pb-30{padding-bottom:30px}.pl-10{padding-left:10px}.pl-20{padding-left:20px}.pr-10{padding-right:10px}.pr-20{padding-right:20px}.text-primary{color:#fe2c55}.text-success{color:#00b33c}.text-warning{color:#ff9500}.text-danger{color:#fe2c55}.text-info{color:#409eff}.btn-primary{background-color:#fe2c55;border-color:#fe2c55;color:#fff}.btn-primary:hover{background-color:#ff6b7a;border-color:#ff6b7a}.btn-success{background-color:#00b33c;border-color:#00b33c;color:#fff}.btn-success:hover{background-color:#ff6b7a;border-color:#ff6b7a}@media (max-width:768px){.container{padding:0 15px}.card{padding:15px;margin-bottom:15px}.mt-20{margin-top:15px}.mt-30{margin-top:20px}.mb-20{margin-bottom:15px}.mb-30{margin-bottom:20px}}@media (max-width:480px){.container{padding:0 10px}.card{padding:10px;margin-bottom:10px}.mt-20{margin-top:10px}.mt-30{margin-top:15px}.mb-20{margin-bottom:10px}.mb-30{margin-bottom:15px}}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s}.slide-up-enter,.slide-up-leave-to{transform:translateY(20px);opacity:0}.loading{display:inline-block;width:20px;height:20px;border:2px solid #f2f2f2;border-top:2px solid #fe2c55;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page-container{min-height:100vh;background-color:#f5f5f5}.container{max-width:1200px;margin:0 auto;padding:0 24px}.main-content{padding:48px 0;min-height:calc(100vh - 200px)}.page-title{font-size:32px;font-weight:700;color:#1a1a1a;text-align:center}.page-header,.page-title{margin-bottom:32px}.page-header .page-title{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:24px}.form-container{background:#fff}.form-title{font-size:32px;font-weight:600;color:#1a1a1a;text-align:center;margin-bottom:32px;margin-top:0}.form-content .form-row{display:flex;gap:16px;margin-bottom:24px}.form-content .form-row.half .form-item{flex:1}.form-content .form-item{margin-bottom:24px}.form-content .form-item.half{width:calc(50% - 8px)}.form-content .form-label{display:block;font-size:14px;color:#666;margin-bottom:8px;font-weight:500}.form-content .form-input{width:100%}.form-content .form-input :deep(.el-input__inner){height:48px;border-radius:8px;border:1px solid #e1e5e9;font-size:16px;padding-left:48px;transition:.3s ease;color:#1a1a1a}.form-content .form-input :deep(.el-input__inner):focus{border-color:#fe2c55;box-shadow:0 0 0 2px rgba(254,44,85,.1)}.form-content .form-input :deep(.el-input__inner)::-moz-placeholder{color:#999}.form-content .form-input :deep(.el-input__inner)::placeholder{color:#999}.form-content .form-input :deep(.el-input__prefix){left:8px;color:#999}.form-content .form-input :deep(.el-input__prefix) .el-input__prefix-inner{display:flex;align-items:center}.form-content .form-hint{font-size:12px;color:#999;margin-top:4px}.btn{padding:8px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:.3s ease;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.btn:active{transform:translateY(0)}.btn.btn-primary{background:linear-gradient(135deg,#00b33c,#00a832);color:#fff}.btn.btn-primary:hover{background:#ff6b7a}.btn.btn-secondary{background:linear-gradient(135deg,#fe2c55,#e0254a);color:#fff}.btn.btn-secondary:hover{background:#00e64d}.btn.btn-success{background-color:#00b33c;color:#fff}.btn.btn-success:hover{background-color:#ff6b7a}.btn.btn-warning{background-color:#ff9500;color:#fff}.btn.btn-error{background-color:#fe2c55;color:#fff}.btn.btn-error:hover{background-color:#00a832}.btn.btn-outline{background:transparent;border:2px solid #1a1a1a;color:#1a1a1a}.btn.btn-dark,.btn.btn-outline:hover{background-color:#1a1a1a;color:#fff}.btn.btn-dark:hover{background-color:#333}.btn.btn-large{height:48px;font-size:16px;font-weight:600}.btn.btn-small{height:32px;font-size:14px;padding:4px 16px}.btn.btn-full{width:100%}.card{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:24px;margin-bottom:24px;border:1px solid #e6e6e6;transition:.3s ease}.card:hover{box-shadow:0 4px 16px rgba(0,0,0,.15)}.card .card-header{margin-bottom:16px}.card .card-header .card-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.card .card-content{color:#333;line-height:1.6}.card .card-footer{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;transition:.3s ease}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.product-card .product-image{width:100%;height:200px;overflow:hidden}.product-card .product-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.product-card .product-info{padding:24px}.product-card .product-info .product-name{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:8px;line-height:1.4}.product-card .product-info .product-desc{color:#666;font-size:14px;margin-bottom:16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card .product-info .product-price .current-price{font-size:32px;font-weight:700;color:#fe2c55}.product-card .product-info .product-price .original-price{font-size:14px;color:#999;text-decoration:line-through;margin-left:8px}.product-card .product-info .product-actions{display:flex;gap:8px}.nav-container{display:flex;align-items:center;gap:24px}.nav-container .nav-item{display:flex;align-items:center;gap:4px;color:#333;font-size:16px;cursor:pointer;transition:.3s ease;text-decoration:none}.nav-container .nav-item:hover{color:#fe2c55}.nav-container .nav-item.active{color:#fe2c55;font-weight:500}.nav-container .nav-item i{font-size:16px}.list-container .list-item{display:flex;align-items:center;padding:16px;border-bottom:1px solid #f0f0f0;transition:.3s ease}.list-container .list-item:hover{background-color:#f8f9fa}.list-container .list-item:last-child{border-bottom:none}.list-container .list-item .item-content{flex:1}.list-container .list-item .item-content .item-title{font-size:16px;font-weight:500;color:#1a1a1a;margin-bottom:4px}.list-container .list-item .item-content .item-desc{font-size:14px;color:#666}.list-container .list-item .item-actions,.price-display{display:flex;gap:8px}.price-display{align-items:baseline}.price-display .current-price{font-size:32px;font-weight:700;color:#fe2c55}.price-display .original-price{font-size:16px;color:#999;text-decoration:line-through}.price-display .currency{font-size:14px;color:#666}.empty-state{text-align:center;padding:48px 24px;color:#999}.empty-state i{font-size:64px;margin-bottom:24px;display:block}.empty-state p{font-size:16px;margin:0}.loading-state{display:flex;align-items:center;justify-content:center;padding:48px}.loading-state .loading-spinner{width:32px;height:32px;border:3px solid #f2f2f2;border-top:3px solid #fe2c55;border-radius:50%;animation:spin 1s linear infinite}.pagination-wrapper{display:flex;justify-content:center;margin-top:48px}@media (max-width:768px){.container{padding:0 16px}.main-content{padding:24px 0}.page-title{font-size:24px}.form-container{padding:24px}.form-content .form-row{flex-direction:column;gap:0}.form-content .form-item.half{width:100%}.btn.btn-large{height:44px}.card{margin-bottom:16px}.card,.product-card .product-info{padding:16px}}@media (max-width:480px){.container{padding:0 8px}.main-content{padding:16px 0}.page-title{font-size:20px;margin-bottom:24px}.form-container{padding:16px}.form-title{font-size:24px;margin-bottom:24px}.btn.btn-large{height:40px;font-size:14px}.card{margin-bottom:8px}.card,.product-card .product-info{padding:8px}.product-card .product-info .product-name{font-size:16px}.product-card .product-info .product-price .current-price{font-size:18px}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-column{display:flex;flex-direction:column}.hidden{display:none}.visible{display:block}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.m-0{margin:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.p-0{padding:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.pr-0{padding-right:0}