.article-page{--t:#03b8cf;--td:#028ea0;--tbg:rgba(3,184,207,.1);--tbg2:rgba(3,184,207,.05);--card:#fff;--text-1:#1f2430;--text-2:#4b5563;--text-3:#8a919f;--line:#eef0f3;color:var(--text-2)}body.Green .article-page{--t:#00ce74;--td:#00b361;--tbg:rgba(0,206,116,.1);--tbg2:rgba(0,206,116,.05)}body.LightRed .article-page{--t:#ea644a;--td:#d64b30;--tbg:rgba(234,100,74,.1);--tbg2:rgba(234,100,74,.05)}body.Orange .article-page{--t:#f90;--td:#e08600;--tbg:rgba(255,153,0,.12);--tbg2:rgba(255,153,0,.06)}body.LightPink .article-page{--t:#ff8fa5;--td:#f07b93;--tbg:rgba(255,182,193,.22);--tbg2:rgba(255,182,193,.12)}body.Magenta .article-page{--t:#8666b8;--td:#6f51a0;--tbg:rgba(134,102,184,.12);--tbg2:rgba(134,102,184,.06)}.article-page{background:linear-gradient(180deg,#f6f7f9,#f1f2f5);min-height:calc(100vh - 60px)}.article-page .article-container{margin:0 auto;padding:0 0 40px;width:1200px}.article-page a{transition:color .2s ease}.article-breadcrumb{align-items:center;color:var(--text-3);display:flex;font-size:13px;padding:20px 2px 16px}.article-breadcrumb a{color:var(--text-3)}.article-breadcrumb a:hover{color:var(--t)}.article-breadcrumb .sep{color:#ccd1d9;font-size:12px;margin:0 10px}.article-breadcrumb .cur{color:var(--text-1);font-weight:600;max-width:360px}.article-layout{align-items:flex-start;display:flex;gap:24px}.article-layout .article-main{flex:1;min-width:0}.article-layout .article-aside{flex-shrink:0;width:300px}.widget{background:var(--card);border-radius:10px;box-shadow:0 1px 2px rgba(18,25,38,.04),0 4px 16px rgba(18,25,38,.03);margin-bottom:20px;overflow:hidden}.widget .widget-head{align-items:center;border-bottom:1px solid var(--line);display:flex;padding:15px 18px 13px}.widget .widget-head .head-bar{background:var(--t);border-radius:2px;flex-shrink:0;height:16px;width:4px}.widget .widget-head .head-title{color:var(--text-1);font-size:16px;font-weight:600;margin:0 0 0 10px}.widget .widget-head .head-tip{background:var(--tbg);border-radius:10px;color:var(--t);font-size:11px;margin-left:auto;padding:2px 8px}.widget .widget-head .head-tip .fa{margin-right:2px}.articles-lists-page .list-card{background:var(--card);border-radius:10px;box-shadow:0 1px 2px rgba(18,25,38,.04),0 4px 16px rgba(18,25,38,.03);overflow:hidden}.list-head{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;padding:20px 24px}.list-head .head-info{align-items:center;display:flex;gap:14px;min-width:0}.list-head .head-info .head-icon{align-items:center;background:var(--tbg);border-radius:10px;color:var(--t);display:flex;flex-shrink:0;font-size:20px;height:46px;justify-content:center;width:46px}.list-head .head-info .head-text{min-width:0}.list-head .head-info .head-text .title{color:var(--text-1);font-size:20px;font-weight:700;line-height:1.4;margin:0}.list-head .head-info .head-text .sub{color:var(--text-3);font-size:13px;margin:2px 0 0;max-width:460px}.list-head .head-info .head-text .sub .total{background:var(--tbg2);border-radius:8px;color:var(--t);font-size:12px;margin-left:10px;padding:1px 8px}.list-head .list-search{flex-shrink:0}.list-head .list-search .search-wrap{align-items:center;background:#f7f8fa;border:1px solid #e3e6ea;border-radius:19px;display:flex;height:38px;overflow:hidden;transition:border-color .2s,background .2s}.list-head .list-search .search-wrap:focus-within{background:#fff;border-color:var(--t)}.list-head .list-search .search-wrap>.fa{color:#a7adb8;font-size:13px;margin-left:14px}.list-head .list-search .search-wrap input{background:transparent;border:0;color:var(--text-1);flex:1;font-size:13px;height:100%;min-width:170px;outline:0;padding:0 10px}.list-head .list-search .search-wrap button{background:var(--t);border:0;color:#fff;cursor:pointer;font-size:13px;height:100%;padding:0 18px;transition:background .2s}.list-head .list-search .search-wrap button:hover{background:var(--td)}.list-body .article-item{border-bottom:1px solid var(--line);display:flex;padding:22px 24px;position:relative;transition:background .2s ease}.list-body .article-item:last-child{border-bottom:0}.list-body .article-item:hover{background:var(--tbg2)}.list-body .article-item .thumb{align-self:stretch;background:#e9ebef;border-radius:8px;flex-shrink:0;min-height:150px;overflow:hidden;position:relative;width:212px}.list-body .article-item .thumb img{height:100%;inset:0;object-fit:cover;position:absolute;transition:transform .45s ease;width:100%}.list-body .article-item .thumb .mask{align-items:center;background:rgba(15,23,42,.38);color:#fff;display:flex;font-size:20px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .25s ease}.list-body .article-item:hover .thumb img{transform:scale(1.06)}.list-body .article-item:hover .thumb .mask{opacity:1}.list-body .article-item .item-body{display:flex;flex:1;flex-direction:column;margin-left:20px;min-width:0;padding:2px 0 0}.list-body .article-item.no-cover .item-body{margin-left:0}.list-body .item-title{display:-webkit-box;font-size:19px;font-weight:600;-webkit-line-clamp:2;line-height:1.5;margin:0 0 8px;-webkit-box-orient:vertical;overflow:hidden}.list-body .item-title a{color:var(--text-1)}.list-body .item-title a:hover{color:var(--t)}.list-body .item-summary{color:#6b7280;font-size:14px;line-height:1.7;margin-bottom:12px}.list-body .item-meta{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:auto}.list-body .item-meta .cat-tag{align-items:center;background:var(--tbg);border-radius:12px;color:var(--t);display:inline-flex;font-size:12px;padding:3px 11px}.list-body .item-meta .cat-tag .fa{font-size:11px;margin-right:4px}.list-body .item-meta .cat-tag:hover{background:var(--t);color:#fff}.list-body .item-meta .meta-right{align-items:center;display:flex;gap:14px}.list-body .item-meta .meta-item{color:var(--text-3);font-size:12px;white-space:nowrap}.list-body .item-meta .meta-item .fa{font-size:12px;margin-right:3px}.list-body .item-meta .item-time{color:#a8adb6}.empty-list{padding:60px 20px;text-align:center}.empty-list .empty-icon{color:#d4d9e0;font-size:52px;line-height:1;margin-bottom:16px}.empty-list .empty-title{color:#6b7280;font-size:17px;font-weight:600;margin:0 0 6px}.empty-list .empty-tip{color:#a7adb8;font-size:13px;margin:0 0 18px}.empty-list .empty-btn{background:var(--t);border-radius:18px;color:#fff;display:inline-block;font-size:13px;padding:8px 22px}.empty-list .empty-btn:hover{background:var(--td);color:#fff}.page-nav{border-top:1px solid var(--line);padding:20px 24px;text-align:center}.page-nav .pagination{display:inline-flex;gap:4px;margin:0}.page-nav .pagination>li{display:inline-block}.page-nav .pagination>li>a,.page-nav .pagination>li>span{background:#fff;border:1px solid #e3e6ea;border-radius:6px!important;color:var(--text-2);font-size:13px;height:34px;line-height:32px;min-width:34px;padding:0 10px;transition:all .2s ease}.page-nav .pagination>li>a:hover{border-color:var(--t);color:var(--t)}.page-nav .pagination>li.active>a,.page-nav .pagination>li.active>span{background:var(--t);border-color:var(--t);color:#fff}.page-nav .pagination>li.disabled>a,.page-nav .pagination>li.disabled>span{color:#ccd1d9;cursor:not-allowed}.widget-category .cate-list{padding:6px 0}.widget-category .cate-list .cate-item{position:relative}.widget-category .cate-list .cate-item>a{align-items:center;color:var(--text-2);display:flex;font-size:14px;padding:10px 18px 10px 22px;position:relative;transition:background .2s,color .2s}.widget-category .cate-list .cate-item>a:before{background:var(--t);border-radius:0 2px 2px 0;content:"";height:18px;left:0;position:absolute;top:50%;transform:translateY(-50%) scaleY(0);transition:transform .2s ease;width:3px}.widget-category .cate-list .cate-item>a>.fa{color:#b6bcc6;font-size:13px;margin-right:9px;text-align:center;transition:color .2s;width:18px}.widget-category .cate-list .cate-item>a .cate-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-category .cate-list .cate-item>a .arrow{color:#d0d4da;font-size:12px;opacity:0;transition:all .2s}.widget-category .cate-list .cate-item>a:hover{background:var(--tbg2);color:var(--t)}.widget-category .cate-list .cate-item>a:hover .fa{color:var(--t)}.widget-category .cate-list .cate-item>a:hover .arrow{color:var(--t);opacity:1}.widget-category .cate-list .cate-item.active>a{background:var(--tbg);color:var(--t);font-weight:600}.widget-category .cate-list .cate-item.active>a:before{transform:translateY(-50%) scaleY(1)}.widget-category .cate-list .cate-item.active>a .fa{color:var(--t)}.widget-category .cate-list .cate-item.active>a .arrow{color:var(--t);opacity:1}.widget-category .cate-list .cate-sub{background:var(--tbg2);padding:0 0 6px}.widget-category .cate-list .cate-sub li{position:relative}.widget-category .cate-list .cate-sub li a{align-items:center;color:#6b7280;display:flex;font-size:13px;padding:7px 18px 7px 50px;transition:color .2s}.widget-category .cate-list .cate-sub li a .dot{background:#c6ccd4;border-radius:50%;flex-shrink:0;height:5px;margin-right:9px;transition:background .2s;width:5px}.widget-category .cate-list .cate-sub li a:hover{background:hsla(0,0%,100%,.6);color:var(--t)}.widget-category .cate-list .cate-sub li a:hover .dot{background:var(--t)}.widget-category .cate-list .cate-sub li.active a{color:var(--t);font-weight:600}.widget-category .cate-list .cate-sub li.active a .dot{background:var(--t)}.widget-hot .widget-body{padding:14px 16px 16px}.widget-hot .hot-top{border-radius:8px;display:block;height:168px;margin-bottom:8px;overflow:hidden;position:relative}.widget-hot .hot-top .rank{background:var(--t);border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.25);color:#fff;font-size:13px;font-style:italic;font-weight:700;height:24px;left:10px;line-height:24px;position:absolute;text-align:center;top:10px;width:24px;z-index:2}.widget-hot .hot-top .rank-1{background:linear-gradient(135deg,#ffb03a,#ff7e21)}.widget-hot .hot-top .rank-2{background:linear-gradient(135deg,#9fb3c8,#6a8099)}.widget-hot .hot-top .hot-img{height:100%;inset:0;object-fit:cover;position:absolute;transition:transform .45s ease;width:100%}.widget-hot .hot-top .hot-img-empty{align-items:center;background:#edf0f3;color:#c2c8d2;display:flex;font-size:30px;justify-content:center}.widget-hot .hot-top .hot-mask{background:linear-gradient(180deg,rgba(15,23,42,0) 35%,rgba(15,23,42,.72));inset:0;position:absolute}.widget-hot .hot-top .hot-info{bottom:0;color:#fff;left:0;padding:26px 12px 10px;position:absolute;right:0;z-index:1}.widget-hot .hot-top .hot-info .hot-title{color:#fff;display:block;font-size:14px;font-weight:600;line-height:1.5;margin-bottom:6px}.widget-hot .hot-top .hot-info .hot-meta{align-items:center;color:hsla(0,0%,100%,.8);display:flex;font-size:11px;justify-content:space-between}.widget-hot .hot-top .hot-info .hot-meta .cate{background:hsla(0,0%,100%,.2);border-radius:8px;padding:1px 8px}.widget-hot .hot-top:hover .hot-img{transform:scale(1.05)}.widget-hot .hot-line{align-items:center;border-radius:6px;display:flex;padding:9px 2px;transition:background .2s}.widget-hot .hot-line:hover{background:var(--tbg2)}.widget-hot .hot-line .rank{background:#f0f2f5;border-radius:6px;color:#9aa0aa;flex-shrink:0;font-size:12px;font-weight:600;height:22px;line-height:22px;text-align:center;width:22px}.widget-hot .hot-line .rank-1,.widget-hot .hot-line .rank-2,.widget-hot .hot-line .rank-3{background:linear-gradient(135deg,#ffb03a,#ff7e21);color:#fff}.widget-hot .hot-line .line-body{flex:1;margin-left:10px;min-width:0}.widget-hot .hot-line .line-title{color:var(--text-1);display:block;font-size:13px;transition:color .2s}.widget-hot .hot-line .line-meta{align-items:center;color:#a7adb8;display:flex;font-size:11px;justify-content:space-between;margin-top:3px}.widget-hot .hot-line .line-meta .cate{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-hot .hot-line .line-meta .time .fa{margin-right:3px}.widget-hot .hot-line:hover .line-title{color:var(--t)}.widget-hot .hot-empty{color:#a7adb8;font-size:13px;padding:26px 0;text-align:center}.widget-guide .guide-main{padding:22px 18px;text-align:center}.widget-guide .guide-main .fa-book{color:var(--t);font-size:30px}.widget-guide .guide-main p{color:var(--text-3);font-size:13px;margin:8px 0 12px}.widget-guide .guide-main .guide-btn{background:var(--t);border-radius:16px;color:#fff;display:inline-block;font-size:13px;padding:7px 20px;transition:background .2s}.widget-guide .guide-main .guide-btn .fa{margin-left:4px}.widget-guide .guide-main .guide-btn:hover{background:var(--td);color:#fff}.articles-detail-page .detail-card{background:var(--card);border-radius:10px;box-shadow:0 1px 2px rgba(18,25,38,.04),0 4px 16px rgba(18,25,38,.03);overflow:hidden}.detail-head{padding:30px 40px 6px;text-align:center}.detail-cat{align-items:center;background:var(--tbg);border-radius:14px;color:var(--t);display:inline-flex;font-size:13px;padding:3px 14px}.detail-cat .fa{margin-right:4px}.detail-cat:hover{background:var(--t);color:#fff}.detail-title{color:var(--text-1);font-size:28px;font-weight:700;line-height:1.5;margin:14px auto 0;max-width:900px;word-break:break-word}.detail-meta{align-items:center;color:var(--text-3);display:flex;flex-wrap:wrap;font-size:13px;justify-content:center;margin-top:14px}.detail-meta .meta-divider{color:#d6dade;margin:0 10px}.detail-meta .meta-item{align-items:center;display:inline-flex}.detail-meta .meta-item .fa{font-size:13px;margin-right:4px}.detail-meta .author{color:var(--t)}.detail-abstract{background:var(--tbg2);border-left:3px solid var(--t);border-radius:6px;display:flex;margin:20px auto 0;max-width:880px;padding:12px 16px;text-align:left}.detail-abstract .fa{color:var(--t);flex-shrink:0;font-size:15px;margin:3px 10px 0 0}.detail-abstract p{color:#5d6673;font-size:13px;line-height:1.8;margin:0}.detail-tags{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:18px 0}.detail-tags .tags-label{color:var(--text-3);font-size:13px}.detail-tags .tags-label .fa{margin-right:3px}.detail-tags .tag-item{background:var(--tbg);border-radius:12px;color:var(--t);font-size:12px;padding:2px 12px;transition:all .2s}.detail-tags .tag-item:hover{background:var(--t);color:#fff}.detail-cover{border-radius:10px;box-shadow:0 1px 2px rgba(18,25,38,.04),0 4px 16px rgba(18,25,38,.03);margin:18px auto 0;max-width:880px;overflow:hidden}.detail-cover img{display:block;height:auto;width:100%}.detail-body{color:#353a41;font-size:16px;line-height:1.95;padding:26px 40px 8px;word-break:break-word}.detail-body p{margin:0 0 20px}.detail-body img{border-radius:8px;display:block;height:auto;margin:18px auto;max-width:100%}.detail-body h1,.detail-body h2,.detail-body h3,.detail-body h4,.detail-body h5{color:var(--text-1);font-weight:700;line-height:1.5;margin:26px 0 14px}.detail-body h2{font-size:22px}.detail-body h3{font-size:19px}.detail-body blockquote{background:var(--tbg2);border-left:4px solid var(--t);border-radius:0 6px 6px 0;color:#5d6673;font-size:15px;margin:18px 0;padding:10px 18px}.detail-body blockquote p:last-child{margin-bottom:0}.detail-body pre{background:#2b2f36;border-radius:8px;color:#d7dde4;font-size:13px;line-height:1.7;overflow-x:auto;padding:14px 16px}.detail-body code{background:var(--tbg2);border-radius:4px;color:var(--td);font-size:13px;padding:2px 6px}.detail-body pre code{background:transparent;color:inherit;padding:0}.detail-body ol,.detail-body ul{margin:0 0 20px;padding-left:2em}.detail-body li{margin-bottom:4px}.detail-body a{color:var(--t);text-decoration:underline;text-underline-offset:3px}.detail-body a:hover{color:var(--td)}.detail-body table{border-collapse:collapse;font-size:14px;margin:18px 0;max-width:100%;width:100%}.detail-body table td,.detail-body table th{border:1px solid var(--line);padding:8px 12px}.detail-body table th{background:var(--tbg2);color:var(--text-1)}.detail-source{border-top:1px dashed var(--line);color:#a7adb8;font-size:13px;margin:8px 0 0;padding-top:16px}.detail-source .fa{color:var(--t);margin-right:5px}.detail-copyright{align-items:flex-start;background:#f7f8fa;border:1px dashed #dfe3e9;border-radius:8px;display:flex;margin:18px 40px 0;padding:14px 18px}.detail-copyright .copyright-icon{align-items:center;background:var(--tbg);border-radius:50%;color:var(--t);display:flex;flex-shrink:0;font-size:15px;height:34px;justify-content:center;margin-right:12px;width:34px}.detail-copyright .copyright-text p{color:#9097a1;font-size:12px;line-height:1.7;margin:0 0 4px}.detail-copyright .copyright-text p:last-child{margin-bottom:0}.detail-nav{display:flex;gap:14px;margin:22px 40px 0}.detail-nav .nav-item{align-items:center;background:#f7f8fa;border-radius:8px;display:flex;flex:1;min-width:0;padding:13px 16px;transition:background .2s,box-shadow .2s}.detail-nav .nav-item .nav-arrow{align-items:center;background:#fff;border-radius:50%;color:var(--text-3);display:flex;flex-shrink:0;font-size:15px;height:34px;justify-content:center;transition:all .2s;width:34px}.detail-nav .nav-item .nav-box{min-width:0}.detail-nav .nav-item .nav-box .nav-label{color:#a7adb8;display:block;font-size:12px;margin-bottom:3px}.detail-nav .nav-item .nav-box .nav-title{color:var(--text-1);display:block;font-size:14px;font-weight:500;max-width:100%;transition:color .2s}.detail-nav .nav-item.prev{text-align:left}.detail-nav .nav-item.prev .nav-arrow{margin-right:12px}.detail-nav .nav-item.next{flex-direction:row-reverse;text-align:right}.detail-nav .nav-item.next .nav-arrow{margin-left:12px}.detail-nav .nav-item:hover{background:var(--tbg2)}.detail-nav .nav-item:hover .nav-arrow{background:var(--t);color:#fff}.detail-nav .nav-item:hover .nav-title{color:var(--t)}.detail-nav .nav-item.disabled{cursor:default;opacity:.6}.detail-nav .nav-item.disabled:hover{background:#f7f8fa}.detail-nav .nav-item.disabled:hover .nav-arrow{background:#fff;color:var(--text-3)}.detail-nav .nav-item.disabled:hover .nav-title{color:var(--text-1)}.action-bar{border-top:1px solid var(--line);margin-top:26px;padding:26px 40px 30px;text-align:center}.action-bar .action-tip{color:#a7adb8;font-size:13px;margin-bottom:16px}.action-bar .action-items{display:flex;gap:18px;justify-content:center}.action-bar .action-btn{align-items:center;background:#fff;border:1px solid #e3e6ea;border-radius:22px;color:var(--text-2);cursor:pointer;display:flex;gap:9px;outline:0;padding:9px 22px;transition:all .25s ease}.action-bar .action-btn .fa{font-size:15px}.action-bar .action-btn .act-num{font-size:15px;font-weight:700}.action-bar .action-btn .act-label{border-left:1px solid #e3e6ea;font-size:13px;line-height:1.2;padding-left:9px}.action-bar .action-btn:hover{background:var(--tbg2);border-color:var(--t);color:var(--t)}.action-bar .action-btn.active{background:var(--t);border-color:var(--t);box-shadow:0 6px 16px rgba(18,25,38,.16);color:#fff}.action-bar .action-btn.active .act-label{border-left-color:hsla(0,0%,100%,.45)}.action-bar .action-btn.active:hover{background:var(--td)}.comment-box{background:#f8f9fb;border-top:1px solid var(--line);margin-top:4px;padding:24px 40px 34px}.section-title{align-items:center;display:flex;margin-bottom:16px}.section-title .head-bar{background:var(--t);border-radius:2px;height:17px;width:4px}.section-title .title{color:var(--text-1);font-size:17px;font-weight:600;margin:0 0 0 10px}.section-title.comments-title{margin-top:30px}.comment-editor{align-items:flex-start;display:flex}.comment-editor .editor-user{flex-shrink:0;text-align:center;width:90px}.comment-editor .editor-user .user-avatar{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(18,25,38,.12);height:52px;object-fit:cover;width:52px}.comment-editor .editor-user .user-name{color:var(--text-3);display:block;font-size:12px;margin-top:8px}.comment-editor .editor-main{flex:1;min-width:0}.comment-editor .editor-textarea{background:#fff;border:1px solid #e3e6ea;border-radius:8px;color:var(--text-2);font-size:14px;line-height:1.7;min-height:84px;padding:12px 16px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.comment-editor .editor-textarea::placeholder{color:#b6bcc6}.comment-editor .editor-textarea:focus{border-color:var(--t);box-shadow:0 0 0 3px var(--tbg);outline:0}.comment-editor .editor-foot{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.comment-editor .editor-foot .editor-hint{color:#a7adb8;font-size:12px}.comment-editor .editor-foot .editor-hint .fa{margin-right:3px}.comment-editor .editor-foot .editor-submit{background:var(--t);border:0;border-radius:16px;color:#fff;cursor:pointer;font-size:13px;padding:7px 26px;transition:background .2s}.comment-editor .editor-foot .editor-submit:hover{background:var(--td)}.comment-list .comment-item{border-bottom:1px solid var(--line);padding:18px 4px}.comment-list .comment-item:last-child{border-bottom:0}.comment-list .comment-avatar{float:left;height:44px;width:44px}.comment-list .comment-avatar img{border-radius:50%;height:44px;object-fit:cover;width:44px}.comment-list .comment-main{margin-left:60px}.comment-list .comment-user{align-items:center;display:flex}.comment-list .comment-user .nickname{color:var(--text-1);font-size:14px;font-weight:600}.comment-list .comment-user .floor{color:#b6bcc6;font-size:11px;margin-left:8px}.comment-list .comment-text{color:var(--text-2);font-size:14px;line-height:1.8;margin:6px 0 9px;white-space:pre-wrap;word-break:break-word}.comment-list .comment-foot{align-items:center;display:flex;justify-content:space-between}.comment-list .comment-foot .comment-time{color:#b0b6c0;font-size:12px}.comment-list .comment-foot .comment-time .fa{margin-right:4px}.comment-list .comment-foot .comment-like{align-items:center;background:#fff;border-radius:12px;color:#9aa0aa;cursor:pointer;display:inline-flex;font-size:12px;padding:3px 12px;transition:all .2s;user-select:none}.comment-list .comment-foot .comment-like .fa{color:#d0d4da;font-size:13px;margin-right:4px}.comment-list .comment-foot .comment-like:hover{background:#fff1f1;color:#f36f6f}.comment-list .comment-foot .comment-like:hover .fa{color:#f36f6f}.comment-list .comment-foot .comment-like.active{background:#fff1f1;color:#f36f6f}.comment-list .comment-foot .comment-like.active .fa{color:#f36f6f}.comment-list .comment-foot .comment-like .num{font-style:normal}.state-box{color:#9aa0aa;font-size:13px;padding:44px 10px;text-align:center}.state-box .fa{color:#d0d4da;display:block;font-size:34px;margin-bottom:10px}.state-box p{margin:0}.state-box.state-error .fa{color:#eab1a6}.comment-pager{margin-top:14px;text-align:center}.comment-pager .pager{display:inline-flex;gap:4px;margin:0}.comment-pager .pager>li{display:inline-block}.comment-pager .pager>li>a,.comment-pager .pager>li>span{background:#fff;border:1px solid #e3e6ea;border-radius:6px!important;color:var(--text-2);display:block;font-size:12px;height:32px;line-height:30px;min-width:32px;padding:0 9px;transition:all .2s ease}.comment-pager .pager>li>a:hover{border-color:var(--t);color:var(--t)}.comment-pager .pager>li.active>a,.comment-pager .pager>li.active>span{background:var(--t);border-color:var(--t);color:#fff}.comment-pager .pager>li.disabled>a,.comment-pager .pager>li.disabled>span{color:#ccd1d9;cursor:not-allowed}@media(max-width:1299.98px){.article-page .article-container{padding-left:16px;padding-right:16px;width:100%}}@media(max-width:991.98px){.article-layout{flex-direction:column}.article-layout .article-aside{display:grid;gap:0 20px;grid-template-columns:1fr 1fr;position:static;width:100%}.article-layout .article-aside .widget-guide{grid-column:span 2}.list-head{align-items:stretch;flex-direction:column}.list-head .list-search .search-wrap{max-width:380px}}@media(max-width:767.98px){.articles-lists-page .list-body .article-item{flex-direction:column;padding:16px}.articles-lists-page .list-body .article-item .thumb{margin-bottom:14px;min-height:170px;width:100%}.articles-lists-page .list-body .article-item .item-body{margin-left:0}.list-head .head-info .head-text .sub{max-width:none}.detail-head{padding:22px 18px 4px}.detail-title{font-size:22px}.detail-body{font-size:15px;padding:18px 18px 8px}.detail-copyright,.detail-nav{margin-left:18px;margin-right:18px}.detail-nav{flex-direction:column}.action-bar{padding:20px 18px 24px}.comment-box{padding:20px 18px 26px}.comment-editor .editor-user{width:60px}.comment-editor .editor-user .user-name{display:none}.article-layout .article-aside{display:block}}