:root{--font-sans:"Arial","PingFang SC","Droid Sans","Microsoft YaHei","Calibri",sans-serif;--font-monospace:"Consolas","Droid Sans Mono","Courier New","Monaco","Lucida Console",monospace}body,body *{all:unset;box-sizing:border-box}article,aside,div,footer,header,iframe,main,nav,section{display:block}script,style,template{display:none}html{background-color:#eee;height:100%}body{background-color:#fff;color:#333;display:flex;flex-direction:column;font-family:Arial,PingFang SC,Droid Sans,Microsoft YaHei,Calibri,sans-serif;font-family:var(--font-sans);margin:0 auto;max-width:100%;min-height:100%;min-width:90%;width:1280px}@media screen and not (max-aspect-ratio:2/1){body{min-width:180vh}}@media screen and (max-width:1280px){body{width:100%}}#main,#nav,#player{padding:0 6%}@media screen and (max-width:800px){#main,#nav,#player{padding-left:20px;padding-right:20px}}@media screen and (max-width:540px){#player{padding-left:5px;padding-right:5px}}#nav,#player{background-color:#fff;position:sticky;z-index:1}#nav{top:0}#player{bottom:0}#main{align-items:flex-start;display:flex;z-index:0}#main,#main>.main-sidebar{flex-grow:1;overflow:hidden;position:relative}#main>.main-sidebar{background-color:#fff;contain:layout;margin:20px 40px 0 0;width:120px}@media screen and (max-width:800px){#main>.main-sidebar{margin-right:20px}}#main>.main-main{contain:layout;flex-grow:6;margin-top:20px;padding:0;position:relative;width:200px}@media screen and (max-width:540px){#main{display:block}#main>.main-main,#main>.main-sidebar{width:100%}#main>.main-sidebar{margin:0}}