.vcp-player {
    position: relative;
    z-index: 0;
    font-family: Tahoma, \\5FAE\8F6F\96C5\9ED1, \u5b8b\u4f53, Verdana, Arial, sans-serif;
    background-color: #000
}

.vcp-player video {
    display: block;
    overflow: hidden
}

.vcp-fullscreen.vcp-player,
.vcp-fullscreen video,
body.vcp-full-window {
    width: 100%!important;
    height: 100%!important
}

body.vcp-full-window {
    overflow-y: auto
}

.vcp-full-window .vcp-player {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2147483647
}

.vcp-pre-flash,
.vcp-video {
    width: 100%;
    height: 100%
}

.vcp-pre-flash {
    z-index: 999;
    background: #000;
    position: absolute;
    top: 0;
    left: 0
}

.vcp-controls-panel {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 16px;
    height: 3em;
    z-index: 1000
}

.vcp-controls-panel.show {
    -webkit-animation: fadeIn ease .8s;
    animation: fadeIn ease .8s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

.vcp-controls-panel.hide {
    -webkit-animation: fadeOut ease .8s;
    animation: fadeOut ease .8s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

.vcp-panel-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #242424;
    opacity: .8;
    filter: alpha(opacity=80);
    z-index: 1000
}

.vcp-playtoggle {
    cursor: pointer;
    position: relative;
    z-index: 1001;
    width: 3em;
    height: 100%;
    float: left;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMzYgMzYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgPHBhdGggZD0iTTExLDEwIEwxOCwxMy43NCAxOCwyMi4yOCAxMSwyNiBNMTgsMTMuNzQgTDI2LDE4IDI2LDE4IDE4LDIyLjI4IiBmaWxsPSIjZmZmIj48L3BhdGg+DQo8L3N2Zz4=);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAAAFoAAABaAHAjuH0AAAAHdElNRQfgBRQSOydLEdPXAAABmUlEQVRYw+2Wu0oDQRhGz2oIEhAtBEHRQpIIXtAH0M7Kd7DQQl/BV/BlFEEsBO9IUAmI8X5Bi6RQoqgYJYr5LMISE5LdmZhyT7mzO9/8Z3b/WQgICAjwxak9JLPbfGiqfwGNCBhkmj4cECqryJyQ52iMWeIccsI9eVfav4tyEZrSjwpKaUHj6lKLHFnXEvIZd3CI080k6yyRJGdryi8AIEyYdtoYZJ9NEnzYyDIJKM7VQw8DROnnmGseihJNY6oiNKWCyvnRq5Y1o6jaFXJ3xMuaaQUuTbQywSgXLLLGXeMU/ZUVoZcOOhljj23OXVnVVdkHFIkwwgBDxEhwRpq3OuaougeV5HWsefXX3ge/XmQiOezloV5FAN+cssEB52QaH/DBNanSJjcyQHySrXxNa39stgEF3tlimR2yvJs8YBfwRIJ1klzyWLro3SpMA0SaG5LssMuL2dTmAV/kyJS3a/MG5xcg4IpVVrjlmbz9uekdkOOILRKkikemuRgjhIY1p7ia7Q/KEn7/RY6t80r8elF9yw4ICAiw4xcxfsNvJiWE7gAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNi0wNS0yMFQxODo1OToxOCswODowMJKBy7cAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTYtMDUtMjBUMTg6NTk6MzkrMDg6MDAHjn/CAAAAPHRFWHRzdmc6YmFzZS11cmkAZmlsZTovLy9EOi9zcGFjZS92Y19wbGF5ZXIvc3JjL2ltZy9wbGF5X2J0bi5zdmedrkudAAAAAElFTkSuQmCC)\0
}

.vcp-playtoggle:focus,
.vcp-playtoggle:hover {
    background-color: #708090;
    opacity: .9;
    filter: alpha(opacity=90)
}

.touchable .vcp-playtoggle:hover {
    background-color: transparent;
    opacity: 1
}

.vcp-playing .vcp-playtoggle {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMzYgMzYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgPHBhdGggZD0iTTExLDEwIEwxNywxMCAxNywyNiAxMSwyNiBNMjAsMTAgTDI2LDEwIDI2LDI2IDIwLDI2IiBmaWxsPSIjZmZmIj48L3BhdGg+DQo8L3N2Zz4=);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAAAFoAAABaAHAjuH0AAAAHdElNRQfgBRQTADNsu4KlAAAAfklEQVRYw+2WsQ2AMAwEPyiZimloWIqOhjHYg1VAMi1Ejo2l0P2VH/kvnQ0QQohLaj9Jl6ocnBInDwpGzI+qgh0LxMhjCGSSN5skaeY6g+m4qn+dTh4WdIACCiiggAIKfEGulntxcrXC4sBaLXc7V/DuosDZolf9fngRQsgHbrk8P6SPYKxbAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA1LTIwVDE5OjAwOjI0KzA4OjAwi3r4LQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wNS0yMFQxOTowMDo1MSswODowMKLaZi8AAAA8dEVYdHN2ZzpiYXNlLXVyaQBmaWxlOi8vL0Q6L3NwYWNlL3ZjX3BsYXllci9zcmMvaW1nL3N0b3BfYnRuLnN2Z0xvOgsAAAAASUVORK5CYII=)\0
}

.vcp-bigplay {
    width: 100%;
    height: 80%;
    position: absolute;
    background-color: white\0;
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 1000;
    top: 0;
    left: 0
}

.vcp-slider {
    position: relative;
    z-index: 1001;
    float: left;
    background: #c4c4c4;
    height: 10px;
    opacity: .8;
    filter: alpha(opacity=80);
    cursor: pointer
}

.vcp-slider .vcp-slider-track {
    width: 0;
    height: 100%;
    margin-top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #1e90ff
}

.vcp-slider .vcp-slider-thumb {
    cursor: pointer;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 1em!important;
    height: 10px;
    margin-left: -5px;
    width: 10px
}

.vcp-slider-vertical {
    position: relative;
    width: .5em;
    height: 8em;
    top: -5.6em;
    z-index: 1001;
    background-color: #1c1c1c;
    opacity: .9;
    filter: alpha(opacity=90);
    cursor: pointer
}

.vcp-slider-vertical .vcp-slider-track {
    background-color: #1275cf;
    width: .5em;
    height: 100%;
    opacity: .8;
    filter: alpha(opacity=80)
}

.vcp-slider-vertical .vcp-slider-thumb {
    cursor: pointer;
    position: absolute;
    background-color: #f0f8ff;
    width: .8em;
    height: .8em;
    border-radius: .8em!important;
    margin-top: -.4em;
    top: 0;
    left: -.15em
}

.vcp-timeline {
    top: -10px;
    left: 0;
    height: 10px;
    position: absolute;
    z-index: 1001;
    width: 100%
}

.vcp-timeline .vcp-slider-thumb {
    top: -4px
}

.vcp-timeline .vcp-slider {
    margin-top: 8px;
    height: 2px;
    width: 100%
}

.vcp-timeline:hover .vcp-slider {
    margin-top: 0;
    height: 10px
}

.vcp-timeline:hover .vcp-slider-thumb {
    display: block;
    width: 16px;
    height: 16px;
    top: -3px;
    margin-left: -8px
}

.vcp-timelabel {
    display: inline-block;
    line-height: 3em;
    float: left;
    color: #fff;
    padding: 0 9px
}

.vcp-timelabel,
.vcp-volume {
    height: 3em;
    z-index: 1001;
    position: relative
}

.vcp-volume {
    width: 3em;
    cursor: pointer;
    float: right;
    background-color: transparent;
    opacity: .9;
    filter: alpha(opacity=90)
}

.vcp-volume-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMzYgMzYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgPHBhdGggZD0iTTEyLjM5LDE1LjU0IEwxMCwxNS41NCBMMTAsMjAuNDQgTDEyLjQsMjAuNDQgTDE3LDI1LjUwIEwxNywxMC40OCBMMTIuMzksMTUuNTQgWiIgb3BhY2l0eT0iMSIgZmlsbD0iI2ZmZiI+PC9wYXRoPg0KICAgIDxwYXRoIGQ9Ik0xMi4zOSwxNS41NCBMMTAsMTUuNTQgTDEwLDIwLjQ0IEwxMi40LDIwLjQ0IEwxNywyNS41MCBMMTcsMTAuNDggTDEyLjM5LDE1LjU0IFoiIG9wYWNpdHk9IjEiIGZpbGw9IiNmZmYiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMjIsMTcuOTkgQzIyLDE2LjQgMjAuNzQsMTUuMDUgMTksMTQuNTQgTDE5LDIxLjQ0IEMyMC43NCwyMC45MyAyMiwxOS41OSAyMiwxNy45OSBaIiBvcGFjaXR5PSIxIiBmaWxsPSIjZmZmIj48L3BhdGg+DQogICAgPHBhdGggZD0iTTIyLDE3Ljk5IEMyMiwxNi40IDIwLjc0LDE1LjA1IDE5LDE0LjU0IEwxOSwyMS40NCBDMjAuNzQsMjAuOTMgMjIsMTkuNTkgMjIsMTcuOTkgWiIgb3BhY2l0eT0iMSIgZmlsbD0iI2ZmZiI+PC9wYXRoPg0KPC9zdmc+);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAAAFoAAABaAHAjuH0AAAAHdElNRQfgBR8OMR9bwV7WAAABiElEQVRYw+2WvS9DURiHn9sSbUMrrTZSsYgYSATBIkRYLI0JsfkDjCb+B4mFxeJjNVsMEkwmMRhMNloShg5K+zO4lV4ft6e9DJL7nO3c97zPOe/JOeeCj4+PT1UsszDVPsQm8NcrMBLY84+T+BOBnT7CDFM11sckud2aNalT7cuS96TfCBo1qhNJe7ULGgyKAyOsMFTuKPeaVesHgWOewyyRqYhsp0juPaa6xG0FMSJAhGUWHHFjtHBEloK3ElnMMQF00EfIsbRp5jljjSuKXgQwwCwFmmn61B8lwTjLbHFRXeB2DmJEaSP0pdAlIMYs3SYlchPIdVySsFeBOyWzsECd30rckjcRuG1yjiwvtBL+pAoC9xxw7VVwToAgXfSTdmz0E3ccs2km+AEhFFVKKXVqQzm9sytLKKNFpdUoPFx8qmy9Wle+QpBUvPzNM3aiQe3o8UPwW8kdK+nRoV5//bqu4IZVgvVMsYrAwj7Qz1yyXU9djF6Nj0ff4qHW35b//1/k4+PjY8AbQVScfN4fNOAAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTYtMDUtMzFUMTQ6NDk6MDYrMDg6MDB87oydAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE2LTA1LTMxVDE0OjQ5OjMxKzA4OjAwRpsNTAAAADp0RVh0c3ZnOmJhc2UtdXJpAGZpbGU6Ly8vRDovc3BhY2UvdmNfcGxheWVyL3NyYy9pbWcvdm9sdW1uLnN2Z7m8k5MAAAAASUVORK5CYII=)\0;
    display: inline-block;
    width: 3em;
    height: 3em;
    position: absolute;
    left: 0;
    top: 0
}

.vcp-volume-muted .vcp-volume-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMzYgMzYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgPHBhdGggZD0iTTEyLjM5LDE1LjU0IEwxMCwxNS41NCBMMTAsMjAuNDQgTDEyLjQsMjAuNDQgTDE3LDI1LjUwIEwxNywxMC40OCBMMTIuMzksMTUuNTQgWiIgb3BhY2l0eT0iMSIgZmlsbD0iI2ZmZiI+PC9wYXRoPg0KICAgIDxwYXRoIGQ9Ik0xMi4zOSwxNS41NCBMMTAsMTUuNTQgTDEwLDIwLjQ0IEwxMi40LDIwLjQ0IEwxNywyNS41MCBMMTcsMTAuNDggTDEyLjM5LDE1LjU0IFoiIG9wYWNpdHk9IjEiIGZpbGw9IiNmZmYiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMTkuNjMsMTUuOTIgTDIwLjY4LDE0LjkzIEwyMi44MSwxNi45NCBMMjQuOTQsMTQuOTMgTDI2LDE1LjkyIEwyMy44NiwxNy45MyBMMjYsMTkuOTMgTDI0Ljk0LDIwLjkyIEwyMi44MSwxOC45MiBMMjAuNjgsMjAuOTIgTDE5LjYzLDE5LjkzIEwyMS43NiwxNy45MyBMMTkuNjMsMTUuOTIgWiIgb3BhY2l0eT0iMSIgZmlsbD0iI2ZmZiI+PC9wYXRoPg0KICAgIDxwYXRoIGQ9Ik0xOS42MywxNS45MiBMMjAuNjgsMTQuOTMgTDIyLjgxLDE2Ljk0IEwyNC45NCwxNC45MyBMMjYsMTUuOTIgTDIzLjg2LDE3LjkzIEwyNiwxOS45MyBMMjQuOTQsMjAuOTIgTDIyLjgxLDE4LjkyIEwyMC42OCwyMC45MiBMMTkuNjMsMTkuOTMgTDIxLjc2LDE3LjkzIEwxOS42MywxNS45MiBaIiBvcGFjaXR5PSIxIiBmaWxsPSIjZmZmIj48L3BhdGg+DQo8L3N2Zz4=);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAAAFoAAABaAHAjuH0AAAAHdElNRQfgBR8OMx9p9zxUAAAB3UlEQVRYw+2Wz0sVURTHP+PMw3joG39jWRGFLpQnIhZBEGEEuZBoERK0aNUqWrXyL3AVtWjnKjVaqOBChKJV8UJatAgraBUkgo8Cn2kk8b4uHMN5zcybO+pCmM/ZnXvv+Z5z7g8upKSkpFTFijdN5ks8ag67glgCXv5NNB+KgBc+y3UGDfsTJ7hndbqit5qUpf0HDRDI6ILeSJowF3BiNAfO85D+XUeQRHjnQgR8QQa4y3D1VIJFopa5ZIEs9xnxzbNxaaBEiS0ytGNT4qd5iyxucRnooIdjvpFGbnOHlzznM6cZ4zgzPEamAtDHDbaoo7bC/xuHPC04fOci1yhGHd7oFuUC/ZssMs0QNylzkmXmKSQTUKi/wBqdDOBQosAUH8KDJHuLamnGxQEynKMhampUBWHiLle5xxnesU6ebh7gMhdWb1QFRVZZZoPyf2u6uMQSUzzlBb/oI5+sgvfUYHOWXk74zsk6X3nFLK9ZYZEyOb4YN1kI5dSmNp3SExW1wzNZQqheHcrJFrLVqnbVC8M3SnutW4+04RMINKM9sDwD4BMTTLNWOVZpifiXX5cW9PfAn+s9fGMUO0mKVQQsvAv9h4+Mm+7kboQYjQKgCYsfpt+Wo/8vSklJSYnBNtEBsGU3qz6oAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA1LTMxVDE0OjUxOjA1KzA4OjAwn18JNAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wNS0zMVQxNDo1MTozMSswODowMJTCkngAAAA5dEVYdHN2ZzpiYXNlLXVyaQBmaWxlOi8vL0Q6L3NwYWNlL3ZjX3BsYXllci9zcmMvaW1nL211dGVkLnN2Z6SDmFIAAAAASUVORK5CYII=)\0
}

