*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,PingFang SC,Microsoft YaHei,sans-serif}#root{height:100%}.text-center{text-align:center}.text-right{text-align:right}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.ml-8{margin-left:8px}.mr-8{margin-right:8px}.p-16{padding:16px}.p-24{padding:24px}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-1{flex:1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:3px}::-webkit-scrollbar-track{background-color:#0000}.ant-btn-primary{box-shadow:0 2px 4px #1677ff4d}.ant-card{border-radius:8px}.ant-input-affix-wrapper,.ant-input{border-radius:6px}.page-content{animation:.25s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.layout-container{height:100vh;display:flex;overflow:hidden}.layout-sider{z-index:10;background:#fff;border-right:1px solid #f0f0f0;flex-direction:column;width:220px;min-width:220px;transition:width .2s;display:flex}.sider-logo{border-bottom:1px solid #f0f0f0;justify-content:center;align-items:center;height:64px;padding:0 16px;display:flex}.sider-logo h2{color:#1677ff;white-space:nowrap;margin:0;font-size:20px;font-weight:600}.sider-menu{flex:1;padding:8px 0;overflow-y:auto}.sider-menu .ant-menu{border-right:none}.layout-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.layout-header{background:#fff;border-bottom:1px solid #f0f0f0;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.header-left,.header-right{align-items:center;gap:12px;display:flex}.header-user{cursor:pointer;align-items:center;gap:8px;display:flex}.header-user-name{color:#333;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:14px;overflow:hidden}.layout-content{background:#f0f2f5;flex:1;padding:24px;overflow-y:auto}.mobile-header{background:#fff;border-bottom:1px solid #f0f0f0;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.mobile-header-title{color:#1677ff;font-size:18px;font-weight:600}.mobile-content{background:#f0f2f5;flex:1;padding:16px;overflow-y:auto}.drawer-menu{padding-top:8px}.drawer-menu .ant-menu{border-right:none}@media (width<=768px){.layout-content{padding:16px}.layout-header{padding:0 16px}.header-user-name{max-width:80px}}