.qr-box{height:200px;padding:10px 0;position:relative;width:200px}.qr-box .text{font-size:14px;text-align:center}.qr-box .inner.expired{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.1}.qr-box .inner img{display:block;height:150px;margin:10px 0;width:150px}.qr-box .inner .text{margin-bottom:4px}.qr-box .expired-layer{bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;z-index:9}.qr-box .expired-layer .refresh{color:#121117;font-size:40px;margin-bottom:20px}.kogrammar.pc{font-size:11px}.theme-dark .kogrammar.pc{background:#121117;min-height:100vh}.theme-dark .kogrammar.pc .header{border-bottom:1px solid #212026;height:100px;padding:0 25px}.theme-dark .kogrammar.pc .header .logo{-webkit-border-radius:6px;border-radius:6px;height:40px;width:40px}.theme-dark .kogrammar.pc .header .title{color:#fff;font-size:18px;font-weight:400;line-height:40px;margin:0 0 0 10px}.theme-dark .kogrammar.pc .header .user-info{font-size:14px}.theme-dark .kogrammar.pc .header .user-info .portrait{-webkit-border-radius:50%;border-radius:50%;height:40px;margin-right:10px;width:40px}.theme-dark .kogrammar.pc .header .user-info button{background:none;border:none}.theme-dark .kogrammar.pc .header .user-info .text{background:#326cdc;-webkit-border-radius:4px;border-radius:4px;color:#fff;font-size:12px;line-height:23px;margin:0 4px;padding:0 6px}.theme-dark .kogrammar.pc .content{height:-webkit-calc(100vh - 100px);height:-moz-calc(100vh - 100px);height:calc(100vh - 100px);min-height:500px}.theme-dark .kogrammar.pc .menus{border-right:1px solid #212026;height:100%;overflow:auto;padding-top:20px;width:200px}.theme-dark .kogrammar.pc .menus .menu{-webkit-border-radius:40px;border-radius:40px;cursor:pointer;margin:15px auto 0;position:relative;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;width:150px}.theme-dark .kogrammar.pc .menus .menu.active,.theme-dark .kogrammar.pc .menus .menu:hover{background:#326cdc}.theme-dark .kogrammar.pc .menus .menu.active .icon,.theme-dark .kogrammar.pc .menus .menu:hover .icon{color:#fff}.theme-dark .kogrammar.pc .menus .menu.active .name,.theme-dark .kogrammar.pc .menus .menu:hover .name{color:#fff}.theme-dark .kogrammar.pc .menus .menu.active .new,.theme-dark .kogrammar.pc .menus .menu:hover .new{color:red}.theme-dark .kogrammar.pc .menus .menu .new{color:red!important;position:absolute;right:0;top:0}.theme-dark .kogrammar.pc .menus .menu a{background:none;border:none;height:40px;outline:none}.theme-dark .kogrammar.pc .menus .menu .icon{color:#fff;font-size:16px;margin-left:20px;margin-right:10px;outline:none}.theme-dark .kogrammar.pc .menus .menu .name{color:#fff;font-size:14px}.theme-dark .kogrammar.pc .menu-content{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;overflow:auto;position:relative}.theme-dark .kogrammar.pc .menu-content.has-footer{padding-bottom:60px}.theme-dark .kogrammar.pc .menu-content .footer{background:#fff;border-top:1px solid #212026;bottom:0;left:0;padding:20px 0;position:absolute;right:0;text-align:center}.theme-dark .kogrammar.pc .menu-content .footer .icp{color:#fff;font-size:14px}.theme-light .kogrammar.pc{background:#fff;min-height:100vh}.theme-light .kogrammar.pc .header{border-bottom:1px solid #dbdbde;height:100px;padding:0 25px}.theme-light .kogrammar.pc .header .logo{-webkit-border-radius:6px;border-radius:6px;height:40px;width:40px}.theme-light .kogrammar.pc .header .title{color:#121117;font-size:18px;font-weight:400;line-height:40px;margin:0 0 0 10px}.theme-light .kogrammar.pc .header .user-info{font-size:14px}.theme-light .kogrammar.pc .header .user-info .portrait{-webkit-border-radius:50%;border-radius:50%;height:40px;margin-right:10px;width:40px}.theme-light .kogrammar.pc .header .user-info button{background:none;border:none}.theme-light .kogrammar.pc .header .user-info .text{background:#326cdc;-webkit-border-radius:4px;border-radius:4px;color:#fff;font-size:12px;line-height:23px;margin:0 4px;padding:0 6px}.theme-light .kogrammar.pc .content{height:-webkit-calc(100vh - 100px);height:-moz-calc(100vh - 100px);height:calc(100vh - 100px);min-height:500px}.theme-light .kogrammar.pc .menus{border-right:1px solid #dbdbde;height:100%;overflow:auto;padding-top:20px;width:200px}.theme-light .kogrammar.pc .menus .menu{-webkit-border-radius:40px;border-radius:40px;cursor:pointer;margin:15px auto 0;position:relative;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;width:150px}.theme-light .kogrammar.pc .menus .menu.active,.theme-light .kogrammar.pc .menus .menu:hover{background:#326cdc}.theme-light .kogrammar.pc .menus .menu.active .icon,.theme-light .kogrammar.pc .menus .menu:hover .icon{color:#fff}.theme-light .kogrammar.pc .menus .menu.active .name,.theme-light .kogrammar.pc .menus .menu:hover .name{color:#fff}.theme-light .kogrammar.pc .menus .menu.active .new,.theme-light .kogrammar.pc .menus .menu:hover .new{color:red}.theme-light .kogrammar.pc .menus .menu .new{color:red!important;position:absolute;right:0;top:0}.theme-light .kogrammar.pc .menus .menu a{background:none;border:none;height:40px;outline:none}.theme-light .kogrammar.pc .menus .menu .icon{color:#545454;font-size:16px;margin-left:20px;margin-right:10px;outline:none}.theme-light .kogrammar.pc .menus .menu .name{color:#545454;font-size:14px}.theme-light .kogrammar.pc .menu-content{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;overflow:auto;position:relative}.theme-light .kogrammar.pc .menu-content.has-footer{padding-bottom:60px}.theme-light .kogrammar.pc .menu-content .footer{background:#fff;border-top:1px solid #dbdbde;bottom:0;left:0;padding:20px 0;position:absolute;right:0;text-align:center}.theme-light .kogrammar.pc .menu-content .footer .icp{color:#121117;font-size:14px}*{margin:0;padding:0}a,a:focus,a:hover{text-decoration:none!important}p{margin-bottom:0}ul{list-style:none}button{border:none}.flex-row{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.flex-column,.flex-row{-webkit-box-direction:normal;-moz-box-direction:normal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex}.flex-column{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.align,.center{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.align{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center}.main-between{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main-start{-webkit-box-pack:start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.main-center{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.main-end{-webkit-box-pack:end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.cross-start{-webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start}.cross-center{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.cross-end{-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end}.highlight{position:relative;z-index:99999!important}.h100{height:100%}.word-list-container{font-size:11px;padding:30px}.theme-dark .word-list-container .word-list{-ms-flex-wrap:wrap;flex-wrap:wrap}.theme-dark .word-list-container .word-list .word{background:#1c1b20;-webkit-border-radius:24px;border-radius:24px;height:24px;line-height:24px;margin-bottom:6px;margin-right:6px;padding:0 6px}.theme-dark .word-list-container .word-list .word:last-child{margin-right:0}.theme-dark .word-list-container .paging-box{margin:20px 0}.theme-light .word-list-container .word-list{-ms-flex-wrap:wrap;flex-wrap:wrap}.theme-light .word-list-container .word-list .word{background:#f2f2f2;-webkit-border-radius:24px;border-radius:24px;height:24px;line-height:24px;margin-bottom:6px;margin-right:6px;padding:0 6px}.theme-light .word-list-container .word-list .word:last-child{margin-right:0}.theme-light .word-list-container .paging-box{margin:20px 0}