/* ----------------------------------------------------------------------------------------------------
 *
 * 框架布局
 *
 * ---------------------------------------------------------------------------------------------------- */

/* --------------------------------------------------
 * 快速链接菜单
 * -------------------------------------------------- */
#quickLinkParent {
    position: fixed;
    overflow-y:scroll;
    overflow-x:hidden;
    max-height: calc(100vh - 105px);
}

#quickLinkMenu a {
    color: rgb(69,66,62);
    font-weight: lighter;
}

#quickLinkMenu a:hover, #quickLinkMenu a:focus {
    font-weight: normal;
    text-shadow: 0 0 3px rgba(39,36,32,.28);
    text-decoration-line: underline;
}

#quickLinkMenu a.active {
    color: rgb(172,68,58);
    font-weight: bold;
}

#quickLinkMenu a.active:hover, #quickLinkMenu a.active:focus {
    text-shadow: none;
}

/* ---------- 滚动条 ---------- */
/* 整个滚动条 */
#mainContent ::-webkit-scrollbar {
    width: 1px;
    background-color: rgb(255,255,255);
}
/* 滚动条轨道 */
#mainContent ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 1px rgb(255,255,255);
}
/* 滚动条上的滚动滑块 */
#mainContent ::-webkit-scrollbar-thumb {
    background-color: rgb(90,85,80);
}

/* ----------------------------------------------------------------------------------------------------
 *
 * 页面元素样式
 *
 * ---------------------------------------------------------------------------------------------------- */

/* --------------------------------------------------
 * 代码块
 * -------------------------------------------------- */
pre.code {
    background: rgb(40,43,46);
    position: relative;
    padding: 1rem;
}
pre.code > code {
    padding: 0;
}
/* 符合拷贝的元素 hover 加下划线，提示符不加 */
pre.code > code.clip:hover > span:not(.prompt_) {
    cursor: pointer;
    text-decoration: underline;
    text-shadow: 0 0 6px rgba(146,148,148,.68);
}
/* 对于部分可拷贝的情况，将允许拷贝的部分显示下划线 */
pre.code > code.preCr > span:not(.prompt_) {
    text-decoration: underline dotted rgba(255,255,255,.3);
}
/* ---------- 滚动条 ---------- */
/* 整个滚动条 */
pre.code ::-webkit-scrollbar {
    height: .375rem;
    background-color: rgb(90,85,80);
}
/* 滚动条轨道 */
pre.code ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 .175rem rgba(234,228,215,.15);
}
/* 滚动条上的滚动滑块 */
pre.code ::-webkit-scrollbar-thumb {
    background-color: rgb(234,228,215);
}

/* --------------------------------------------------
 * 徽章
 * -------------------------------------------------- */
.badge {
    color: #fff;
    font-size: inherit;
    font-weight: 100;
    background: rgb(77,106,168);
    padding: .15em;
    border-radius: 0;
}
.badge > a {
    color: #fff;
    text-decoration: underline;
    padding: .5em;
}
.badge > a:hover {
    text-shadow: 0 0 6px rgba(255,255,255,.68);
}

/* --------------------------------------------------
 * Clip 文本
 * -------------------------------------------------- */
a.clip {
    color: rgb(212,108,64);
}
a.clip:hover {
    text-shadow: 0 0 2px rgba(172,68,58,.38);
    text-decoration-line: underline;
}

/* --------------------------------------------------
 * 标注
 * -------------------------------------------------- */
.callout {
    border-left: .25rem solid rgba(77,106,168,.8);
    padding-left: .5rem;
}

/* --------------------------------------------------
 * 术语
 * -------------------------------------------------- */
.glossary {
    text-decoration: underline dotted rgb(155,55,56) !important;
}

/* --------------------------------------------------
 * Tooltip
 * -------------------------------------------------- */

.tooltip.show {
    opacity: 1;
}

.tooltip-inner {
    text-align: left;
    font-size: 1rem;
    word-break: break-all;
    border-radius: 0;
    border: 1px solid rgba(58,59,59,.2);
    padding: .5rem .75rem;
    color: #000;
    background: rgb(247,211,108);
    max-width: 600px;
}

.tooltip-arrow:before {
    border-bottom-color: rgb(58,59,59)!important;
}