body{background-color:#7530fe;display:flex;height:100vh;margin:0;transition:margin-left .3s ease}body,button,input,textarea{font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}textarea{scroll-margin:0!important;scroll-padding:0!important}.text-center{text-align:center}.border-radius-5{border-radius:5px}.border-radius-10{border-radius:10px}.btn-bg,.sidebar{background-color:#7530fe}.sidebar{border-top-right-radius:35px;color:#fff;height:100vh;overflow:hidden;padding:20px;position:relative;transition:width .3s ease;width:110px}.sidebar .toggle-btn{cursor:pointer;font-size:30px;left:90px;position:absolute;top:10px}.sidebar h2{color:#fff;font-size:16px;font-weight:700}.sidebar.collapsed .toggle-btn{left:16px}.sidebar.collapsed{width:auto}.sidebar.collapsed h2,.sidebar.collapsed li span,.sidebar.collapsed p{display:none}.sidebar img{height:auto;margin-bottom:20px;width:100%}.sidebar .sidebar-menu{margin-top:80px}.sidebar .sidebar-menu ul{list-style:none;padding:0}.sidebar .sidebar-menu li{align-items:center;display:flex;margin-bottom:30px}.sidebar .sidebar-menu li i{cursor:pointer;margin-right:10px}.sidebar .sidebar-menu li a{color:#fff;font-size:14px;text-decoration:none}.upload-btn-container{margin-top:20px}.upload-btn-container .upload-btn{background-color:#fff;border:1px solid #7530fe;border-radius:5px;color:#7530fe;cursor:pointer;padding:2px}.workspace-container{border:1px solid #fff;border-radius:20px;padding:2px}.sidebar .sidebar-menu li:hover{color:#4f04e6}.login-container{background-color:transparent;border:none;box-shadow:none;margin:0 auto;max-width:400px;padding:20px;width:100%}#currentDetailPic,#currentMainPic{background-color:#f8f8f8;border:1px solid #e6e6e6;border-radius:4px}#detailPicContainer,#subPicContainer{margin-left:10px}#detailPicContainer .sub-pic-item,#subPicContainer .sub-pic-item{border:2px solid transparent;border-radius:4px;cursor:pointer;float:left;height:90px;margin:1px;overflow:hidden;position:relative;transition:border .3s;width:90px}#detailPicContainer .sub-pic-item img,#subPicContainer .sub-pic-item img{border-radius:4px;height:100%;object-fit:cover;width:100%}#detailPicContainer .sub-pic-item.selected,#detailPicContainer .sub-pic-item:hover,#subPicContainer .sub-pic-item.selected,#subPicContainer .sub-pic-item:hover{border:2px solid #7530fe;box-shadow:0 0 15px rgba(117,48,254,.3)}#batch-upload-drag{width:90%}#batchUploadBtn{margin-top:20px}.uploadPreview{color:#929292;font-size:12px;text-align:center}.uploadPreview .upload-item{align-items:center;background-color:#e2e2e2;border:1px dashed #e6e6e6;border-radius:4px;display:flex;float:left;height:134px;justify-content:center;margin:3px;overflow:hidden;position:relative;width:134px}.uploadPreview .upload-item img{display:block;margin:2px;object-fit:cover;width:100%}.uploadPreview .upload-item .delete-btn{background:none;border:none;color:#666;cursor:pointer;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.uploadPreview .upload-item.has-image .delete-btn{background-color:rgba(0,0,0,.6);border-radius:3px;color:#fff;left:auto;padding:2px 5px;right:5px;top:5px;transform:none}.uploadPreview .upload-item .upload-progress{background:#e6e6e6;bottom:0;display:none;height:2px;left:0;position:absolute;width:100%}.uploadPreview .upload-item .upload-progress-bar{background:#5fb878;height:100%;width:0}.toolbar-item{background-color:#fff;font-size:12px}.toolbar-item .layui-form-label{line-height:20px;padding:8px 8px 8px 0;width:auto}.toolbar-item .layui-input-block{margin-left:50px}.toolbar-item .layui-input,.toolbar-item .layui-select{height:30px;line-height:30px;width:60px}.toolbar-item .layui-form-radio{margin:3px 10px 3px 0;padding-right:0}.toolbar-item .layui-form-checkbox{margin-right:0;padding-right:0}.toolbar-item .layui-btn{margin:3px}.layui-elem-quote{padding:10px}.layui-form-item .layui-input-inline{margin-right:0}.content{background-color:#f0f0f0;flex:1 1 auto;padding:20px;transition:margin-left .3s ease}.toggleBtn{cursor:pointer}.layui-icon-toggle{cursor:pointer;float:right}.history-section{background-color:#fff;height:auto}.history-section ul{list-style:none;margin:5px 0}.history-section ul li{font-size:12px;overflow:hidden;padding:3px 0;text-overflow:ellipsis}.history-section .history-icon{border-radius:5px;height:20px;width:20px}.history-section ul li a.selected,.history-section ul li a:hover{color:#7530fe}.history-section ul li .history-time{color:#999;font-size:12px}.title{font-size:16px}.title,.title a{color:#7530fe}.layui-elem-quote .title a:hover{color:#f38202}.title-icon{background-color:#929292;border-radius:5px;color:#fff;padding:2px}#downloadDetailImageBtn,#downloadMainImageBtn{background:hsla(0,0%,100%,.5);border:none;border-radius:4px;cursor:pointer;padding:5px;position:absolute;right:10px;top:10px}#downloadDetailImageBtn i,#downloadMainImageBtn i{font-size:20px}.layui-upload{border:1px solid #e2e2e2;padding:10px;text-align:center}.layui-upload-list{display:flex;flex-wrap:wrap}.layui-elem-quote{border-left:5px solid #7530fe}.layui-table-box,.layui-table-view{width:100%!important}.page-title{font-weight:700;line-height:24px;padding:20px 0;position:relative}.page-title .productTitle{color:#732bff;font-size:20px;font-weight:700;padding-left:15px}.page-title .layui-icon{background-color:#cfcdcd;border-radius:5px;color:#fff;cursor:pointer;float:right;padding:0 2px}.template-list{display:flex;flex-wrap:wrap;gap:15px;padding:15px}.template-list .template-item{border:1px solid #e6e6e6;border-radius:4px;cursor:pointer;height:100px;overflow:hidden;position:relative;transition:all .3s ease;width:100px}.template-list .template-item:hover{border-color:#7530fe;box-shadow:0 0 10px rgba(117,48,254,.2)}.template-list .template-item.selected{border:1px solid #7530fe;box-shadow:0 0 15px rgba(117,48,254,.3)}.template-list .template-item img{height:100%;object-fit:cover;width:100%}.template-list .template-overlay{align-items:center;background:rgba(0,0,0,.5);color:#fff;display:none;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:all .3s ease;width:100%}.template-list .template-item:hover .template-overlay{display:flex}.progressBar{margin:10px auto;text-align:center;width:250px}.preview-img{height:100%;object-fit:cover;width:100%}.price-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);cursor:pointer;padding:20px;text-align:center;transition:all .3s}.price-card:hover{box-shadow:0 5px 15px rgba(0,0,0,.2);transform:translateY(-5px)}.price-header{color:#333;font-size:20px;font-weight:700;margin-bottom:15px}.price-count{color:#1e9fff;font-size:24px;font-weight:700;margin-bottom:10px}.price-unit{color:#666;font-size:16px;margin-bottom:10px}.price-total{color:#ff5722;font-size:18px;font-weight:700;margin-bottom:20px}.buy-btn{width:100%}.price-old{color:#999;font-size:14px;text-decoration:line-through}.beian-info{bottom:10px;color:#e4e4e4;font-size:12px;left:10px;position:absolute;right:10px;text-align:center}.beian-info a{color:#ab88ef;text-decoration:none}.beian-info a:hover{color:#fff}@media (max-width:768px){.left-card,.md-card,.right-card{width:100%}.md-card{margin:0}.toggle-btn{cursor:pointer;font-size:30px;position:absolute;right:40px;top:2px;z-index:1000}.content{margin-top:40px}.upload-item{height:91px;width:91px}.login-container{box-shadow:none;padding:0}.layui-form-item{margin-bottom:10px}.template-item{height:150px;width:150px}}