body,html{margin:0;padding:0;width:100%;height:100vh}.qing-book{margin:0;padding:0;width:100%;height:100%;overflow:hidden}*::-webkit-scrollbar{height:7px;width:7px;background:transparent}*::-webkit-scrollbar:hover{background:#8080801a}*::-webkit-scrollbar-thumb{background:#00000012;-webkit-border-radius:6px}*::-webkit-scrollbar-thumb:hover{background:#0009}*::-webkit-scrollbar-corner{background:#0000}.q-main{margin:0;padding:0;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;position:relative;align-items:center}.q-header{width:100%;height:63px;border-bottom:1px solid #eee;box-shadow:0 1px 1px #afaab433;display:flex;justify-content:space-between;align-items:center}.q-logo{height:100%;margin:0 21px;display:flex;align-items:center}.q-logo:hover{animation:at-shake .2s}.q-logo img{width:auto;height:77%;cursor:pointer}.q-logo span{margin:0 7px;white-space:nowrap;overflow:hidden;display:inline-block;animation:at-writer 6s steps(40,end) infinite,at-writer-blink-caret .75s step-end infinite;color:#96fa96;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;cursor:pointer}.q-menu{width:50px;height:50px;margin:7px;cursor:pointer}.q-menu:hover{animation:at-shake .2s}.q-menu img{width:50px;height:50px}.q-side-menu{position:absolute;top:63px;right:0;height:100%;width:65px;border-left:1px solid #eee;box-shadow:0 1px 1px #afaab433;background-color:#fff;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.q-side-menu img{width:66%;height:auto;margin:7px;cursor:pointer;transition:box-shadow .3s ease}.q-side-menu img:hover{animation:at-blink 1.3s infinite,at-shadow-sweep-left .5s ease forwards}.q-content{width:100%;overflow-y:auto;flex:1;display:flex;flex-direction:column;align-items:center}.q-blog{width:88%;border:1px solid rgb(0,0,0,.1);border-radius:7px;box-shadow:0 1px 1px #afaab433;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:7px;padding:7px}.q-blog-title{width:100%;height:42px;margin:2px;padding:0;box-shadow:0 1px 1px #afaab433}.q-blog-content{width:100%;max-height:100vh;border-radius:5px;overflow:hidden}.q-blog-video{width:100%;display:flex;align-items:center;justify-content:center}.q-blog-iframe{width:100%;height:100vh}.q-blog-iframe-dy{width:61vh;height:74vh}.q-blog-footer{width:100%;height:30px;border-top:1px solid rgb(0,0,0,.1);display:flex;justify-content:space-between;margin:2px 0 0;padding:7px}.q-blog-footer-item{flex:1;text-align:center;border-radius:1px;overflow:hidden;display:flex;justify-content:center;align-items:center;color:#0006}.q-blog-footer-item img{width:28px;height:28px;margin:0 14px}.q-blog-footer-item:hover{background-color:transparent;animation:at-shake .2s,at-blink 1.3s infinite,at-shadow-sweep-left .5s ease forwards}.q-like{cursor:grab}.q-talk,.q-detail{cursor:pointer}.q-footer{width:100%;height:35px;color:#666;font-size:12px;text-align:center;border-top:1px solid #eee;box-shadow:0 1px 1px #afaab433;background-color:#fff;z-index:777}@keyframes at-blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes at-shake{0%{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-6px)}to{transform:translate(6px)}}@keyframes at-writer{0%{width:0}to{width:100%}}@keyframes at-writer-blink-caret{0%,to{border-color:transparent}50%{border-color:#000}}@keyframes at-shadow-sweep-left{0%{box-shadow:0 0 #0000001a}to{box-shadow:0 0 0 12px #0003}}@media (max-width: 768px){.q-blog-iframe-dy{width:100%;height:97vh}.q-footer{display:none}}.q-loading[data-v-4b333f9c]{position:relative;top:0;left:0;width:100%;height:100%;background-color:#000000c2;z-index:9999}.q-countdown[data-v-4b333f9c]{position:absolute;top:30px;right:1px}.q-countdown span[data-v-4b333f9c]{color:#fff;-webkit-text-stroke:.6px rgb(77,77,77,.7)}.q-skip[data-v-4b333f9c]{background-color:#00000080;color:#fff;border:none;padding:10px 20px;margin:14px;cursor:pointer;border-radius:7px}.q-ad[data-v-4b333f9c]{width:100%;height:100%;flex-grow:1;overflow-y:auto}.q-container[data-v-d8a92941]{font-family:Arial,sans-serif;background-color:#f4f4f9;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.q-info[data-v-d8a92941]{text-align:center;padding:20px;background-color:#fff;box-shadow:0 4px 8px #0000001a;border-radius:8px;width:300px;margin-top:-14%}.q-info-title[data-v-d8a92941]{text-align:left}.q-info-details[data-v-d8a92941]{padding:10px;box-shadow:0 4px 8px #0000001a}h1[data-v-d8a92941]{color:#333;margin-bottom:20px}p[data-v-d8a92941]{color:#666;margin-bottom:20px}.return-link[data-v-d8a92941]{display:inline-block;text-decoration:none;color:#007bffb3;font-weight:700;padding:10px 20px;border-radius:4px;transition:background-color .3s}.return-link[data-v-d8a92941]:hover{color:#007bff}