@media all{.container{width:1080px;margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px;}.banner{padding:100px 0 120px;}.author .container::after,.author .container::before{display:none;}.banner .container{display:flex;align-items:flex-start;gap:60px;}.banner .avatar{width:125px;height:125px;}.banner .name{display:block;color:#1a1a1a;font-size:24px;margin-bottom:25px;font-weight:600;}.banner .base{display:flex;margin-bottom:20px;}.banner .title,.banner .experience{color:#2f2f2f;font-size:16px;}.banner .title::after{content:'|';padding-left:5px;}.banner .experience{padding-left:5px;}.banner .desc{color:#2f2f2f;font-size:16px;line-height:1.9;margin-bottom:25px;}.banner .list{display:grid;grid-template-columns:256px 328px 272px;grid-template-rows:repeat(2,auto);gap:12px;margin-bottom:25px;}.banner .list-item{min-width:256px;display:flex;justify-content:flex-start;align-items:center;gap:12px;height:68px;border-radius:4px;border:1px solid #e1e4ed;background:#fff;padding-left:14px;}.banner .list-item .icon{display:flex;justify-content:center;align-items:center;width:25px;height:25px;}.banner .list-item .text{color:#1a1a1a;font-size:16px;}.wrap-articles .container-header{background:#fff;}.wrap-articles .container-content{background:#f9f9ff;padding-top:90px;padding-bottom:50px;}.wrap-articles .container{position:relative;}.wrap-articles .container > .title{color:#1a1a1a;font-size:32px;font-weight:600;text-align:center;margin-bottom:65px;}.wrap-articles .tab-current{display:none;}.wrap-articles .tab{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:30px;}.wrap-articles .tab-item{position:relative;text-align:center;color:#1a1a1a;font-size:18px;cursor:pointer;transition:all 300ms;}.wrap-articles .tab-item::before{content:'';position:absolute;top:50%;transform:translateY(-50%);right:-30px;width:1px;height:22px;background:#e1e4ed;}.wrap-articles .tab-item::after{content:'';position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);width:86px;height:9px;background-image:url(/uploads/page/article/tab-active.svg);opacity:0;transition:all 300ms;}.wrap-articles .tab-item.active{color:#5950da;}.wrap-articles .tab-item.active::after{opacity:1;}.wrap-articles .tab-item:last-child::before{display:none;}.wrap-articles .content-item{display:none;}.wrap-articles .content-item.active{display:block;}.wrap-articles .content .item-article{border-radius:4px;border:1px solid #e1e4ed;background:#fff;padding:28px 20px;margin-bottom:25px;}.wrap-articles .content .item-article:last-child{margin-bottom:0;}.wrap-articles .content .item-article .title{display:block;color:#1a1a1a;font-size:18px;margin-bottom:12px;}.wrap-articles .content .item-article .title:hover{text-decoration:underline;color:#0550ae;}.wrap-articles .content .item-article .desc{color:#464646;font-size:14px;font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:12px;}@media (max-width:768px){.banner{padding:50px 0 70px;margin-bottom:0;}.banner .container{flex-direction:column;align-items:center;gap:20px;}.banner .avatar{width:70px;height:70px;}.banner .name{font-size:20px;text-align:center;margin-bottom:10px;}.banner .base{justify-content:center;}.banner .title,.banner .experience{font-size:14px;}.banner .desc{font-size:14px;margin-bottom:20px;}.banner .list{display:flex;flex-direction:column;gap:18px;margin-bottom:25px;}.banner .list-item{width:100%;height:auto;padding:15px 18px;}.banner .list-item .text{font-size:14px;}.wrap-articles{background:#f9f9ff;padding-top:70px;padding-bottom:35px;}.wrap-articles .container-header{background:#f9f9ff;}.wrap-articles .container-content{background:#f9f9ff;padding-top:20px;padding-bottom:0;}.wrap-articles .container{position:relative;}.wrap-articles .container > .title{margin-bottom:38px;}.wrap-articles .tab-current{display:flex;justify-content:space-between;align-items:center;border-radius:4px;border:1px solid #ededed;background:#fff;font-size:18px;color:#1a1a1a;padding:10px 20px;margin-bottom:20px;}.wrap-articles .tab-current::after{content:'';display:block;width:12px;height:8px;background-image:url(/uploads/page/article/icon-arrow.svg);transition:all 300ms;}.wrap-articles .tab{position:absolute;top:140px;left:15px;width:calc(100% - 30px);z-index:99;display:none;padding:12px 0;border-radius:4px;border:1px solid #ededed;background:#fff;box-shadow:0 0 10px 5px #eee;}.wrap-articles .tab-item{padding:8px 0;}.wrap-articles .tab-item::before,.wrap-articles .tab-item::after{display:none;}.wrap-articles .content-item{display:none;}.wrap-articles .content-item.active{display:block;}.wrap-articles .content .item-article{border-radius:4px;border:1px solid #e1e4ed;background:#fff;padding:28px 20px;margin-bottom:25px;}.wrap-articles .content .item-article .title{display:block;color:#1a1a1a;font-size:18px;margin-bottom:12px;}.wrap-articles .content .item-article .title:hover{text-decoration:underline;}.wrap-articles .content .item-article .desc{color:#464646;font-size:14px;font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:12px;}}}