.main{width:100%;margin-top:64px;padding:48px 0 64px 0;display:flex;justify-content:center}.toast-feedback{position:fixed;top:130px;left:50%;transform:translateX(-50%);z-index:9999;min-width:144px;height:48px;padding:13px 16px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;border:1px solid var(--15,rgba(0,0,0,0.15));background:var(--normal-white,#fff);box-shadow:0 8px 10px -5px rgba(0,0,0,0.08),0 16px 24px 2px rgba(0,0,0,0.04),0 6px 30px 5px rgba(0,0,0,0.05)}.toast-feedback img{width:20px;height:20px}.toast-feedback span{font-family:"Microsoft YaHei UI",sans-serif;font-weight:400;font-size:14px;line-height:22px;color:var(--90,rgba(0,0,0,0.9))}.main .main-wrapper{width:864px;padding:32px 48px 48px 48px;display:flex;flex-direction:column;justify-content:center;gap:32px;background-color:#fff;border-radius:16px}.main .header-section{display:flex;flex-direction:column;gap:20px;padding-bottom:24px;border-bottom:1px solid rgba(0,0,0,0.1)}.main .content-divider{width:100%;height:1px;background:var(--black-6,rgba(0,0,0,0.1))}.main .content-section{display:block}.main .content-nav{display:flex;justify-content:space-between;gap:40px}.main .content-page{width:calc(50% - 20px)}.main .other-article-section{display:flex;flex-direction:column;border-top:1px solid var(--10,rgba(0,0,0,0.1))}.main .content-container{display:flex;flex-wrap:wrap;gap:24px}.main .content-extra{text-align:center;border-top:1px solid var(--10,rgba(0,0,0,0.1));margin-top:24px;padding-top:24px}.main .header-section .header-breadcrumb{font-size:15px;color:rgba(0,0,0,0.9);font-weight:400;display:flex;align-items:center;gap:8px}.main .header-section .header-title{display:flex;flex-direction:column}.main .content-nav .content-nav-container{display:flex;gap:16px;align-items:center;cursor:pointer}.main .content-nav .content-nav-item{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-right:-18px}.main .other-article-section .other-article-title{font-size:28px;color:rgba(0,0,0,0.9);font-weight:700;margin:24px 0}.main .content-extra .content-extra-text{width:196px;height:22px;margin:0 auto 18px;font-family:"Microsoft YaHei UI",sans-serif;font-weight:400;font-size:14px;line-height:22px;letter-spacing:0;text-align:center;color:#000}.main .content-extra .content-extra-btn{display:flex;justify-content:center;align-items:center;gap:64px}.main .content-extra .content-extra-item{display:flex;flex-direction:column;align-items:center;gap:10px}.main .content-extra .content-extra-item-icon{width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,0,0,0.15);box-sizing:border-box;background:#fff no-repeat center;background-size:20px 20px;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none}.main .content-extra .content-extra-count{font-size:14px;font-weight:500;line-height:1;color:rgba(0,0,0,0.5)}.main .content-extra .content-extra-count--hidden{visibility:hidden}.main .content-container .info-card{flex:0 0 calc(33% - 14px);padding:20px 20px 24px 20px;background:#fff;border-radius:16px;border:1px solid var(--black-6,rgba(0,0,0,0.1));cursor:pointer;display:flex;flex-direction:column;gap:16px}.main .content-container .info-img{width:100%;height:125px;border-radius:16px;border:1px solid var(--black-6,rgba(0,0,0,0.06));background-color:rgba(0,0,0,0.06)}.main .header-section .header-title .header-text{font-size:36px;font-weight:700;color:rgba(0,0,0,0.9)}.main .header-section .header-title .header-date{font-size:16px;color:rgba(0,0,0,0.4)}.main .content-nav .content-nav-container .content-nav-left-icon{width:24px;height:24px;background:url("https://p2.ssl.qhimg.com/t110b9a9301c51acdda150350e1.png") no-repeat 0 0 / 72px 24px}.main .content-nav .content-nav-container .content-nav-right-icon{width:24px;height:24px;background:url("https://p4.ssl.qhimg.com/t110b9a9301cb4e04010a086459.png") no-repeat -48px 0 / 72px 24px}.main .content-nav .content-nav-item .title{font-size:16px;color:rgba(0,0,0,0.6)}.main .content-nav .content-nav-item .desc{font-size:16px;color:rgba(0,0,0,0.9);font-weight:700;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;width:100%;margin-right:-16px}.main .content-extra .content-extra-item-icon.like{background-image:url(https://s2.ssl.qhres2.com/static/b59426effb894832.svg)}.main .content-extra .content-extra-item-icon.share{background-image:url(https://s5.ssl.qhres2.com/static/067dbe56c7975438.svg)}.main .header-section .header-breadcrumb a:hover{color:var(--ai-hover,#366ef4)}.main .header-section .header-breadcrumb a:active{color:var(--ai-click,#003cab)}.main .content-nav .content-nav-container:hover .title{color:var(--ai-hover,#366ef4)}.main .content-nav .content-nav-container:active .title{color:var(--ai-click,#003cab)}.main .content-nav .content-nav-container:hover .desc{color:var(--ai-hover,#366ef4)}.main .content-nav .content-nav-container:active .desc{color:var(--ai-click,#003cab)}.main .content-nav .content-nav-container:hover .content-nav-left-icon{background:url("https://p2.ssl.qhimg.com/t110b9a9301c51acdda150350e1.png") no-repeat -24px 0 / 72px 24px}.main .content-nav .content-nav-container:active .content-nav-left-icon{background:url("https://p2.ssl.qhimg.com/t110b9a9301c51acdda150350e1.png") no-repeat -48px 0 / 72px 24px}.main .content-nav .content-nav-container:hover .content-nav-right-icon{background:url("https://p4.ssl.qhimg.com/t110b9a9301cb4e04010a086459.png") no-repeat -24px 0 / 72px 24px}.main .content-nav .content-nav-container:active .content-nav-right-icon{background:url("https://p4.ssl.qhimg.com/t110b9a9301cb4e04010a086459.png") no-repeat 0 0 / 72px 24px}.main .content-nav .content-nav-container.left .content-nav-item{align-items:start}.main .content-nav .content-nav-container.right .content-nav-item{align-items:end}.main .content-extra .content-extra-item-icon.like.liked{background-image:url(https://s1.ssl.qhres2.com/static/7c27fed716e00ead.svg);border-color:#03B752}.main .content-extra .content-extra-item-icon.share.shared{background-image:url(https://s3.ssl.qhres2.com/static/fa17635fe855a104.svg);border-color:var(--normal,#03B752)}.main .content-container .info-card:hover .info-title{text-decoration:underline}.main .content-nav .content-nav-container.right .content-nav-item .desc{text-align:right}.main .content-container .info-content{display:flex;flex-direction:column;gap:12px}.main .content-container .info-title{height:48px;font-size:16px;font-weight:700;color:rgba(0,0,0,0.9);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.main .content-container .info-tags{height:22px;overflow:hidden;display:flex;flex-wrap:wrap;gap:8px}.main .content-container .info-tag{font-size:12px;line-height:20px;font-weight:400;color:rgba(0,0,0,0.6);padding:1px 4px;border-radius:var(---2,2px);background:var(--black-6,rgba(0,0,0,0.06))}.main .content-container .info-divider{width:100%;height:1px;background:var(--black-6,rgba(0,0,0,0.1))}.main .content-container .info-date{font-size:14px;color:rgba(0,0,0,0.6);list-style:22px}.main .content-container .info-img img{width:100%;height:100%;border-radius:16px;object-fit:contain}.main .content-container .info-tag:hover{background:var(--black-6,rgba(0,0,0,0.1))}.main .content-container .info-tag:active{background:var(--black-6,rgba(0,0,0,0.15))}