*{margin:0;padding:0;box-sizing:border-box;resize:none!important}body{font-family:PingFang SC,Helvetica Neue,Arial,Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#f5f7ff,#eef0ff);min-height:100vh;color:#333;overflow-x:hidden;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{padding:20px;max-width:1800px;margin:0 auto;width:100%;box-sizing:border-box;overflow:hidden}.page-header{text-align:center;padding:40px 20px;margin-bottom:30px;animation:slideDown .6s ease-out;position:relative;overflow:hidden}.global-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.particle{position:absolute;border-radius:50%;background:rgba(102,126,234,.3);animation:float 6s ease-in-out infinite;box-shadow:0 0 10px rgba(102,126,234,.5)}.particle.small{width:4px;height:4px;animation-duration:4s;background:rgba(102,126,234,.4)}.particle.medium{width:8px;height:8px;animation-duration:6s;background:rgba(102,126,234,.5)}.particle.large{width:12px;height:12px;animation-duration:8s;background:rgba(102,126,234,.6)}.header-content{display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.header-text{text-align:center;max-width:800px}.page-title{font-size:48px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:15px;animation:glow 2s ease-in-out infinite alternate;text-shadow:0 4px 20px rgba(102,126,234,.5);letter-spacing:2px}.page-description,.page-title{font-family:PingFang SC,Helvetica Neue,Arial,Microsoft YaHei,sans-serif}.page-description{font-size:18px;color:#333;margin:0;animation:fadeInUp 1s ease-out .3s both;font-weight:500}.main-card{border-radius:20px!important;box-shadow:0 12px 40px rgba(0,0,0,.12)!important;border:none!important;overflow:hidden;animation:fadeIn .8s ease-out;background:hsla(0,0%,100%,.95)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.main-content-wrapper{display:flex;align-items:stretch;gap:20px;width:100%}.sidebar-wrapper{flex:0 0 16.66666667%;display:flex;flex-direction:column}.content-wrapper{flex:1;display:flex;flex-direction:column}.sidebar-menu{border-radius:20px!important;overflow:hidden!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 8px 32px rgba(102,126,234,.4)!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;border:2px solid hsla(0,0%,100%,.2)!important;transition:all .3s ease!important;height:100%;flex:1;width:100%}.sidebar-menu:hover{transform:none!important;box-shadow:0 12px 40px rgba(102,126,234,.6)!important}.menu-item{display:flex!important;align-items:center!important;gap:12px!important;transition:all .3s ease!important;height:70px!important;font-size:16px!important;position:relative;overflow:hidden;background:hsla(0,0%,100%,.05)!important;margin:4px 8px!important;border-radius:12px!important}.menu-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,0));transition:all .4s ease}.menu-item:hover:before{left:100%}.menu-item:hover{background:hsla(0,0%,100%,.15)!important;transform:none!important;box-shadow:0 6px 20px hsla(0,0%,100%,.2)!important}.menu-item.is-active{background:hsla(0,0%,100%,.25)!important;box-shadow:0 6px 20px hsla(0,0%,100%,.3)!important}.menu-item.is-active:before{background:linear-gradient(90deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,0))}.menu-item .el-icon{font-size:22px!important;margin-left:10px!important;margin-right:12px!important;transition:all .3s ease!important;color:hsla(0,0%,100%,.9)!important}.menu-item:hover .el-icon{transform:none!important;filter:drop-shadow(0 0 8px rgba(255,255,255,.8))!important;color:#fff!important}.menu-item.is-active .el-icon{transform:none!important;filter:drop-shadow(0 0 10px rgba(255,255,255,1))!important;color:#fff!important}.menu-item span{font-weight:600!important;color:hsla(0,0%,100%,.9)!important;position:relative;z-index:1;transition:all .3s ease!important}.menu-item:hover span{color:#fff!important;text-shadow:0 0 8px hsla(0,0%,100%,.8)!important}.menu-item.is-active span{color:#fff!important;text-shadow:0 0 10px #fff!important}#kefu{position:fixed;right:30px;bottom:50%;transform:translateY(50%);z-index:999;gap:16px;animation:slideInRight .6s ease-out}#kefu,.kefu-button{display:flex;flex-direction:column}.kefu-button{width:80px;height:80px;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;align-items:center;justify-content:center;font-size:18px;cursor:pointer;box-shadow:0 8px 25px rgba(102,126,234,.6);transition:all .3s ease;border:3px solid hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;padding:10px}.kefu-button:hover{transform:scale(1.15);box-shadow:0 12px 35px rgba(102,126,234,.8);background:linear-gradient(135deg,#764ba2,#667eea);border-color:hsla(0,0%,100%,.6)}.kefu-button .el-icon{font-size:24px;margin-bottom:4px}.kefu-button span{font-size:12px;font-weight:500;line-height:1.2}.kefu-icon{width:60px;height:60px;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;box-shadow:0 8px 25px rgba(102,126,234,.6);transition:all .3s ease;border:3px solid hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kefu-icon:hover{transform:scale(1.2);box-shadow:0 12px 35px rgba(102,126,234,.8);background:linear-gradient(135deg,#764ba2,#667eea);border-color:hsla(0,0%,100%,.6)}.custom-popover{border-radius:16px!important;box-shadow:0 8px 32px rgba(0,0,0,.2)!important;border:none!important;overflow:hidden!important;background:hsla(0,0%,100%,.95)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.popover-content{padding:20px}.popover-title{font-size:16px;font-weight:600;color:#333}.popover-description,.popover-title{margin-bottom:12px;text-align:center}.popover-description{font-size:12px;color:#666;line-height:1.4}.popover-image{border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}.popover-image,.popover-links{margin-top:10px}.popover-link-item{font-size:12px;margin:8px 0;padding:4px 0;border-bottom:1px solid #f0f0f0;transition:all .3s ease}.popover-link-item:hover{color:#667eea;transform:translateX(5px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) translateX(0);opacity:.3}25%{transform:translateY(-15px) translateX(10px);opacity:.6}50%{transform:translateY(-5px) translateX(-15px);opacity:.8}75%{transform:translateY(-20px) translateX(5px);opacity:.5}}@keyframes glow{0%{filter:drop-shadow(0 0 2px rgba(102,126,234,.5))}to{filter:drop-shadow(0 0 15px rgba(102,126,234,.8))}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px) translateY(50%)}to{opacity:1;transform:translateX(0) translateY(50%)}}@media (max-width:768px){.app-container{padding:10px}.header-content{flex-direction:column;text-align:center;gap:15px}.header-title{margin-left:0}.header-title h1{font-size:24px}#kefu{right:10px}.kefu-icon{width:40px;height:40px;font-size:16px}.kefu-button{width:60px;height:60px;font-size:14px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(102,126,234,.1);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:scale(1.1)}.el-scrollbar__wrap::-webkit-scrollbar{width:8px;height:8px}.el-scrollbar__wrap::-webkit-scrollbar-track{background:rgba(102,126,234,.1);border-radius:10px}.el-scrollbar__wrap::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease}.el-scrollbar__wrap::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:scale(1.1)}