body{margin:4px 20px}svg{fill:#666}a{background-color:transparent}a:active,a:hover{outline-width:0}a{color:#0366d6;text-decoration:none}a:hover{text-decoration:underline}#main{margin-bottom:110px;min-height: 100vh;}#main_audio{position:fixed;bottom:50px;left:0;height:50px;width:100%;z-index:2;background-color:#fff;display:flex;align-items:center}#settings{position:fixed;bottom:50px;left:0;width:100%;z-index:9;background-color:#fff;background-color:#eee;padding-bottom:18px}#settings .settings-title{margin-top:5px;padding-left:10px;color:#666}input[type=range]{background-size:98% 3px;margin:auto;width:80%;background:linear-gradient(to right,#ccc 0,#ccc 100%);outline:0;-webkit-appearance:none;height:3px}input[type=range]::-webkit-slider-thumb{width:20px;height:20px;border-radius:50%;background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2);cursor:pointer;-webkit-appearance:none;border:0}audio{width:100%}audio::-webkit-media-controls-enclosure{border-radius:0}.footer{position:fixed;bottom:0;left:0;height:50px;width:100%;background-color:#fff;color:#666;box-shadow:0 0 1px rgba(0,0,0,.25);transition:background-color .3s ease-in-out;z-index:1;display:flex;align-items:center;justify-content:center}.footer .footer-item{display:flex;align-items:center;justify-content:center}.footer .footer-menu{display:block;text-align:center;width:70px}.night-mode{background-color:#111;color:#a4a4a4}.night-mode svg{fill:#a4a4a4}.night-mode #main_audio{background-color:#111}.night-mode .footer{background-color:#111;box-shadow:0 0 1px rgba(120,120,120,.5);color:#a4a4a4}.pinyin .wenzi {display: inline-block;text-align: center;}.pinyin .wenzi .wzt {min-height: 1em;}.pinyin .wenzi .wzm {min-height: 1em;line-height: 1em;}.pinyin .wenzi .mini {font-size: 0.8em;} .verse-box{border-bottom: 1px solid #999;padding-bottom: 10px;margin-bottom: 4px;}.verse-box:last-child{border: 0;} .verse {font-weight: bold;line-height: 1.6em;}