.vcp-volume .vcp-slider-vertical {
    top: -8.4em;
    left: 1em;
    display: none
}

.vcp-volume .vcp-slider-track {
    position: absolute;
    bottom: 0
}

.vcp-volume:hover .vcp-slider-vertical {
    display: block
}

.vcp-volume .vcp-volume-bg {
    height: 8.8em;
    width: 2em;
    position: absolute;
    left: .25em;
    top: -8.8em;
    background: #242424;
    display: none
}

.vcp-volume:hover .vcp-slider-vertical,
.vcp-volume:hover .vcp-volume-bg {
    display: block
}

.vcp-fullscreen-toggle {
    position: relative;
    width: 3em;
    height: 3em;
    float: right;
    cursor: pointer;
    z-index: 1001;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMzYgMzYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgPHBhdGggZD0iTTcsMTYgTDEwLDE2IEwxMCwxMyBMMTMsMTMgTDEzLDEwIEw3LDEwIEw3LDE2IFoiIG9wYWN0aXk9IjEiIGZpbGw9IiNmZmYiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMjMsMTAgTDIzLDEzIEwyNiwxMyBMMjYsMTYgTDI5LDE2IEwyOSwxMCBMMjMsMTAgWiIgb3BhY3RpeT0iMSIgZmlsbD0iI2ZmZiI+PC9wYXRoPg0KICAgIDxwYXRoIGQ9Ik0yMywyMyBMMjMsMjYgTDI5LDI2IEwyOSwyMCBMMjYsMjAgTDI2LDIzIEwyMywyMyBaIiBvcGFjdGl5PSIxIiBmaWxsPSIjZmZmIj48L3BhdGg+DQogICAgPHBhdGggZD0iTTEwLDIwIEw3LDIwIEw3LDI2IEwxMywyNiBMMTMsMjMgTDEwLDIzIEwxMCwyMCBaIiBvcGFjdGl5PSIxIiBmaWxsPSIjZmZmIj48L3BhdGg+DQo8L3N2Zz4=);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAAAFoAAABaAHAjuH0AAAAHdElNRQfgBR8TICc05PV7AAABZUlEQVRYw+2WPXKDMBSEPwXsg6TIJVxxEBcunEPFld04t6DiEi58EGyyKSAOED1JZCZFZrQVmtl9f/tGAjIyMjKicNOj0mgLuGVCNCtSErf0SPZU3EaSNxoj/IbXUYoVNYdgOSDkdNYUO1nc3Yx5lptznzzK2+zcmfV0EaWRYFQi0AWaFt2DZ6AMiA/UrJHpADTscLRU7L2LFkwANe+EceU6fO2Xd+BYY5U1EL5aZW0TfR70E+0iCzdVdCOlt4xx7A0vdIiGq4vGBsEzGxwFF5p5yMhVkZhgseY/4c9H5FvTkcmJZU5MjlQjp6Mk6a5t2p4KbXWXJB3TLru+x2LBOjgKa6Khu6j9nm/kRWvRb+6iCobLzvKin31LldyrkNNpeD4+9BHy4jH7nidJp58ehDqIe9HPPuiVz+TV7FyY6iKiNDqoYfLoX8wEF06zR98Ywyga3l8Rc4ui3NJSJmIJNyMjI8PCJz46uKC8JLnTAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA1LTMxVDE3OjQ1OjU3KzA4OjAwNY8FDQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wNS0zMVQxOTozMjozOSswODowMOODzSEAAAA+dEVYdHN2ZzpiYXNlLXVyaQBmaWxlOi8vL0Q6L3NwYWNlL3ZjX3BsYXllci9zcmMvaW1nL2Z1bGxzY3JlZW4uc3ZnTGxUBwAAAABJRU5ErkJggg==)\0
}

.vcp-fullscreen .vcp-fullscreen-toggle {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMzYgMzYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgPGRlZnM+DQogICAgICAgIDxwYXRoIGQ9Ik0xMywxMCBMMTAsMTAgTDEwLDEzIEw3LDEzIEw3LDE2IEwxMywxNiBMMTMsMTAgWiIgaWQ9InN2Zy1xdWl0LTEiPjwvcGF0aD4NCiAgICAgICAgPHBhdGggZD0iTTI5LDE2IEwyOSwxMyBMMjYsMTMgTDI2LDEwIEwyMywxMCBMMjMsMTYgTDI5LDE2IFoiIGlkPSJzdmctcXVpdC0yIj48L3BhdGg+DQogICAgICAgIDxwYXRoIGQ9Ik0yOSwyMyBMMjksMjAgTDIzLDIwIEwyMywyNiBMMjYsMjYgTDI2LDIzIEwyOSwyMyBaIiBpZD0ic3ZnLXF1aXQtMyI+PC9wYXRoPg0KICAgICAgICA8cGF0aCBkPSJNMTAsMjYgTDEzLDI2IEwxMywyMCBMNywyMCBMNywyMyBMMTAsMjMgTDEwLDI2IFoiIGlkPSJzdmctcXVpdC00Ij48L3BhdGg+DQogICAgPC9kZWZzPg0KICAgIDx1c2Ugc3Ryb2tlPSIjMDAwIiBzdHJva2Utb3BhY2l0eT0iLjE1IiBzdHJva2Utd2lkdGg9IjJweCIgeGxpbms6aHJlZj0iI3N2Zy1xdWl0LTEiPjwvdXNlPg0KICAgIDx1c2Ugc3Ryb2tlPSIjMDAwIiBzdHJva2Utb3BhY2l0eT0iLjE1IiBzdHJva2Utd2lkdGg9IjJweCIgeGxpbms6aHJlZj0iI3N2Zy1xdWl0LTIiPjwvdXNlPg0KICAgIDx1c2Ugc3Ryb2tlPSIjMDAwIiBzdHJva2Utb3BhY2l0eT0iLjE1IiBzdHJva2Utd2lkdGg9IjJweCIgeGxpbms6aHJlZj0iI3N2Zy1xdWl0LTMiPjwvdXNlPg0KICAgIDx1c2Ugc3Ryb2tlPSIjMDAwIiBzdHJva2Utb3BhY2l0eT0iLjE1IiBzdHJva2Utd2lkdGg9IjJweCIgeGxpbms6aHJlZj0iI3N2Zy1xdWl0LTQiPjwvdXNlPg0KICAgIDx1c2UgZmlsbD0iI2ZmZiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhsaW5rOmhyZWY9IiNzdmctcXVpdC0xIj48L3VzZT4NCiAgICA8dXNlIGZpbGw9IiNmZmYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bGluazpocmVmPSIjc3ZnLXF1aXQtMiI+PC91c2U+DQogICAgPHVzZSBmaWxsPSIjZmZmIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeGxpbms6aHJlZj0iI3N2Zy1xdWl0LTMiPjwvdXNlPg0KICAgIDx1c2UgZmlsbD0iI2ZmZiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhsaW5rOmhyZWY9IiNzdmctcXVpdC00Ij48L3VzZT4NCjwvc3ZnPg==);
    background-image: url(data:image/png;base64,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)\0
}

.vcp-loading {
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    text-indent: -9999em
}

.vcp-loading:before {
    box-sizing: inherit;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 3px solid hsla(0, 0%, 100%, 0);
    border-left-color: #fff;
    border-right-color: #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.vcp-poster {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 1000;
    width: 100%;
    height: 100%;
    display: none
}

.vcp-poster-pic {
    position: relative
}

.vcp-poster-pic.cover,
.vcp-poster-pic.default {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.vcp-poster-pic.cover {
    width: 100%
}

.vcp-poster-pic.stretch {
    width: 100%;
    height: 100%
}

.vcp-error-tips {
    position: absolute;
    z-index: 1001;
    width: 100%;
    height: 4.5em;
    left: 0;
    top: 50%;
    color: #ff4500;
    margin-top: -5.25em;
    text-align: center;
    display: none
}

.vcp-clarityswitcher {
    height: 3em;
    width: 3em;
    cursor: pointer;
    position: relative;
    z-index: 1001;
    float: right;
    background-color: transparent;
    opacity: .9
}

.vcp-vertical-switcher-container {
    width: 3em;
    position: absolute;
    left: 0;
    bottom: 2.4em;
    background: #242424;
    display: none
}

.vcp-vertical-switcher-current {
    display: block;
    color: #fff;
    text-align: center;
    line-height: 3em
}

.vcp-vertical-switcher-item {
    display: block;
    color: #fff;
    text-align: center;
    line-height: 2em
}

.vcp-vertical-switcher-item.current {
    color: #888
}

.vcp-share>a {
    width: 3em;
    height: 3em;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAjVJREFUeNrsmDtoFUEUhr+rJkiCSEyRQhHRCCohBAlioRIECxtBQRBL8VHYWFmIhXaijY2gRCGIFlbpLASFYDAiPoiPYFBBRBQFkRA0PmI+m3MhhORe3ZDNXpgfplh2mZlv5/zn7NmSSi1rATWuBJAAEkACSAAJIAHMpxbluFYbcBDYCiwBvgODQDdwD5jINKuax+hSB51ew+p+tS7L3HlsvlW9b2UNqGuyzJ+HBzqBjVWeaQIai2ri31XiewK4BbwvmgdK6k71tjo+Q+j8UbvVlqzrlOagIysBHcAxYDfwDOgB1sV1c5zKa+B63BvNvNgsABqApcBIpESAlcBh4Ehsqge4DHwIsPVAK/AtwD7P+m1lBNgCHAJWAa+AG8By4ATQAlwFLgIv5txhGeJuh/p2Six/UkfUXnVzTrUlUx1Yq/bPYMibakOem89SB9piTKePk7xQ2I+5p8CjCsWoqegAb4AzYdyyRoEnYezeSJUNeQFkzUKdwL54433AXWATcDJCrBc4D/RPU4UXR0odm0+AsuqiKJW1AjgAHI1TuAZcAJ4Dq4FdQHuc/BBwB3iYdxr9l9GhXlLH1CH1nNqn/pqUtcYjHR9XG/NKo/8z6tXtFdJuWT/V02pzUfuBveqPKhBf1FNF7Qfqw7SVtAzYVtR+4DEwXMt/JV4CZ4GvVSCvFLmpXxheeDAl9sej4emKZwrR0FRSO7AH2BAFbiCK3rv5KmTpz1wCSAAJIAEkgASQAGpZfwcAT9esWbDao2gAAAAASUVORK5CYII=);
    opacity: .9;
    display: block
}

.vcp-share {
    width: 3em;
    height: 3em;
    position: relative;
    float: right;
    z-index: 1001
}

.vcp-vertical-share-container {
    width: auto;
    height: auto;
    position: absolute;
    background: rgba(36, 36, 36, .8);
    padding: .5em;
    overflow: hidden;
    display: none
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation: fadeOut ease .8s;
    animation: fadeOut ease .8s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation: fadeIn ease .8s;
    animation: fadeIn ease .8s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}


/* 第二段 */

.jj-flash-note__popper[data-v-44225974] {
    position: absolute;
    border: none;
    outline: 0;
    text-align: center;
    width: 28px;
    height: 28px;
    background: #f7f8fa;
    border: 1px solid #e5e6eb;
    border-radius: 2px;
    padding: 4px
}

.jj-flash-note__popper .icon[data-v-44225974] {
    pointer-events: none
}

.jj-flash-note__popup.vdr-container {
    position: absolute;
    box-sizing: border-box
}

.jj-flash-note__popup.vdr-container .vdr-handle-tl {
    top: -4px;
    left: -4px;
    cursor: nwse-resize
}

.jj-flash-note__popup.vdr-container .vdr-handle-tm {
    top: -2px;
    left: 50%;
    margin-left: -3px;
    cursor: ns-resize
}

.jj-flash-note__popup.vdr-container .vdr-handle-tr {
    top: -4px;
    right: -4px;
    cursor: nesw-resize
}

.jj-flash-note__popup.vdr-container .vdr-handle-ml {
    top: 50%;
    margin-top: -3px;
    left: -2px;
    cursor: ew-resize
}

.jj-flash-note__popup.vdr-container .vdr-handle-mr {
    top: 50%;
    margin-top: -3px;
    right: -2px;
    cursor: ew-resize
}

.jj-flash-note__popup.vdr-container .vdr-handle-bl {
    bottom: -4px;
    left: -4px;
    cursor: nesw-resize
}

.jj-flash-note__popup.vdr-container .vdr-handle-bm {
    bottom: -2px;
    left: 50%;
    margin-left: -4px;
    cursor: ns-resize
}

.jj-flash-note__popup.vdr-container .vdr-handle-br {
    bottom: -4px;
    right: -4px;
    cursor: nwse-resize
}

.jj-flash-note__popup.vdr-container .vdr-handle {
    box-sizing: border-box;
    position: absolute;
    width: 7px;
    height: 7px
}

.jj-flash-note__popup.vdr-container .vdr-handle.vdr-handle-tl.handle-tl {
    top: 0;
    left: 0
}

.jj-flash-note__popup.vdr-container .vdr-handle.vdr-handle-tr.handle-tr {
    top: 0;
    right: 0
}

.jj-flash-note__popup.vdr-container .vdr-handle.vdr-handle-bl.handle-bl {
    bottom: 0;
    left: 0
}

.jj-flash-note__popup.vdr-container .vdr-handle.vdr-handle-br.handle-br {
    bottom: 0;
    right: 0
}

.jj-flash-note__popup.vdr-container .vdr-handle.vdr-handle-bm.handle-bm,
.jj-flash-note__popup.vdr-container .vdr-handle.vdr-handle-tm.handle-tm {
    left: 10px;
    right: 10px;
    width: unset;
    margin-left: 0
}

.jj-flash-note__popup.vdr-container .vdr-handle.vdr-handle-ml.handle-ml,
.jj-flash-note__popup.vdr-container .vdr-handle.vdr-handle-mr.handle-mr {
    top: 10px;
    bottom: 10px;
    height: unset;
    margin-top: 0
}

.jj-flash-note__popup[data-v-45165cc7] {
    position: absolute;
    border: 1px solid #e4e6eb;
    filter: drop-shadow(0 2px 15px rgba(0, 0, 0, .2));
    border-radius: 4px;
    overflow: hidden;
    z-index: 9999;
    background-color: #fff
}

.jj-flash-note__frame[data-v-45165cc7] {
    border: none
}

.jj-flash-note__app[data-v-6ad74fae] {
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0
}

.jj-flash-note__app .mask[data-v-6ad74fae] {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9000;
    background-color: rgba(0, 0, 0, .4);
    opacity: 1
}

.jj-flash-note__app .fade-enter-active[data-v-6ad74fae],
.jj-flash-note__app .fade-leave-active[data-v-6ad74fae] {
    transition: opacity .15s ease
}

.jj-flash-note__app .fade-enter-from[data-v-6ad74fae],
.jj-flash-note__app .fade-leave-to[data-v-6ad74fae] {
    opacity: 0
}

