#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.layout{height:100vh;background:#f5f7fa}.app-aside{display:flex;flex-direction:column;border-right:1px solid #eee;background:#fff}.logo{height:60px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;border-bottom:1px solid #eee}.side-menu{flex:1;border-right:none}.header-title{font-size:18px;font-weight:600}.app-header{display:flex;align-items:center;justify-content:space-between;height:60px;background:#fff;border-bottom:1px solid #eee;padding:0 16px}.app-main{background:#f5f7fa;padding:16px}.el-dialog__wrapper{display:flex;align-items:center;justify-content:center}.product-edit-dialog{margin:0 auto!important}.uploader-container{display:block}.uploader{position:relative;width:120px!important;height:120px}.uploader-list{display:flex;flex-wrap:wrap;gap:10px}.uploader-item{width:120px!important;height:120px}.uploader-remove{width:20px;height:20px;line-height:20px;font-size:14px}.uploader-image{width:120px;height:120px;display:block}.uploader-icon{font-size:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.el-radio__original[data-v-c9889f1a]{opacity:0;position:absolute;width:0;height:0}.el-radio:focus-within .el-radio__label[data-v-c9889f1a]{outline:2px solid #409eff;outline-offset:2px}.order-detail-dialog .el-dialog{height:70vh;display:flex;flex-direction:column}.order-detail-dialog .el-dialog__body{flex:1;overflow-y:auto}body,html{margin:0;padding:0;height:100%}.login-wrapper{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(135deg,#e3efff,#c7e2ff 45%,#e6fff0);position:relative;overflow:hidden}.login-card{width:380px;border-radius:12px;position:relative;z-index:1}.login-title{text-align:center;font-size:20px;font-weight:600;margin-bottom:16px}.brand{margin-bottom:20px;color:#1f2d3d;position:relative;z-index:1}.brand,.brand-logo{display:flex;align-items:center}.brand-logo{width:44px;height:44px;border-radius:50%;background:#409eff;justify-content:center;color:#fff;margin-right:10px;box-shadow:0 6px 16px rgba(64,158,255,.3)}.brand-text .brand-title{font-size:26px;font-weight:800;line-height:1.15;letter-spacing:.4px}.brand-text .brand-subtitle{font-size:14px;color:#657487;margin-top:4px;letter-spacing:.3px}.brand-text{display:flex;flex-direction:column}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.login-btn{width:100%;background:linear-gradient(135deg,#409eff,#66b1ff);border:none}.login-footer{text-align:center;color:#909399;font-size:12px;margin-top:12px}.bg-decor{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cg fill='none' stroke='%2390caf9' stroke-opacity='.2'%3E%3Ccircle cx='80' cy='80' r='24'/%3E%3Cpath d='M80 36v16m0 36v36M36 80h16m56 0h16'/%3E%3C/g%3E%3C/svg%3E");background-size:200px 200px;opacity:1}.bg-decor:before{content:"";position:absolute;width:640px;height:640px;left:-120px;top:-160px;background:radial-gradient(circle at 50% 50%,rgba(64,158,255,.6),rgba(64,158,255,0) 60%);filter:blur(20px);animation:float1 16s ease-in-out infinite alternate}.bg-decor:after{content:"";position:absolute;width:560px;height:560px;right:-140px;bottom:-160px;background:radial-gradient(circle at 50% 50%,rgba(103,194,58,.55),rgba(103,194,58,0) 60%);filter:blur(18px);animation:float2 18s ease-in-out infinite alternate}.bg-animated{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(135deg,rgba(64,158,255,.22),rgba(103,194,58,.18),hsla(0,0%,100%,0));background-size:200% 200%;animation:gradientFlow 16s ease-in-out infinite;mix-blend-mode:multiply}.bg-animated:before{content:"";position:absolute;left:50%;top:50%;width:800px;height:800px;transform:translate(-50%,-50%);background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.08),transparent 60%)}@keyframes float1{0%{transform:translate(0)}50%{transform:translate(30px,20px)}to{transform:translate(60px,-10px)}}@keyframes float2{0%{transform:translate(0)}50%{transform:translate(-20px,-30px)}to{transform:translate(-50px,10px)}}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.uploader-container{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.uploader{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;overflow:hidden;display:inline-block;height:150px;text-align:center;padding:20px;box-sizing:border-box}.uploader,.uploader-list{width:100%}.uploader-item{position:relative;width:100%;height:150px;border:1px solid #d9d9d9;border-radius:6px;overflow:hidden}.uploader-remove{position:absolute;top:5px;right:5px;background:rgba(0,0,0,.5);color:#fff;width:25px;height:25px;border-radius:50%;text-align:center;line-height:25px;cursor:pointer;font-size:16px}.uploader-remove:hover{background:rgba(0,0,0,.7)}.uploader-icon{font-size:32px;color:#8c939d;margin-bottom:10px}.uploader-text{color:#8c939d;font-size:14px}