.side-menu{width:192px;padding:16px;background-color:#fff;border-right:1px solid #f0f0f0;flex-shrink:0}.menu-section{margin-bottom:24px}.menu-header{display:flex;align-items:center;justify-content:space-between;font-weight:500;color:#333;margin-bottom:12px;cursor:pointer;padding:4px 0}.menu-header:hover{color:#a66ae4}.menu-title{font-size:16px;font-weight:700}.menu-list{list-style:none;padding:0;margin:0}.menu-item{display:flex;align-items:center;padding:8px;border-radius:4px;cursor:pointer;transition:all .2s;margin-bottom:4px}.menu-item:hover{background-color:#f5f5f5}.menu-item.active{background-color:#f4ebff;color:#a66ae4}.loading{display:flex;align-items:center;justify-content:center;padding:16px 0}.hot-content{flex:1 1;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.ranking-selector{margin-bottom:20px}.ranking-list{display:flex;gap:12px;flex-wrap:wrap}.ranking-button{padding:8px 16px;border:1px solid #e8e8e8;border-radius:4px;background:#fff;cursor:pointer;transition:all .3s}.ranking-button:hover{border-color:#1890ff;color:#1890ff}.ranking-button.active{background:#1890ff;border-color:#1890ff;color:#fff}.filter-section{margin-bottom:24px}.category-filter{margin-bottom:16px}.category-grid{display:flex;align-items:center;gap:16px}.category-list{display:flex;flex-wrap:wrap;gap:8px}.category-button{padding:6px 12px;border:1px solid #e8e8e8;border-radius:4px;background:#fff;cursor:pointer;transition:all .3s}.category-button:hover{border-color:#1890ff;color:#1890ff}.category-button.active{background:#1890ff;border-color:#1890ff;color:#fff}.expand-button{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid #e8e8e8;border-radius:4px;background:#fff;cursor:pointer;transition:all .3s}.expand-button:hover{border-color:#1890ff;color:#1890ff}.expand-icon{transition:transform .3s}.expand-icon.expanded{transform:rotate(180deg)}.date-section{display:flex;justify-content:space-between;align-items:center}.date-picker-wrapper{display:flex;align-items:center;gap:16px}.date-picker{width:200px}.sub-ranking-list{display:flex;gap:8px}.sub-ranking-button{padding:6px 12px;border:1px solid #e8e8e8;border-radius:4px;background:#fff;cursor:pointer;transition:all .3s}.sub-ranking-button:hover{border-color:#1890ff;color:#1890ff}.sub-ranking-button.active{background:#1890ff;border-color:#1890ff;color:#fff}.data-info-trigger{display:flex;align-items:center;gap:4px;color:#1890ff;cursor:pointer}.content-list{background:#fff;border-radius:8px}.list-header{display:flex;justify-content:space-between;padding:16px;background:#fafafa;border-bottom:1px solid #f0f0f0}.header-left{display:flex;gap:16px;flex:1 1}.header-right{display:flex;gap:16px;min-width:500px;align-items:center}.rank-column{width:60px;text-align:center}.info-column{flex:1 1}.category-column{width:120px;color:#666;font-size:14px;padding-left:16px}.stats-columns{display:flex;gap:16px;min-width:400px}.stat-column{width:80px;text-align:center;color:#666;font-size:14px}.content-item{display:flex;padding:16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .3s}.content-item:hover{background-color:#fafafa}.rank{width:60px;text-align:center;font-weight:700;color:#1890ff}.content-info{display:flex;gap:16px;flex:1 1;margin-left:16px}.thumbnail{width:120px;height:120px;border-radius:4px;overflow:hidden;flex-shrink:0}.cover-image{width:100%;height:100%;object-fit:cover}.no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:#999}.info{flex:1 1;display:flex;flex-direction:column;justify-content:space-between}.title{margin:0 0 8px;font-size:16px;font-weight:500;color:#333;text-align:left}.title:hover{color:#1890ff}.author-info{display:flex;align-items:center;gap:8px;color:#666}.avatar{width:20px;height:20px;border-radius:50%}.author-name{color:#1890ff;font-size:14px}.fans-count,.publish-time{color:#999;font-size:12px}.content-stats{display:flex;align-items:center;min-width:500px}.category{width:128px;color:#666;font-size:14px;text-align:left}.stats{display:flex;gap:48px;flex:1 1;justify-content:flex-end}.stat{width:96px;text-align:center}.stat-total{font-size:14px}.stat-add,.stat-total{color:#a66ae4;display:flex;align-items:center;justify-content:center}.stat-add{font-size:12px;border:1px solid #a66ae4;border-radius:15px;padding:2px;margin-top:6px}.stat-add .arrow{color:#ff4d4f;margin-right:4px;font-weight:700}.loading,.no-data{padding:40px;text-align:center;color:#999}.pagination-wrapper{margin-top:24px;display:flex;justify-content:center}.data-info{padding:8px}.info-item{margin-bottom:8px}.info-label{color:#666;margin-right:8px}.data-info-popover .ant-popover-inner-content{padding:12px}.data-statistics{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.data-statistics,.statistics-section{margin-bottom:20px}.statistics-section:last-child{margin-bottom:0}.statistics-section h3{font-size:16px;color:#333;margin-bottom:16px;font-weight:500}.statistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.stat-item{background:#f8f9fa;padding:12px;border-radius:6px;text-align:center}.stat-label{font-size:14px;color:#666;margin-bottom:8px}.stat-value{font-size:18px;color:#333;font-weight:500}.hot-content-layout{background:#f0f2f5;height:100%;min-height:0}.main-content{flex-grow:1;margin:24px;padding:0;background:none;box-shadow:none;display:flex;flex-direction:column}.preview-modal .ant-modal-content{padding:0;border-radius:8px;overflow:hidden}.preview-modal .ant-modal-header{margin:0;padding:16px 24px;border-bottom:1px solid #f0f0f0}.preview-modal .ant-modal-body{padding:0}@media screen and (max-width:768px){.main-content{margin:12px}.preview-modal{width:100%!important;max-width:100%;margin:0;top:0;padding:0}.preview-modal .ant-modal-content{border-radius:0}}.hot-events-container{width:100%;flex-grow:1;padding:24px;background:#f0f2f5;border-radius:8px;display:flex;flex-direction:column}.hot-events-container .grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:16px;gap:16px}.hot-topic-card{display:flex;flex-direction:column;height:auto;height:451px;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:all .3s ease;overflow:hidden}.hot-topic-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-2px)}.hot-topic-item{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid #f7f7f7;transition:background-color .2s ease;cursor:pointer}.hot-topic-item:hover{background-color:#f9fafb}.hot-topic-item:last-child{border-bottom:none}.hot-topic-details{display:flex;align-items:center;justify-content:space-between;flex:1 1;min-width:0}.hot-value-trend{flex-shrink:0;width:40px;height:16px}.hot-value-trend svg{width:100%;height:100%}.hot-value-trend polyline{stroke:#ff4d4f;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s ease}.hot-topic-item:hover .hot-value-trend polyline{stroke:#ff7875}.platform-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0;background-color:#fff;border-radius:8px 8px 0 0;flex-shrink:0}.platform-icon{width:20px;height:20px;border-radius:4px;margin-right:8px;object-fit:contain}.platform-name{font-size:15px;font-weight:500;color:#1f2937}.hot-topic-content{flex:1 1;padding:8px 16px;overflow-y:auto}.hot-topic-rank{flex-shrink:0;width:24px;text-align:center;font-size:14px;font-weight:500;color:#6b7280}.hot-topic-rank.top-3{color:#ff4d4f}.hot-topic-title{flex:1 1;margin:0 12px 0 8px;font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hot-topic-metrics{display:flex;align-items:center;flex-shrink:0;gap:8px}.hot-topic-value{font-size:13px;color:#ff4d4f;font-weight:500;white-space:nowrap}.hot-topic-trend{display:flex;align-items:center;gap:4px}.hot-topic-trend.up{color:#ff4d4f}.hot-topic-trend.down{color:#52c41a}.empty-state,.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;min-height:200px;width:100%}.empty-state-text,.loading-text{color:#6b7280;font-size:14px}.empty-state-icon{font-size:40px;margin-bottom:12px;color:#d1d5db}@media screen and (max-width:768px){.hot-events-container{padding:12px;min-height:calc(100vh - 24px)}.main-content{margin:12px}.hot-topic-card{min-height:350px}.hot-topic-content{padding:8px 12px}.platform-header{padding:10px 12px}.platform-name{font-size:14px}.hot-topic-rank{font-size:13px}.hot-topic-title{font-size:13px;margin:0 8px}.hot-topic-value{font-size:12px}.hot-value-trend{width:30px}}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:2px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}.viral-title-list{display:flex;flex-direction:column;background:#fff;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.1);overflow:hidden}.viral-title-list-item{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s ease}.viral-title-list-item:last-child{border-bottom:none}.viral-title-list-item:hover{background-color:#f9fafb}.list-item-rank{font-size:16px;font-weight:700;width:40px;text-align:center;flex-shrink:0}.list-item-rank.top{color:#a66ae4}.list-item-details{flex-grow:1;display:flex;align-items:center;min-width:0}.list-item-category{font-size:14px;color:#666;margin-right:12px;flex-shrink:0}.list-item-title{font-size:15px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;margin-right:12px}.list-item-engagement{font-size:14px;color:#a66ae4;font-weight:500;flex-shrink:0;white-space:nowrap}.view-more-button{display:flex;justify-content:center;margin-top:24px}.view-more-btn{padding:8px 24px;font-size:14px;font-weight:500;color:#a66ae4;border:1px solid #a66ae4;border-radius:6px;background:transparent;cursor:pointer;transition:all .3s}.view-more-btn:hover{background:#a66ae4;color:#fff}.empty-state,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;color:#666}.empty-state-icon{font-size:32px;margin-bottom:8px}.viral-title-filter{background:#fff;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:16px;margin-bottom:16px}.filter-section{margin-bottom:16px}.filter-section:last-child{margin-bottom:0}.filter-label{color:#666;font-size:14px;margin-right:12px}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-button{padding:8px 16px;font-size:14px;border-radius:6px;cursor:pointer;transition:all .3s;border:none;background:#f5f5f5;color:#333}.filter-button.active{background:#a66ae4;color:#fff}.filter-button:hover{background:#e6e6e6}.filter-button.active:hover{background:#8f5bc4}.category-title{font-size:18px;font-weight:600;color:#333;margin:16px 0;padding:0 16px;display:flex;align-items:center;justify-content:space-between}.category-title:after{content:"";flex:1 1;height:1px;background:#e8e8e8;margin-left:16px}.topic-container{width:100%;flex-grow:1;padding:24px;background:#f0f2f5;border-radius:8px;display:flex;flex-direction:column}.topic-filter-container{padding:16px;margin-bottom:16px;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.06)}.topic-filter-options{display:flex;flex-direction:column;gap:16px}.topic-filter-group{display:flex;flex-wrap:wrap;gap:8px}.topic-filter-section{display:flex;align-items:center}.topic-filter-label{margin-right:12px;font-size:14px;color:#6b7280}.topic-filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.topic-filter-button{padding:8px 16px;border-radius:6px;font-size:14px;transition:all .2s ease;border:none;outline:none;cursor:pointer}.topic-filter-button.active{background-color:#a66ae4;color:#fff}.topic-filter-button:not(.active):hover{background-color:#f3e8ff;color:#a66ae4}.topic-list-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.06)}.topic-empty-state,.topic-loading-state{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px;color:#6b7280;font-size:14px}.topic-empty-state-text,.topic-loading-text{margin-top:12px}.topic-list-header{display:grid;grid-template-columns:60px 100px auto 80px repeat(4,80px);padding:16px;font-size:14px;color:#6b7280;background-color:#f9fafb;border-bottom:1px solid #f3f4f6}.topic-header-col,.topic-header-col.rank-col{text-align:center}.topic-header-col.cover-col,.topic-header-col.info-col{text-align:left;padding-left:8px}.topic-header-col.category-col,.topic-header-col.stats-col{text-align:center}.topic-list-item{display:grid;grid-template-columns:60px 100px auto 80px repeat(4,80px);align-items:center;padding:20px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .2s ease}.topic-list-item:hover{background-color:#f9fafb}.topic-item-col{text-align:center}.topic-item-col.rank-col{font-size:18px;font-weight:700;color:#f97316;text-align:center}.topic-item-col.cover-col{text-align:left;padding-left:8px}.topic-item-cover-wrapper{position:relative;width:90px;height:50px;overflow:hidden;background-color:#e5e7eb;border-radius:8px}.topic-item-cover-image{object-fit:cover;width:100%;height:100%}.topic-item-cover-placeholder{display:flex;align-items:center;justify-content:center;height:100%;text-align:center;color:#9ca3af;font-size:12px}.topic-item-cover-video-tag{position:absolute;bottom:8px;right:8px;padding:4px 8px;font-size:10px;color:#fff;background-color:rgba(0,0,0,.6);border-radius:4px}.topic-item-col.info-col{text-align:left;padding-left:16px}.topic-item-title{font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:left;margin-bottom:8px}.topic-item-title:hover{color:#a66ae4}.topic-item-author-info{margin-top:8px}.topic-author-details,.topic-item-author-info{display:flex;align-items:center}.topic-author-avatar,.topic-author-avatar-placeholder{width:20px;height:20px;margin-right:4px;border-radius:50%}.topic-author-avatar-placeholder{display:flex;align-items:center;justify-content:center;background-color:#e5e7eb}.topic-author-name{margin-right:8px;font-size:14px;color:#4b5563}.topic-author-fans,.topic-publish-time{font-size:12px;color:#9ca3af}.topic-author-fans{margin-right:8px}.topic-item-col.category-col{text-align:center}.topic-item-category{font-size:14px;color:#4b5563}.topic-item-subcategory{margin-top:4px;font-size:12px;color:#9ca3af}.topic-item-col.stats-col{text-align:center}.topic-stat-value{font-size:16px;font-weight:500;color:#a66ae4}.topic-stat-label{font-size:12px;color:#9ca3af;margin-top:4px}.topic-pagination-container{display:flex;justify-content:center;padding:24px}@media screen and (max-width:1200px){.topic-list-header,.topic-list-item{grid-template-columns:40px 80px auto 60px repeat(4,60px)}.topic-header-col.rank-col,.topic-item-col.rank-col{width:40px;font-size:16px}.topic-header-col.cover-col,.topic-item-col.cover-col{width:80px;padding-left:4px}.topic-item-cover-wrapper{width:70px;height:40px}.topic-header-col.info-col,.topic-item-col.info-col{padding-left:12px}.topic-item-title{font-size:14px}.topic-header-col.category-col,.topic-header-col.stats-col,.topic-item-col.category-col,.topic-item-col.stats-col{width:60px}.topic-stat-value{font-size:14px}}@media screen and (max-width:768px){.topic-container,.topic-filter-container{padding:12px}.topic-filter-options{gap:12px}.topic-filter-group{gap:6px}.topic-filter-label{margin-right:8px;font-size:12px}.topic-filter-button{padding:6px 12px;font-size:12px}.topic-list-header,.topic-list-item{grid-template-columns:30px 60px auto 50px repeat(4,50px)}.topic-header-col.rank-col,.topic-item-col.rank-col{width:30px;font-size:14px}.topic-header-col.cover-col,.topic-item-col.cover-col{width:60px;padding-left:2px}.topic-item-cover-wrapper{width:50px;height:30px;border-radius:4px}.topic-item-cover-placeholder{font-size:10px}.topic-item-cover-video-tag{bottom:4px;right:4px;padding:2px 4px;font-size:8px;border-radius:2px}.topic-header-col.info-col,.topic-item-col.info-col{padding-left:8px}.topic-item-title{font-size:12px;margin-bottom:4px}.topic-item-author-info{margin-top:4px}.topic-author-avatar,.topic-author-avatar-placeholder{width:16px;height:16px;margin-right:2px}.topic-author-fans,.topic-author-name,.topic-publish-time{font-size:10px}.topic-author-name{margin-right:4px}.topic-header-col.category-col,.topic-item-col.category-col{width:50px}.topic-item-category{font-size:12px}.topic-item-subcategory{font-size:10px}.topic-header-col.stats-col,.topic-item-col.stats-col{width:50px}.topic-stat-value{font-size:12px}.topic-stat-label{font-size:10px;margin-top:2px}.topic-pagination-container{padding:16px}}