[data-v-41285de6]:root {
    --jjext-color-brand: #1e80ff;
    --jjext-color-brand-light: #e8f3ff;
    --jjext-color-nav-title: #86909c;
    --jjext-color-nav-popup-bg: #ffffff;
    --jjext-color-primary: #1d2129;
    --jjext-color-secondary-app: #4e5969;
    --jjext-color-thirdly: #86909c;
    --jjext-color-hover: #1e80ff;
    --jjext-color-hover-thirdly: #86909c;
    --jjext-color-dropdown-text: #1e80ff;
    --jjext-color-divider: #e5e6eb;
    --jjext-color-main-bg: #f4f5f5;
    --jjext-color-secondary-bg: #ffffff;
    --jjext-color-thirdly-bg: #f4f5f5;
    --jjext-color-hover-bg: #e8f3ff;
    --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
    --jjext-hover-bg: linear-gradient( 90deg, rgba(232, 243, 255, 0) 0%, rgba(232, 243, 255, 0.8) 25.09%, #e8f3ff 50.16%, rgba(232, 243, 255, 0.8) 75.47%, rgba(232, 243, 255, 0) 100%);
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #ffffff;
    --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
    --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
    --jjext-color-tips: #f53f3f;
    --jjext-color-fourthly: #c9cdd4;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #e5e6eb;
    --jjext-color-icon-search: #ffffff;
    --jjext-color-navbar-icon: #1e80ff;
    --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
    --jjext-color-layout-title: #4e5969;
    --jjext-color-layout-title-active: #1e80ff;
    --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
    --jjext-color-layout-icon-fill: #ffffff;
    --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
    --jjext-color-layer-4: #ffffff;
    --jjext-color-font-brand1-normal: #1e80ff;
    --jjext-color-font-brand-4: #abcdff;
    --jjext-color-font-1: #252933;
    --jjext-color-font-2: #515767;
    --jjext-color-font-3: #8a919f;
    --jjext-color-font-4: #c2c8d1;
    --jjext-color-font-white: #fff;
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05);
    --jjext-brand-fill2-hover: rgba(30, 128, 255, 0.1);
    --jjext-color-gray-0: #fff;
    --jjext-color-gray-1-1: #e4e6eb;
    --jjext-color-gray-1-2: rgba(228, 230, 235, 0.5);
    --jjext-color-gray-1-3: #e4e6eb;
    --jjext-color-gray-2: #f2f3f5;
    --jjext-color-gray-3: #f7f8fa;
    --jjext-color-background: #f2f3f5;
    --jjext-color-layer-1: #fff;
    --jjext-color-layer-2-1: #f7f8fa;
    --jjext-color-layer-2-2: rgba(247, 248, 250, 0.7);
    --jjext-color-layer-3-fill: #f2f3f5;
    --jjext-color-layer-3-border: #e4e6eb;
    --jjext-color-layer-4-dropdown: #fff;
    --jjext-color-layer-5: #fff;
    --jjext-color-brand-1-normal: #1e80ff;
    --jjext-color-brand-2-hover: #1171ee;
    --jjext-color-brand-3-click: #0060dd;
    --jjext-color-brand-4-disable: #abcdff;
    --jjext-color-brand-5-light: #eaf2ff;
    --jjext-color-mask-1: rgba(0, 0, 0, 0.4);
    --jjext-color-mask-2: #fff;
    --jjext-color-mask-3: none;
    --jjext-color-mask-6: #ffffff;
    --jjext-color-brand-fill1-normal: rgba(30, 128, 255, 0.05);
    --jjext-color-brand-fill2-hover: rgba(30, 128, 255, 0.1);
    --jjext-color-brand-fill3-click: rgba(30, 128, 255, 0.2);
    --jjext-color-brand-stroke1-normal: rgba(30, 128, 255, 0.3);
    --jjext-color-brand-stroke2-hover: rgba(30, 128, 255, 0.45);
    --jjext-color-brand-stroke3-click: rgba(30, 128, 255, 0.6);
    --jjext-color-font_danger: #ff5132;
    --jjext-color-shade-1: rgba(0, 0, 0, 0.4);
    --jjext-color-popup: #fff;
    --jjext-color-popover: rgba(0, 0, 0, 0.8)
}

 :root .dark[data-v-41285de6] {
    --jjext-color-brand: #1352a3;
    --jjext-color-nav-title: #e3e3e3;
    --jjext-color-nav-popup-bg: #1352a3;
    --jjext-color-primary: #e3e3e3;
    --jjext-color-secondary-app: #a9a9a9;
    --jjext-color-thirdly: #7d7d7f;
    --jjext-color-hover: #eeeeee;
    --jjext-color-hover-thirdly: #878789;
    --jjext-color-dropdown-text: #878789;
    --jjext-color-divider: #4a4a4a;
    --jjext-color-main-bg: #121212;
    --jjext-color-secondary-bg: #272727;
    --jjext-color-thirdly-bg: #3a3a3a;
    --jjext-color-hover-bg: #3a3a3a;
    --jjext-color-comment-bg: #313131;
    --jjext-hover-bg: linear-gradient( 90deg, rgba(58, 58, 58, 0) 0%, rgba(58, 58, 58, 0.8) 25.09%, #3a3a3a 50.16%, rgba(58, 58, 58, 0.8) 75.47%, rgba(58, 58, 58, 0) 100%);
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #e3e3e3;
    --jjext-color-nav-bg: rgb(30, 30, 30);
    --jjext-color-nav-selected-border: #4a4a4a;
    --jjext-color-tips: #bc3030;
    --jjext-color-fourthly: #878789;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #3a3a3a;
    --jjext-color-icon-search: #e3e3e3;
    --jjext-color-navbar-icon: #e3e3e3;
    --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
    --jjext-color-layout-title: #eeeeee;
    --jjext-color-layout-title-active: #eeeeee;
    --jjext-color-layout-icon-outline: #131313;
    --jjext-color-layout-icon-fill: #e3e3e3;
    --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
    --jjext-color-layer-4: #2f2f2f;
    --jjext-color-font-brand1-normal: #4495ff;
    --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
    --jjext-color-font-1: rgba(255, 255, 255, 0.9);
    --jjext-color-font-2: rgba(255, 255, 255, 0.7);
    --jjext-color-font-3: rgba(255, 255, 255, 0.55);
    --jjext-color-font-4: rgba(255, 255, 255, 0.45);
    --jjext-color-font-white: #fff;
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1);
    --jjext-brand-fill2-hover: rgba(20, 115, 237, 0.25);
    --jjext-color-gray-0: #000;
    --jjext-color-gray-1-1: rgba(255, 255, 255, 0.2);
    --jjext-color-gray-1-2: rgba(255, 255, 255, 0.1);
    --jjext-color-gray-1-3: #464646;
    --jjext-color-gray-2: rgba(255, 255, 255, 0.12);
    --jjext-color-gray-3: rgba(255, 255, 255, 0.08);
    --jjext-color-background: #000;
    --jjext-color-layer-1: #181818;
    --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-2-2: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-3-fill: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-3-border: rgba(255, 255, 255, 0.2);
    --jjext-color-layer-4-dropdown: #2f2f2f;
    --jjext-color-layer-5: rgba(255, 255, 255, 0.12);
    --jjext-color-brand-1-normal: #2986ff;
    --jjext-color-brand-2-hover: #1473ed;
    --jjext-color-brand-3-click: #0563dd;
    --jjext-color-brand-4-disable: rgba(41, 134, 255, 0.4);
    --jjext-color-brand-5-light: rgba(30, 128, 255, 0.2);
    --jjext-color-mask-1: rgba(255, 255, 255, 0.4);
    --jjext-color-mask-2: #282828;
    --jjext-color-mask-3: rgba(0, 0, 0, 0.05);
    --jjext-color-mask-6: #181818;
    --jjext-color-brand-fill1-normal: rgba(41, 134, 255, 0.15);
    --jjext-color-brand-fill2-hover: rgba(20, 115, 237, 0.25);
    --jjext-color-brand-fill3-click: rgba(5, 99, 221, 0.35);
    --jjext-color-brand-stroke1-normal: rgba(41, 134, 255, 0.4);
    --jjext-color-brand-stroke2-hover: rgba(20, 115, 237, 0.6);
    --jjext-color-brand-stroke3-click: rgba(5, 99, 221, 0.6);
    --jjext-color-font_danger: #f85959;
    --jjext-color-shade-1: rgba(0, 0, 0, 0.6);
    --jjext-color-popup: #282828;
    --jjext-color-popover: #323232
}

.juejin-search[data-v-41285de6] {
    display: flex;
    width: 682px;
    height: 46px;
    border-radius: 2px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative
}

.juejin-search .search-anim[data-v-41285de6] {
    position: absolute;
    left: 8px;
    width: 28px;
    height: 28px;
    object-fit: contain;
    animation-play-state: paused
}

.juejin-search .search-anim.slide-right-enter-active[data-v-41285de6],
.juejin-search .search-anim.slide-right-leave-active[data-v-41285de6] {
    transition: width .3s linear
}

.juejin-search .search-anim.slide-right-enter-from[data-v-41285de6],
.juejin-search .search-anim.slide-right-leave-to[data-v-41285de6] {
    width: 0
}

.juejin-search .juejin-search-logo[data-v-41285de6] {
    right: 16px;
    position: absolute;
    width: 23px;
    height: 18px;
    object-fit: contain
}

.juejin-search .juejin-search-logo path[data-v-41285de6] {
    transition: all .3s linear
}

.juejin-search #juejin-search-input-global[data-v-41285de6] {
    height: 100%;
    width: 100%
}

.juejin-search #juejin-search-input-global .input[data-v-41285de6] {
    padding: 0 39px 0 33px;
    width: 100%;
    height: 100%;
    outline: 0;
    border: none;
    border-radius: 2px;
    color: var(--jjext-color-font-1);
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    caret-color: transparent;
    box-sizing: border-box;
    background-color: var(--jjext-color-layer-4-plugin)
}

.juejin-search #juejin-search-input-global .input.active[data-v-41285de6] {
    border: 2px solid var(--jjext-color-font-brand-4)
}

.juejin-search #juejin-search-input-global .input.animation-stopped[data-v-41285de6] {
    caret-color: #1e80ff;
    padding-left: 16px
}

.juejin-search #juejin-search-input-global .input[data-v-41285de6]::placeholder {
    font-weight: 400;
    color: #86909c
}

.calculator[data-v-4faf9c0e] {
    display: flex;
    align-items: center;
    height: 36px;
    padding: 0 16px;
    cursor: pointer
}

.calculator .result[data-v-4faf9c0e] {
    font-size: 14px;
    text-align: start;
    font-weight: 500;
    line-height: 22px;
    color: #1d2129;
    margin: 0 12px;
    text-overflow: ellipsis;
    flex: 1 0 auto;
    overflow: hidden;
    white-space: nowrap;
    max-width: 494px
}

.calculator .hint[data-v-4faf9c0e] {
    font-size: 14px;
    line-height: 22px;
    color: #8a919f
}

[data-v-cc26d79c]:root {
    --jjext-color-brand: #1e80ff;
    --jjext-color-brand-light: #e8f3ff;
    --jjext-color-nav-title: #86909c;
    --jjext-color-nav-popup-bg: #ffffff;
    --jjext-color-primary: #1d2129;
    --jjext-color-secondary-app: #4e5969;
    --jjext-color-thirdly: #86909c;
    --jjext-color-hover: #1e80ff;
    --jjext-color-hover-thirdly: #86909c;
    --jjext-color-dropdown-text: #1e80ff;
    --jjext-color-divider: #e5e6eb;
    --jjext-color-main-bg: #f4f5f5;
    --jjext-color-secondary-bg: #ffffff;
    --jjext-color-thirdly-bg: #f4f5f5;
    --jjext-color-hover-bg: #e8f3ff;
    --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
    --jjext-hover-bg: linear-gradient( 90deg, rgba(232, 243, 255, 0) 0%, rgba(232, 243, 255, 0.8) 25.09%, #e8f3ff 50.16%, rgba(232, 243, 255, 0.8) 75.47%, rgba(232, 243, 255, 0) 100%);
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #ffffff;
    --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
    --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
    --jjext-color-tips: #f53f3f;
    --jjext-color-fourthly: #c9cdd4;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #e5e6eb;
    --jjext-color-icon-search: #ffffff;
    --jjext-color-navbar-icon: #1e80ff;
    --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
    --jjext-color-layout-title: #4e5969;
    --jjext-color-layout-title-active: #1e80ff;
    --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
    --jjext-color-layout-icon-fill: #ffffff;
    --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
    --jjext-color-layer-4: #ffffff;
    --jjext-color-font-brand1-normal: #1e80ff;
    --jjext-color-font-brand-4: #abcdff;
    --jjext-color-font-1: #252933;
    --jjext-color-font-2: #515767;
    --jjext-color-font-3: #8a919f;
    --jjext-color-font-4: #c2c8d1;
    --jjext-color-font-white: #fff;
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05);
    --jjext-brand-fill2-hover: rgba(30, 128, 255, 0.1);
    --jjext-color-gray-0: #fff;
    --jjext-color-gray-1-1: #e4e6eb;
    --jjext-color-gray-1-2: rgba(228, 230, 235, 0.5);
    --jjext-color-gray-1-3: #e4e6eb;
    --jjext-color-gray-2: #f2f3f5;
    --jjext-color-gray-3: #f7f8fa;
    --jjext-color-background: #f2f3f5;
    --jjext-color-layer-1: #fff;
    --jjext-color-layer-2-1: #f7f8fa;
    --jjext-color-layer-2-2: rgba(247, 248, 250, 0.7);
    --jjext-color-layer-3-fill: #f2f3f5;
    --jjext-color-layer-3-border: #e4e6eb;
    --jjext-color-layer-4-dropdown: #fff;
    --jjext-color-layer-5: #fff;
    --jjext-color-brand-1-normal: #1e80ff;
    --jjext-color-brand-2-hover: #1171ee;
    --jjext-color-brand-3-click: #0060dd;
    --jjext-color-brand-4-disable: #abcdff;
    --jjext-color-brand-5-light: #eaf2ff;
    --jjext-color-mask-1: rgba(0, 0, 0, 0.4);
    --jjext-color-mask-2: #fff;
    --jjext-color-mask-3: none;
    --jjext-color-mask-6: #ffffff;
    --jjext-color-brand-fill1-normal: rgba(30, 128, 255, 0.05);
    --jjext-color-brand-fill2-hover: rgba(30, 128, 255, 0.1);
    --jjext-color-brand-fill3-click: rgba(30, 128, 255, 0.2);
    --jjext-color-brand-stroke1-normal: rgba(30, 128, 255, 0.3);
    --jjext-color-brand-stroke2-hover: rgba(30, 128, 255, 0.45);
    --jjext-color-brand-stroke3-click: rgba(30, 128, 255, 0.6);
    --jjext-color-font_danger: #ff5132;
    --jjext-color-shade-1: rgba(0, 0, 0, 0.4);
    --jjext-color-popup: #fff;
    --jjext-color-popover: rgba(0, 0, 0, 0.8)
}

 :root .dark[data-v-cc26d79c] {
    --jjext-color-brand: #1352a3;
    --jjext-color-nav-title: #e3e3e3;
    --jjext-color-nav-popup-bg: #1352a3;
    --jjext-color-primary: #e3e3e3;
    --jjext-color-secondary-app: #a9a9a9;
    --jjext-color-thirdly: #7d7d7f;
    --jjext-color-hover: #eeeeee;
    --jjext-color-hover-thirdly: #878789;
    --jjext-color-dropdown-text: #878789;
    --jjext-color-divider: #4a4a4a;
    --jjext-color-main-bg: #121212;
    --jjext-color-secondary-bg: #272727;
    --jjext-color-thirdly-bg: #3a3a3a;
    --jjext-color-hover-bg: #3a3a3a;
    --jjext-color-comment-bg: #313131;
    --jjext-hover-bg: linear-gradient( 90deg, rgba(58, 58, 58, 0) 0%, rgba(58, 58, 58, 0.8) 25.09%, #3a3a3a 50.16%, rgba(58, 58, 58, 0.8) 75.47%, rgba(58, 58, 58, 0) 100%);
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #e3e3e3;
    --jjext-color-nav-bg: rgb(30, 30, 30);
    --jjext-color-nav-selected-border: #4a4a4a;
    --jjext-color-tips: #bc3030;
    --jjext-color-fourthly: #878789;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #3a3a3a;
    --jjext-color-icon-search: #e3e3e3;
    --jjext-color-navbar-icon: #e3e3e3;
    --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
    --jjext-color-layout-title: #eeeeee;
    --jjext-color-layout-title-active: #eeeeee;
    --jjext-color-layout-icon-outline: #131313;
    --jjext-color-layout-icon-fill: #e3e3e3;
    --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
    --jjext-color-layer-4: #2f2f2f;
    --jjext-color-font-brand1-normal: #4495ff;
    --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
    --jjext-color-font-1: rgba(255, 255, 255, 0.9);
    --jjext-color-font-2: rgba(255, 255, 255, 0.7);
    --jjext-color-font-3: rgba(255, 255, 255, 0.55);
    --jjext-color-font-4: rgba(255, 255, 255, 0.45);
    --jjext-color-font-white: #fff;
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1);
    --jjext-brand-fill2-hover: rgba(20, 115, 237, 0.25);
    --jjext-color-gray-0: #000;
    --jjext-color-gray-1-1: rgba(255, 255, 255, 0.2);
    --jjext-color-gray-1-2: rgba(255, 255, 255, 0.1);
    --jjext-color-gray-1-3: #464646;
    --jjext-color-gray-2: rgba(255, 255, 255, 0.12);
    --jjext-color-gray-3: rgba(255, 255, 255, 0.08);
    --jjext-color-background: #000;
    --jjext-color-layer-1: #181818;
    --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-2-2: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-3-fill: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-3-border: rgba(255, 255, 255, 0.2);
    --jjext-color-layer-4-dropdown: #2f2f2f;
    --jjext-color-layer-5: rgba(255, 255, 255, 0.12);
    --jjext-color-brand-1-normal: #2986ff;
    --jjext-color-brand-2-hover: #1473ed;
    --jjext-color-brand-3-click: #0563dd;
    --jjext-color-brand-4-disable: rgba(41, 134, 255, 0.4);
    --jjext-color-brand-5-light: rgba(30, 128, 255, 0.2);
    --jjext-color-mask-1: rgba(255, 255, 255, 0.4);
    --jjext-color-mask-2: #282828;
    --jjext-color-mask-3: rgba(0, 0, 0, 0.05);
    --jjext-color-mask-6: #181818;
    --jjext-color-brand-fill1-normal: rgba(41, 134, 255, 0.15);
    --jjext-color-brand-fill2-hover: rgba(20, 115, 237, 0.25);
    --jjext-color-brand-fill3-click: rgba(5, 99, 221, 0.35);
    --jjext-color-brand-stroke1-normal: rgba(41, 134, 255, 0.4);
    --jjext-color-brand-stroke2-hover: rgba(20, 115, 237, 0.6);
    --jjext-color-brand-stroke3-click: rgba(5, 99, 221, 0.6);
    --jjext-color-font_danger: #f85959;
    --jjext-color-shade-1: rgba(0, 0, 0, 0.6);
    --jjext-color-popup: #282828;
    --jjext-color-popover: #323232
}

