.topicDetailPage[data-v-7f821176]{padding:20px;background:#fafafa;min-height:calc(100vh - 60px)}.topicDetailPage .topNav[data-v-7f821176]{margin-bottom:16px}.topicDetailPage .topNav[data-v-7f821176] .el-button{color:#666;font-size:13px}.topicDetailPage .topNav[data-v-7f821176] .el-button:hover{color:var(--color)}.topicDetailPage .topicHeader[data-v-7f821176]{display:flex;justify-content:space-between;gap:24px;background:#fff;padding:20px;border-radius:8px;border:1px solid #e8e8e8;margin-bottom:12px}.topicDetailPage .topicHeader .headerLeft[data-v-7f821176]{display:flex;gap:20px;flex:1}.topicDetailPage .topicHeader .headerLeft .el-image[data-v-7f821176]{width:150px;height:150px;border-radius:8px;overflow:hidden;flex-shrink:0}.topicDetailPage .topicHeader .headerLeft .topicInfo[data-v-7f821176]{flex:1}.topicDetailPage .topicHeader .headerLeft .topicInfo .topicTitleRow[data-v-7f821176]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.topicDetailPage .topicHeader .headerLeft .topicInfo .topicTitleRow .topicTitle[data-v-7f821176]{font-size:20px;font-weight:600;color:#000;margin:0}.topicDetailPage .topicHeader .headerLeft .topicInfo .topicDesc[data-v-7f821176]{font-size:13px;color:#666;line-height:1.6;margin:0 0 12px 0}.topicDetailPage .topicHeader .headerLeft .topicInfo .topicTags[data-v-7f821176]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.topicDetailPage .topicHeader .headerLeft .topicInfo .topicTags .tag[data-v-7f821176]{padding:2px 8px;background:rgba(var(--color-rgb),.08);color:var(--color);font-size:11px;border-radius:4px}.topicDetailPage .topicHeader .headerLeft .topicInfo .topicMeta[data-v-7f821176]{display:flex;gap:32px}.topicDetailPage .topicHeader .headerLeft .topicInfo .topicMeta .metaItem[data-v-7f821176]{display:flex;flex-direction:column;gap:4px}.topicDetailPage .topicHeader .headerLeft .topicInfo .topicMeta .metaItem .metaLabel[data-v-7f821176]{font-size:11px;color:#999}.topicDetailPage .topicHeader .headerLeft .topicInfo .topicMeta .metaItem .metaValue[data-v-7f821176]{font-size:13px;color:#333}.topicDetailPage .topicHeader .headerRight[data-v-7f821176]{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.topicDetailPage .topicHeader .headerRight[data-v-7f821176] .el-button{width:140px}.topicDetailPage .topicHeader .headerRight .topicPermissions[data-v-7f821176]{margin-top:8px}.topicDetailPage .topicHeader .headerRight .topicPermissions .permissionItem[data-v-7f821176]{display:flex;justify-content:space-between;gap:16px;font-size:12px;margin-bottom:4px}.topicDetailPage .topicHeader .headerRight .topicPermissions .permissionItem .permissionLabel[data-v-7f821176]{color:#999}.topicDetailPage .topicHeader .headerRight .topicPermissions .permissionItem .permissionValue[data-v-7f821176]{color:#333}.topicDetailPage .topicCode[data-v-7f821176]{font-size:12px;color:#999;margin-bottom:20px}.topicDetailPage .statsCards[data-v-7f821176]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.topicDetailPage .statsCards .statCard[data-v-7f821176]{background:#fff;padding:16px 20px;border-radius:8px;border:1px solid #e8e8e8}.topicDetailPage .statsCards .statCard .statLabel[data-v-7f821176]{font-size:12px;color:#999;margin-bottom:8px}.topicDetailPage .statsCards .statCard .statValue[data-v-7f821176]{font-size:24px;font-weight:600;color:#333;margin-bottom:4px}.topicDetailPage .statsCards .statCard .statDetail[data-v-7f821176]{font-size:11px;color:#666}.topicDetailPage .chartsArea[data-v-7f821176]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.topicDetailPage .chartsArea .chartCard[data-v-7f821176]{background:#fff;padding:16px;border-radius:8px;border:1px solid #e8e8e8}.topicDetailPage .chartsArea .chartCard .chartTitle[data-v-7f821176]{font-size:14px;font-weight:600;color:#333;margin-bottom:16px}.topicDetailPage .chartsArea .chartCard .chartTitle i[data-v-7f821176]{margin-right:6px;color:var(--color)}.topicDetailPage .chartsArea .chartCard .chartContent .barChart[data-v-7f821176],.topicDetailPage .chartsArea .chartCard .chartContent .lineChart[data-v-7f821176],.topicDetailPage .chartsArea .chartCard .chartContent .pieChart[data-v-7f821176]{width:100%;height:200px}.topicDetailPage .resourceList[data-v-7f821176]{background:#fff;padding:16px;border-radius:8px;border:1px solid #e8e8e8}.topicDetailPage .resourceList .listHeader[data-v-7f821176]{margin-bottom:16px}.topicDetailPage .resourceList .listHeader .listTitle[data-v-7f821176]{font-size:14px;font-weight:600;color:#333;margin-right:15px}.topicDetailPage .resourceList .listHeader .listTitle i[data-v-7f821176]{margin-right:6px;color:var(--color)}.topicDetailPage .resourceList .listHeader .listActions[data-v-7f821176]{display:flex;gap:12px}.topicDetailPage .resourceList[data-v-7f821176] .el-table .thumbCell{width:50px;height:50px;border-radius:4px;overflow:hidden;margin:8px}.topicDetailPage .resourceList[data-v-7f821176] .el-table .thumbCell .el-image{width:100%;height:100%}.topicDetailPage .resourceList[data-v-7f821176] .el-table .thumbCell .defaultThumb{width:100%;height:100%;background:linear-gradient(135deg,#e8e8e8,#f5f5f5)}.topicDetailPage .resourceList[data-v-7f821176] .el-table .resourceName{font-size:13px;color:#333}.topicDetailPage .resourceList[data-v-7f821176] .el-pagination{margin-top:16px;text-align:center}.topocDetailTab[data-v-7f821176] .has-gutter{color:#333;font-weight:400}