.App{width:100%;height:100%}.lyric-root::-webkit-scrollbar{display:none;user-select:none}.lyric-root{user-select:none}.img-root{width:100%;height:100%;pointer-events:none;object-fit:cover}.blur-img-root{backdrop-filter:blur(6px)}.layout-page{width:100%;height:100%;display:flex;flex-direction:column}.layout-page.flex-row{flex-direction:row;flex-grow:1;min-height:0}.layout-page .layout-header{width:100%;height:64px;background-color:#123;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px}.layout-page .layout-side{width:340px;height:100%;box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px}.layout-page .layout-container{flex-grow:1;position:relative}.layout-page .layout-container .layout-main{height:100%;padding:16px;overflow:auto}.layout-page .layout-container .layout-main .container{max-width:1280px;margin:0 auto}.layout-page .layout-container .layout-main .toolbar{height:64px}.layout-footer{width:100%;min-height:45px;background-color:#1e2732;display:flex;align-items:center;justify-content:center;flex-direction:column;position:fixed;bottom:0;left:0;z-index:2}.layout-footer a{color:#bdbdbd;font-size:14px}:root{line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--primary-color: #20c997}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1;margin:0;padding-block-start:.67em;padding-block-end:.67em}a{text-decoration:none}*{box-sizing:border-box}p{margin:0}#root{width:100vw;height:100vh}#error-page{width:100vw;height:100vh;padding:24px;display:flex;flex-direction:column;align-items:center;padding-top:200}code{display:block;width:100%;max-width:920px;padding:12px;background-color:#f4f4f4b3;border-radius:8px;text-align:center;font-size:24px;color:var(--primary-color);font-weight:600}@keyframes rotate{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}