@import "//at.alicdn.com/t/font_2827828_9l4uj636mn7.css";.clearfix::before{content:'';display:block;clear:both;}.page-container{box-sizing:border-box;margin:0 auto;padding:0 16px 0 16px;min-height:100vh;display:flex;flex-direction:column;}.page-container__content{flex:1;padding-bottom:16px;}.pointer{cursor:pointer;}.mg-l16{margin-left:16px;}.mg-r16{margin-right:16px;}.mg-t4{margin-top:4px;}.mg-t8{margin-top:8px;}.mg-t16{margin-top:16px;}.mg-t24{margin-top:24px;}.mg-t32{margin-top:32px;}.mg-t48{margin-top:48px;}.mg-b0{margin-bottom:0;}.mg-b8{margin-bottom:8px;}.mg-b16{margin-bottom:16px;}.mg-y8{margin-top:8px;margin-bottom:8px;}.align-items-center{display:flex;align-items:center;}.justify-content-center{display:flex;justify-content:center;}.flex-center{display:flex;align-items:center;justify-content:center;}.centered{text-align:center;}.color-title{color:#222;}.color-text{color:#333;}.color-text-secondary{color:#666;}.color-text-light{color:#999;}.color-red{color:#fa3333;}.fz-text-big{font-size:18px;}*{margin:0;padding:0;}html{background:#f5f5f5;font-family:-apple-system,system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial;word-break:break-word;}li{list-style:none;}a{text-decoration:none;color:#0366d6;}body{line-height:1.5;font-size:14px;}code{padding:0 3px;background:#f4f4f4;white-space:pre-wrap;word-wrap:break-word;margin-bottom:16px;}h4{margin:32px auto 16px;}img{max-width:100%;}.page-column .container{background:#fff;padding:20px;min-height:70vh;}.page-column .list{font-size:0;}.page-column .list__item{display:inline-block;margin:0 10px;font-size:18px;line-height:2.5;text-align:center;}.page-article-info{min-height:100vh;}.page-article-info .page-title{font-size:24px;}.page-article-info .page-info{font-size:12px;color:#999;margin-top:8px;}.page-article-info .page-info__item{margin-right:10px;}.page-article-info .page-info__item:last-child{margin-right:0;}.page-article-info .main{background:#fff;padding:24px;border-radius:4px;min-height:80vh;position:relative;}.page-article-info .main.flex{display:flex;}.page-article-info .main .set-nav{width:200px;flex-shrink:0;position:sticky;height:80vh;top:60px;overflow:auto;}.page-article-info .main .set-nav a{display:block;line-height:1.1;color:#333;padding:8px 0;}.page-article-info .main .set-nav a.active{color:#0366d6;}.page-article-info .main .content{flex:1;}.page-article-info .main__content{margin-top:24px;font-size:16px;color:#333;}.page-article-info .main h2,.page-article-info .main h3{margin:32px auto 16px;}.page-article-info .main li{margin:16px 0;color:#222;list-style:disc;margin-left:2em;}.page-article-info .main li ul li{font-weight:normal;list-style:circle;margin-left:1rem;}.page-article-info .main p{margin:20px 0;line-height:1.8;}.page-article-info .tags{margin:24px 8px 0 0;}.page-article-info .recommend-articles{font-size:0;}.page-article-info .recommend-articles a{display:inline-block;width:48%;max-width:45vw;padding-right:2%;font-size:13px;line-height:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.page-article-info .column-title{margin:24px 0 8px!important;font-size:16px;color:#222;}.page-article-list .articles{background:#fff;padding:0 16px;}.page-article-list .articles__item{padding:16px 0;border-bottom:0.5px solid #efefef;}.page-article-list .articles__title{font-size:18px;font-weight:500;color:#222;}.page-article-list .articles__title:hover{text-decoration:underline;}.page-article-list .articles__description{color:#666;font-size:16px;margin-top:4px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;}.page-article-list .articles__tags{margin-top:4px;}.page-article-list .articles__icon-tag{position:relative;font-size:12px;top:1px;}.page-article-list .articles__icon-tag,.page-article-list .articles__tag{color:#999;}.page-article-list .articles__tag{margin-right:8px;}.c-footer{margin-top:40px;}.c-footer__content{box-sizing:border-box;width:100%;padding:30px 20px;background:rgba(0,0,0,0.9);font-size:12px;color:#999;text-align:center;}.c-footer__links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:16px;}.c-footer__links a{color:#999;margin:4px 8px;line-height:1.5;white-space:nowrap;}.c-footer p:last-child{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}.c-footer p:last-child span{margin:4px 8px;white-space:nowrap;}@media(max-width:768px){.c-footer__content{padding:20px 15px;}.c-footer__links a{font-size:11px;margin:3px 6px;}.c-footer p:last-child span{font-size:11px;margin:3px 6px;}}.c-header .menu .logo,.c-header .menu .logo img{height:20px;line-height:1;flex-shrink:0;}.c-header .menu__placeholder{height:50px;}.c-header .menu__toggle{display:none;flex-direction:column;justify-content:space-around;width:24px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;margin-left:auto;}.c-header .menu__toggle span{width:24px;height:2px;background:#333;border-radius:1px;transition:all 0.3s ease;}.c-header .menu__toggle.active span:nth-child(1){transform:rotate(45deg)translate(5px,5px);}.c-header .menu__toggle.active span:nth-child(2){opacity:0;}.c-header .menu__toggle.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-6px);}.c-header .menu-container{position:fixed;width:100%;height:50px;left:0;top:0;z-index:9;line-height:50px;background:#fff;padding:0 24px;box-shadow:4px 1px 4px rgba(0,0,0,0.1);box-sizing:border-box;display:flex;align-items:center;}.c-header .menu-list{display:flex;align-items:center;overflow-x:auto;margin-left:24px;flex:1;}.c-header .menu-list::-webkit-scrollbar{display:none;}.c-header .menu-list a{margin:0 8px;flex-shrink:0;color:#222;font-weight:500;}.c-header .menu-list a.active{font-size:18px;color:#0366d6;}@media(max-width:768px){.c-header .menu__toggle{display:flex;z-index:10;}.c-header .menu-list{position:absolute;top:50px;left:0;width:100%;background:#fff;flex-direction:column;align-items:flex-start;padding:10px 24px;box-shadow:0 4px 4px rgba(0,0,0,0.1);max-height:60vh;overflow-y:auto;overflow-x:hidden;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:8;}.c-header .menu-list::-webkit-scrollbar{width:4px;}.c-header .menu-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px;}.c-header .menu-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px;}.c-header .menu-list.active{opacity:1;visibility:visible;}.c-header .menu-list a{margin:4px 0;padding:6px 0;width:100%;font-size:15px;transition:color 0.2s ease;}.c-header .menu-list a:hover{color:#0366d6;}}.c-header .nav{padding:10px 40px 10px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#333;flex:1;display:flex;align-items:center;}.c-header .nav__item{height:100%;display:flex;align-items:center;}.c-header .nav__item--link{color:#0366d6;}.c-header .nav__separator{font-size:12px;color:#333;margin:0 8px;}.c-header .right{width:40px;text-align:right;}.c-header .search{width:60px;border:1px solid red;position:relative;}.pagination{text-align:center;padding:10px 20px;}.pagination li{display:inline-block;margin:0 10px;}.page-home .hot-articles{background:#fff;padding:0 32px;}.page-home .hot-articles__item{padding:24px 0;border-bottom:0.5px solid #efefef;}.page-home .hot-articles__title{font-size:18px;font-weight:500;color:#222;}.page-home .hot-articles__title:hover{text-decoration:underline;}.page-home .hot-articles__description{color:#666;font-size:16px;margin-top:4px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}.page-home .hot-articles__tags{margin-top:4px;}.page-home .hot-articles__icon-tag{position:relative;font-size:12px;top:1px;}.page-home .hot-articles__icon-tag,.page-home .hot-articles__tag{color:#999;}.page-home .hot-articles__tag{margin-right:8px;}.page-home .more{padding:16px;text-align:center;}.page-home__tools{padding:16px;}.page-home__tools a{margin-right:16px;}@media(max-width:640px){.page-home{padding:0 0 16px !important;}.hot-articles{padding:0 20px !important;}}.page-tag-info .articles__item{padding:16px;background:#fff;margin-bottom:10px;}.page-tag-info .articles__item-link{display:block;}.page-tag-info .articles__top{display:flex;justify-content:space-between;align-items:center;}.page-tag-info .articles__title{font-size:18px;font-weight:500;color:#222;}.page-tag-info .articles__description{color:#666;font-size:13px;margin-top:4px;}.page-tag-list .container{background:#fff;padding:16px;min-height:80vh;}.page-tag-list__item{display:inline-block;margin:0 16px 16px 0;}.page-color-transfer__input{width:48px;height:16px;line-height:16px;padding:8px;border:1px solid #ddd;border-radius:4px;}.page-color-transfer__color-square{display:inline-block;width:60px;height:32px;}.g-tool__textarea{width:100%;height:300px;padding:8px;box-sizing:border-box;}