*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5}#app{min-height:100vh}.login-container[data-v-4ccba2fc]{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1a1a1a,#333 50%,#1a1a1a)}.login-box[data-v-4ccba2fc]{width:900px;height:500px;background:#fff;border-radius:10px;box-shadow:0 4px 20px 0 rgba(0,0,0,.15);display:flex;overflow:hidden}.login-left[data-v-4ccba2fc]{width:400px;background:linear-gradient(135deg,#1a1a1a,#333);display:flex;justify-content:center;align-items:center}.login-intro[data-v-4ccba2fc]{position:relative;z-index:1;text-align:center;color:#fff;padding:20px}.login-intro h1[data-v-4ccba2fc]{font-size:42px;color:gold;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.login-intro p[data-v-4ccba2fc]{font-size:18px;color:gold;margin-bottom:40px;opacity:.9}.features[data-v-4ccba2fc]{display:flex;flex-direction:column;gap:20px}.feature-item[data-v-4ccba2fc]{display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px}.feature-item i[data-v-4ccba2fc]{font-size:24px;color:gold}.login-right[data-v-4ccba2fc]{flex:1;display:flex;justify-content:center;align-items:center;background:#fff}.login-form-wrapper[data-v-4ccba2fc]{width:320px;padding:20px}.login-header[data-v-4ccba2fc]{text-align:center;margin-bottom:30px}.login-header h2[data-v-4ccba2fc]{font-size:24px;color:#1a1a1a;margin-bottom:10px}.login-header p[data-v-4ccba2fc]{font-size:14px;color:#999}.login-form[data-v-4ccba2fc]{margin-top:20px}.login-form[data-v-4ccba2fc] .el-input__inner{height:44px}.login-form[data-v-4ccba2fc] .el-input__prefix{color:#999}.captcha-code[data-v-4ccba2fc]{display:inline-block;width:35%;height:40px;margin-left:10px;background:#f5f5f5;border-radius:4px;cursor:pointer;vertical-align:middle;overflow:hidden}.captcha-code img[data-v-4ccba2fc]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.captcha-code span[data-v-4ccba2fc]{display:flex;justify-content:center;align-items:center;height:100%;font-size:12px;color:#999}.remember-me[data-v-4ccba2fc]{color:#999}.login-btn[data-v-4ccba2fc]{width:100%;height:44px;background:linear-gradient(135deg,#1a1a1a,#333);border:none;color:gold;font-size:16px;font-weight:700;transition:all .3s ease}.login-btn[data-v-4ccba2fc]:hover{background:linear-gradient(135deg,#333,#1a1a1a);box-shadow:0 4px 12px rgba(0,0,0,.3);color:gold}.login-footer[data-v-4ccba2fc]{margin-top:30px;text-align:center}.login-footer p[data-v-4ccba2fc]{font-size:12px;color:#999}.app-container[data-v-67f9202b]{display:flex;height:100vh;overflow:hidden}.sidebar[data-v-67f9202b]{background-color:#1a1a1a;color:#fff;transition:width .3s ease;overflow:hidden;border-right:1px solid #333}.sidebar-collapse[data-v-67f9202b]{width:64px!important}.logo[data-v-67f9202b]{height:60px;line-height:60px;text-align:center;background-color:#000;color:gold;font-size:18px;font-weight:700;border-bottom:1px solid #333}.sidebar-collapse .logo h1[data-v-67f9202b]{font-size:14px}.el-menu-vertical-demo[data-v-67f9202b]:not(.el-menu--collapse){width:200px;min-height:400px}.main-container[data-v-67f9202b]{flex:1;display:flex;flex-direction:column;overflow:hidden}.header[data-v-67f9202b]{background-color:#1a1a1a;color:#fff;justify-content:space-between;padding:0 20px;box-shadow:0 2px 4px rgba(0,0,0,.3);border-bottom:1px solid #333}.header-left[data-v-67f9202b],.header-right[data-v-67f9202b],.header[data-v-67f9202b],.user-info[data-v-67f9202b]{display:flex;align-items:center}.user-info[data-v-67f9202b]{cursor:pointer;color:gold}.user-avatar[data-v-67f9202b]{width:32px;height:32px;border-radius:50%;margin-right:8px;border:1px solid gold}.content[data-v-67f9202b]{flex:1;padding:20px;overflow-y:auto;background-color:#f5f5f5}