body{font-family:Arial,sans-serif;background-color:#f5f7fa}.app-container{height:100vh;overflow:hidden}.sidebar{color:#fff;box-shadow:2px 0 6px rgba(0,0,0,.15);height:100vh;overflow-y:auto}.logo,.sidebar{background-color:#562483}.logo{text-align:center;padding:20px 0;border-bottom:2px solid #ffb929}.logo h1{font-size:18px;color:#fff;margin:0;font-weight:600}.el-menu-vertical-demo{border-right:none;background-color:#562483;height:calc(100vh - 60px)}.el-menu-vertical-demo .el-menu-item{border-right:none;transition:all .3s ease;background-color:transparent}.el-menu-vertical-demo .el-menu-item:hover{background-color:rgba(255,185,41,.2)}.el-menu-vertical-demo .el-menu-item.is-active{background-color:#ffb929;color:#fff}.el-menu-vertical-demo .el-submenu__title{background-color:transparent;color:#fff}.el-menu-vertical-demo .el-submenu__title:hover{background-color:rgba(255,185,41,.2);color:#fff}.el-menu-vertical-demo .el-submenu .el-menu{background-color:#562483}.el-menu-vertical-demo .el-submenu .el-menu-item{padding-left:45px!important;color:#fff}.el-menu-vertical-demo .el-submenu .el-menu-item:hover{background-color:rgba(255,185,41,.2);color:#fff}.el-menu-vertical-demo .el-submenu .el-menu-item.is-active{background-color:#ffb929;color:#fff}.header{background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);justify-content:space-between;padding:0 20px;height:60px}.header,.header-left{display:flex;align-items:center}.menu-btn{font-size:18px;color:#562483}.header-right{display:flex;align-items:center}.header-right .el-dropdown-link{display:flex;align-items:center;margin-left:20px;cursor:pointer;color:#606266;font-weight:500;transition:color .3s ease}.header-right .el-dropdown-link:hover{color:#562483}.main{padding:20px;background-color:#f5f7fa;overflow-y:auto;height:calc(100vh - 60px)}.el-tabs{margin-bottom:20px}.el-tabs--card>.el-tabs__header{border-bottom:1px solid #e4e7ed}.el-tabs--card>.el-tabs__header .el-tabs__nav{border-radius:4px;margin-bottom:-1px}.el-tabs--card>.el-tabs__header .el-tabs__item{border-radius:4px 4px 0 0;margin-right:10px;border:1px solid #e4e7ed;background-color:#fff;transition:all .3s ease}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-color:#562483;background-color:#fff;color:#562483;font-weight:500}.el-tabs--card>.el-tabs__header .el-tabs__item:hover{color:#562483}.el-tabs__close-btn{color:#909399;transition:color .3s ease}.el-tabs__close-btn:hover{color:#f56c6c}.login-container[data-v-352e4568]{display:flex;height:100vh;overflow:hidden;position:relative}.login-background[data-v-352e4568]{flex:1;background-color:#562483;position:relative;overflow:hidden}.building-image[data-v-352e4568]{width:100%;height:100%;background-image:url(https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&ixlib=rb-1.2.1&q=80&w=1350);background-size:cover;background-position:50%;opacity:.8;position:relative}.building-image[data-v-352e4568]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(86,36,131,.7),rgba(255,185,41,.3))}.login-form-container[data-v-352e4568]{width:450px;background-color:#fff;padding:60px 40px;display:flex;flex-direction:column;justify-content:center;box-shadow:-5px 0 25px rgba(0,0,0,.1)}.login-logo[data-v-352e4568]{text-align:center;margin-bottom:40px}.login-logo h1[data-v-352e4568]{color:#562483;font-size:28px;margin:0 0 10px 0;font-weight:600}.login-logo p[data-v-352e4568]{color:#909399;font-size:14px;margin:0}.login-input[data-v-352e4568]{border-radius:25px;height:50px;border-color:#e4e7ed;font-size:16px;transition:all .3s ease}.login-input[data-v-352e4568]:focus{border-color:#562483;box-shadow:0 0 0 2px rgba(86,36,131,.2)}.login-options[data-v-352e4568]{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.remember-me[data-v-352e4568]{color:#606266;font-size:14px}.forgot-password[data-v-352e4568]{color:#562483;font-size:14px;text-decoration:none;transition:color .3s ease}.forgot-password[data-v-352e4568]:hover{color:#4a1d70}.login-button[data-v-352e4568]{border-radius:25px;height:50px;font-size:18px;font-weight:600;background-color:#562483;border-color:#562483;transition:all .3s ease}.login-button[data-v-352e4568]:hover{background-color:#4a1d70;border-color:#4a1d70;transform:translateY(-2px);box-shadow:0 4px 12px rgba(86,36,131,.4)}.login-button[data-v-352e4568]:active{transform:translateY(0)}@media (max-width:768px){.login-container[data-v-352e4568]{flex-direction:column}.login-background[data-v-352e4568]{height:300px;width:100%}.login-form-container[data-v-352e4568]{width:100%;padding:40px 20px}}.home-container[data-v-750b2c5b]{padding:20px 0}.welcome-card[data-v-750b2c5b]{margin-bottom:20px}.welcome-card h2[data-v-750b2c5b]{margin:0 0 10px 0;color:#304156}.stats-container[data-v-750b2c5b]{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.stat-card[data-v-750b2c5b]{flex:1;min-width:200px}.stat-content[data-v-750b2c5b],.stat-icon[data-v-750b2c5b]{display:flex;align-items:center}.stat-icon[data-v-750b2c5b]{width:60px;height:60px;border-radius:50%;justify-content:center;font-size:24px;margin-right:20px}.content-icon[data-v-750b2c5b]{background-color:rgba(64,158,255,.12549019607843137);color:#409eff}.form-icon[data-v-750b2c5b]{background-color:rgba(103,194,58,.12549019607843137);color:#67c23a}.visit-icon[data-v-750b2c5b]{background-color:rgba(230,162,60,.12549019607843137);color:#e6a23c}.user-icon[data-v-750b2c5b]{background-color:rgba(245,108,108,.12549019607843137);color:#f56c6c}.stat-info[data-v-750b2c5b]{flex:1}.stat-number[data-v-750b2c5b]{font-size:32px;font-weight:700;color:#304156}.stat-desc[data-v-750b2c5b]{font-size:14px;color:#909399;margin-top:5px}.charts-container[data-v-750b2c5b]{display:flex;gap:20px;flex-wrap:wrap}.chart-card[data-v-750b2c5b]{flex:1;min-width:400px}.card-header[data-v-750b2c5b]{display:flex;justify-content:space-between;align-items:center}.content-container[data-v-3fc6f1d4]{padding:20px 0}.card-header[data-v-3fc6f1d4]{display:flex;justify-content:space-between;align-items:center}.form-footer[data-v-3fc6f1d4]{margin-top:20px;display:flex;justify-content:flex-end}.avatar-uploader .el-upload[data-v-3fc6f1d4]{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s}.avatar-uploader .el-upload[data-v-3fc6f1d4]:hover{border-color:#409eff}.avatar-uploader-icon[data-v-3fc6f1d4]{font-size:28px;color:#8c939d;width:178px;height:178px;line-height:178px;text-align:center}.avatar[data-v-3fc6f1d4]{width:178px;height:178px;display:block}.form-container[data-v-e9b03488]{padding:20px 0}.card-header[data-v-e9b03488]{display:flex;justify-content:space-between;align-items:center}.refresh-btn[data-v-e9b03488]{margin-bottom:15px}.setting-header[data-v-e9b03488]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.field-form-card[data-v-e9b03488]{margin-top:20px}.field-form-header[data-v-e9b03488]{display:flex;justify-content:space-between;align-items:center}.form-footer[data-v-e9b03488]{margin-top:20px;display:flex;justify-content:flex-end}.submission-detail[data-v-e9b03488]{padding:20px 0}.detail-item[data-v-e9b03488]{margin-bottom:15px;display:flex;align-items:flex-start}.detail-label[data-v-e9b03488]{font-weight:700;width:100px;margin-right:20px;display:inline-block}.detail-value[data-v-e9b03488]{flex:1;word-break:break-all}.role-container[data-v-3e791ea2]{padding:20px 0}.card-header[data-v-3e791ea2]{display:flex;justify-content:space-between;align-items:center}.column-container[data-v-1198b5ef]{padding:20px 0}.card-header[data-v-1198b5ef]{display:flex;justify-content:space-between;align-items:center}.email-container[data-v-4857cc80]{padding:20px 0}.card-header[data-v-4857cc80]{display:flex;justify-content:space-between;align-items:center}.template-tips[data-v-4857cc80]{margin-top:15px;padding:15px;background-color:#f0f9eb;border:1px solid #c2e7b0;border-radius:4px}.template-tips h4[data-v-4857cc80]{margin:0 0 10px 0;color:#67c23a}.template-tips ul[data-v-4857cc80]{margin:0;padding-left:20px}.template-tips li[data-v-4857cc80]{margin-bottom:5px;color:#606266}.email-preview[data-v-4857cc80]{padding:20px 0}.preview-subject[data-v-4857cc80]{font-size:18px;font-weight:700;margin-bottom:20px;color:#304156}.preview-content[data-v-4857cc80]{white-space:pre-wrap;color:#606266;line-height:1.6}.user-container[data-v-5d1c9a95]{padding:20px 0}.card-header[data-v-5d1c9a95]{display:flex;justify-content:space-between;align-items:center}.settings-container[data-v-8bed6e48]{padding:20px 0}.card-header[data-v-8bed6e48]{display:flex;justify-content:space-between;align-items:center}.form-footer[data-v-8bed6e48]{margin-top:20px;display:flex;justify-content:flex-end}.banner-header[data-v-8bed6e48]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.banner-uploader .el-upload[data-v-8bed6e48]{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s}.banner-uploader .el-upload[data-v-8bed6e48]:hover{border-color:#409eff}.banner-uploader-icon[data-v-8bed6e48]{font-size:28px;color:#8c939d;width:300px;height:150px;line-height:150px;text-align:center}.banner-image[data-v-8bed6e48]{width:300px;height:150px;display:block}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#562483;--secondary-color:#ffb929;--success-color:#67c23a;--warning-color:#e6a23c;--danger-color:#f56c6c;--info-color:#909399;--background-color:#f5f7fa;--header-color:#fff;--menu-background:#fff;--menu-text:#606266;--menu-hover:#ffb929;--menu-active:#562483;--menu-active-text:#fff}.el-button{border-radius:4px;font-weight:500;transition:all .3s ease}.el-button--primary{background-color:var(--primary-color);border-color:var(--primary-color)}.el-button--primary:focus,.el-button--primary:hover{background-color:#4a1d70;border-color:#4a1d70}.el-button--success{background-color:var(--success-color);border-color:var(--success-color)}.el-button--warning{background-color:var(--warning-color);border-color:var(--warning-color)}.el-button--danger{background-color:var(--danger-color);border-color:var(--danger-color)}.el-input__inner,.el-select__input,.el-textarea__inner{border-radius:4px;border-color:#dcdfe6;transition:all .3s ease}.el-input__inner:focus,.el-select__input.is-focus,.el-textarea__inner:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(86,36,131,.2)}.el-card{border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.08);transition:box-shadow .3s ease}.el-card:hover{box-shadow:0 4px 16px 0 rgba(0,0,0,.12)}.el-table{border-radius:8px;overflow:hidden}.el-table th{background-color:#fafafa;font-weight:600;color:#303133}.el-tag{border-radius:4px}.el-dropdown-menu{border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.el-dialog{border-radius:8px;overflow:hidden}.el-dialog__header{background-color:var(--primary-color);color:#fff}.el-dialog__headerbtn .el-dialog__close,.el-dialog__title{color:#fff}