*{margin:0;padding:0;box-sizing:border-box}body{font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;color:#2c3e50;overflow-x:hidden}.glass-effect{background:hsla(0,0%,100%,.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.18);box-shadow:0 8px 32px 0 rgba(31,38,135,.37)}.glass-card{background:hsla(0,0%,100%,.15);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);transition:all .3s ease}.glass-card:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px);box-shadow:0 8px 40px rgba(0,0,0,.15)}.glass-nav{background:hsla(0,0%,100%,.3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid hsla(0,0%,100%,.3);box-shadow:2px 0 20px rgba(0,0,0,.1)}.glass-content{background:hsla(0,0%,100%,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:20px;border:1px solid hsla(0,0%,100%,.15);box-shadow:0 4px 25px rgba(0,0,0,.08)}.glass-button{background:hsla(0,0%,100%,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);border-radius:12px;color:#2c3e50;transition:all .3s ease;cursor:pointer}.glass-button:hover{background:hsla(0,0%,100%,.3);transform:translateY(-1px);box-shadow:0 4px 15px rgba(0,0,0,.1)}.text-primary{color:#2c3e50}.text-secondary{color:#7f8c8d}.text-accent{color:#3498db}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fade-in{animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:slideInLeft .5s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:3px}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.el-menu{border:none!important}.el-menu,.el-menu-item{background:transparent!important}.el-menu-item{color:#2c3e50!important;border-radius:8px!important;margin:4px 8px!important;transition:all .3s ease!important}.el-menu-item:hover{background:hsla(0,0%,100%,.2)!important;color:#3498db!important}.el-menu-item.is-active{background:rgba(52,152,219,.2)!important;color:#3498db!important}.el-sub-menu__title{background:transparent!important;color:#2c3e50!important;border-radius:8px!important;margin:4px 8px!important;transition:all .3s ease!important}.el-sub-menu__title:hover{background:hsla(0,0%,100%,.2)!important;color:#3498db!important}.el-card{background:hsla(0,0%,100%,.15)!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;border:1px solid hsla(0,0%,100%,.2)!important;box-shadow:0 4px 30px rgba(0,0,0,.1)!important}@media (max-width:768px){.glass-nav{width:100%!important;height:auto!important;position:relative!important}.glass-content{margin:10px!important;padding:15px!important}}.full-height{height:100vh}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.p-20{padding:20px}.border-radius-16{border-radius:16px}