.infos-detail-page{padding:2rem 0}.infos-detail-page .container{max-width:1400px;margin:0 auto}.infos-detail-page .page-header{text-align:center;margin-bottom:2rem}.infos-detail-page .page-header h1{color:#0070f3;margin-bottom:1rem;font-size:1.8rem}.infos-detail-page .page-header .info-meta{color:#666;justify-content:center;gap:1rem;margin-bottom:1rem;font-size:.9rem;display:flex}.infos-detail-page .page-header .info-meta span{align-items:center;display:flex}.infos-detail-page .page-header .info-meta span:after{content:"|";color:#e0e0e0;margin-left:1rem}.infos-detail-page .page-header .info-meta span:last-child:after{display:none}.infos-detail-page .page-header .info-categories{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.infos-detail-page .page-header .info-categories .category-tag{color:#0070f3;background-color:#f0f7ff;border-radius:20px;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.infos-detail-page .info-featured-image{text-align:center;border-radius:8px;margin-bottom:2rem;overflow:hidden}.infos-detail-page .info-featured-image img{border-radius:8px;max-width:100%;height:auto;transition:transform .3s}.infos-detail-page .info-featured-image img:hover{transform:scale(1.01)}.infos-detail-page .info-media-gallery{border-radius:8px;margin-bottom:2rem;overflow:hidden}.infos-detail-page .info-media-gallery .info-main-image-container{text-align:center;border-radius:8px;margin-bottom:1rem;overflow:hidden}.infos-detail-page .info-media-gallery .info-main-image-container .info-main-image{border-radius:8px;max-width:100%;height:auto;transition:transform .3s}.infos-detail-page .info-media-gallery .info-main-image-container .info-main-image:hover{transform:scale(1.01)}.infos-detail-page .info-media-gallery .info-thumbnail-container{gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.infos-detail-page .info-media-gallery .info-thumbnail-container::-webkit-scrollbar{height:6px}.infos-detail-page .info-media-gallery .info-thumbnail-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.infos-detail-page .info-media-gallery .info-thumbnail-container::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.infos-detail-page .info-media-gallery .info-thumbnail-container::-webkit-scrollbar-thumb:hover{background:#555}.infos-detail-page .info-media-gallery .info-thumbnail-item{cursor:pointer;border:2px solid #0000;border-radius:4px;flex-shrink:0;width:80px;height:80px;transition:border-color .3s;overflow:hidden}.infos-detail-page .info-media-gallery .info-thumbnail-item.active{border-color:#0070f3}.infos-detail-page .info-media-gallery .info-thumbnail-item .info-thumbnail-image{object-fit:cover;width:100%;height:100%}.infos-detail-page .info-content{color:#333;max-width:1400px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.8}.infos-detail-page .info-content p{margin-bottom:1.5rem}.infos-detail-page .info-content h2{color:#0070f3;margin:2rem 0 1rem;font-size:1.8rem}.infos-detail-page .info-content h3{color:#0070f3;margin:1.5rem 0 1rem;font-size:1.5rem}.infos-detail-page .info-content ul,.infos-detail-page .info-content ol{margin-bottom:1.5rem;padding-left:2rem}.infos-detail-page .info-content .content-container img,.infos-detail-page .info-content .content-container .media-content,.infos-detail-page .info-content .markdown-content img,.infos-detail-page .info-content .markdown-content .media-content{border-radius:8px!important;max-width:100%!important;height:auto!important;margin:1rem auto!important;display:block!important}.infos-detail-page .info-content li{margin-bottom:.5rem}.infos-detail-page .info-content img{border-radius:4px;max-width:100%;height:auto;margin:1rem auto;display:block}.infos-detail-page .info-actions{border-top:1px solid #e0e0e0;margin-bottom:2rem;padding-top:1.5rem}.infos-detail-page .info-actions .share-section{align-items:center;gap:1rem;display:flex}.infos-detail-page .info-actions .share-section .share-label{color:#333;font-weight:500}.infos-detail-page .info-actions .share-section .share-buttons{gap:15px;margin-left:15px;display:flex}.infos-detail-page .info-actions .share-section .share-btn-container{display:inline-block;position:relative}.infos-detail-page .info-actions .share-section .share-btn{color:#333;cursor:pointer;text-align:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;min-width:60px;padding:.5rem 1rem;transition:all .3s}.infos-detail-page .info-actions .share-section .share-btn:hover{color:#fff;background-color:#0070f3;border-color:#0070f3;transform:translateY(-1px)}.infos-detail-page .info-actions .share-section .share-btn.active{color:#fff;background-color:#0070f3;border-color:#0070f3}.infos-detail-page .info-actions .share-section .share-btn.wechat:hover,.infos-detail-page .info-actions .share-section .share-btn.wechat.active{background-color:#07c160;border-color:#07c160}.infos-detail-page .info-actions .share-section .share-btn.weibo:hover,.infos-detail-page .info-actions .share-section .share-btn.weibo.active{background-color:#e6162d;border-color:#e6162d}.infos-detail-page .info-actions .share-section .share-btn.douyin:hover,.infos-detail-page .info-actions .share-section .share-btn.douyin.active{background-color:#000;border-color:#000}.infos-detail-page .info-actions .share-section .share-tooltip{color:#fff;white-space:nowrap;z-index:1000;opacity:.95;background-color:#333;border-radius:4px;margin-bottom:8px;padding:8px 12px;font-size:.875rem;animation:.3s fadeIn;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.infos-detail-page .info-actions .share-section .share-tooltip:after{content:"";border:6px solid #0000;border-top-color:#333;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:.95;transform:translate(-50%)translateY(0)}}.infos-detail-page .back-link{text-align:center}.infos-detail-page .back-link a{color:#0070f3;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.infos-detail-page .back-link a:hover{background-color:#f0f7ff;transform:translate(-3px)}.infos-detail-page .back-link a:before{content:"←";font-size:1.2rem}.infos-detail-page.loading,.infos-detail-page.error{justify-content:center;align-items:center;min-height:50vh;display:flex}.infos-detail-page.loading .loading-spinner,.infos-detail-page.loading .error-message,.infos-detail-page.error .loading-spinner,.infos-detail-page.error .error-message{text-align:center;color:#666;font-size:1.2rem}.infos-detail-page.loading .error-message,.infos-detail-page.error .error-message{color:#e53e3e}@media (max-width:768px){.infos-detail-page .page-header h1{font-size:2rem}.infos-detail-page .page-header .info-meta{flex-direction:column;align-items:center;gap:.5rem}.infos-detail-page .page-header .info-meta span:after{display:none}.infos-detail-page .info-content{font-size:1rem}}@media (max-width:480px){.infos-detail-page{padding:1rem 0}.infos-detail-page .page-header h1{font-size:1.8rem}.infos-detail-page .info-actions .share-section{flex-direction:column;align-items:stretch}.infos-detail-page .info-actions .share-section .share-buttons{justify-content:center}}