.search-action[data-v-cc26d79c] {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    user-select: none;
    cursor: pointer;
    height: 36px;
    border-left: 4px solid transparent;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    transition: all .15s linear;
    padding: 0 16px 0 12px
}

.search-action.active[data-v-cc26d79c] {
    border-left-color: var(--jjext-color-font-brand1-normal);
    background-color: #f4f5f5
}

.search-action .search-content[data-v-cc26d79c] {
    display: flex;
    align-items: center;
    flex: 1 0 auto;
    margin-right: 16px
}

.search-action .search-content .search-content__logo[data-v-cc26d79c] {
    width: 28px;
    height: 28px
}

.search-action .search-content .search-content__engine[data-v-cc26d79c],
.search-action .search-content .search-content__keyword[data-v-cc26d79c] {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.search-action .search-content .search-content__keyword[data-v-cc26d79c] {
    color: var(--jjext-color-font-1);
    margin: 0 4px 0 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 396px
}

.search-action .search-content .search-content__engine[data-v-cc26d79c] {
    color: var(--jjext-color-font-brand1-normal)
}

.search-action .hint[data-v-cc26d79c] {
    font-size: 14px;
    line-height: 22px;
    color: var(--jjext-color-font-brand1-normal)
}

em[data-v-b1604592] {
    font-style: normal;
    color: #f53f3f
}

[data-v-3249d980]:root {
    --jjext-color-brand: #1e80ff;
    --jjext-color-brand-light: #e8f3ff;
    --jjext-color-nav-title: #86909c;
    --jjext-color-nav-popup-bg: #ffffff;
    --jjext-color-primary: #1d2129;
    --jjext-color-secondary-app: #4e5969;
    --jjext-color-thirdly: #86909c;
    --jjext-color-hover: #1e80ff;
    --jjext-color-hover-thirdly: #86909c;
    --jjext-color-dropdown-text: #1e80ff;
    --jjext-color-divider: #e5e6eb;
    --jjext-color-main-bg: #f4f5f5;
    --jjext-color-secondary-bg: #ffffff;
    --jjext-color-thirdly-bg: #f4f5f5;
    --jjext-color-hover-bg: #e8f3ff;
    --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
    --jjext-hover-bg: linear-gradient( 90deg, rgba(232, 243, 255, 0) 0%, rgba(232, 243, 255, 0.8) 25.09%, #e8f3ff 50.16%, rgba(232, 243, 255, 0.8) 75.47%, rgba(232, 243, 255, 0) 100%);
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #ffffff;
    --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
    --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
    --jjext-color-tips: #f53f3f;
    --jjext-color-fourthly: #c9cdd4;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #e5e6eb;
    --jjext-color-icon-search: #ffffff;
    --jjext-color-navbar-icon: #1e80ff;
    --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
    --jjext-color-layout-title: #4e5969;
    --jjext-color-layout-title-active: #1e80ff;
    --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
    --jjext-color-layout-icon-fill: #ffffff;
    --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
    --jjext-color-layer-4: #ffffff;
    --jjext-color-font-brand1-normal: #1e80ff;
    --jjext-color-font-brand-4: #abcdff;
    --jjext-color-font-1: #252933;
    --jjext-color-font-2: #515767;
    --jjext-color-font-3: #8a919f;
    --jjext-color-font-4: #c2c8d1;
    --jjext-color-font-white: #fff;
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05);
    --jjext-brand-fill2-hover: rgba(30, 128, 255, 0.1);
    --jjext-color-gray-0: #fff;
    --jjext-color-gray-1-1: #e4e6eb;
    --jjext-color-gray-1-2: rgba(228, 230, 235, 0.5);
    --jjext-color-gray-1-3: #e4e6eb;
    --jjext-color-gray-2: #f2f3f5;
    --jjext-color-gray-3: #f7f8fa;
    --jjext-color-background: #f2f3f5;
    --jjext-color-layer-1: #fff;
    --jjext-color-layer-2-1: #f7f8fa;
    --jjext-color-layer-2-2: rgba(247, 248, 250, 0.7);
    --jjext-color-layer-3-fill: #f2f3f5;
    --jjext-color-layer-3-border: #e4e6eb;
    --jjext-color-layer-4-dropdown: #fff;
    --jjext-color-layer-5: #fff;
    --jjext-color-brand-1-normal: #1e80ff;
    --jjext-color-brand-2-hover: #1171ee;
    --jjext-color-brand-3-click: #0060dd;
    --jjext-color-brand-4-disable: #abcdff;
    --jjext-color-brand-5-light: #eaf2ff;
    --jjext-color-mask-1: rgba(0, 0, 0, 0.4);
    --jjext-color-mask-2: #fff;
    --jjext-color-mask-3: none;
    --jjext-color-mask-6: #ffffff;
    --jjext-color-brand-fill1-normal: rgba(30, 128, 255, 0.05);
    --jjext-color-brand-fill2-hover: rgba(30, 128, 255, 0.1);
    --jjext-color-brand-fill3-click: rgba(30, 128, 255, 0.2);
    --jjext-color-brand-stroke1-normal: rgba(30, 128, 255, 0.3);
    --jjext-color-brand-stroke2-hover: rgba(30, 128, 255, 0.45);
    --jjext-color-brand-stroke3-click: rgba(30, 128, 255, 0.6);
    --jjext-color-font_danger: #ff5132;
    --jjext-color-shade-1: rgba(0, 0, 0, 0.4);
    --jjext-color-popup: #fff;
    --jjext-color-popover: rgba(0, 0, 0, 0.8)
}

 :root .dark[data-v-3249d980] {
    --jjext-color-brand: #1352a3;
    --jjext-color-nav-title: #e3e3e3;
    --jjext-color-nav-popup-bg: #1352a3;
    --jjext-color-primary: #e3e3e3;
    --jjext-color-secondary-app: #a9a9a9;
    --jjext-color-thirdly: #7d7d7f;
    --jjext-color-hover: #eeeeee;
    --jjext-color-hover-thirdly: #878789;
    --jjext-color-dropdown-text: #878789;
    --jjext-color-divider: #4a4a4a;
    --jjext-color-main-bg: #121212;
    --jjext-color-secondary-bg: #272727;
    --jjext-color-thirdly-bg: #3a3a3a;
    --jjext-color-hover-bg: #3a3a3a;
    --jjext-color-comment-bg: #313131;
    --jjext-hover-bg: linear-gradient( 90deg, rgba(58, 58, 58, 0) 0%, rgba(58, 58, 58, 0.8) 25.09%, #3a3a3a 50.16%, rgba(58, 58, 58, 0.8) 75.47%, rgba(58, 58, 58, 0) 100%);
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #e3e3e3;
    --jjext-color-nav-bg: rgb(30, 30, 30);
    --jjext-color-nav-selected-border: #4a4a4a;
    --jjext-color-tips: #bc3030;
    --jjext-color-fourthly: #878789;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #3a3a3a;
    --jjext-color-icon-search: #e3e3e3;
    --jjext-color-navbar-icon: #e3e3e3;
    --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
    --jjext-color-layout-title: #eeeeee;
    --jjext-color-layout-title-active: #eeeeee;
    --jjext-color-layout-icon-outline: #131313;
    --jjext-color-layout-icon-fill: #e3e3e3;
    --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
    --jjext-color-layer-4: #2f2f2f;
    --jjext-color-font-brand1-normal: #4495ff;
    --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
    --jjext-color-font-1: rgba(255, 255, 255, 0.9);
    --jjext-color-font-2: rgba(255, 255, 255, 0.7);
    --jjext-color-font-3: rgba(255, 255, 255, 0.55);
    --jjext-color-font-4: rgba(255, 255, 255, 0.45);
    --jjext-color-font-white: #fff;
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1);
    --jjext-brand-fill2-hover: rgba(20, 115, 237, 0.25);
    --jjext-color-gray-0: #000;
    --jjext-color-gray-1-1: rgba(255, 255, 255, 0.2);
    --jjext-color-gray-1-2: rgba(255, 255, 255, 0.1);
    --jjext-color-gray-1-3: #464646;
    --jjext-color-gray-2: rgba(255, 255, 255, 0.12);
    --jjext-color-gray-3: rgba(255, 255, 255, 0.08);
    --jjext-color-background: #000;
    --jjext-color-layer-1: #181818;
    --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-2-2: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-3-fill: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-3-border: rgba(255, 255, 255, 0.2);
    --jjext-color-layer-4-dropdown: #2f2f2f;
    --jjext-color-layer-5: rgba(255, 255, 255, 0.12);
    --jjext-color-brand-1-normal: #2986ff;
    --jjext-color-brand-2-hover: #1473ed;
    --jjext-color-brand-3-click: #0563dd;
    --jjext-color-brand-4-disable: rgba(41, 134, 255, 0.4);
    --jjext-color-brand-5-light: rgba(30, 128, 255, 0.2);
    --jjext-color-mask-1: rgba(255, 255, 255, 0.4);
    --jjext-color-mask-2: #282828;
    --jjext-color-mask-3: rgba(0, 0, 0, 0.05);
    --jjext-color-mask-6: #181818;
    --jjext-color-brand-fill1-normal: rgba(41, 134, 255, 0.15);
    --jjext-color-brand-fill2-hover: rgba(20, 115, 237, 0.25);
    --jjext-color-brand-fill3-click: rgba(5, 99, 221, 0.35);
    --jjext-color-brand-stroke1-normal: rgba(41, 134, 255, 0.4);
    --jjext-color-brand-stroke2-hover: rgba(20, 115, 237, 0.6);
    --jjext-color-brand-stroke3-click: rgba(5, 99, 221, 0.6);
    --jjext-color-font_danger: #f85959;
    --jjext-color-shade-1: rgba(0, 0, 0, 0.6);
    --jjext-color-popup: #282828;
    --jjext-color-popover: #323232
}

.search-suggest[data-v-3249d980] {
    background: var(--jjext-color-layer-4);
    padding: 0 4px 8px 4px
}

.search-suggest .calculator.active[data-v-3249d980],
.search-suggest .search-action.active[data-v-3249d980] {
    background: var(--jjext-color-layer-2-1)
}

.search-suggest .calculator[data-v-3249d980] {
    transition: background-color .15s linear
}

.search-suggest .list[data-v-3249d980] {
    display: flex;
    border-top: 1px solid var(--jjext-color-layer-gray-1-2);
    flex-direction: column;
    padding-top: 4px
}

.search-suggest .list .item[data-v-3249d980] {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 36px;
    cursor: pointer
}

.search-suggest .list .item .content[data-v-3249d980] {
    color: var(--jjext-color-font-1);
    font-size: 14px
}

.search-suggest .list .item.active[data-v-3249d980] {
    background: var(--jjext-color-layer-2-1)
}

.search-suggest .list .tool-item[data-v-3249d980] {
    position: relative;
    padding: 0 9px 0 4px
}

.search-suggest .list .tool-item .tool-icon[data-v-3249d980] {
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat
}

.search-suggest .list .tool-item .content[data-v-3249d980] {
    margin-left: 8px
}

.search-suggest .list .tool-item .icon-tool-arrow[data-v-3249d980] {
    opacity: 0;
    transition: all .15s linear;
    position: absolute;
    stroke: var(--jjext-color-font-brand1-normal);
    top: 50%;
    transform: translateY(-50%);
    right: 9px
}

.search-suggest .list .tool-item.active .icon-tool-arrow[data-v-3249d980] {
    opacity: 1
}

.search-suggest .list .suggest-item[data-v-3249d980] {
    padding: 0 7px;
    transition: background-color .15s linear
}

.search-suggest .list .suggest-item .icon-search[data-v-3249d980] {
    stroke: var(--jjext-color-font-4)
}

.search-suggest .list .suggest-item .content[data-v-3249d980] {
    margin: 0 0 0 12px
}

.search-suggest .list .suggest-item[data-v-3249d980] .highlight-keyword {
    color: var(--jjext-color-font-3)
}

.search-suggest .setting-hint[data-v-3249d980] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 8px 16px 0 16px
}

