header{display:flex;justify-content:space-between;font-size:32px;line-height:80px;height:80px}header img{width:80px;vertical-align:middle}header .title{padding:0 20px;color:#f1f1f1;background:var(--color-blue)}#stage{position:relative}#stage canvas#scene{width:100%;height:100%}#stage #inspector{position:absolute;top:20px;left:20px}.glb-upload{padding:4px 8px;border-radius:6px;cursor:pointer}.glb-upload:hover{border-color:var(--color-blue);color:var(--color-blue)}.statistics{padding:10px;position:relative}.statistics>div{padding:12px;margin-bottom:20px}.statistics .title{border-bottom:1px solid var(--color-blue);line-height:3;font-size:16px}.statistics .stat-detail{display:flex;font-size:14px;border-bottom:1px solid var(--color-gray);line-height:2.5}.statistics .stat-detail>span{flex:1 1 0;text-align:center}.statistics .stat-detail>span:nth-child(2){flex:3 1 0}.statistics .warning{color:var(--color-orange)}.statistics .normal{color:var(--color-green)}.statistics .link{line-height:2;color:var(--color-blue)}.statistics .glb-upload{width:100%;display:block;position:absolute;bottom:0;left:0}.statistics .glb-upload .ant-upload{width:100%;text-align:center}.statistics .glb-upload .ant-upload button{width:100%}.tip{border:1px solid var(--color-blue);border-radius:8px;padding:16px;background-color:#64a7ff14;margin:10px auto;font-size:14px;color:#404040}#main{width:100%;height:60vh;border:1px solid var(--color-blue);box-sizing:border-box;display:flex}#main>div{flex:3 1 0}#main>div:nth-child(2){flex:1 1 0}.empty-mask{width:100%;height:100%;display:flex;align-items:center;justify-content:center}html,body{margin:0;padding:0;height:100%}:root{--color-blue: #5689ff;--color-gray: #d9d9d9;--color-orange: #ffa940;--color-green: #73d13d}#root{width:80vw;margin:0 auto;padding:10vh 0}