.article-detail{margin-bottom:60px}.article-detail .captain{align-items:flex-start;display:flex;margin:auto}.article-detail .captain>.article-container{flex-grow:1;margin:0 0 0 20px;max-width:900px;min-width:900px;position:relative;width:900px}.article-detail .captain>.article-container>h1{color:#1d1d1d;font-size:25.2px;letter-spacing:.5px;margin:30px 0 40px;text-align:center;word-break:break-word}html.dark-mode .article-detail .captain>.article-container>h1{color:#fff}.article-detail .captain>.article-container>.common-loading{padding:50px 0;width:100%}.article-detail .captain>.article-container>.html-container{position:relative;z-index:2}.article-detail .captain>.article-container>.more-info{border-top:1px solid #c7c7c7;font-size:13.5px;margin-top:30px;padding:20px 0 0;position:relative;text-align:center}html.dark-mode .article-detail .captain>.article-container>.more-info{border-color:#bebebe}.article-detail .captain>.article-container>.more-info .tags{flex-wrap:wrap}.article-detail .captain>.article-container>.more-info .tags span{margin-right:8px;word-break:keep-all}.article-detail .captain>.article-container>.more-info .tags a{margin:0 8px 8px 0}.article-detail .captain>.article-container>.more-info .tags a:not(:last-of-type){margin-right:8px}.article-detail .captain>.article-container>.more-info>.time{margin-left:auto}.article-detail .captain>.article-container>.more-info>.time span{color:#ff6a00}.article-detail .captain>.article-container>.more-info .visitors{background:#fafafa;margin-right:8px;padding:0 10px;position:absolute;right:0;top:0;transform:translateY(-50%)}html.dark-mode .article-detail .captain>.article-container>.more-info .visitors{background:#23272e}html.dark-mode .article-detail .captain>.article-container>.more-info .visitors svg{fill:#fff}.article-detail .captain>.article-container>.more-info .visitors svg{height:15px;margin-right:5px;width:15px}.article-detail .captain>.menu{align-items:flex-end;margin-left:36px;padding:15px 0 55px;position:sticky;top:48px}.article-detail .captain>.menu>.toggle{cursor:pointer}.article-detail .captain>.menu>.toggle:hover>svg{fill:#333}html.dark-mode .article-detail .captain>.menu>.toggle:hover>svg{fill:#f7f7f7}.article-detail .captain>.menu>.toggle>svg{fill:#777;height:20px;transform:rotate(90deg);transition:all .2s cubic-bezier(0,0,0,1);width:20px}html.dark-mode .article-detail .captain>.menu>.toggle>svg{fill:#d1d1d1}.article-detail .captain>.menu ol{list-style:none;padding:20px 0 0 5px;width:160px}.article-detail .captain>.menu ol:hover a{color:#4d4646}.article-detail .captain>.menu ol:hover a:before{background:#4d4646}.article-detail .captain>.menu ol:hover a.small:before{border:1px solid #4d4646}html.dark-mode .article-detail .captain>.menu ol:hover a{color:#fff}html.dark-mode .article-detail .captain>.menu ol:hover a:before{background:#fff}.article-detail .captain>.menu ol a{align-items:center;border-radius:4px;color:#777;display:flex;margin-bottom:9px;padding:5px 5px 5px 18px;position:relative;text-decoration:none;transition:all .2s cubic-bezier(0,0,0,1);word-break:break-all}.article-detail .captain>.menu ol a span{-webkit-line-clamp:1;font-size:15.3px;line-height:21.6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}html.dark-mode .article-detail .captain>.menu ol a{color:#e2e2e2}.article-detail .captain>.menu ol a:before{background:#777;border-radius:50%;content:"";flex-shrink:0;height:8px;left:5px;position:absolute;transition:all .2s cubic-bezier(0,0,0,1);width:8px}html.dark-mode .article-detail .captain>.menu ol a:before{background:#e2e2e2}.article-detail .captain>.menu ol a.small{padding-left:32px}.article-detail .captain>.menu ol a.small span{font-size:14.4px}.article-detail .captain>.menu ol a.small:before{background:transparent!important;border:1px solid #777;height:7px;left:16px;width:7px}html.dark-mode .article-detail .captain>.menu ol a.small:before{border-color:#e2e2e2}.article-detail .captain>.menu ol a:hover{background:#f5f5f5;color:#000}html.dark-mode .article-detail .captain>.menu ol a:hover{background:#2c2c2c;color:#fff}html.dark-mode .article-detail .captain>.menu ol a:hover:before{background:#fff;border-color:#fff}.article-detail .captain>.menu ol a:hover:before{background:#000;border-color:#000}.article-detail .captain>.menu ol a.active{background:#e3efff;color:#006fff}html.dark-mode .article-detail .captain>.menu ol a.active{background:#181818;color:#fff}html.dark-mode .article-detail .captain>.menu ol a.active:before{background:#fff;border-color:#fff}.article-detail .captain>.menu ol a.active:before{background:#006fff;border-color:#006fff}.article-detail .captain>.menu.compact>.toggle>svg{transform:rotate(-90deg)}.article-detail .captain>.menu.compact ol{width:30px}.article-detail .captain>.menu.compact ol a{padding:10px!important}.article-detail .captain>.menu.compact ol a:before{left:50%!important;transform:translate(-50%)}.article-detail .captain>.menu.compact ol a span{display:none}@media screen and (min-width:768px) and (max-width:1050px){.article-detail{width:95vw}.article-detail .captain{max-width:unset;min-width:unset;width:100%!important}.article-detail .captain>.article-container{margin:0 60px;max-width:unset;min-width:unset;width:calc(100% - 120px)}.article-detail .captain>.menu{display:none}.article-detail .more-info{padding:8px 60px 10px;width:100%}.article-detail .more-info .tags{margin-left:8px}.article-detail .more-info .time{margin-right:8px}}@media screen and (max-width:768px){.article-detail{width:100%}.article-detail .captain{max-width:unset;min-width:unset;width:100%!important}.article-detail .captain>.article-container{margin:0 10px;max-width:unset;min-width:unset;width:calc(100% - 20px)}.article-detail .captain>.menu,.article-detail .captain>.menu ul{display:none}.article-detail .more-info{padding:8px 0 10px;width:100%}.article-detail .more-info .tags{margin-left:8px}.article-detail .more-info .time{margin-right:8px}}