.search-suggest .setting-hint .text[data-v-3249d980] {
    color: #8a919f;
    line-height: 22px;
    cursor: pointer;
    user-select: none
}

.search-suggest .setting-hint .text[data-v-3249d980]:hover:not(.disabled) {
    color: #1e80ff;
    transition: all .15s linear
}

.search-suggest .setting-hint .text.disabled[data-v-3249d980] {
    cursor: initial
}

 :root {
    --jjext-color-input-bg: #f4f5f5;
    --jjext-color-input-error-bg: #ffece8;
    --jjext-color-input-placeholder: #86909c;
    --jjext-color-input-text: #4e5969;
    --jjext-color-input-icon: #f53f3f
}

 :root .dark {
    --jjext-color-input-bg: rgba(255, 255, 255, 0.12);
    --jjext-color-input-error-bg: rgba(255, 81, 50, 0.15);
    --jjext-color-input-placeholder: #e3e3e3;
    --jjext-color-input-text: #e3e3e3;
    --jjext-color-input-icon: #ff6247
}

[data-v-341e7439]:root {
    --jjext-color-brand: #1e80ff;
    --jjext-color-brand-light: #e8f3ff;
    --jjext-color-nav-title: #86909c;
    --jjext-color-nav-popup-bg: #ffffff;
    --jjext-color-primary: #1d2129;
    --jjext-color-secondary-app: #4e5969;
    --jjext-color-thirdly: #86909c;
    --jjext-color-hover: #1e80ff;
    --jjext-color-hover-thirdly: #86909c;
    --jjext-color-dropdown-text: #1e80ff;
    --jjext-color-divider: #e5e6eb;
    --jjext-color-main-bg: #f4f5f5;
    --jjext-color-secondary-bg: #ffffff;
    --jjext-color-thirdly-bg: #f4f5f5;
    --jjext-color-hover-bg: #e8f3ff;
    --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
    --jjext-hover-bg: linear-gradient( 90deg, rgba(232, 243, 255, 0) 0%, rgba(232, 243, 255, 0.8) 25.09%, #e8f3ff 50.16%, rgba(232, 243, 255, 0.8) 75.47%, rgba(232, 243, 255, 0) 100%);
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #ffffff;
    --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
    --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
    --jjext-color-tips: #f53f3f;
    --jjext-color-fourthly: #c9cdd4;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #e5e6eb;
    --jjext-color-icon-search: #ffffff;
    --jjext-color-navbar-icon: #1e80ff;
    --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
    --jjext-color-layout-title: #4e5969;
    --jjext-color-layout-title-active: #1e80ff;
    --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
    --jjext-color-layout-icon-fill: #ffffff;
    --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
    --jjext-color-layer-4: #ffffff;
    --jjext-color-font-brand1-normal: #1e80ff;
    --jjext-color-font-brand-4: #abcdff;
    --jjext-color-font-1: #252933;
    --jjext-color-font-2: #515767;
    --jjext-color-font-3: #8a919f;
    --jjext-color-font-4: #c2c8d1;
    --jjext-color-font-white: #fff;
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05);
    --jjext-brand-fill2-hover: rgba(30, 128, 255, 0.1);
    --jjext-color-gray-0: #fff;
    --jjext-color-gray-1-1: #e4e6eb;
    --jjext-color-gray-1-2: rgba(228, 230, 235, 0.5);
    --jjext-color-gray-1-3: #e4e6eb;
    --jjext-color-gray-2: #f2f3f5;
    --jjext-color-gray-3: #f7f8fa;
    --jjext-color-background: #f2f3f5;
    --jjext-color-layer-1: #fff;
    --jjext-color-layer-2-1: #f7f8fa;
    --jjext-color-layer-2-2: rgba(247, 248, 250, 0.7);
    --jjext-color-layer-3-fill: #f2f3f5;
    --jjext-color-layer-3-border: #e4e6eb;
    --jjext-color-layer-4-dropdown: #fff;
    --jjext-color-layer-5: #fff;
    --jjext-color-brand-1-normal: #1e80ff;
    --jjext-color-brand-2-hover: #1171ee;
    --jjext-color-brand-3-click: #0060dd;
    --jjext-color-brand-4-disable: #abcdff;
    --jjext-color-brand-5-light: #eaf2ff;
    --jjext-color-mask-1: rgba(0, 0, 0, 0.4);
    --jjext-color-mask-2: #fff;
    --jjext-color-mask-3: none;
    --jjext-color-mask-6: #ffffff;
    --jjext-color-brand-fill1-normal: rgba(30, 128, 255, 0.05);
    --jjext-color-brand-fill2-hover: rgba(30, 128, 255, 0.1);
    --jjext-color-brand-fill3-click: rgba(30, 128, 255, 0.2);
    --jjext-color-brand-stroke1-normal: rgba(30, 128, 255, 0.3);
    --jjext-color-brand-stroke2-hover: rgba(30, 128, 255, 0.45);
    --jjext-color-brand-stroke3-click: rgba(30, 128, 255, 0.6);
    --jjext-color-font_danger: #ff5132;
    --jjext-color-shade-1: rgba(0, 0, 0, 0.4);
    --jjext-color-popup: #fff;
    --jjext-color-popover: rgba(0, 0, 0, 0.8)
}

 :root .dark[data-v-341e7439] {
    --jjext-color-brand: #1352a3;
    --jjext-color-nav-title: #e3e3e3;
    --jjext-color-nav-popup-bg: #1352a3;
    --jjext-color-primary: #e3e3e3;
    --jjext-color-secondary-app: #a9a9a9;
    --jjext-color-thirdly: #7d7d7f;
    --jjext-color-hover: #eeeeee;
    --jjext-color-hover-thirdly: #878789;
    --jjext-color-dropdown-text: #878789;
    --jjext-color-divider: #4a4a4a;
    --jjext-color-main-bg: #121212;
    --jjext-color-secondary-bg: #272727;
    --jjext-color-thirdly-bg: #3a3a3a;
    --jjext-color-hover-bg: #3a3a3a;
    --jjext-color-comment-bg: #313131;
    --jjext-hover-bg: linear-gradient( 90deg, rgba(58, 58, 58, 0) 0%, rgba(58, 58, 58, 0.8) 25.09%, #3a3a3a 50.16%, rgba(58, 58, 58, 0.8) 75.47%, rgba(58, 58, 58, 0) 100%);
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #e3e3e3;
    --jjext-color-nav-bg: rgb(30, 30, 30);
    --jjext-color-nav-selected-border: #4a4a4a;
    --jjext-color-tips: #bc3030;
    --jjext-color-fourthly: #878789;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #3a3a3a;
    --jjext-color-icon-search: #e3e3e3;
    --jjext-color-navbar-icon: #e3e3e3;
    --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
    --jjext-color-layout-title: #eeeeee;
    --jjext-color-layout-title-active: #eeeeee;
    --jjext-color-layout-icon-outline: #131313;
    --jjext-color-layout-icon-fill: #e3e3e3;
    --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
    --jjext-color-layer-4: #2f2f2f;
    --jjext-color-font-brand1-normal: #4495ff;
    --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
    --jjext-color-font-1: rgba(255, 255, 255, 0.9);
    --jjext-color-font-2: rgba(255, 255, 255, 0.7);
    --jjext-color-font-3: rgba(255, 255, 255, 0.55);
    --jjext-color-font-4: rgba(255, 255, 255, 0.45);
    --jjext-color-font-white: #fff;
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1);
    --jjext-brand-fill2-hover: rgba(20, 115, 237, 0.25);
    --jjext-color-gray-0: #000;
    --jjext-color-gray-1-1: rgba(255, 255, 255, 0.2);
    --jjext-color-gray-1-2: rgba(255, 255, 255, 0.1);
    --jjext-color-gray-1-3: #464646;
    --jjext-color-gray-2: rgba(255, 255, 255, 0.12);
    --jjext-color-gray-3: rgba(255, 255, 255, 0.08);
    --jjext-color-background: #000;
    --jjext-color-layer-1: #181818;
    --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-2-2: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-3-fill: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-3-border: rgba(255, 255, 255, 0.2);
    --jjext-color-layer-4-dropdown: #2f2f2f;
    --jjext-color-layer-5: rgba(255, 255, 255, 0.12);
    --jjext-color-brand-1-normal: #2986ff;
    --jjext-color-brand-2-hover: #1473ed;
    --jjext-color-brand-3-click: #0563dd;
    --jjext-color-brand-4-disable: rgba(41, 134, 255, 0.4);
    --jjext-color-brand-5-light: rgba(30, 128, 255, 0.2);
    --jjext-color-mask-1: rgba(255, 255, 255, 0.4);
    --jjext-color-mask-2: #282828;
    --jjext-color-mask-3: rgba(0, 0, 0, 0.05);
    --jjext-color-mask-6: #181818;
    --jjext-color-brand-fill1-normal: rgba(41, 134, 255, 0.15);
    --jjext-color-brand-fill2-hover: rgba(20, 115, 237, 0.25);
    --jjext-color-brand-fill3-click: rgba(5, 99, 221, 0.35);
    --jjext-color-brand-stroke1-normal: rgba(41, 134, 255, 0.4);
    --jjext-color-brand-stroke2-hover: rgba(20, 115, 237, 0.6);
    --jjext-color-brand-stroke3-click: rgba(5, 99, 221, 0.6);
    --jjext-color-font_danger: #f85959;
    --jjext-color-shade-1: rgba(0, 0, 0, 0.6);
    --jjext-color-popup: #282828;
    --jjext-color-popover: #323232
}

.input-option[data-v-341e7439] {
    display: flex;
    flex-direction: column
}

.input-option span.error[data-v-341e7439] {
    margin-left: 6.6666666667rem;
    font-size: 1rem;
    line-height: 20px;
    display: inline-block;
    height: 20px;
    color: var(--jjext-color-tips)
}

.input-wrapper[data-v-341e7439] {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%
}

.input-wrapper label[data-v-341e7439] {
    width: 4em;
    font-size: 1.1666666667rem;
    line-height: 1.8333333333rem;
    color: var(--jjext-color-thirdly);
    margin-right: 1rem
}

.input-wrapper .input[data-v-341e7439] {
    flex: 1 0 auto;
    position: relative
}

.input-wrapper .input.error .input-inner[data-v-341e7439] {
    background-color: var(--jjext-color-input-error-bg)
}

.input-wrapper .input.error .btn-clear[data-v-341e7439] {
    color: var(--jjext-color-input-icon)
}

.input-wrapper .input .input-inner[data-v-341e7439] {
    background: var(--jjext-color-input-bg);
    border-radius: 2px;
    color: var(--jjext-color-input-text);
    font-size: 1.0833333333rem;
    line-height: 1.8333333333rem;
    height: 2.3333333333rem;
    padding: 0 8px;
    outline: 0;
    border: none;
    width: 100%
}

.input-wrapper .input .input-inner[data-v-341e7439]::placeholder {
    color: var(--jjext-color-input-placeholder)
}

.input-wrapper .btn-clear[data-v-341e7439] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: 0 0;
    border: none;
    outline: 0;
    color: var(--jjext-color-fourthly)
}

.input-wrapper .btn-clear[data-v-341e7439]::before {
    font-size: 10px;
    line-height: 10px
}

