.btn-outline-primary{border-color:#0cb09f;color:#0cb09f}.btn-outline-primary:hover{border-color:#0cb09f;background-color:#0cb09f;color:#fff}body{background:linear-gradient(to right,#2b8793,#5ba270,#2b8793)}.main-content-wrapper{max-width:100%}.activity-detail-page{padding:30px 0 60px;min-height:100vh}.activity-detail-page .activity-item-banner{display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:10px}.activity-detail-page .activity-item-banner .item-left{display:flex;align-items:center;gap:12px}.activity-detail-page .activity-item-banner .item-left .item-title-link{font-size:18px;font-weight:600;color:#fff;text-decoration:none}.activity-detail-page .activity-item-banner .item-left .item-meta{font-size:14px}.activity-detail-page .activity-item-banner .item-left .item-meta .item-dot{margin:0 6px;line-height:1;position:relative;top:-1px}.activity-detail-page .activity-item-banner .item-right{display:flex;align-items:center;gap:4px}.activity-detail-page .activity-item-banner .item-right .item-link{color:#fff;font-size:17px;text-decoration:none;transition:all .3s ease}.activity-detail-page .activity-item-banner .item-right .item-dot{line-height:1;color:#fff}.activity-detail-page .activity-header{display:flex;gap:30px;background:#fff;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.activity-detail-page .activity-header .activity-poster{flex-shrink:0;width:820px;height:480px;border-radius:8px;overflow:hidden;position:relative}.activity-detail-page .activity-header .activity-poster img{width:100%;height:100%;-o-object-fit:revert;object-fit:revert}.activity-detail-page .activity-header .activity-poster .activity-status-badge{position:absolute;top:12px;left:12px;padding:6px 16px;border-radius:6px;font-size:14px;font-weight:600;z-index:10}.activity-detail-page .activity-header .activity-poster .activity-status-badge.status-1{background:#059669e6;color:#fff}.activity-detail-page .activity-header .activity-poster .activity-status-badge.status-2{background:#6b7280e6;color:#fff}.activity-detail-page .activity-header .activity-poster .activity-status-badge.status-0{background:#d97706e6;color:#fff}.activity-detail-page .activity-header .activity-info{flex:1;display:flex;flex-direction:column;padding:30px 30px 20px 0;height:480px}.activity-detail-page .activity-header .activity-info .activity-title{font-size:26px;font-weight:600;color:#333;margin-bottom:20px;height:78.4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.activity-detail-page .activity-header .activity-info .activity-meta{margin-bottom:24px}.activity-detail-page .activity-header .activity-info .activity-meta .meta-item{display:flex;align-items:center;margin-bottom:12px;font-size:18px}.activity-detail-page .activity-header .activity-info .activity-meta .meta-item .icon{font-size:18px;margin-right:8px;width:24px;text-align:center}.activity-detail-page .activity-header .activity-info .activity-meta .meta-item .label{color:#333;font-weight:500}.activity-detail-page .activity-header .activity-info .activity-meta .meta-item .value{color:#333;margin-left:4px}.activity-detail-page .activity-header .activity-info .activity-meta .meta-item .value.highlight{color:#333;font-weight:500}.activity-detail-page .activity-header .activity-info .activity-actions{margin-top:auto}.activity-detail-page .activity-header .activity-info .activity-actions .btn{width:100%;padding:14px 32px;font-size:16px;border-radius:8px;transition:all .3s;font-weight:500}.activity-detail-page .activity-header .activity-info .activity-actions .btn.btn-primary{background:#0d9488;border-color:#0d9488;color:#fff}.activity-detail-page .activity-header .activity-info .activity-actions .btn.btn-primary:hover{background:#0b7d72;border-color:#0b7d72}.activity-detail-page .activity-header .activity-info .activity-actions .btn.btn-primary:disabled{background:#ccc;border-color:#ccc;cursor:not-allowed}.activity-detail-page .activity-header .activity-info .activity-actions .btn.btn-secondary{background:#6c757d;border-color:#6c757d;color:#fff;cursor:not-allowed}.activity-detail-page .activity-body .content-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:0 2px 8px #00000014}.activity-detail-page .activity-body .content-section .section-title{font-size:18px;font-weight:600;color:#333;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee}.activity-detail-page .activity-body .content-section .section-title i{color:#0cb09f;margin-right:8px}.activity-detail-page .activity-body .content-section .section-content{font-size:18px;line-height:1.8;color:#555}.activity-detail-page .activity-body .content-section .section-content img{max-width:100%;height:auto;border-radius:8px}.activity-detail-page .activity-body .sidebar-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #00000014}.activity-detail-page .activity-body .sidebar-section .sidebar-title{font-size:16px;font-weight:600;color:#333;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee}.activity-detail-page .activity-body .organizer-section .organizer-info{display:flex;align-items:center;gap:12px}.activity-detail-page .activity-body .organizer-section .organizer-info .organizer-avatar{width:50px;height:50px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.activity-detail-page .activity-body .organizer-section .organizer-info .organizer-name{font-size:15px;font-weight:500;color:#333}.activity-detail-page .activity-body .contact-section .contact-list .contact-item{display:flex;margin-bottom:10px;font-size:14px}.activity-detail-page .activity-body .contact-section .contact-list .contact-item:last-child{margin-bottom:0}.activity-detail-page .activity-body .contact-section .contact-list .contact-item .label{color:#666;width:60px;flex-shrink:0}.activity-detail-page .activity-body .contact-section .contact-list .contact-item .value{color:#333}.activity-detail-page .activity-body .ranking-section .ranking-list .ranking-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0f0f0}.activity-detail-page .activity-body .ranking-section .ranking-list .ranking-item:last-child{border-bottom:none}.activity-detail-page .activity-body .ranking-section .ranking-list .ranking-item .rank-num{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border-radius:50%;font-size:12px;font-weight:600;color:#666}.activity-detail-page .activity-body .ranking-section .ranking-list .ranking-item .rank-num.top{background:#0cb09f;color:#fff}.activity-detail-page .activity-body .ranking-section .ranking-list .ranking-item .user-avatar{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.activity-detail-page .activity-body .ranking-section .ranking-list .ranking-item .user-name{flex:1;font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-detail-page .activity-body .ranking-section .ranking-list .ranking-item .help-count{font-size:13px;color:#0cb09f;font-weight:500}.activity-detail-page .activity-body .participants-section .participants-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.activity-detail-page .activity-body .participants-section .participants-list .participant-item{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;transition:transform .2s ease}.activity-detail-page .activity-body .participants-section .participants-list .participant-item:hover{transform:translateY(-2px)}.activity-detail-page .activity-body .participants-section .participants-list .participant-item .participant-avatar{width:60px;height:60px;border-radius:8px;-o-object-fit:cover;object-fit:cover;margin-bottom:8px;border:1px solid #e0e0e0}.activity-detail-page .activity-body .participants-section .participants-list .participant-item .participant-name{font-size:13px;color:#333;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-detail-page .activity-body .participants-section .participants-list .participants-empty,.activity-detail-page .activity-body .participants-section .participants-list .participants-loading{grid-column:1/-1;text-align:center;padding:30px 0;color:#999;font-size:14px}.activity-detail-page .activity-body .participants-section .participants-list .participants-loading .spinner{display:inline-block;width:24px;height:24px;border:2px solid #f0f0f0;border-top-color:#0cb09f;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:8px}@keyframes spin{to{transform:rotate(360deg)}}#registerModal .modal-content{border-radius:12px;border:none}#registerModal .modal-header{border-bottom:1px solid #eee;padding:20px 24px}#registerModal .modal-header .modal-title{font-size:18px;font-weight:600;color:#333}#registerModal .modal-header .close{font-size:24px;color:#999}#registerModal .modal-body{padding:24px}#registerModal .modal-body .form-group{margin-bottom:16px}#registerModal .modal-body .form-group label{font-size:14px;color:#333;margin-bottom:6px}#registerModal .modal-body .form-group label .required{color:#ff4d4f}#registerModal .modal-body .form-group .form-control{height:44px;border-radius:6px;border:1px solid #ddd;font-size:14px}#registerModal .modal-body .form-group .form-control:focus{border-color:#0cb09f;box-shadow:0 0 0 3px #0cb09f1a}#registerModal .modal-footer{border-top:1px solid #eee;padding:16px 24px}#registerModal .modal-footer .btn{padding:10px 24px;font-size:14px;border-radius:6px}#registerModal .modal-footer .btn.btn-secondary{background:#f5f5f5;border-color:#ddd;color:#666}#registerModal .modal-footer .btn.btn-primary{background:#0cb09f;border-color:#0cb09f}#registerModal .modal-footer .btn.btn-primary:hover{background:#098a7c}@media (max-width: 991px){.activity-detail-page{padding:20px 0 40px}.activity-detail-page .activity-header{flex-direction:column}.activity-detail-page .activity-header .activity-poster{width:100%;height:220px}.activity-detail-page .activity-header .activity-info .activity-title{font-size:20px}.activity-detail-page .activity-header .activity-info .activity-actions .btn{flex:1}}@media (max-width: 575px){.activity-detail-page .activity-header{padding:16px}.activity-detail-page .activity-header .activity-poster{height:180px}.activity-detail-page .activity-header .activity-info .activity-title{font-size:18px}.activity-detail-page .activity-header .activity-info .activity-actions{flex-direction:column}.activity-detail-page .activity-header .activity-info .activity-actions .btn{width:100%}.activity-detail-page .activity-body .content-section,.activity-detail-page .activity-body .sidebar-section{padding:16px}}.help-list-section .help-list-table{margin-bottom:0}.help-list-section .help-list-table thead th{background:#f8f9fa;border-bottom:2px solid #e9ecef;font-weight:600;color:#495057;padding:12px;font-size:14px}.help-list-section .help-list-table tbody tr:hover{background:#f8f9fa}.help-list-section .help-list-table tbody tr td{padding:12px;vertical-align:middle;font-size:14px;color:#333;border-bottom:1px solid #e9ecef}.help-list-section .help-list-table .btn-help-user{padding:4px 12px;font-size:13px;border-radius:4px;border:1px solid #0d9488;background:#fff;color:#0d9488;transition:all .3s;cursor:pointer}.help-list-section .help-list-table .btn-help-user i{font-size:12px;margin-right:2px}.help-list-section .help-list-table .btn-help-user:hover{background:#0d9488;color:#fff}.help-list-section .help-list-table .btn-help-user.helped{background:#f0fdfa;border-color:#0d9488;color:#0d9488;cursor:not-allowed}.help-list-section .help-list-pagination{margin-top:20px;padding-top:16px;border-top:1px solid #f0f0f0}.help-list-section .help-list-pagination .pagination{margin-bottom:0}.help-list-section .help-list-pagination .pagination .page-link{color:#666;border-color:#e0e0e0;padding:6px 12px;font-size:13px}.help-list-section .help-list-pagination .pagination .page-link:hover{background:#f5f5f5;border-color:#e0e0e0;color:#333}.help-list-section .help-list-pagination .pagination .page-item.active .page-link{background:#0d9488;border-color:#0d9488;color:#fff}.help-list-section .help-list-pagination .pagination .page-item.disabled .page-link{color:#ccc;background:#f9f9f9}.section-title{font-size:18px;color:#f0efef}