html,body,#root{height:100%;font-family:Poppins}*{margin:0;padding:0;box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}video::-webkit-media-controls-panel{background-color:#0000004d}video{border-radius:8px}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin 2s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-out{animation:fadeOut .3s ease-in-out}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate-zoom-in{animation:zoomIn .3s ease-in-out}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-zoom-out{animation:zoomOut .3s ease-in-out}@keyframes zoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.animate-slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-down{animation:slideDown .3s ease-in}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-blink{animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animate-heartbeat{animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.system-layout{height:100%;overflow:hidden;background-color:#f0f2f5}.system-sider{background-color:#fff;box-shadow:0 0 8px #00000014}.system-title{display:flex;align-items:center;padding:0 24px;height:64px;border-bottom:1px solid #f0f0f0}.title-text{margin:0;color:#1890ff;font-weight:600}.system-menu{border-right:none;padding-top:16px}.system-content{overflow:hidden;height:100%;display:flex;flex-direction:column}.system-header{display:flex;align-items:center;padding:0 24px;height:64px;background-color:#fff;box-shadow:0 1px 4px #00152914;z-index:10}.toggle-button{margin-right:16px}.header-title{margin:0;flex:1;color:#333}.header-user{display:flex;align-items:center;cursor:pointer}.user-name{margin-left:8px}.system-main-content{padding:24px;margin:0;background-color:#f0f2f5;flex-grow:1;overflow:auto}.content-placeholder{padding:24px;background-color:#fff;border-radius:4px;box-shadow:0 1px 2px #0000000d}.content-title{font-size:18px;font-weight:600;color:#333;margin-bottom:16px}.content-text{line-height:1.8;color:#666;margin-bottom:12px}@media(max-width:768px){.system-sider{position:fixed;left:-250px;top:0;height:100vh;z-index:999;transition:left .3s}.system-sider.collapsed{left:0}.system-main-content{padding:16px}}