[data-v-5a92de1e]:root {
    --jjext-color-brand: #1e80ff;
    --jjext-color-brand-light: #e8f3ff;
    --jjext-color-nav-title: #86909c;
    --jjext-color-nav-popup-bg: #ffffff;
    --jjext-color-primary: #1d2129;
    --jjext-color-secondary-app: #4e5969;
    --jjext-color-thirdly: #86909c;
    --jjext-color-hover: #1e80ff;
    --jjext-color-hover-thirdly: #86909c;
    --jjext-color-dropdown-text: #1e80ff;
    --jjext-color-divider: #e5e6eb;
    --jjext-color-main-bg: #f4f5f5;
    --jjext-color-secondary-bg: #ffffff;
    --jjext-color-thirdly-bg: #f4f5f5;
    --jjext-color-hover-bg: #e8f3ff;
    --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
    --jjext-hover-bg: linear-gradient( 90deg, rgba(232, 243, 255, 0) 0%, rgba(232, 243, 255, 0.8) 25.09%, #e8f3ff 50.16%, rgba(232, 243, 255, 0.8) 75.47%, rgba(232, 243, 255, 0) 100%);
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #ffffff;
    --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
    --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
    --jjext-color-tips: #f53f3f;
    --jjext-color-fourthly: #c9cdd4;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #e5e6eb;
    --jjext-color-icon-search: #ffffff;
    --jjext-color-navbar-icon: #1e80ff;
    --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
    --jjext-color-layout-title: #4e5969;
    --jjext-color-layout-title-active: #1e80ff;
    --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
    --jjext-color-layout-icon-fill: #ffffff;
    --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
    --jjext-color-layer-4: #ffffff;
    --jjext-color-font-brand1-normal: #1e80ff;
    --jjext-color-font-brand-4: #abcdff;
    --jjext-color-font-1: #252933;
    --jjext-color-font-2: #515767;
    --jjext-color-font-3: #8a919f;
    --jjext-color-font-4: #c2c8d1;
    --jjext-color-font-white: #fff;
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05);
    --jjext-brand-fill2-hover: rgba(30, 128, 255, 0.1);
    --jjext-color-gray-0: #fff;
    --jjext-color-gray-1-1: #e4e6eb;
    --jjext-color-gray-1-2: rgba(228, 230, 235, 0.5);
    --jjext-color-gray-1-3: #e4e6eb;
    --jjext-color-gray-2: #f2f3f5;
    --jjext-color-gray-3: #f7f8fa;
    --jjext-color-background: #f2f3f5;
    --jjext-color-layer-1: #fff;
    --jjext-color-layer-2-1: #f7f8fa;
    --jjext-color-layer-2-2: rgba(247, 248, 250, 0.7);
    --jjext-color-layer-3-fill: #f2f3f5;
    --jjext-color-layer-3-border: #e4e6eb;
    --jjext-color-layer-4-dropdown: #fff;
    --jjext-color-layer-5: #fff;
    --jjext-color-brand-1-normal: #1e80ff;
    --jjext-color-brand-2-hover: #1171ee;
    --jjext-color-brand-3-click: #0060dd;
    --jjext-color-brand-4-disable: #abcdff;
    --jjext-color-brand-5-light: #eaf2ff;
    --jjext-color-mask-1: rgba(0, 0, 0, 0.4);
    --jjext-color-mask-2: #fff;
    --jjext-color-mask-3: none;
    --jjext-color-mask-6: #ffffff;
    --jjext-color-brand-fill1-normal: rgba(30, 128, 255, 0.05);
    --jjext-color-brand-fill2-hover: rgba(30, 128, 255, 0.1);
    --jjext-color-brand-fill3-click: rgba(30, 128, 255, 0.2);
    --jjext-color-brand-stroke1-normal: rgba(30, 128, 255, 0.3);
    --jjext-color-brand-stroke2-hover: rgba(30, 128, 255, 0.45);
    --jjext-color-brand-stroke3-click: rgba(30, 128, 255, 0.6);
    --jjext-color-font_danger: #ff5132;
    --jjext-color-shade-1: rgba(0, 0, 0, 0.4);
    --jjext-color-popup: #fff;
    --jjext-color-popover: rgba(0, 0, 0, 0.8)
}

 :root .dark[data-v-5a92de1e] {
    --jjext-color-brand: #1352a3;
    --jjext-color-nav-title: #e3e3e3;
    --jjext-color-nav-popup-bg: #1352a3;
    --jjext-color-primary: #e3e3e3;
    --jjext-color-secondary-app: #a9a9a9;
    --jjext-color-thirdly: #7d7d7f;
    --jjext-color-hover: #eeeeee;
    --jjext-color-hover-thirdly: #878789;
    --jjext-color-dropdown-text: #878789;
    --jjext-color-divider: #4a4a4a;
    --jjext-color-main-bg: #121212;
    --jjext-color-secondary-bg: #272727;
    --jjext-color-thirdly-bg: #3a3a3a;
    --jjext-color-hover-bg: #3a3a3a;
    --jjext-color-comment-bg: #313131;
    --jjext-hover-bg: linear-gradient( 90deg, rgba(58, 58, 58, 0) 0%, rgba(58, 58, 58, 0.8) 25.09%, #3a3a3a 50.16%, rgba(58, 58, 58, 0.8) 75.47%, rgba(58, 58, 58, 0) 100%);
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #e3e3e3;
    --jjext-color-nav-bg: rgb(30, 30, 30);
    --jjext-color-nav-selected-border: #4a4a4a;
    --jjext-color-tips: #bc3030;
    --jjext-color-fourthly: #878789;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #3a3a3a;
    --jjext-color-icon-search: #e3e3e3;
    --jjext-color-navbar-icon: #e3e3e3;
    --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
    --jjext-color-layout-title: #eeeeee;
    --jjext-color-layout-title-active: #eeeeee;
    --jjext-color-layout-icon-outline: #131313;
    --jjext-color-layout-icon-fill: #e3e3e3;
    --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
    --jjext-color-layer-4: #2f2f2f;
    --jjext-color-font-brand1-normal: #4495ff;
    --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
    --jjext-color-font-1: rgba(255, 255, 255, 0.9);
    --jjext-color-font-2: rgba(255, 255, 255, 0.7);
    --jjext-color-font-3: rgba(255, 255, 255, 0.55);
    --jjext-color-font-4: rgba(255, 255, 255, 0.45);
    --jjext-color-font-white: #fff;
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1);
    --jjext-brand-fill2-hover: rgba(20, 115, 237, 0.25);
    --jjext-color-gray-0: #000;
    --jjext-color-gray-1-1: rgba(255, 255, 255, 0.2);
    --jjext-color-gray-1-2: rgba(255, 255, 255, 0.1);
    --jjext-color-gray-1-3: #464646;
    --jjext-color-gray-2: rgba(255, 255, 255, 0.12);
    --jjext-color-gray-3: rgba(255, 255, 255, 0.08);
    --jjext-color-background: #000;
    --jjext-color-layer-1: #181818;
    --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-2-2: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-3-fill: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-3-border: rgba(255, 255, 255, 0.2);
    --jjext-color-layer-4-dropdown: #2f2f2f;
    --jjext-color-layer-5: rgba(255, 255, 255, 0.12);
    --jjext-color-brand-1-normal: #2986ff;
    --jjext-color-brand-2-hover: #1473ed;
    --jjext-color-brand-3-click: #0563dd;
    --jjext-color-brand-4-disable: rgba(41, 134, 255, 0.4);
    --jjext-color-brand-5-light: rgba(30, 128, 255, 0.2);
    --jjext-color-mask-1: rgba(255, 255, 255, 0.4);
    --jjext-color-mask-2: #282828;
    --jjext-color-mask-3: rgba(0, 0, 0, 0.05);
    --jjext-color-mask-6: #181818;
    --jjext-color-brand-fill1-normal: rgba(41, 134, 255, 0.15);
    --jjext-color-brand-fill2-hover: rgba(20, 115, 237, 0.25);
    --jjext-color-brand-fill3-click: rgba(5, 99, 221, 0.35);
    --jjext-color-brand-stroke1-normal: rgba(41, 134, 255, 0.4);
    --jjext-color-brand-stroke2-hover: rgba(20, 115, 237, 0.6);
    --jjext-color-brand-stroke3-click: rgba(5, 99, 221, 0.6);
    --jjext-color-font_danger: #f85959;
    --jjext-color-shade-1: rgba(0, 0, 0, 0.6);
    --jjext-color-popup: #282828;
    --jjext-color-popover: #323232
}

[data-v-5a92de1e] {
    box-sizing: border-box
}

.color-tool[data-v-5a92de1e] {
    padding: 0 16px!important
}

.color-tool .row[data-v-5a92de1e] {
    display: flex;
    align-items: center
}

.color-tool .color-picker[data-v-5a92de1e] {
    cursor: pointer;
    outline: 0;
    border: none;
    padding: 0;
    margin: 0;
    border-radius: 2px;
    background-color: transparent;
    width: 92px;
    height: 40px
}

.color-tool .color-picker[data-v-5a92de1e]::-webkit-color-swatch-wrapper {
    padding: 3px;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: all .15s linear
}

.color-tool .color-picker[data-v-5a92de1e]::-webkit-color-swatch-wrapper:hover {
    border: 1px solid #bedaff
}

.color-tool .color-picker[data-v-5a92de1e]::-webkit-color-swatch {
    border-radius: 2px;
    border: none
}

.color-tool .input[data-v-5a92de1e] {
    transform: translateY(10px);
    flex: 1 1 auto;
    margin: 0 12px
}

.color-tool .input[data-v-5a92de1e] input.input-inner {
    height: 40px;
    padding-left: 16px;
    font-size: 14px;
    color: var(--jjext-color-primary);
    box-sizing: border-box;
    background: var(--jjext-color-main-bg)
}

.color-tool .input[data-v-5a92de1e] label {
    display: none
}

.color-tool .input[data-v-5a92de1e] span.error {
    margin-left: 16px
}

.color-tool .input[data-v-5a92de1e] .input-wrapper .btn-clear {
    right: 8px
}

.color-tool .input[data-v-5a92de1e] .input-wrapper .btn-clear::before {
    font-size: 14px;
    color: #c9cdd4
}

.color-tool button[data-v-5a92de1e] {
    outline: 0;
    border: none;
    background-color: unset;
    width: 93px;
    height: 40px;
    font-size: 14px
}

.color-tool .btn-convert[data-v-5a92de1e] {
    background: var(--jjext-color-brand);
    border-radius: 2px;
    color: #fff;
    transition: all .15s linear
}

.color-tool .btn-convert[data-v-5a92de1e]:hover {
    background: #5399ff
}

.color-tool .btn-convert[data-v-5a92de1e]:active {
    background: #0060dd
}

.color-tool .btn-copy[data-v-5a92de1e] {
    background: rgba(30, 128, 255, .05);
    border: 1px solid rgba(30, 128, 255, .3);
    border-radius: 2px;
    color: var(--jjext-color-brand);
    transition: all .15s linear
}

.color-tool .btn-copy[data-v-5a92de1e]:hover {
    background: rgba(30, 128, 255, .1);
    border-color: rgba(30, 128, 255, .45)
}

.color-tool .btn-copy[data-v-5a92de1e]:active {
    background: rgba(30, 128, 255, .2);
    border-color: rgba(30, 128, 255, .6)
}

.color-tool .display[data-v-5a92de1e] {
    flex: 1;
    text-align: start;
    background-color: var(--jjext-color-main-bg);
    height: 40px;
    margin: 0 12px;
    border-radius: 2px;
    line-height: 40px;
    padding-left: 16px;
    font-size: 14px;
    color: var(--jjext-color-primary)
}

.color-tool .label[data-v-5a92de1e] {
    width: 92px;
    font-size: 16px;
    font-weight: 500;
    color: var(--jjext-color-primary);
    text-align: end
}

.color-tool .row[data-v-5a92de1e]:not(:first-of-type) {
    margin-top: 16px
}

[data-v-6b3fcf66]:root {
    --jjext-color-brand: #1e80ff;
    --jjext-color-brand-light: #e8f3ff;
    --jjext-color-nav-title: #86909c;
    --jjext-color-nav-popup-bg: #ffffff;
    --jjext-color-primary: #1d2129;
    --jjext-color-secondary-app: #4e5969;
    --jjext-color-thirdly: #86909c;
    --jjext-color-hover: #1e80ff;
    --jjext-color-hover-thirdly: #86909c;
    --jjext-color-dropdown-text: #1e80ff;
    --jjext-color-divider: #e5e6eb;
    --jjext-color-main-bg: #f4f5f5;
    --jjext-color-secondary-bg: #ffffff;
    --jjext-color-thirdly-bg: #f4f5f5;
    --jjext-color-hover-bg: #e8f3ff;
    --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
    --jjext-hover-bg: linear-gradient( 90deg, rgba(232, 243, 255, 0) 0%, rgba(232, 243, 255, 0.8) 25.09%, #e8f3ff 50.16%, rgba(232, 243, 255, 0.8) 75.47%, rgba(232, 243, 255, 0) 100%);
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #ffffff;
    --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
    --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
    --jjext-color-tips: #f53f3f;
    --jjext-color-fourthly: #c9cdd4;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #e5e6eb;
    --jjext-color-icon-search: #ffffff;
    --jjext-color-navbar-icon: #1e80ff;
    --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
    --jjext-color-layout-title: #4e5969;
    --jjext-color-layout-title-active: #1e80ff;
    --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
    --jjext-color-layout-icon-fill: #ffffff;
    --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
    --jjext-color-layer-4: #ffffff;
    --jjext-color-font-brand1-normal: #1e80ff;
    --jjext-color-font-brand-4: #abcdff;
    --jjext-color-font-1: #252933;
    --jjext-color-font-2: #515767;
    --jjext-color-font-3: #8a919f;
    --jjext-color-font-4: #c2c8d1;
    --jjext-color-font-white: #fff;
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05);
    --jjext-brand-fill2-hover: rgba(30, 128, 255, 0.1);
    --jjext-color-gray-0: #fff;
    --jjext-color-gray-1-1: #e4e6eb;
    --jjext-color-gray-1-2: rgba(228, 230, 235, 0.5);
    --jjext-color-gray-1-3: #e4e6eb;
    --jjext-color-gray-2: #f2f3f5;
    --jjext-color-gray-3: #f7f8fa;
    --jjext-color-background: #f2f3f5;
    --jjext-color-layer-1: #fff;
    --jjext-color-layer-2-1: #f7f8fa;
    --jjext-color-layer-2-2: rgba(247, 248, 250, 0.7);
    --jjext-color-layer-3-fill: #f2f3f5;
    --jjext-color-layer-3-border: #e4e6eb;
    --jjext-color-layer-4-dropdown: #fff;
    --jjext-color-layer-5: #fff;
    --jjext-color-brand-1-normal: #1e80ff;
    --jjext-color-brand-2-hover: #1171ee;
    --jjext-color-brand-3-click: #0060dd;
    --jjext-color-brand-4-disable: #abcdff;
    --jjext-color-brand-5-light: #eaf2ff;
    --jjext-color-mask-1: rgba(0, 0, 0, 0.4);
    --jjext-color-mask-2: #fff;
    --jjext-color-mask-3: none;
    --jjext-color-mask-6: #ffffff;
    --jjext-color-brand-fill1-normal: rgba(30, 128, 255, 0.05);
    --jjext-color-brand-fill2-hover: rgba(30, 128, 255, 0.1);
    --jjext-color-brand-fill3-click: rgba(30, 128, 255, 0.2);
    --jjext-color-brand-stroke1-normal: rgba(30, 128, 255, 0.3);
    --jjext-color-brand-stroke2-hover: rgba(30, 128, 255, 0.45);
    --jjext-color-brand-stroke3-click: rgba(30, 128, 255, 0.6);
    --jjext-color-font_danger: #ff5132;
    --jjext-color-shade-1: rgba(0, 0, 0, 0.4);
    --jjext-color-popup: #fff;
    --jjext-color-popover: rgba(0, 0, 0, 0.8)
}

 :root .dark[data-v-6b3fcf66] {
    --jjext-color-brand: #1352a3;
    --jjext-color-nav-title: #e3e3e3;
    --jjext-color-nav-popup-bg: #1352a3;
    --jjext-color-primary: #e3e3e3;
    --jjext-color-secondary-app: #a9a9a9;
    --jjext-color-thirdly: #7d7d7f;
    --jjext-color-hover: #eeeeee;
    --jjext-color-hover-thirdly: #878789;
    --jjext-color-dropdown-text: #878789;
    --jjext-color-divider: #4a4a4a;
    --jjext-color-main-bg: #121212;
    --jjext-color-secondary-bg: #272727;
    --jjext-color-thirdly-bg: #3a3a3a;
    --jjext-color-hover-bg: #3a3a3a;
    --jjext-color-comment-bg: #313131;
    --jjext-hover-bg: linear-gradient( 90deg, rgba(58, 58, 58, 0) 0%, rgba(58, 58, 58, 0.8) 25.09%, #3a3a3a 50.16%, rgba(58, 58, 58, 0.8) 75.47%, rgba(58, 58, 58, 0) 100%);
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #e3e3e3;
    --jjext-color-nav-bg: rgb(30, 30, 30);
    --jjext-color-nav-selected-border: #4a4a4a;
    --jjext-color-tips: #bc3030;
    --jjext-color-fourthly: #878789;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #3a3a3a;
    --jjext-color-icon-search: #e3e3e3;
    --jjext-color-navbar-icon: #e3e3e3;
    --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
    --jjext-color-layout-title: #eeeeee;
    --jjext-color-layout-title-active: #eeeeee;
    --jjext-color-layout-icon-outline: #131313;
    --jjext-color-layout-icon-fill: #e3e3e3;
    --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
    --jjext-color-layer-4: #2f2f2f;
    --jjext-color-font-brand1-normal: #4495ff;
    --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
    --jjext-color-font-1: rgba(255, 255, 255, 0.9);
    --jjext-color-font-2: rgba(255, 255, 255, 0.7);
    --jjext-color-font-3: rgba(255, 255, 255, 0.55);
    --jjext-color-font-4: rgba(255, 255, 255, 0.45);
    --jjext-color-font-white: #fff;
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1);
    --jjext-brand-fill2-hover: rgba(20, 115, 237, 0.25);
    --jjext-color-gray-0: #000;
    --jjext-color-gray-1-1: rgba(255, 255, 255, 0.2);
    --jjext-color-gray-1-2: rgba(255, 255, 255, 0.1);
    --jjext-color-gray-1-3: #464646;
    --jjext-color-gray-2: rgba(255, 255, 255, 0.12);
    --jjext-color-gray-3: rgba(255, 255, 255, 0.08);
    --jjext-color-background: #000;
    --jjext-color-layer-1: #181818;
    --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-2-2: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-3-fill: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-3-border: rgba(255, 255, 255, 0.2);
    --jjext-color-layer-4-dropdown: #2f2f2f;
    --jjext-color-layer-5: rgba(255, 255, 255, 0.12);
    --jjext-color-brand-1-normal: #2986ff;
    --jjext-color-brand-2-hover: #1473ed;
    --jjext-color-brand-3-click: #0563dd;
    --jjext-color-brand-4-disable: rgba(41, 134, 255, 0.4);
    --jjext-color-brand-5-light: rgba(30, 128, 255, 0.2);
    --jjext-color-mask-1: rgba(255, 255, 255, 0.4);
    --jjext-color-mask-2: #282828;
    --jjext-color-mask-3: rgba(0, 0, 0, 0.05);
    --jjext-color-mask-6: #181818;
    --jjext-color-brand-fill1-normal: rgba(41, 134, 255, 0.15);
    --jjext-color-brand-fill2-hover: rgba(20, 115, 237, 0.25);
    --jjext-color-brand-fill3-click: rgba(5, 99, 221, 0.35);
    --jjext-color-brand-stroke1-normal: rgba(41, 134, 255, 0.4);
    --jjext-color-brand-stroke2-hover: rgba(20, 115, 237, 0.6);
    --jjext-color-brand-stroke3-click: rgba(5, 99, 221, 0.6);
    --jjext-color-font_danger: #f85959;
    --jjext-color-shade-1: rgba(0, 0, 0, 0.6);
    --jjext-color-popup: #282828;
    --jjext-color-popover: #323232
}

