@font-face{font-family:iconfont;src:url(/static/iconfont.cn/iconfont.woff2?t=1744178979687) format("woff2"),url(/static/iconfont.cn/iconfont.woff?t=1744178979687) format("woff"),url(/static/iconfont.cn/iconfont.ttf?t=1744178979687) format("truetype")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-windows:before{content:"\e75f"}.icon-darwin:before{content:"\e679"}.icon-format-pdf:before{content:"\e82b"}.icon-earth-fill:before{content:"\eb18"}.icon-json:before{content:"\e817"}.icon-lujing:before{content:"\e678"}.icon-ic_center_focus_strong_48px:before{content:"\e84e"}.icon-volumeoff:before{content:"\e7b1"}.icon-volumeup:before{content:"\e7b2"}.icon-block:before{content:"\e67f"}.icon-arrow:before{content:"\e676"}.icon-home1:before{content:"\e673"}.icon-stop:before{content:"\e674"}.icon-wait:before{content:"\e675"}.icon-truck:before{content:"\e677"}.icon-bell:before{content:"\e66e"}.icon-airplane:before{content:"\e66f"}.icon-prod:before{content:"\e670"}.icon-info1:before{content:"\e671"}.icon-flash:before{content:"\e66d"}.icon-more:before{content:"\e62c"}.icon-twoArrow:before{content:"\e626"}.icon-home:before{content:"\e6b5"}.icon-quote:before{content:"\e625"}.icon-add:before{content:"\e608"}.icon-nswitch:before{content:"\e66c"}.icon-bilibili:before{content:"\ea59"}.icon-info_line:before{content:"\e907"}.icon-translate:before{content:"\e8d5"}.icon-news:before{content:"\e6dd"}.icon-guanbi:before{content:"\e796"}.icon-keycap:before{content:"\e66b"}.icon-headset:before{content:"\e66a"}.icon-keyboard2:before{content:"\e688"}.icon-check-box:before{content:"\e669"}.icon-check-box1:before{content:"\e76a"}.icon-mobilephone:before{content:"\e668"}.icon-baocun:before{content:"\e685"}.icon-filedownload:before{content:"\e690"}.icon-fileupload:before{content:"\e691"}.icon-keyboard1:before{content:"\e6df"}.icon-photolibrary:before{content:"\e721"}.icon-shoppingcart:before{content:"\e75e"}.icon-playcircleoutline:before{content:"\e667"}.icon-settings:before{content:"\e75a"}.icon-drivedocument:before{content:"\e672"}.icon-email:before{content:"\e684"}.icon-star:before{content:"\e773"}.icon-light-left:before{content:"\e665"}.icon-light-right:before{content:"\e666"}.icon-ic_history:before{content:"\e901"}.icon-ic_fast_rewind:before{content:"\e94c"}.icon-ic_fast_forward:before{content:"\e94d"}.icon-ic_pause:before{content:"\e956"}.icon-ic_local_shipping:before{content:"\ea57"}.icon-ic-trending-up:before{content:"\e93b"}.icon-verified:before{content:"\e662"}.icon-pinterest:before{content:"\e719"}.icon-twittersquare:before{content:"\e84b"}.icon-biaoqing2:before{content:"\e664"}.icon-cancel:before{content:"\e663"}.icon-infooutline:before{content:"\e6bb"}.icon-warning:before{content:"\e7b4"}.icon-edit-header:before{content:"\e843"}.icon-xiangji:before{content:"\e65a"}.icon-palette:before{content:"\e65b"}.icon-insert-link:before{content:"\e65c"}.icon-qingchugeshi:before{content:"\e7ac"}.icon-wenbenyanse:before{content:"\e65d"}.icon-bold:before{content:"\e7ec"}.icon-underline:before{content:"\e812"}.icon-italic:before{content:"\e65e"}.icon-tupian1:before{content:"\e65f"}.icon-beijingyanse:before{content:"\e951"}.icon-font-size:before{content:"\e660"}.icon-biaoqing:before{content:"\e661"}.icon-notificationsnone:before{content:"\e708"}.icon-notifications:before{content:"\e70c"}.icon-tupian:before{content:"\e657"}.icon-image:before{content:"\e6cc"}.icon-diandiandian:before{content:"\e656"}.icon-qq:before{content:"\e655"}.icon-keyboard:before{content:"\e658"}.icon-ue723profile:before{content:"\e654"}.icon-rocket:before{content:"\e652"}.icon-nowwidgets:before{content:"\e64e"}.icon-playarrow:before{content:"\e64f"}.icon-playlistaddcheck:before{content:"\e651"}.icon-weibo:before{content:"\e650"}.icon-facebook:before{content:"\e653"}.icon-instagram:before{content:"\e659"}.icon-iconinfo:before{content:"\e64d"}.icon-down:before{content:"\e64c"}.icon-up:before{content:"\ea58"}.icon-shanchu:before{content:"\e64b"}.icon-chahao:before{content:"\e64a"}.icon-shafa:before{content:"\e649"}.icon-hourglass:before{content:"\e644"}.icon-hourglass3:before{content:"\e645"}.icon-hourglasso:before{content:"\e646"}.icon-hourglass1:before{content:"\e647"}.icon-hourglass2:before{content:"\e648"}.icon-help-a:before{content:"\e642"}.icon-help:before{content:"\e643"}.icon-time:before{content:"\e641"}.icon-huansuo:before{content:"\e63f"}.icon-kaisuo:before{content:"\e640"}.icon-aishaipinglun:before{content:"\e63d"}.icon-pinglun:before{content:"\e63e"}.icon-xuanzhonggou:before{content:"\e63b"}.icon-checked:before{content:"\e63c"}.icon-pengyouquan:before{content:"\e63a"}.icon-weixin:before{content:"\e603"}.icon-call:before{content:"\e62d"}.icon-explore:before{content:"\e62e"}.icon-group:before{content:"\e62f"}.icon-insertemoticon:before{content:"\e630"}.icon-language:before{content:"\e631"}.icon-layers:before{content:"\e632"}.icon-locationon:before{content:"\e633"}.icon-map:before{content:"\e634"}.icon-modecomment:before{content:"\e635"}.icon-modeedit:before{content:"\e636"}.icon-fav-1:before{content:"\e637"}.icon-fav:before{content:"\e638"}.icon-recept:before{content:"\e639"}.icon-favorite:before{content:"\e604"}.icon-favoriteoutline:before{content:"\e605"}.icon-forum:before{content:"\e606"}.icon-flag:before{content:"\e607"}.icon-info:before{content:"\e609"}.icon-localattraction:before{content:"\e60a"}.icon-localgrocerystore:before{content:"\e60b"}.icon-localoffer:before{content:"\e60c"}.icon-mail:before{content:"\e60d"}.icon-place:before{content:"\e60e"}.icon-reply:before{content:"\e60f"}.icon-security:before{content:"\e610"}.icon-search2:before{content:"\e611"}.icon-share:before{content:"\e612"}.icon-speechbubble:before{content:"\e613"}.icon-tag:before{content:"\e614"}.icon-textsms:before{content:"\e615"}.icon-thumbdown:before{content:"\e616"}.icon-thumbup:before{content:"\e617"}.icon-verifieduser:before{content:"\e618"}.icon-visibility:before{content:"\e619"}.icon-visibilityoff:before{content:"\e61a"}.icon-vpnkey:before{content:"\e61b"}.icon-accountlogin:before{content:"\e61c"}.icon-accountlogout:before{content:"\e61d"}.icon-bolt:before{content:"\e61e"}.icon-bookmark:before{content:"\e61f"}.icon-chevronleft:before{content:"\e620"}.icon-chevronright:before{content:"\e621"}.icon-chevrontop:before{content:"\e622"}.icon-chevronbottom:before{content:"\e623"}.icon-envelopeopen:before{content:"\e624"}.icon-envelopeclosed:before{content:"\e627"}.icon-file:before{content:"\e628"}.icon-location:before{content:"\e629"}.icon-pencil:before{content:"\e62a"}.icon-task:before{content:"\e62b"}.icon-box:before{content:"\e600"}.icon-banknote:before{content:"\e601"}.icon-command:before{content:"\e602"}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;outline:none;-webkit-tap-highlight-color:transparent}body,html{font-family:PingFangSC-Light,-apple-system,PingFang SC,Helvetica Neue,Helvetica,Microsoft YaHei,Arial,sans-serif;-webkit-font-smoothing:antialiased}a,a:active,a:visited{text-decoration:none;color:inherit;cursor:pointer}button{border:none;-webkit-appearance:none}.kb_sep{height:32px;float:left}.kb_btn{font-size:12px;height:37px;width:32px;font-weight:600;background-color:#fff;border:1px solid #ccc;padding-left:4px;padding-top:1px;float:left;margin-right:3px;margin-left:3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:content-box;letter-spacing:normal;line-height:normal}.kb_btn.pressed{background:#a7d1ff}.kb_btn.active{background:#1c89ff}.btn_lg{width:39px}.min_ft,.min_ft2{font-size:10px}#kb_box{display:flex}#kb_box_r{width:38px;float:left}body{background:#252629}.header{background:#000;font-size:22px;color:#fff;letter-spacing:-.2px}.header .inner{width:1400px;margin:0 auto;padding:25px;display:flex;background:#000;font-weight:700}.row{width:1400px;color:#2d2d2d;margin:20px auto;padding:18px 20px}.row.main{position:relative;display:flex;justify-content:space-between;cursor:default}.row.post-rcmd{margin:75px auto}.row .title{font-family:PingFangSC-Medium;font-size:32px;color:#fff;padding-left:30px}.keyboard-wrap{position:relative;background:#636363;border:1px solid #1d1d1d;box-shadow:0 1px 5px 0 rgba(0,0,0,.1);width:1050px;height:455px;padding:42px 30px 30px 25px}.keyboard-wrap .footer{border-top:1px solid #888686;padding:22px 0}.keyboard-wrap .icon-help-a{font-size:16px;position:relative;top:1px}.status-color{display:inline-flex;line-height:19px;vertical-align:middle;font-size:14px;color:#f9f9f9;align-items:center}.status-color span{margin:0 23px 0 7px}.status-color .btn{cursor:pointer}.status-color .color{display:inline-block;line-height:19px;font-size:12px;width:19px;height:19px;border:1px solid #929292}.active .key-base-color,.color.active{background:#fff;fill:#fff}.color.pressed,.pressed .key-base-color{background:#111;fill:#111}.color.never,.never .key-base-color{background:#353535;fill:#353535}.status-color .color span{position:relative;left:20px;font-size:14px;color:#000}.apm-info{display:inline-flex;position:relative;top:-13px;right:8px;float:right;font-size:12px;color:#bdbdbd;vertical-align:middle}.apm-info .left div{margin:7px 0;font-size:12px}.apm-info .right{position:relative;top:-59px;right:0;width:160px;height:180px;padding:2px;box-sizing:border-box}.apm-info .bold{font-weight:600;font-size:14px;color:#f9f9f9}.apm-info .bold .big{font-size:20px;color:#efeeee;margin-left:30px}.main .help{position:absolute;width:100%;bottom:-55px;font-size:14px;color:#888;display:flex;justify-content:space-between;align-items:center}.main .help .voice{height:24px;position:relative;padding-left:30px;cursor:pointer}.main .help .voice .iconfont{position:absolute;left:0;top:0;font-size:20px;width:24px;height:24px}.main .help .voice .icon-volumeup{display:none}.main .help .voice .icon-volumeoff,.main .help .voice.on .icon-volumeup{display:block}.main .help .voice.on .icon-volumeoff{display:none}.key-log{position:relative;width:300px;height:455px;background:#636363;padding:20px;font-size:13px;border:1px solid #1d1d1d;box-shadow:0 1px 5px 0 rgba(0,0,0,.1)}.key-log .item{color:#999;margin:9px 0}.key-log .item .time{display:inline-block;width:66px}.key-log .item span{margin:0 7px}.key-log .item b{font-size:13px;color:#999}.key-log .btn,.status-color .btn{display:inline-block;text-align:center;padding:0 7px;border-radius:4px;min-width:32px;height:28px;line-height:27px;background:#353535;border:1px solid #bdbdbd;font-size:14px;color:#efeeee;box-shadow:0 1px 3px rgba(0,0,0,.29)}.key-log .item .event{color:#000}.key-log .info{position:absolute;bottom:20px;left:20px;right:20px;border-top:1px solid #888686;font-size:14px;color:#999}.post-list{margin-top:20px;display:flex;justify-content:space-between}.post-list .post-entry{width:326px;height:230px;font-size:16px;color:#000}.post-entry .title-tag{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:10px 0 5px}.post-entry .user-tag{color:#b5b5b5;font-size:12px}.key-base-color{fill:#373839;stroke-width:2px}.key-top-color{fill:#afafaf;stroke-width:2px}.key-sel-cursor{fill:#333;stroke:none}.base{fill:#ddd;stroke:#1f1311}.key-side{fill:rgba(0,0,0,.1)}.corner-line{fill:none;stroke:rgba(0,0,0,.4);stroke-width:.1417}.top-inner-line{fill:none;stroke:#aaa}.top-fill{fill:#eee;stroke:#1f1311}@font-face{font-family:zfArial;src:url(/static/kb_test/font/Arial.ttf)}#app-root{width:100%}.color-select-list .item{vertical-align:middle;width:14px;height:38px;display:inline-block;margin:4px;box-sizing:border-box}.color-select-list .item.active{border:2px solid #000}.post-rcmd .post-entry .title-tag{color:#fff}