.communication-topic-wrap[data-v-509beb65]{background:#f5f7fa;min-height:75vh;min-width:1100px;padding:0 30px}.communication-topic-wrap .communication-content-box[data-v-509beb65]{margin:0 auto;padding:30px 0 50px;width:1100px}.communication-topic-wrap .page-header[data-v-509beb65]{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.communication-topic-wrap .page-header .header-left .category-badge[data-v-509beb65]{background:linear-gradient(135deg,#36a855,#287c3e);border-radius:4px;color:#fff;display:inline-block;font-size:12px;margin-bottom:8px;padding:4px 12px}.communication-topic-wrap .page-header .header-left .page-title[data-v-509beb65]{color:#1a1a1a;font-size:24px;font-weight:700;margin:0}.communication-topic-wrap .page-header .header-right .stats-info .stat-item[data-v-509beb65]{align-items:center;background:#f0f7f1;border-radius:8px;color:#36a855;display:flex;font-size:14px;gap:6px;padding:8px 16px}.communication-topic-wrap .page-header .header-right .stats-info .stat-item .iconfont[data-v-509beb65]{font-size:16px}.communication-topic-wrap .sort-bar[data-v-509beb65]{display:flex;justify-content:flex-end;margin-bottom:16px}.communication-topic-wrap .sort-bar .sort-options[data-v-509beb65]{display:flex;gap:12px}.communication-topic-wrap .sort-bar .sort-options .sort-btn[data-v-509beb65]{background:#fff;border:1px solid #e8e8e8;border-radius:8px;color:#666;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s}.communication-topic-wrap .sort-bar .sort-options .sort-btn[data-v-509beb65]:hover{border-color:#36a855;color:#36a855}.communication-topic-wrap .sort-bar .sort-options .sort-btn.active[data-v-509beb65]{background:#36a855;border-color:#36a855;color:#fff}.communication-topic-wrap .article-list[data-v-509beb65]{display:flex;flex-direction:column;gap:12px}.communication-topic-wrap .article-card[data-v-509beb65]{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;padding:20px 24px;transition:all .3s ease}.communication-topic-wrap .article-card[data-v-509beb65]:hover{box-shadow:0 4px 16px #36a85526;transform:translate(8px)}.communication-topic-wrap .article-card:hover .article-title[data-v-509beb65]{color:#36a855}.communication-topic-wrap .article-card:hover .article-arrow[data-v-509beb65]{opacity:1;transform:translate(0)}.communication-topic-wrap .article-card .article-index[data-v-509beb65]{align-items:center;background:linear-gradient(135deg,#f0f7f1,#e8f5eb);border-radius:10px;color:#36a855;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:48px;justify-content:center;margin-right:20px;width:48px}.communication-topic-wrap .article-card .article-content[data-v-509beb65]{flex:1;min-width:0}.communication-topic-wrap .article-card .article-content .article-title[data-v-509beb65]{color:#333;font-size:16px;font-weight:500;line-height:1.5;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;transition:color .3s;white-space:nowrap}.communication-topic-wrap .article-card .article-content .article-meta[data-v-509beb65]{display:flex;gap:20px}.communication-topic-wrap .article-card .article-content .article-meta .meta-item[data-v-509beb65]{align-items:center;color:#999;display:flex;font-size:13px;gap:4px}.communication-topic-wrap .article-card .article-content .article-meta .meta-item .iconfont[data-v-509beb65]{font-size:14px}.communication-topic-wrap .article-card .article-arrow[data-v-509beb65]{color:#36a855;opacity:0;transform:translate(-10px);transition:all .3s}.communication-topic-wrap .article-card .article-arrow .iconfont[data-v-509beb65]{font-size:20px}.communication-topic-wrap .empty-state[data-v-509beb65],.communication-topic-wrap .loading-state[data-v-509beb65]{align-items:center;background:#fff;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:60px}.communication-topic-wrap .empty-state .iconfont[data-v-509beb65],.communication-topic-wrap .loading-state .iconfont[data-v-509beb65]{color:#ccc;font-size:48px;margin-bottom:16px}.communication-topic-wrap .empty-state p[data-v-509beb65],.communication-topic-wrap .loading-state p[data-v-509beb65]{color:#999;font-size:16px;margin:0}.communication-topic-wrap .loading-spinner[data-v-509beb65]{animation:spin-509beb65 1s linear infinite;border:3px solid #f0f7f1;border-radius:50%;border-top-color:#36a855;height:40px;margin-bottom:16px;width:40px}.communication-topic-wrap .mark[data-v-509beb65]{align-items:center;color:#888;display:flex;font-size:12px;margin:0 auto;padding:16px 0;width:1230px}.communication-topic-wrap .mark .separator[data-v-509beb65]{padding:0 8px}.communication-topic-wrap .mark .one[data-v-509beb65]{cursor:pointer;transition:color .3s}.communication-topic-wrap .mark .one[data-v-509beb65]:hover{color:#36a855}.communication-topic-wrap .mark .two[data-v-509beb65]{color:#36a855;font-weight:500}@keyframes spin-509beb65{to{transform:rotate(1turn)}}@media only screen and (max-device-width:768px){.communication-topic-wrap[data-v-509beb65]{box-sizing:border-box;min-width:100%;overflow:hidden;padding:15px}.communication-topic-wrap .communication-content-box[data-v-509beb65]{box-sizing:border-box;padding:20px 0;width:100%}.communication-topic-wrap .page-header[data-v-509beb65]{flex-direction:column;gap:12px}.communication-topic-wrap .article-card[data-v-509beb65]{padding:16px}.communication-topic-wrap .article-card .article-index[data-v-509beb65]{font-size:14px;height:36px;margin-right:12px;width:36px}.communication-topic-wrap .article-card .article-content .article-title[data-v-509beb65]{font-size:14px}.communication-topic-wrap .article-card .article-content .article-meta[data-v-509beb65]{gap:12px}.communication-topic-wrap .article-card .article-content .article-meta .meta-item[data-v-509beb65]{font-size:12px}}