/* CSS Document */
@import url(../../../webdoc/css/frame.css);
@import url(../../../webdoc/css/page.css);
@import url(menu_animate.css);

:root {
    --list_top: 6rem;
    --list_body: calc(100vh - 6rem);
}
::-webkit-scrollbar {width:1pt;height:1pt;} /* 这是针对缺省样式 (必须的) */
::-webkit-scrollbar-track {background-color:rgba(0,0,0,0);} /* 滚动条的滑轨背景颜色 */
::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,.5); } /* 滑块颜色 */
::-webkit-scrollbar-button {background-color:rgba(0,0,0,0);} /* 滑轨两头的监听按钮颜色 */
::-webkit-scrollbar-corner {background-color:rgba(0,0,0,0);} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */

box {width:60rem;margin:0 auto;}
nav {width:15rem;box-shadow:none;}
.article_package {width:calc(100% - 15rem);}
.article {overflow-y:unset;}
#page {overflow-y:auto;height:calc(100% - var(--list_top));}
article .heading {display:flex;align-items:center;line-height:1;}

.list dt {border:0;padding:0;}
.list dt a {display:block;height:3rem;width:3rem;margin-right:1rem;}
.list dt img,
.list dt svg {height:100%;width:100%;}
.list li {padding-left:1rem;display:flex;align-items:center;border-radius:4rem;margin:.5rem 0;margin-right:1rem;}
.list li:before {content:"";width:4pt;height:4pt;border-radius:1rem;background:#333;display:block;margin-right:.5rem;overflow:hidden;font-size:0;line-height:0;}
.list li.on:before {background:var(--fore_color);}
.list li.gap32:before {display:none;}
.list li:hover {background:hsl(226,20%,96%);}
.list li a {display:block;width:calc(100% - 4pt - .5rem);}
.list b {width:auto;}
.list b i {overflow:unset;text-overflow:unset;white-space:unset;}

@media screen and (min-width:0) and (max-width:768px) {
body,header {background:var(--back_color);}
box {width:100%;}
nav {width:100%;}
.menubox {left:3vmin;}
.article_package {width:auto;}

.list dt {padding-left:5vmin;}
.list li {margin:1vmin 5vmin;padding:3.5vmin;padding-left:5.5vmin;}
}