.btn-outline-primary{border-color:#0cb09f;color:#0cb09f}.btn-outline-primary:hover{border-color:#0cb09f;background-color:#0cb09f;color:#fff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-content-wrapper{max-width:100%;background-color:#ffd05c}.topic-page{min-height:100vh;padding:0}.topic-banner-wrapper{text-align:center}.row{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}.row>[class*=col-]{padding-left:10px;padding-right:10px}.topic-main-row{align-items:flex-start}.col-md-2.d-none.d-md-block{align-self:flex-start;min-height:100vh}.topic-sidebar-left{top:80px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px #0000000f;transition:all .3s ease}.topic-sidebar-left.sidebar-fixed{box-shadow:0 4px 16px #0000001a}.topic-sidebar-left .sidebar-menu .menu-section{margin-bottom:25px}.topic-sidebar-left .sidebar-menu .menu-section:last-child{margin-bottom:0}.topic-sidebar-left .sidebar-menu .menu-section .menu-title{font-size:14px;color:#999;margin-bottom:12px;padding-left:10px}.topic-sidebar-left .sidebar-menu .menu-section .menu-list{list-style:none;padding:0;margin:0}.topic-sidebar-left .sidebar-menu .menu-section .menu-list .menu-item{margin-bottom:5px}.topic-sidebar-left .sidebar-menu .menu-section .menu-list .menu-item a{display:flex;align-items:center;gap:10px;padding:10px 12px;color:#333;text-decoration:none;border-radius:8px;transition:all .3s}.topic-sidebar-left .sidebar-menu .menu-section .menu-list .menu-item a i{font-size:18px;color:#666}.topic-sidebar-left .sidebar-menu .menu-section .menu-list .menu-item a span{font-size:14px}.topic-sidebar-left .sidebar-menu .menu-section .menu-list .menu-item a:hover{background:#f5f5f5;color:#0cb09f}.topic-sidebar-left .sidebar-menu .menu-section .menu-list .menu-item.active a{background:#0cb09f1a;color:#0cb09f}.topic-sidebar-left .sidebar-menu .menu-section .menu-list .menu-item.active a i{color:#0cb09f}.topic-sidebar-left .sidebar-menu .menu-section.login-tip-section{padding:20px;background:#f8f9fa;border-radius:8px;margin-top:10px}.topic-sidebar-left .sidebar-menu .menu-section.login-tip-section .login-tip{text-align:center}.topic-sidebar-left .sidebar-menu .menu-section.login-tip-section .login-tip i{font-size:36px;color:#ccc;margin-bottom:10px;display:block}.topic-sidebar-left .sidebar-menu .menu-section.login-tip-section .login-tip p{font-size:13px;color:#666;margin-bottom:15px}.topic-sidebar-left .sidebar-menu .menu-section.login-tip-section .login-tip .btn-login{display:inline-block;padding:8px 24px;background:#0cb09f;color:#fff;text-decoration:none;border-radius:20px;font-size:13px;transition:all .3s}.topic-sidebar-left .sidebar-menu .menu-section.login-tip-section .login-tip .btn-login:hover{background:#098074}.topic-banner{border-radius:8px;overflow:hidden;height:152px}.topic-banner .banner-link{display:block;text-decoration:none}.topic-banner .banner-img{height:152px;max-width:100%}.topic-sidebar-right .user-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:15px;box-shadow:0 2px 12px #0000000f}.topic-sidebar-right .user-card .user-header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.topic-sidebar-right .user-card .user-header .user-avatar{width:50px;height:50px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.topic-sidebar-right .user-card .user-header .user-info{display:flex;flex-direction:column}.topic-sidebar-right .user-card .user-header .user-info .username{font-size:15px;font-weight:600;color:#333}.topic-sidebar-right .user-card .user-header .user-info .user-sex{font-size:12px;color:#666;margin-top:4px}.topic-sidebar-right .user-card .user-header .user-info .user-sex i{font-size:14px;margin-right:2px}.topic-sidebar-right .user-card .user-header .user-info .user-sex i.icon-nan{color:#1890ff}.topic-sidebar-right .user-card .user-header .user-info .user-sex i.icon-nv{color:#ff4d4f}.topic-sidebar-right .user-card .user-header .user-info .user-sex i.icon-xingbie{color:#999}.topic-sidebar-right .user-card .user-header .user-info .user-level{font-size:12px;color:#999}.topic-sidebar-right .user-card .user-stats{display:flex;justify-content:space-around;padding-top:15px;border-top:1px solid #f0f0f0}.topic-sidebar-right .user-card .user-stats .stat-item{text-align:center}.topic-sidebar-right .user-card .user-stats .stat-item .stat-num{display:block;font-size:16px;font-weight:600;color:#333;text-decoration:none;transition:color .3s}.topic-sidebar-right .user-card .user-stats .stat-item .stat-num:hover{color:#0cb09f}.topic-sidebar-right .user-card .user-stats .stat-item .stat-label{font-size:12px;color:#999}.topic-sidebar-right .empty-user-state{text-align:center;padding:30px 20px}.topic-sidebar-right .empty-user-state i{font-size:48px;color:#d9d9d9;margin-bottom:12px;display:block}.topic-sidebar-right .empty-user-state p{font-size:14px;color:#999;margin-bottom:16px}.topic-sidebar-right .empty-user-state .btn-login{display:inline-block;padding:8px 24px;background:#0cb09f;color:#fff;border-radius:20px;font-size:14px;text-decoration:none;transition:all .3s}.topic-sidebar-right .empty-user-state .btn-login:hover{background:#098074;transform:translateY(-2px);box-shadow:0 4px 12px #0cb09f4d}.topic-sidebar-right .possible-members{background:#fff;border-radius:12px;padding:20px;margin-bottom:15px;box-shadow:0 2px 12px #0000000f}.topic-sidebar-right .possible-members .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.topic-sidebar-right .possible-members .section-header h4{font-size:15px;font-weight:600;color:#333;margin:0}.topic-sidebar-right .possible-members .section-header .refresh-btn{background:none;border:none;padding:5px;cursor:pointer;color:#999;transition:all .3s;font-size:12px}.topic-sidebar-right .possible-members .section-header .refresh-btn i{font-size:12px;transition:transform .3s}.topic-sidebar-right .possible-members .section-header .refresh-btn:hover{color:#0cb09f}.topic-sidebar-right .possible-members .section-header .refresh-btn:hover i{transform:rotate(180deg)}.topic-sidebar-right .possible-members .possible-members-list .possible-member-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f5f5f5}.topic-sidebar-right .possible-members .possible-members-list .possible-member-item:last-child{border-bottom:none}.topic-sidebar-right .possible-members .possible-members-list .possible-member-item .member-link{display:flex;align-items:center;gap:12px;text-decoration:none;transition:all .3s;flex:1}.topic-sidebar-right .possible-members .possible-members-list .possible-member-item .member-link:hover .member-nickname{color:#0cb09f}.topic-sidebar-right .possible-members .possible-members-list .possible-member-item .member-link .member-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0}.topic-sidebar-right .possible-members .possible-members-list .possible-member-item .member-link .member-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.topic-sidebar-right .possible-members .possible-members-list .possible-member-item .member-link .member-info{flex:1;min-width:0}.topic-sidebar-right .possible-members .possible-members-list .possible-member-item .member-link .member-info .member-nickname{font-size:14px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-sidebar-right .possible-members .possible-members-list .possible-member-item .member-action{flex-shrink:0;margin-left:12px}.topic-sidebar-right .possible-members .possible-members-list .possible-member-item .member-action .btn-follow-possible{padding:2px 16px;font-size:13px;border:none;border-radius:20px;cursor:pointer;transition:all .3s;background:#f0f0f0;color:#666}.topic-sidebar-right .possible-members .possible-members-list .possible-member-item .member-action .btn-follow-possible:hover{background:#0cb09f;color:#fff}.topic-sidebar-right .possible-members .possible-members-list .possible-member-item .member-action .btn-follow-possible.following{background:#f0f0f0;color:#666}.topic-sidebar-right .possible-members .possible-members-list .possible-member-item .member-action .btn-follow-possible.following:hover{background:#ff4d4f;color:#fff}.topic-sidebar-right .possible-members .possible-members-list .empty-state,.topic-sidebar-right .possible-members .possible-members-list .loading-state{text-align:center;padding:20px 0}.topic-sidebar-right .possible-members .possible-members-list .empty-state i,.topic-sidebar-right .possible-members .possible-members-list .loading-state i{font-size:32px;color:#d9d9d9;margin-bottom:8px;display:block}.topic-sidebar-right .possible-members .possible-members-list .empty-state p,.topic-sidebar-right .possible-members .possible-members-list .loading-state p{font-size:13px;color:#999}.topic-sidebar-right .possible-members .possible-members-list .loading-state i{animation:spin 1s linear infinite}.topic-sidebar-right .hot-topics{background:#fff;border-radius:12px;padding:20px;margin-bottom:15px;box-shadow:0 2px 12px #0000000f}.topic-sidebar-right .hot-topics .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.topic-sidebar-right .hot-topics .section-header h4{font-size:15px;font-weight:600;color:#333;margin:0}.topic-sidebar-right .hot-topics .section-header .more-link{font-size:13px;color:#999;text-decoration:none}.topic-sidebar-right .hot-topics .section-header .more-link:hover{color:#0cb09f}.topic-sidebar-right .hot-topics .hot-list .hot-item{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #f5f5f5}.topic-sidebar-right .hot-topics .hot-list .hot-item:last-child{border-bottom:none}.topic-sidebar-right .hot-topics .hot-list .hot-item .hot-rank{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#999;margin-right:10px}.topic-sidebar-right .hot-topics .hot-list .hot-item .hot-rank.top{color:#ff6b6b}.topic-sidebar-right .hot-topics .hot-list .hot-item .hot-title{flex:1;font-size:14px;color:#333;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-sidebar-right .hot-topics .hot-list .hot-item .hot-title:hover{color:#0cb09f}.topic-sidebar-right .hot-topics .hot-list .hot-item .hot-count{font-size:12px;color:#999}.topic-sidebar-right .hot-topics .empty-hot{text-align:center;padding:20px;color:#999;font-size:13px}.topic-sidebar-right .ad-section{background:#fff;border-radius:12px;overflow:hidden;margin-bottom:15px;box-shadow:0 2px 12px #0000000f;height:200px;width:100%}.topic-sidebar-right .ad-section .ad-img{width:100%;height:100%;display:block}.topic-sidebar-right .help-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px #0000000f}.topic-sidebar-right .help-section .help-item{padding:15px 0;border-bottom:1px solid #f5f5f5}.topic-sidebar-right .help-section .help-item:first-child{padding-top:0}.topic-sidebar-right .help-section .help-item:last-child{border-bottom:none;padding-bottom:0}.topic-sidebar-right .help-section .help-item .help-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:#333;margin-bottom:8px}.topic-sidebar-right .help-section .help-item .help-title i{font-size:18px;color:#666}.topic-sidebar-right .help-section .help-item .help-links{display:flex;flex-wrap:wrap;gap:12px;padding-left:28px}.topic-sidebar-right .help-section .help-item .help-links a{font-size:13px;color:#999;text-decoration:none;transition:color .3s}.topic-sidebar-right .help-section .help-item .help-links a:hover{color:#0cb09f}@media (max-width: 768px){.topic-sidebar-left,.topic-sidebar-right{display:none}}