.main{width:100%;margin-top:64px;padding:48px 0 64px 0;display:flex;justify-content:center}.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{margin-top:32px;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{font-size:14px;color:rgba(0,0,0,0.65);margin-bottom:18px}.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;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-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 .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-img img{width:100%;height:100%;border-radius:16px;object-fit:contain}.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-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))}.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-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-date{font-size:14px;color:rgba(0,0,0,0.6);list-style:22px}