.quick-tool-drawer[data-v-6b3fcf66] {
    z-index: 750;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 60%;
    background: var(--jjext-color-thirdly-bg)
}

.quick-tool-drawer.dark .header .title[data-v-6b3fcf66] {
    color: #e3e3e3
}

.quick-tool-drawer .quick-tool-drawer__header__[data-v-6b3fcf66] {
    position: relative;
    height: 64px;
    padding: 0 16px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__icon__[data-v-6b3fcf66] {
    width: 40px;
    height: 40px
}

.quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__title__[data-v-6b3fcf66] {
    margin: 0 0 0 9px;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: var(--jjext-color-brand)
}

.quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__btn-close__[data-v-6b3fcf66] {
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 50%;
    font-size: 18px;
    transform: translateY(-50%)
}

.quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__btn-close__[data-v-6b3fcf66]::after {
    display: block;
    content: " ";
    position: absolute;
    padding: 10px;
    width: 100%;
    height: 100%;
    top: -50%;
    left: -50%
}

.quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__btn-close__ svg[data-v-6b3fcf66] {
    fill: var(--jjext-color-thirdly)
}

.quick-tool-drawer .quick-tool-drawer__tool__[data-v-6b3fcf66] {
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

[data-v-19f1e2c8]:root {
    --jjext-color-brand: #1e80ff;
    --jjext-color-brand-light: #e8f3ff;
    --jjext-color-nav-title: #86909c;
    --jjext-color-nav-popup-bg: #ffffff;
    --jjext-color-primary: #1d2129;
    --jjext-color-secondary-app: #4e5969;
    --jjext-color-thirdly: #86909c;
    --jjext-color-hover: #1e80ff;
    --jjext-color-hover-thirdly: #86909c;
    --jjext-color-dropdown-text: #1e80ff;
    --jjext-color-divider: #e5e6eb;
    --jjext-color-main-bg: #f4f5f5;
    --jjext-color-secondary-bg: #ffffff;
    --jjext-color-thirdly-bg: #f4f5f5;
    --jjext-color-hover-bg: #e8f3ff;
    --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
    --jjext-hover-bg: linear-gradient( 90deg, rgba(232, 243, 255, 0) 0%, rgba(232, 243, 255, 0.8) 25.09%, #e8f3ff 50.16%, rgba(232, 243, 255, 0.8) 75.47%, rgba(232, 243, 255, 0) 100%);
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #ffffff;
    --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
    --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
    --jjext-color-tips: #f53f3f;
    --jjext-color-fourthly: #c9cdd4;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #e5e6eb;
    --jjext-color-icon-search: #ffffff;
    --jjext-color-navbar-icon: #1e80ff;
    --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
    --jjext-color-layout-title: #4e5969;
    --jjext-color-layout-title-active: #1e80ff;
    --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
    --jjext-color-layout-icon-fill: #ffffff;
    --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
    --jjext-color-layer-4: #ffffff;
    --jjext-color-font-brand1-normal: #1e80ff;
    --jjext-color-font-brand-4: #abcdff;
    --jjext-color-font-1: #252933;
    --jjext-color-font-2: #515767;
    --jjext-color-font-3: #8a919f;
    --jjext-color-font-4: #c2c8d1;
    --jjext-color-font-white: #fff;
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05);
    --jjext-brand-fill2-hover: rgba(30, 128, 255, 0.1);
    --jjext-color-gray-0: #fff;
    --jjext-color-gray-1-1: #e4e6eb;
    --jjext-color-gray-1-2: rgba(228, 230, 235, 0.5);
    --jjext-color-gray-1-3: #e4e6eb;
    --jjext-color-gray-2: #f2f3f5;
    --jjext-color-gray-3: #f7f8fa;
    --jjext-color-background: #f2f3f5;
    --jjext-color-layer-1: #fff;
    --jjext-color-layer-2-1: #f7f8fa;
    --jjext-color-layer-2-2: rgba(247, 248, 250, 0.7);
    --jjext-color-layer-3-fill: #f2f3f5;
    --jjext-color-layer-3-border: #e4e6eb;
    --jjext-color-layer-4-dropdown: #fff;
    --jjext-color-layer-5: #fff;
    --jjext-color-brand-1-normal: #1e80ff;
    --jjext-color-brand-2-hover: #1171ee;
    --jjext-color-brand-3-click: #0060dd;
    --jjext-color-brand-4-disable: #abcdff;
    --jjext-color-brand-5-light: #eaf2ff;
    --jjext-color-mask-1: rgba(0, 0, 0, 0.4);
    --jjext-color-mask-2: #fff;
    --jjext-color-mask-3: none;
    --jjext-color-mask-6: #ffffff;
    --jjext-color-brand-fill1-normal: rgba(30, 128, 255, 0.05);
    --jjext-color-brand-fill2-hover: rgba(30, 128, 255, 0.1);
    --jjext-color-brand-fill3-click: rgba(30, 128, 255, 0.2);
    --jjext-color-brand-stroke1-normal: rgba(30, 128, 255, 0.3);
    --jjext-color-brand-stroke2-hover: rgba(30, 128, 255, 0.45);
    --jjext-color-brand-stroke3-click: rgba(30, 128, 255, 0.6);
    --jjext-color-font_danger: #ff5132;
    --jjext-color-shade-1: rgba(0, 0, 0, 0.4);
    --jjext-color-popup: #fff;
    --jjext-color-popover: rgba(0, 0, 0, 0.8)
}

 :root .dark[data-v-19f1e2c8] {
    --jjext-color-brand: #1352a3;
    --jjext-color-nav-title: #e3e3e3;
    --jjext-color-nav-popup-bg: #1352a3;
    --jjext-color-primary: #e3e3e3;
    --jjext-color-secondary-app: #a9a9a9;
    --jjext-color-thirdly: #7d7d7f;
    --jjext-color-hover: #eeeeee;
    --jjext-color-hover-thirdly: #878789;
    --jjext-color-dropdown-text: #878789;
    --jjext-color-divider: #4a4a4a;
    --jjext-color-main-bg: #121212;
    --jjext-color-secondary-bg: #272727;
    --jjext-color-thirdly-bg: #3a3a3a;
    --jjext-color-hover-bg: #3a3a3a;
    --jjext-color-comment-bg: #313131;
    --jjext-hover-bg: linear-gradient( 90deg, rgba(58, 58, 58, 0) 0%, rgba(58, 58, 58, 0.8) 25.09%, #3a3a3a 50.16%, rgba(58, 58, 58, 0.8) 75.47%, rgba(58, 58, 58, 0) 100%);
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #e3e3e3;
    --jjext-color-nav-bg: rgb(30, 30, 30);
    --jjext-color-nav-selected-border: #4a4a4a;
    --jjext-color-tips: #bc3030;
    --jjext-color-fourthly: #878789;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #3a3a3a;
    --jjext-color-icon-search: #e3e3e3;
    --jjext-color-navbar-icon: #e3e3e3;
    --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
    --jjext-color-layout-title: #eeeeee;
    --jjext-color-layout-title-active: #eeeeee;
    --jjext-color-layout-icon-outline: #131313;
    --jjext-color-layout-icon-fill: #e3e3e3;
    --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
    --jjext-color-layer-4: #2f2f2f;
    --jjext-color-font-brand1-normal: #4495ff;
    --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
    --jjext-color-font-1: rgba(255, 255, 255, 0.9);
    --jjext-color-font-2: rgba(255, 255, 255, 0.7);
    --jjext-color-font-3: rgba(255, 255, 255, 0.55);
    --jjext-color-font-4: rgba(255, 255, 255, 0.45);
    --jjext-color-font-white: #fff;
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1);
    --jjext-brand-fill2-hover: rgba(20, 115, 237, 0.25);
    --jjext-color-gray-0: #000;
    --jjext-color-gray-1-1: rgba(255, 255, 255, 0.2);
    --jjext-color-gray-1-2: rgba(255, 255, 255, 0.1);
    --jjext-color-gray-1-3: #464646;
    --jjext-color-gray-2: rgba(255, 255, 255, 0.12);
    --jjext-color-gray-3: rgba(255, 255, 255, 0.08);
    --jjext-color-background: #000;
    --jjext-color-layer-1: #181818;
    --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-2-2: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-3-fill: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-3-border: rgba(255, 255, 255, 0.2);
    --jjext-color-layer-4-dropdown: #2f2f2f;
    --jjext-color-layer-5: rgba(255, 255, 255, 0.12);
    --jjext-color-brand-1-normal: #2986ff;
    --jjext-color-brand-2-hover: #1473ed;
    --jjext-color-brand-3-click: #0563dd;
    --jjext-color-brand-4-disable: rgba(41, 134, 255, 0.4);
    --jjext-color-brand-5-light: rgba(30, 128, 255, 0.2);
    --jjext-color-mask-1: rgba(255, 255, 255, 0.4);
    --jjext-color-mask-2: #282828;
    --jjext-color-mask-3: rgba(0, 0, 0, 0.05);
    --jjext-color-mask-6: #181818;
    --jjext-color-brand-fill1-normal: rgba(41, 134, 255, 0.15);
    --jjext-color-brand-fill2-hover: rgba(20, 115, 237, 0.25);
    --jjext-color-brand-fill3-click: rgba(5, 99, 221, 0.35);
    --jjext-color-brand-stroke1-normal: rgba(41, 134, 255, 0.4);
    --jjext-color-brand-stroke2-hover: rgba(20, 115, 237, 0.6);
    --jjext-color-brand-stroke3-click: rgba(5, 99, 221, 0.6);
    --jjext-color-font_danger: #f85959;
    --jjext-color-shade-1: rgba(0, 0, 0, 0.6);
    --jjext-color-popup: #282828;
    --jjext-color-popover: #323232
}

.mask[data-v-19f1e2c8] {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 600;
    background-color: var(--jjext-color-mask)
}

.slide-left-enter-active,
.slide-left-leave-active {
    transition: transform .3s linear
}

.slide-left-enter-from,
.slide-left-leave-to {
    transform: translateX(100%)
}

[data-v-78e625ce]:root {
    --jjext-color-brand: #1e80ff;
    --jjext-color-brand-light: #e8f3ff;
    --jjext-color-nav-title: #86909c;
    --jjext-color-nav-popup-bg: #ffffff;
    --jjext-color-primary: #1d2129;
    --jjext-color-secondary-app: #4e5969;
    --jjext-color-thirdly: #86909c;
    --jjext-color-hover: #1e80ff;
    --jjext-color-hover-thirdly: #86909c;
    --jjext-color-dropdown-text: #1e80ff;
    --jjext-color-divider: #e5e6eb;
    --jjext-color-main-bg: #f4f5f5;
    --jjext-color-secondary-bg: #ffffff;
    --jjext-color-thirdly-bg: #f4f5f5;
    --jjext-color-hover-bg: #e8f3ff;
    --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
    --jjext-hover-bg: linear-gradient( 90deg, rgba(232, 243, 255, 0) 0%, rgba(232, 243, 255, 0.8) 25.09%, #e8f3ff 50.16%, rgba(232, 243, 255, 0.8) 75.47%, rgba(232, 243, 255, 0) 100%);
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #ffffff;
    --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
    --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
    --jjext-color-tips: #f53f3f;
    --jjext-color-fourthly: #c9cdd4;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #e5e6eb;
    --jjext-color-icon-search: #ffffff;
    --jjext-color-navbar-icon: #1e80ff;
    --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
    --jjext-color-layout-title: #4e5969;
    --jjext-color-layout-title-active: #1e80ff;
    --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
    --jjext-color-layout-icon-fill: #ffffff;
    --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
    --jjext-color-layer-4: #ffffff;
    --jjext-color-font-brand1-normal: #1e80ff;
    --jjext-color-font-brand-4: #abcdff;
    --jjext-color-font-1: #252933;
    --jjext-color-font-2: #515767;
    --jjext-color-font-3: #8a919f;
    --jjext-color-font-4: #c2c8d1;
    --jjext-color-font-white: #fff;
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05);
    --jjext-brand-fill2-hover: rgba(30, 128, 255, 0.1);
    --jjext-color-gray-0: #fff;
    --jjext-color-gray-1-1: #e4e6eb;
    --jjext-color-gray-1-2: rgba(228, 230, 235, 0.5);
    --jjext-color-gray-1-3: #e4e6eb;
    --jjext-color-gray-2: #f2f3f5;
    --jjext-color-gray-3: #f7f8fa;
    --jjext-color-background: #f2f3f5;
    --jjext-color-layer-1: #fff;
    --jjext-color-layer-2-1: #f7f8fa;
    --jjext-color-layer-2-2: rgba(247, 248, 250, 0.7);
    --jjext-color-layer-3-fill: #f2f3f5;
    --jjext-color-layer-3-border: #e4e6eb;
    --jjext-color-layer-4-dropdown: #fff;
    --jjext-color-layer-5: #fff;
    --jjext-color-brand-1-normal: #1e80ff;
    --jjext-color-brand-2-hover: #1171ee;
    --jjext-color-brand-3-click: #0060dd;
    --jjext-color-brand-4-disable: #abcdff;
    --jjext-color-brand-5-light: #eaf2ff;
    --jjext-color-mask-1: rgba(0, 0, 0, 0.4);
    --jjext-color-mask-2: #fff;
    --jjext-color-mask-3: none;
    --jjext-color-mask-6: #ffffff;
    --jjext-color-brand-fill1-normal: rgba(30, 128, 255, 0.05);
    --jjext-color-brand-fill2-hover: rgba(30, 128, 255, 0.1);
    --jjext-color-brand-fill3-click: rgba(30, 128, 255, 0.2);
    --jjext-color-brand-stroke1-normal: rgba(30, 128, 255, 0.3);
    --jjext-color-brand-stroke2-hover: rgba(30, 128, 255, 0.45);
    --jjext-color-brand-stroke3-click: rgba(30, 128, 255, 0.6);
    --jjext-color-font_danger: #ff5132;
    --jjext-color-shade-1: rgba(0, 0, 0, 0.4);
    --jjext-color-popup: #fff;
    --jjext-color-popover: rgba(0, 0, 0, 0.8)
}

 :root .dark[data-v-78e625ce] {
    --jjext-color-brand: #1352a3;
    --jjext-color-nav-title: #e3e3e3;
    --jjext-color-nav-popup-bg: #1352a3;
    --jjext-color-primary: #e3e3e3;
    --jjext-color-secondary-app: #a9a9a9;
    --jjext-color-thirdly: #7d7d7f;
    --jjext-color-hover: #eeeeee;
    --jjext-color-hover-thirdly: #878789;
    --jjext-color-dropdown-text: #878789;
    --jjext-color-divider: #4a4a4a;
    --jjext-color-main-bg: #121212;
    --jjext-color-secondary-bg: #272727;
    --jjext-color-thirdly-bg: #3a3a3a;
    --jjext-color-hover-bg: #3a3a3a;
    --jjext-color-comment-bg: #313131;
    --jjext-hover-bg: linear-gradient( 90deg, rgba(58, 58, 58, 0) 0%, rgba(58, 58, 58, 0.8) 25.09%, #3a3a3a 50.16%, rgba(58, 58, 58, 0.8) 75.47%, rgba(58, 58, 58, 0) 100%);
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #e3e3e3;
    --jjext-color-nav-bg: rgb(30, 30, 30);
    --jjext-color-nav-selected-border: #4a4a4a;
    --jjext-color-tips: #bc3030;
    --jjext-color-fourthly: #878789;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #3a3a3a;
    --jjext-color-icon-search: #e3e3e3;
    --jjext-color-navbar-icon: #e3e3e3;
    --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
    --jjext-color-layout-title: #eeeeee;
    --jjext-color-layout-title-active: #eeeeee;
    --jjext-color-layout-icon-outline: #131313;
    --jjext-color-layout-icon-fill: #e3e3e3;
    --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
    --jjext-color-layer-4: #2f2f2f;
    --jjext-color-font-brand1-normal: #4495ff;
    --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
    --jjext-color-font-1: rgba(255, 255, 255, 0.9);
    --jjext-color-font-2: rgba(255, 255, 255, 0.7);
    --jjext-color-font-3: rgba(255, 255, 255, 0.55);
    --jjext-color-font-4: rgba(255, 255, 255, 0.45);
    --jjext-color-font-white: #fff;
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1);
    --jjext-brand-fill2-hover: rgba(20, 115, 237, 0.25);
    --jjext-color-gray-0: #000;
    --jjext-color-gray-1-1: rgba(255, 255, 255, 0.2);
    --jjext-color-gray-1-2: rgba(255, 255, 255, 0.1);
    --jjext-color-gray-1-3: #464646;
    --jjext-color-gray-2: rgba(255, 255, 255, 0.12);
    --jjext-color-gray-3: rgba(255, 255, 255, 0.08);
    --jjext-color-background: #000;
    --jjext-color-layer-1: #181818;
    --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-2-2: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-3-fill: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-3-border: rgba(255, 255, 255, 0.2);
    --jjext-color-layer-4-dropdown: #2f2f2f;
    --jjext-color-layer-5: rgba(255, 255, 255, 0.12);
    --jjext-color-brand-1-normal: #2986ff;
    --jjext-color-brand-2-hover: #1473ed;
    --jjext-color-brand-3-click: #0563dd;
    --jjext-color-brand-4-disable: rgba(41, 134, 255, 0.4);
    --jjext-color-brand-5-light: rgba(30, 128, 255, 0.2);
    --jjext-color-mask-1: rgba(255, 255, 255, 0.4);
    --jjext-color-mask-2: #282828;
    --jjext-color-mask-3: rgba(0, 0, 0, 0.05);
    --jjext-color-mask-6: #181818;
    --jjext-color-brand-fill1-normal: rgba(41, 134, 255, 0.15);
    --jjext-color-brand-fill2-hover: rgba(20, 115, 237, 0.25);
    --jjext-color-brand-fill3-click: rgba(5, 99, 221, 0.35);
    --jjext-color-brand-stroke1-normal: rgba(41, 134, 255, 0.4);
    --jjext-color-brand-stroke2-hover: rgba(20, 115, 237, 0.6);
    --jjext-color-brand-stroke3-click: rgba(5, 99, 221, 0.6);
    --jjext-color-font_danger: #f85959;
    --jjext-color-shade-1: rgba(0, 0, 0, 0.6);
    --jjext-color-popup: #282828;
    --jjext-color-popover: #323232
}

.search-app[data-v-78e625ce] {
    z-index: 9999;
    padding-top: 160px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.search-app.extension[data-v-78e625ce] {
    z-index: 500
}

@media (max-height:720px) {
    .search-app.tool-active[data-v-78e625ce] {
        padding-top: 80px
    }
}

@media (max-height:640px) {
    .search-app.tool-active[data-v-78e625ce] {
        padding-top: 30px
    }
}

.search-app .search-app__wrapper__[data-v-78e625ce] {
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid var(--jjext-color-font-brand1-normal);
    background: var(--jjext-color-layer-4);
    box-shadow: 0 0 0 4px rgba(30, 128, 255, .2), 0 0 20px rgba(0, 0, 0, .15);
    backdrop-filter: blur(15px)
}

.search-app .search-app__wrapper__ .search-result[data-v-78e625ce] {
    margin-top: 8px
}

.search-app .search-app__wrapper__ .search-result .tool[data-v-78e625ce] {
    padding: 0 8px
}

.search-app .search-app__wrapper__[data-v-78e625ce] .search-suggest {
    padding: 0 0 8px 0
}

.search-app .search-app__wrapper__[data-v-78e625ce] .search-suggest .list {
    border-top: none;
    padding-left: 8px;
    padding-right: 8px
}

.search-app .search-app__wrapper__[data-v-78e625ce] .search-suggest .list .suggest-item {
    padding: 0 13px
}

.search-app .search-app__wrapper__[data-v-78e625ce] .search-suggest .list .suggest-item .content {
    margin: 0 0 0 17px
}

.search-app .search-app__wrapper__[data-v-78e625ce] .search-suggest .list .tool-item {
    padding: 0 9px 0 10px
}

.search-app .search-app__wrapper__[data-v-78e625ce] .search-suggest .list .tool-item .content {
    margin-left: 12px
}

.search-app .juejin-search[data-v-78e625ce] {
    margin: 8px
}

 :root {
    --jjext-color-brand: #1e80ff;
    --jjext-color-brand-light: #e8f3ff;
    --jjext-color-nav-title: #86909c;
    --jjext-color-nav-popup-bg: #ffffff;
    --jjext-color-primary: #1d2129;
    --jjext-color-secondary-app: #4e5969;
    --jjext-color-thirdly: #86909c;
    --jjext-color-hover: #1e80ff;
    --jjext-color-hover-thirdly: #86909c;
    --jjext-color-dropdown-text: #1e80ff;
    --jjext-color-divider: #e5e6eb;
    --jjext-color-main-bg: #f4f5f5;
    --jjext-color-secondary-bg: #ffffff;
    --jjext-color-thirdly-bg: #f4f5f5;
    --jjext-color-hover-bg: #e8f3ff;
    --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
    --jjext-hover-bg: linear-gradient( 90deg, rgba(232, 243, 255, 0) 0%, rgba(232, 243, 255, 0.8) 25.09%, #e8f3ff 50.16%, rgba(232, 243, 255, 0.8) 75.47%, rgba(232, 243, 255, 0) 100%);
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #ffffff;
    --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
    --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
    --jjext-color-tips: #f53f3f;
    --jjext-color-fourthly: #c9cdd4;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #e5e6eb;
    --jjext-color-icon-search: #ffffff;
    --jjext-color-navbar-icon: #1e80ff;
    --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
    --jjext-color-layout-title: #4e5969;
    --jjext-color-layout-title-active: #1e80ff;
    --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
    --jjext-color-layout-icon-fill: #ffffff;
    --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
    --jjext-color-layer-4: #ffffff;
    --jjext-color-font-brand1-normal: #1e80ff;
    --jjext-color-font-brand-4: #abcdff;
    --jjext-color-font-1: #252933;
    --jjext-color-font-2: #515767;
    --jjext-color-font-3: #8a919f;
    --jjext-color-font-4: #c2c8d1;
    --jjext-color-font-white: #fff;
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05);
    --jjext-brand-fill2-hover: rgba(30, 128, 255, 0.1);
    --jjext-color-gray-0: #fff;
    --jjext-color-gray-1-1: #e4e6eb;
    --jjext-color-gray-1-2: rgba(228, 230, 235, 0.5);
    --jjext-color-gray-1-3: #e4e6eb;
    --jjext-color-gray-2: #f2f3f5;
    --jjext-color-gray-3: #f7f8fa;
    --jjext-color-background: #f2f3f5;
    --jjext-color-layer-1: #fff;
    --jjext-color-layer-2-1: #f7f8fa;
    --jjext-color-layer-2-2: rgba(247, 248, 250, 0.7);
    --jjext-color-layer-3-fill: #f2f3f5;
    --jjext-color-layer-3-border: #e4e6eb;
    --jjext-color-layer-4-dropdown: #fff;
    --jjext-color-layer-5: #fff;
    --jjext-color-brand-1-normal: #1e80ff;
    --jjext-color-brand-2-hover: #1171ee;
    --jjext-color-brand-3-click: #0060dd;
    --jjext-color-brand-4-disable: #abcdff;
    --jjext-color-brand-5-light: #eaf2ff;
    --jjext-color-mask-1: rgba(0, 0, 0, 0.4);
    --jjext-color-mask-2: #fff;
    --jjext-color-mask-3: none;
    --jjext-color-mask-6: #ffffff;
    --jjext-color-brand-fill1-normal: rgba(30, 128, 255, 0.05);
    --jjext-color-brand-fill2-hover: rgba(30, 128, 255, 0.1);
    --jjext-color-brand-fill3-click: rgba(30, 128, 255, 0.2);
    --jjext-color-brand-stroke1-normal: rgba(30, 128, 255, 0.3);
    --jjext-color-brand-stroke2-hover: rgba(30, 128, 255, 0.45);
    --jjext-color-brand-stroke3-click: rgba(30, 128, 255, 0.6);
    --jjext-color-font_danger: #ff5132;
    --jjext-color-shade-1: rgba(0, 0, 0, 0.4);
    --jjext-color-popup: #fff;
    --jjext-color-popover: rgba(0, 0, 0, 0.8)
}

 :root .dark {
    --jjext-color-brand: #1352a3;
    --jjext-color-nav-title: #e3e3e3;
    --jjext-color-nav-popup-bg: #1352a3;
    --jjext-color-primary: #e3e3e3;
    --jjext-color-secondary-app: #a9a9a9;
    --jjext-color-thirdly: #7d7d7f;
    --jjext-color-hover: #eeeeee;
    --jjext-color-hover-thirdly: #878789;
    --jjext-color-dropdown-text: #878789;
    --jjext-color-divider: #4a4a4a;
    --jjext-color-main-bg: #121212;
    --jjext-color-secondary-bg: #272727;
    --jjext-color-thirdly-bg: #3a3a3a;
    --jjext-color-hover-bg: #3a3a3a;
    --jjext-color-comment-bg: #313131;
    --jjext-hover-bg: linear-gradient( 90deg, rgba(58, 58, 58, 0) 0%, rgba(58, 58, 58, 0.8) 25.09%, #3a3a3a 50.16%, rgba(58, 58, 58, 0.8) 75.47%, rgba(58, 58, 58, 0) 100%);
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #e3e3e3;
    --jjext-color-nav-bg: rgb(30, 30, 30);
    --jjext-color-nav-selected-border: #4a4a4a;
    --jjext-color-tips: #bc3030;
    --jjext-color-fourthly: #878789;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #3a3a3a;
    --jjext-color-icon-search: #e3e3e3;
    --jjext-color-navbar-icon: #e3e3e3;
    --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
    --jjext-color-layout-title: #eeeeee;
    --jjext-color-layout-title-active: #eeeeee;
    --jjext-color-layout-icon-outline: #131313;
    --jjext-color-layout-icon-fill: #e3e3e3;
    --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
    --jjext-color-layer-4: #2f2f2f;
    --jjext-color-font-brand1-normal: #4495ff;
    --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
    --jjext-color-font-1: rgba(255, 255, 255, 0.9);
    --jjext-color-font-2: rgba(255, 255, 255, 0.7);
    --jjext-color-font-3: rgba(255, 255, 255, 0.55);
    --jjext-color-font-4: rgba(255, 255, 255, 0.45);
    --jjext-color-font-white: #fff;
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1);
    --jjext-brand-fill2-hover: rgba(20, 115, 237, 0.25);
    --jjext-color-gray-0: #000;
    --jjext-color-gray-1-1: rgba(255, 255, 255, 0.2);
    --jjext-color-gray-1-2: rgba(255, 255, 255, 0.1);
    --jjext-color-gray-1-3: #464646;
    --jjext-color-gray-2: rgba(255, 255, 255, 0.12);
    --jjext-color-gray-3: rgba(255, 255, 255, 0.08);
    --jjext-color-background: #000;
    --jjext-color-layer-1: #181818;
    --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-2-2: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-3-fill: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-3-border: rgba(255, 255, 255, 0.2);
    --jjext-color-layer-4-dropdown: #2f2f2f;
    --jjext-color-layer-5: rgba(255, 255, 255, 0.12);
    --jjext-color-brand-1-normal: #2986ff;
    --jjext-color-brand-2-hover: #1473ed;
    --jjext-color-brand-3-click: #0563dd;
    --jjext-color-brand-4-disable: rgba(41, 134, 255, 0.4);
    --jjext-color-brand-5-light: rgba(30, 128, 255, 0.2);
    --jjext-color-mask-1: rgba(255, 255, 255, 0.4);
    --jjext-color-mask-2: #282828;
    --jjext-color-mask-3: rgba(0, 0, 0, 0.05);
    --jjext-color-mask-6: #181818;
    --jjext-color-brand-fill1-normal: rgba(41, 134, 255, 0.15);
    --jjext-color-brand-fill2-hover: rgba(20, 115, 237, 0.25);
    --jjext-color-brand-fill3-click: rgba(5, 99, 221, 0.35);
    --jjext-color-brand-stroke1-normal: rgba(41, 134, 255, 0.4);
    --jjext-color-brand-stroke2-hover: rgba(20, 115, 237, 0.6);
    --jjext-color-brand-stroke3-click: rgba(5, 99, 221, 0.6);
    --jjext-color-font_danger: #f85959;
    --jjext-color-shade-1: rgba(0, 0, 0, 0.6);
    --jjext-color-popup: #282828;
    --jjext-color-popover: #323232
}