body{margin:0;padding:0;width:100%;height:100%;background-color:#fffbf0;color:#000;font-family:微软雅黑;font-size:1.1rem;line-height:30px;overflow:hidden}.webgl{position:fixed;top:0;left:0;outline:none}a{color:#080;text-decoration:none}a:hover{text-decoration:underline}#info{position:absolute;top:0;width:100%;padding:10px;box-sizing:border-box;text-align:center;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.subTitle{font-size:16px;color:#c9895c}.smallText{position:absolute;width:300px;max-height:100%;bottom:30px;right:0;color:#2c2c2c;padding:10px;border-radius:4px;overflow-y:none;box-sizing:border-box;z-index:0;opacity:0;transition:opacity .3s;pointer-events:none}.smallText h4{color:#ec8a11}.smallText.visible{opacity:1}.middleText{position:absolute;width:400px;max-height:100%;bottom:0;right:0;color:#2c2c2c;padding:10px;border-radius:4px;overflow-y:none;box-sizing:border-box;z-index:0;opacity:0;transition:opacity .3s;pointer-events:none}.middleText h4{color:#ec8a11}.middleText.visible{opacity:1}.bigText{display:flex;justify-content:center;position:absolute;width:100%;height:100%;bottom:0;right:0;background-color:#0a0a0af2;color:#eee;padding:100px 10px 50px;overflow-y:auto;box-sizing:border-box;z-index:2;transform:translate(-100%);transition:transform .3s}.bigText.visible{transform:translate(0)}.bigText div:first-of-type{width:100%;max-width:800px}.bigText h4{color:#ec8a11}.lil-gui{--width: 180px;--name-width: 15%;z-index:20}strong{color:#d25700;font-weight:400;font-family:微软雅黑}::-webkit-scrollbar{width:5px;height:5px;background-color:#f5f5f5}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px #0000001a;border-radius:2px;background-color:#2c2c2c}::-webkit-scrollbar-thumb{border-radius:2px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px #0000001a;background-color:#555}.lil-gui{z-index:2!important}@media screen and (max-width: 700px){.lil-gui.root{max-height:50%;max-width:80%;top:0;right:0}.smallText{width:100%}}@media screen and (max-width: 1200px){.middleText{display:flex;justify-content:center;position:absolute;width:100%;max-height:300px;bottom:0;right:0;background-color:#0a0a0ae6;color:#eee;padding:10px;overflow-y:auto;box-sizing:border-box;z-index:100;transform:translate(-100%);transition:transform .3s;pointer-events:visible}.middleText.visible{transform:translate(0);transition:transform .3s}.middleText div:first-of-type{width:100%;max-width:800px}}