.box{align-items:center;display:flex;justify-content:center}.content{display:flex;justify-content:flex-start;width:100%}.side-view{width:210px}.outline-view{height:100vh;margin-top:30px;position:sticky;top:94px;width:210px}.article-content{margin-top:40px;width:820px}@media screen and (max-width:1140px){.article-content{flex:1;max-width:calc(66% - 138.6)}}.bread-crumb-view{background-color:#fff;color:#b2b2b2;display:flex;height:34px;position:sticky;top:64px;z-index:1}.bread-crumb-view a{color:inherit;text-decoration:none}.bread-crumb{align-items:center;display:flex;justify-content:flex-start;width:1240px}.bread-crumb-item{font-size:12px;font-style:normal;font-weight:500;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bread-crumb-item.active{color:#666}.bread-crumb-arrow{height:12px;margin:0 8px;width:12px}.articles-item-title{color:var(---,#000);font-size:40px;font-style:normal;font-weight:700;line-height:120%;margin-top:46px}.articles-item-info{align-items:center;display:flex;margin-top:16px;width:100%}.articles-item-info a{text-decoration:none}.articles-author-avatar{border-radius:16px;height:32px;margin-right:8px;overflow:hidden;width:32px}.articles-author-name{color:var(---,#000);margin-right:16px}.articles-author-name,.articles-update-time{font-size:14px;font-style:normal;font-weight:500;line-height:150%}.articles-update-time{color:var(---,#b2b2b2);flex:1}.articles-categorie{background:rgba(90,103,255,.1);border-radius:4px;color:#5a67ff;font-size:12px;font-style:normal;font-weight:500;line-height:24px;padding:0 8px}.articles-desc{color:var(---,#666);font-size:16px;font-style:normal;font-weight:500;line-height:150%;margin-top:32px}.article-cover{border-radius:24px;margin-top:40px;width:100%}.article-detial{margin-top:40px;width:820px}@media screen and (max-width:1140px){.article-detial{flex:1;max-width:calc(66% - 138.6)}}.article-detial .ql-align-center{text-align:center}.article-detial .ql-align-right{text-align:right}.article-detial .ql-align-justify{text-align:justify}.article-detial strong,.article-detial strong *{font-weight:700}.article-detial img,.article-detial p img{border-radius:24px;max-width:100%}.article-detial h1 *,.article-detial h2 *,.article-detial h3 *{color:var(---,#000);font-style:normal;font-weight:700}.article-detial h1{font-size:1.5em}.article-detial h1,.article-detial h2{color:var(---,#000);font-style:normal;font-weight:700;margin-bottom:16px;margin-top:16px;white-space:normal;width:100%;word-break:normal}.article-detial h2{font-size:1.35em}.article-detial h3{font-size:1.17em;font-weight:700;margin-top:16px}.article-detial h3,.article-detial p{color:var(---,#000);font-style:normal;margin-bottom:16px;white-space:normal;width:100%;word-break:normal}.article-detial p{font-size:16px;font-weight:500;min-height:16px}.article-detial a{color:#5a67ff;font-size:16px;font-style:normal;font-weight:500}.article-detial video{display:block;margin-left:auto;margin-right:auto;max-width:100%}:root{--page-header-height:64px;--el-color-primary:#000;--el-color-primary-light-3:#4d4d4d;--el-color-primary-light-5:grey;--el-color-primary-light-7:#b3b3b3;--el-color-primary-light-8:#ccc;--el-color-primary-light-9:#e6e6e6;--el-color-primary-dark-2:#000}.all-voice-message{background:#fff;border:1px solid rgba(99,99,177,.34);border-radius:10px;box-shadow:0 0 16.727px 0 rgba(99,99,177,.34);color:#000}.all-voice-message .el-message__content{color:#000}.all-voice-message.message-is--error .el-message-icon--warning{color:#f53f3f}