/*
* @Author: 大胡子
* @Email:  dahuzi@xintheme.com
* @Link:   www.xintheme.com
* @Date:   2024-09-03 21:01:37
* @Last Modified by:   dahuzi
* @Last Modified time: 2024-09-08 20:05:39
*/

/*顶部进度条*/
.scroll-progress{width:0;height:5px;background:#0079ff;position:fixed;top:0;left:0;transform-origin:0 50%;animation:scaleProgress auto linear;animation-timeline:scroll(root);z-index:100}

/*文档页面*/
.document-page{background:#f4f6fa;padding:30px 0}
.document-page .document-box{display:flex;flex-wrap:wrap;align-items:flex-start}

/*菜单小工具*/
.document-page .sidebar-widget-area{position:sticky;top:20px;width:22%}
.document-page .widget-menu-container::-webkit-scrollbar{background-color:transparent;width:7px;height:7px;position:absolute}
.document-page .widget-menu-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:5px}
.document-page .widget-menu-container:hover::-webkit-scrollbar{background-color:transparent;width:7px;height:7px;position:absolute}
.document-page .widget-menu-container:hover::-webkit-scrollbar-thumb{background-color:rgba(51,51,51,.5);border-radius:5px}
.document-page .widget-menu-container{overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 140px);padding:0 13px 0 20px}
.scroll-progress[style="width: 0%;"]+.document-page .widget-menu-container{max-height:calc(100vh - 290px)}
.document-page .widget_nav_menu{background:#fff;padding:20px 0;border-radius:6px}
.document-page .widget_nav_menu .widget-title{border-bottom:1px solid #eee;margin-bottom:20px;padding:0 20px 20px}
.document-page .widget_nav_menu .widget-title h3{color:#2a3342;font-size:18px;font-weight:600;line-height:1.4;margin:0}
.document-page .widget_nav_menu .widget-menu-container>ul>li{position:relative;margin-bottom:15px;border-bottom:1px dashed #eef1f7;padding-bottom:15px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.document-page .widget_nav_menu ul li:last-child{margin-bottom:0;padding-bottom:0;border:none}
.document-page .widget_nav_menu ul li a{align-items:center;display:flex;color:#404244;font-size:14px;line-height:1.4;font-weight:600;width:calc(100% - 20px)}
.document-page .widget_nav_menu ul .sub-menu{display:none;padding:10px 0 6px;margin-left:2px;width:100%;position:relative}
.document-page .widget_nav_menu ul .sub-menu li a{display:inline-block;width:100%;padding:5px 0 5px 15px;font-size:14px;font-weight:400;transition:none}
.document-page .widget_nav_menu .widget-menu-container>ul>li.current-menu-item>a,.document-page .widget_nav_menu .widget-menu-container>ul>li.current-menu-parent>a,.document-page .widget_nav_menu .widget-menu-container>ul>li>a:hover{color:#0079ff}
.document-page .widget_nav_menu .widget-menu-container>ul>li.current-menu-item>a:before,.document-page .widget_nav_menu .widget-menu-container>ul>li.current-menu-parent>a:before,.document-page .widget_nav_menu .widget-menu-container>ul>li>a:hover:before{background:#0079ff}
.document-page .widget_nav_menu .widget-menu-container>ul>li .ri-arrow-down-s-line{font-size:18px;color:#404244;cursor:pointer;transition:all .35s ease-in-out;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.document-page .widget_nav_menu .widget-menu-container>ul>li.hover .ri-arrow-down-s-line{-webkit-transform:none;transform:none}
.document-page .widget_nav_menu ul .sub-menu li.current-menu-item a{color:#0079ff;font-weight:600}
.document-page .widget_nav_menu ul .sub-menu li:not(.current-menu-item) a:hover{text-decoration:underline}
.document-page .widget_nav_menu ul .sub-menu:before{content:"";line-height:0;width:1px;height:calc(100% - 26px);display:block;background:#ddd;border-radius:50px;position:absolute;left:1px;transition:all .35s ease-in-out;top:15px}
.document-page .widget_nav_menu ul .sub-menu li{position:relative}
.document-page .widget_nav_menu ul .sub-menu li:before{content:"";line-height:0;width:3px;height:calc(100% - 10px);display:block;border-radius:50px;position:absolute;left:0;transition:all .35s ease-in-out;top:5px}
.document-page .widget_nav_menu .widget-menu-container>ul .sub-menu li.current-menu-item:before{background:#0079ff}
.document-page .widget_nav_menu ul .sub-menu li:hover:before{background:rgb(199 222 255)}

/*文章目录*/
.document-page .table-of-contents{width:calc(22% - 20px);position:sticky;top:20px;margin-left:20px}
.document-page .table-of-contents h2{font-size:14px;margin-bottom:20px;font-weight:500;color:#2a3342}
.document-page .table-of-contents ul li a{font-size:13px;display:block;padding:5px 5px 5px 10px;line-height:1.4;border-left:2px solid #cdcdcd;border-radius:0 4px 4px 0;color:#333}
.document-page .table-of-contents .post-toc>li.active>a{font-weight:700;background-color:#007aff3d;border-left-color:#007aff}
.document-page .table-of-contents .post-toc>li:not(.active)>a:hover{background:#eef1f7}
.document-page .table-of-contents li.active li.active>a,
.document-page .table-of-contents .post-toc li li a:hover{color:#333;border-left-color:#007aff;font-weight:600}
.document-page .table-of-contents ul li ul li a{transition:none;padding-left:25px;padding-right:0;color:#666}

/*文档详情*/
.document-page .document-content{width:calc(78% - 20px);display:flex;background:#fff;padding:20px;align-items:flex-start;border-radius:6px;margin-left:20px}
.document-page .document-details{width:78%}
.document-page .post-toc-empty .document-details{width:100%}
.document-page .document-details .document-title{border-bottom:1px solid #3c3c431f;padding-bottom:20px;margin-bottom:20px}
.document-page .document-details .document-title h1{color:#2a3342;font-size:30px;font-weight:600;line-height:1.4;margin:0}
.document-page .document-details p{margin:10px 0;color:#3c3c43;font-size:16px;line-height:1.6;display:inline-block;width:100%}
.document-page .document-details p:empty{display:none}
.document-page .document-details a{}
.document-page .document-details a:not(:has(img)){display:inline-block;color:#007aff;padding:0 3px}
.document-page .document-details a:hover{text-decoration:underline}
.document-page .document-details h2{display:inline-block;width:100%;margin:10px 0;line-height:1.4;font-size:24px;color:#3c3c43;font-weight:600;border-bottom:1px solid #3c3c431f;padding-bottom:20px}
.document-page .document-details h3{display:inline-block;width:100%;margin:10px 0;line-height:1.4;font-size:20px;font-weight:600;color:#3c3c43}
.document-page .document-details img{max-width:100%;border:1px solid #eff1f8}
.document-page .document-details img.aligncenter{margin:0 auto;display:block}
.document-page .document-details ol,.document-page .document-details ul{padding-left:2.2rem;margin:10px 0}
.document-page .document-details ul{list-style:disc}
.document-page .document-details ol{list-style:decimal}
.document-page .document-details ol li,.document-page .document-details ul li{font-size:16px;color:#3c3c43;line-height:1.4}
.document-page .document-details ol li+li,.document-page .document-details ul li+li{margin-top:8px}
.document-page .document-details .wp-caption{max-width:100%}
.document-page .document-details .wp-caption.aligncenter{text-align:center}
.document-page .document-details .wp-caption .wp-caption-text{margin:6px 0 0;font-size:14px;color:#999;display:inline-block}

@media (max-width:767px){
    .document-page{padding:15px 0}
    .document-page .sidebar-widget-area{width:100%;position:static;margin-bottom:15px}
    .document-page .widget-menu-container{max-height:max-content !important}
    .document-page .document-content{width:100%;margin-left:0;flex-wrap:wrap}
    .document-page .document-details{width:100%;order:2}
    .document-page .table-of-contents{width:100%;position:static;margin:0 0 30px;order:1;display:none}
}