.social-share-bar{z-index:2;width:fit-content;height:fit-content;position:fixed;top:50%;left:24px;transform:translateY(-50%)}body:has(.ant-image-preview-wrap:not([style*="display: none"])) .article-detail-container .social-share-bar{visibility:hidden!important;opacity:0!important;pointer-events:none!important}body.fp-image-preview-open .article-detail-container .social-share-bar{z-index:0!important;pointer-events:none!important}.social-buttons-container{flex-direction:column;align-items:center;gap:12px;display:flex}.social-float-button{border:1px solid var(--ant-color-border)!important;color:var(--ant-color-text)!important;width:56px!important;height:56px!important;position:relative!important;inset:0 auto auto 0!important;transform:none!important;box-shadow:0 2px 8px #0000001a!important}.social-float-button .ant-float-btn-body{width:56px!important;height:56px!important}.social-float-button .anticon{font-size:20px!important}.social-float-button:hover{box-shadow:0 4px 12px #00000026!important}.social-float-button.starred-active{color:#fff!important;border-color:#0000!important}.social-float-button.starred-active .anticon{color:#fff!important}.social-float-button-star .ant-badge .ant-badge-count{background:linear-gradient(135deg,#faad14 0%,#ffc53d 100%)!important;border-color:#fff!important;box-shadow:0 2px 8px #faad144d,0 1px 3px #00000026,inset 0 1px #fff3!important}.social-float-button-star:hover .ant-badge .ant-badge-count{box-shadow:0 3px 12px #faad1466,0 2px 4px #0003,inset 0 1px #ffffff4d!important}:root.dark .social-float-button-star .ant-badge .ant-badge-count{border-color:#1f1f1fd9!important}.social-float-button.liked-active{color:#fff!important;border-color:#0000!important}.social-float-button.liked-active .anticon{color:#fff!important}:root.dark .social-float-button{border-color:var(--ant-color-border)!important;box-shadow:0 2px 8px #0000004d!important}:root.dark .social-float-button:hover{box-shadow:0 4px 12px #0006!important}@media (width<=768px){.social-share-bar{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}.social-buttons-container,.social-float-button{display:none!important}}.table-of-contents{margin-bottom:16px;transition:position .3s}.article-detail-container .article-detail-toc-sidebar .table-of-contents.toc-skeleton-card .ant-pro-card-body{padding-left:16px!important;padding-right:12px!important}.article-detail-container .article-detail-toc-sidebar .table-of-contents.toc-skeleton-card .ant-skeleton-content .ant-skeleton-paragraph>li,.article-detail-container .article-detail-toc-sidebar .table-of-contents.toc-skeleton-card .toc-skeleton-inner.ant-skeleton .ant-skeleton-content .ant-skeleton-paragraph>li{height:12px;margin-top:8px}.article-detail-container .article-detail-toc-sidebar .table-of-contents.toc-skeleton-card .toc-skeleton-inner.ant-skeleton .ant-skeleton-content .ant-skeleton-paragraph>li:first-child,.article-detail-container .article-detail-toc-sidebar .table-of-contents.toc-skeleton-card .ant-skeleton-content .ant-skeleton-paragraph>li:first-child{margin-top:0}.article-detail-container .article-detail-toc-sidebar .table-of-contents{flex-direction:column;flex-shrink:0;width:100%;max-width:220px;min-height:0;max-height:calc(100vh - 108px);display:flex;overflow-y:auto}.article-detail-container .article-detail-toc-sidebar .table-of-contents.toc-sticky{z-index:0!important;visibility:visible!important;opacity:1!important;align-self:flex-start!important;width:220px!important;max-height:calc(100vh - 108px)!important;margin:0!important;display:flex!important;position:sticky!important;top:88px!important;overflow-y:auto!important;transform:none!important}.article-detail-container .article-detail-toc-sidebar .table-of-contents .ant-pro-card-body{flex:1;min-height:0;max-height:calc(100vh - 168px);overflow-y:auto}.article-detail-container .article-detail-toc-sidebar .table-of-contents.toc-sticky .ant-pro-card-body{flex:1!important;min-height:0!important;max-height:calc(100vh - 168px)!important;overflow-y:auto!important}.article-detail-container .article-detail-toc-sidebar .table-of-contents .toc-list{min-height:0;max-height:none;padding-right:4px;overflow-y:visible}.article-detail-container .article-detail-toc-sidebar .table-of-contents::-webkit-scrollbar{width:6px}.article-detail-container .article-detail-toc-sidebar .table-of-contents .ant-pro-card-body::-webkit-scrollbar{width:6px}.article-detail-container .article-detail-toc-sidebar .table-of-contents::-webkit-scrollbar-track{background:0 0;border-radius:3px}.article-detail-container .article-detail-toc-sidebar .table-of-contents .ant-pro-card-body::-webkit-scrollbar-track{background:0 0;border-radius:3px}.article-detail-container .article-detail-toc-sidebar .table-of-contents::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.article-detail-container .article-detail-toc-sidebar .table-of-contents .ant-pro-card-body::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.article-detail-container .article-detail-toc-sidebar .table-of-contents::-webkit-scrollbar-thumb:hover{background:#00000038}.article-detail-container .article-detail-toc-sidebar .table-of-contents .ant-pro-card-body::-webkit-scrollbar-thumb:hover{background:#00000038}:root.dark .article-detail-container .article-detail-toc-sidebar .table-of-contents::-webkit-scrollbar-thumb{background:#fff3}.dark .article-detail-container .article-detail-toc-sidebar .table-of-contents::-webkit-scrollbar-thumb{background:#fff3}:root.dark .article-detail-container .article-detail-toc-sidebar .table-of-contents .ant-pro-card-body::-webkit-scrollbar-thumb{background:#fff3}.dark .article-detail-container .article-detail-toc-sidebar .table-of-contents .ant-pro-card-body::-webkit-scrollbar-thumb{background:#fff3}:root.dark .article-detail-container .article-detail-toc-sidebar .table-of-contents::-webkit-scrollbar-thumb:hover{background:#ffffff47}.dark .article-detail-container .article-detail-toc-sidebar .table-of-contents::-webkit-scrollbar-thumb:hover{background:#ffffff47}.article-detail-container .article-detail-toc-sidebar .table-of-contents .ant-pro-card-body::-webkit-scrollbar-thumb:hover{background:#ffffff47}.dark .article-detail-container .article-detail-toc-sidebar .table-of-contents .ant-pro-card-body::-webkit-scrollbar-thumb:hover{background:#ffffff47}.article-detail-container .global-sidebar-wrapper .table-of-contents.toc-sticky{z-index:0!important;visibility:visible!important;opacity:1!important;align-self:flex-start!important;width:320px!important;max-height:calc(100vh - 108px)!important;margin:0!important;display:flex!important;position:sticky!important;top:88px!important;overflow-y:auto!important;transform:none!important}.article-detail-container .global-sidebar-wrapper .table-of-contents.toc-sticky .ant-pro-card-body{flex:1!important;min-height:0!important;max-height:calc(100vh - 168px)!important;overflow-y:auto!important}@media (width<=1200px){.article-detail-container .global-sidebar-wrapper .table-of-contents.toc-sticky{width:280px!important}}.article-detail-container .global-sidebar-wrapper .table-of-contents.toc-sticky::-webkit-scrollbar{width:6px}.article-detail-container .global-sidebar-wrapper .table-of-contents.toc-sticky .ant-pro-card-body::-webkit-scrollbar{width:6px}.article-detail-container .global-sidebar-wrapper .table-of-contents.toc-sticky::-webkit-scrollbar-track{background:0 0;border-radius:3px}.article-detail-container .global-sidebar-wrapper .table-of-contents.toc-sticky .ant-pro-card-body::-webkit-scrollbar-track{background:0 0;border-radius:3px}.article-detail-container .global-sidebar-wrapper .table-of-contents.toc-sticky::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.article-detail-container .global-sidebar-wrapper .table-of-contents.toc-sticky .ant-pro-card-body::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.article-detail-container .global-sidebar-wrapper .table-of-contents.toc-sticky::-webkit-scrollbar-thumb:hover{background:#00000038}.article-detail-container .global-sidebar-wrapper .table-of-contents.toc-sticky .ant-pro-card-body::-webkit-scrollbar-thumb:hover{background:#00000038}:root.dark .article-detail-container .global-sidebar-wrapper .table-of-contents.toc-sticky::-webkit-scrollbar-thumb{background:#fff3}.dark .article-detail-container .global-sidebar-wrapper .table-of-contents.toc-sticky::-webkit-scrollbar-thumb{background:#fff3}:root.dark .article-detail-container .global-sidebar-wrapper .table-of-contents.toc-sticky .ant-pro-card-body::-webkit-scrollbar-thumb{background:#fff3}.dark .article-detail-container .global-sidebar-wrapper .table-of-contents.toc-sticky .ant-pro-card-body::-webkit-scrollbar-thumb{background:#fff3}:root.dark .article-detail-container .global-sidebar-wrapper .table-of-contents.toc-sticky::-webkit-scrollbar-thumb:hover{background:#ffffff47}.dark .article-detail-container .global-sidebar-wrapper .table-of-contents.toc-sticky::-webkit-scrollbar-thumb:hover{background:#ffffff47}:root.dark .article-detail-container .global-sidebar-wrapper .table-of-contents.toc-sticky .ant-pro-card-body::-webkit-scrollbar-thumb:hover{background:#ffffff47}.dark .article-detail-container .global-sidebar-wrapper .table-of-contents.toc-sticky .ant-pro-card-body::-webkit-scrollbar-thumb:hover{background:#ffffff47}.toc-header{color:var(--ant-color-text);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.toc-header-icon{color:var(--ant-color-primary);font-size:16px}.toc-list,.article-detail-container .global-sidebar-wrapper .table-of-contents .toc-list{max-height:none;padding-right:4px;overflow-y:visible}.toc-list::-webkit-scrollbar{width:6px}.toc-list::-webkit-scrollbar-track{background:0 0;border-radius:3px}.toc-list::-webkit-scrollbar-thumb{background:#00000014;border-radius:3px}.toc-list::-webkit-scrollbar-thumb:hover{background:#00000026}.toc-item{cursor:pointer;color:var(--ant-color-text-secondary);will-change:background-color, color;border-radius:6px;margin:2px 0;padding:8px 12px;font-size:14px;line-height:1.5;transition:background-color .15s,color .15s;position:relative}.toc-item:hover{background-color:var(--ant-color-fill-tertiary);color:var(--ant-color-text)}.toc-item.toc-active{color:var(--ant-color-primary);background-color:var(--ant-color-primary-bg);font-weight:500}.toc-item.toc-active:before{content:"";background-color:var(--ant-color-primary);will-change:opacity;border-radius:0 2px 2px 0;width:3px;height:60%;transition:opacity .15s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.toc-item-text{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.toc-level-1{font-size:15px;font-weight:600}.toc-level-2{font-size:14px;font-weight:500}.toc-level-3{font-size:13px}.toc-level-4,.toc-level-5,.toc-level-6{font-size:12px}.toc-float-button{transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000026}.toc-float-button:hover{transform:scale(1.05);box-shadow:0 6px 16px #0003}.toc-float-button:active{transform:scale(.95)}.toc-float-button-collapsed{opacity:.85;border-radius:12px 0 0 12px!important;box-shadow:0 2px 8px #0000001f!important}.toc-float-button-collapsed:hover{opacity:1;transform:translate(-4px)scale(1.05);box-shadow:0 4px 12px #0000002e!important}@media (width<=768px){.toc-float-button,.toc-float-button-collapsed{width:38px!important;height:38px!important}}.toc-popover{z-index:1001!important}.toc-popover .ant-popover-content{will-change:transform;z-index:1001!important}.toc-popover .ant-popover-arrow,body.mobile-nav-hidden .toc-popover,body #fancypig-menu.mobile-nav-hidden .toc-popover{z-index:1001!important}@media (width<=768px){.toc-popover .ant-popover-inner,.toc-popover .ant-popover-content{transform:translateZ(0)}}.toc-popover .ant-popover-inner{border-radius:12px;padding:0;box-shadow:0 6px 16px #0000001f}.toc-popover .ant-popover-inner-content{padding:0}.toc-popover .ant-popover-title{border-bottom:1px solid var(--ant-color-border-secondary);background-color:var(--ant-color-fill-quaternary);border-radius:12px 12px 0 0;margin-bottom:0;padding:10px 12px}.toc-popover .toc-header{color:var(--ant-color-text);align-items:center;gap:6px;margin:0;font-size:13px;font-weight:600;display:flex}.toc-popover .toc-header-icon{color:var(--ant-color-primary);font-size:13px}.toc-popover-list{-webkit-overflow-scrolling:touch;max-height:50vh;padding:4px 0;overflow:hidden auto}.toc-popover-list::-webkit-scrollbar{width:4px}.toc-popover-list::-webkit-scrollbar-track{background:0 0;border-radius:2px}.toc-popover-list::-webkit-scrollbar-thumb{background:var(--ant-color-border);border-radius:2px}.toc-popover-list::-webkit-scrollbar-thumb:hover{background:var(--ant-color-border-secondary)}@media (width<=768px){.table-of-contents{display:none!important}.toc-popover-list .toc-item{-webkit-tap-highlight-color:#0000001a;align-items:center;min-height:36px;margin:1px 0;padding:8px 12px;font-size:13px;display:flex}.toc-popover-list .toc-item:active{background-color:var(--ant-color-fill-secondary)}.toc-popover-list .toc-item-text{white-space:normal;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.toc-popover-list .toc-level-1{font-size:14px;font-weight:600}.toc-popover-list .toc-level-2{font-size:13px;font-weight:500}.toc-popover-list .toc-level-3,.toc-popover-list .toc-level-4,.toc-popover-list .toc-level-5,.toc-popover-list .toc-level-6{font-size:12px}}.article-bottom-navigation{box-sizing:border-box;z-index:1000;width:100vw;max-width:100vw;transition:transform .3s cubic-bezier(.4,0,.2,1);display:none;position:fixed;bottom:0;left:0;right:0;overflow-x:hidden}@media (width<=768px){.article-bottom-navigation{padding:8px 16px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffd9;border-top:1px solid #00000014;border-top-left-radius:16px;border-top-right-radius:16px;align-items:center;gap:8px;display:flex;box-shadow:0 -4px 24px #00000014,0 -2px 8px #0000000a,0 -1px 2px #00000005}:root.dark .article-bottom-navigation{-webkit-backdrop-filter:blur(20px)saturate(180%);border-top-color:#ffffff1f;box-shadow:0 -4px 24px #0006,0 -2px 8px #0003,0 -1px 2px #0000001a;background:#1f1f1fd9!important}.article-bottom-navigation.article-bottom-nav-hidden{transform:translateY(100%)}.article-bottom-comment-input input{font-size:16px!important;line-height:1.5!important}}.article-bottom-comment-section{cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.article-bottom-pig-avatar{cursor:pointer;background-color:#ffb3d9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #ffb3d933}.article-bottom-pig-avatar:hover{transform:scale(1.05);box-shadow:0 4px 12px #ffb3d94d}.article-bottom-pig-avatar:active{transform:scale(.95);box-shadow:0 1px 4px #ffb3d933}.article-bottom-pig-img{object-fit:contain;border-radius:50%;width:100%;height:100%}.article-bottom-comment-input{flex:1;min-width:0}.article-bottom-comment-input input{cursor:pointer;color:#000000a6!important;background-color:#0000000a!important;border:1px solid #0000!important;border-radius:12px!important;padding:8px 16px!important;font-size:14px!important;line-height:1.5!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.article-bottom-comment-input-trigger{caret-color:#0000!important}.article-bottom-comment-input input::placeholder{color:#00000073!important}.article-bottom-comment-input input:focus{cursor:text;color:#000000e0!important;background-color:#0000000f!important;border-color:#ff6ba833!important;box-shadow:0 0 0 3px #ff6ba814!important}:root.dark .article-bottom-comment-input input{color:#ffffffa6!important;background-color:#ffffff14!important}:root.dark .article-bottom-comment-input input::placeholder{color:#ffffff73!important}:root.dark .article-bottom-comment-input input:focus{color:#ffffffde!important;background-color:#ffffff1f!important;border-color:#ff6ba84d!important;box-shadow:0 0 0 3px #ff6ba826!important}.article-bottom-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.article-bottom-action-item{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.article-bottom-action-item:hover{background-color:#0000000a}.article-bottom-action-item:active{background-color:#00000014;transform:scale(.92)}.article-bottom-action-icon{color:#999;justify-content:center;align-items:center;font-size:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}:root.dark .article-bottom-action-icon{color:#ffffffa6}:root.dark .article-bottom-action-item:hover{background-color:#ffffff14}:root.dark .article-bottom-action-item:active{background-color:#ffffff1f;transform:scale(.92)}.article-bottom-action-badge{text-align:center;color:#fff;box-sizing:border-box;white-space:nowrap;z-index:1;transform-origin:50%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.2px;background:linear-gradient(135deg,#ff4d4f 0%,#ff7875 100%);border:1.5px solid #fff;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:18px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:-4px;right:-6px;box-shadow:0 2px 8px #ff4d4f4d,0 1px 3px #00000026,inset 0 1px #fff3}:root.dark .article-bottom-action-badge{border-color:#1f1f1fd9}.article-bottom-action-item:hover .article-bottom-action-badge{transform:scale(1.1);box-shadow:0 3px 12px #ff4d4f66,0 2px 4px #0003,inset 0 1px #ffffff4d}.article-bottom-action-item:active .article-bottom-action-badge{transform:scale(.9)}.article-bottom-action-item.active .article-bottom-action-icon,.article-bottom-action-item[data-action=like].active .article-bottom-action-icon{color:#ff4d4f}.article-bottom-action-item[data-action=star].active .article-bottom-action-icon{color:#faad14}.article-bottom-action-item[data-action=star] .article-bottom-action-badge{background:linear-gradient(135deg,#faad14 0%,#ffc53d 100%);box-shadow:0 2px 8px #faad144d,0 1px 3px #00000026,inset 0 1px #fff3}.article-bottom-action-item[data-action=star]:hover .article-bottom-action-badge{box-shadow:0 3px 12px #faad1466,0 2px 4px #0003,inset 0 1px #ffffff4d}