.activity-page .page-banner{background:linear-gradient(135deg,#0066cc,#0052a3);padding:24PX 0;color:#fff}.activity-page .page-banner-inner{max-width:1280PX;margin:0 auto;padding:0 24PX;display:flex;align-items:center;justify-content:space-between}.activity-page .page-banner h1{font-size:24PX;font-weight:600;margin-bottom:4PX;color:#fff}.activity-page .page-banner p{font-size:13PX;opacity:.85;color:#fff}.activity-page .page-banner-stats{display:flex;gap:32PX}.activity-page .banner-stat{text-align:center}.activity-page .banner-stat .num{font-size:28PX;font-weight:700;font-family:DIN Alternate,sans-serif}.activity-page .banner-stat .label{font-size:12PX;opacity:.8;margin-top:2PX}.activity-page .container{max-width:1280PX;margin:0 auto;padding:16PX 24PX 40PX}.activity-page .main-content{width:100%}.activity-page .filter-section{background:#fff;border-radius:6PX;box-shadow:0 1PX 4PX rgba(0,0,0,.06);margin-bottom:16PX;overflow:hidden}.activity-page .search-bar{padding:16PX 20PX;display:flex;align-items:center;gap:12PX;border-bottom:1px solid #f0f0f0}.activity-page .search-input-wrap{flex:1;display:flex;border:2px solid #0066cc;border-radius:4PX;overflow:hidden}.activity-page .search-input-wrap input{flex:1;padding:10PX 14PX;border:none;outline:none;font-size:14PX}.activity-page .search-btn{padding:10PX 28PX;background:#0066cc;color:#fff;border:none;font-size:14PX;cursor:pointer;transition:background .2s}.activity-page .search-btn:hover{background:#0052a3}.activity-page .filter-row{display:flex;padding:10PX 20PX;border-bottom:1px solid #f0f0f0;align-items:flex-start}.activity-page .filter-row:last-of-type{border-bottom:none}.activity-page .filter-row.category-row{padding:14PX 20PX;background:#fafbfc;border-bottom:1px solid #e8e8e8}.activity-page .filter-row.category-row .filter-label{font-weight:400;color:#999}.activity-page .filter-label{width:70PX;flex-shrink:0;font-size:13PX;color:#999;line-height:28PX}.activity-page .filter-options{flex:1;display:flex;flex-wrap:nowrap;gap:6PX;overflow-x:auto}.activity-page .filter-tag{padding:3PX 12PX;font-size:13PX;color:#555;background:transparent;border-radius:20PX;cursor:pointer;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:22PX;white-space:nowrap}.activity-page .filter-tag:hover{color:#0066cc;background:#f0f6ff}.activity-page .filter-tag.active{color:#fff;background:#0066cc}.activity-page .filter-toggle{display:inline-flex;align-items:center;gap:4PX;margin-top:10PX;margin-left:70PX;padding:4PX 12PX;font-size:12PX;color:#0066cc;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#f0f6ff;border-radius:12PX;transition:all .2s ease;width:-moz-fit-content;width:fit-content}.activity-page .filter-toggle:hover{background:#e0edff;color:#0052a3}.activity-page .filter-toggle:active{transform:scale(.98)}.activity-page .filter-toggle .toggle-icon{display:inline-flex;align-items:center;transition:transform .3s ease}.activity-page .filter-toggle.expanded .toggle-icon{transform:rotate(180deg)}.activity-page .filter-actions{padding:10PX 20PX;display:flex;justify-content:space-between;align-items:center;background:#f5f6f8;border-top:1px solid #f0f0f0}.activity-page .filter-selected{display:flex;gap:6PX;align-items:center;flex-wrap:wrap}.activity-page .filter-selected .sel-label{font-size:12PX;color:#999}.activity-page .filter-selected .sel-tag{display:inline-flex;align-items:center;gap:4PX;padding:2PX 8PX;font-size:12PX;color:#fff;background:#0066cc;border-radius:3PX}.activity-page .filter-selected .sel-tag .x{cursor:pointer;opacity:.7}.activity-page .filter-selected .sel-tag .x:hover{opacity:1}.activity-page .clear-all{font-size:12PX;color:#999;cursor:pointer;margin-left:8PX}.activity-page .clear-all:hover{color:#ff6b35}.activity-page .filter-count{font-size:12PX;color:#999}.activity-page .filter-count b{color:#0066cc;font-weight:600;font-size:14PX}.activity-page .empty-tip,.activity-page .loading-tip{background:#fff;border-radius:6PX;box-shadow:0 1PX 4PX rgba(0,0,0,.06);padding:60PX 20PX;text-align:center;color:#999}.activity-page .empty-tip p{font-size:14PX;margin-bottom:16PX}.activity-page .btn-reset{padding:8PX 24PX;background:#0066cc;color:#fff;border:none;border-radius:4PX;font-size:13PX;cursor:pointer}.activity-page .btn-reset:hover{background:#0052a3}.activity-page .activity-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16PX}.activity-page .activity-card{background:#fff;border-radius:6PX;box-shadow:0 1PX 4PX rgba(0,0,0,.06);overflow:hidden;transition:all .25s;border:1px solid transparent;display:flex;flex-direction:column;text-decoration:none;color:inherit}.activity-page .activity-card:hover{box-shadow:0 4PX 20PX rgba(0,102,204,.12);border-color:#e8f1ff;transform:translateY(-2PX)}.activity-page .card-image{position:relative;width:100%;aspect-ratio:16/9;background:#f0f2f5;overflow:hidden}.activity-page .card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.activity-page .activity-card:hover .card-image img{transform:scale(1.05)}.activity-page .no-image{width:100%;height:100%;justify-content:center;color:#ccc;gap:8PX}.activity-page .card-date,.activity-page .no-image{display:flex;flex-direction:column;align-items:center}.activity-page .card-date{position:absolute;top:12PX;left:12PX;background:#fff;color:#1D4ED8;padding:8PX 12PX;border-radius:8PX;line-height:1;min-width:52PX;text-align:center;box-shadow:0 4PX 6PX -1PX rgba(15,23,42,.07),0 2PX 4PX -2PX rgba(15,23,42,.05)}.activity-page .card-date .date-day{font-size:18PX;font-weight:700;color:#1D4ED8;line-height:1}.activity-page .card-date .date-month{font-size:12PX;color:#64748B;margin-top:2PX}.activity-page .status-badge{position:absolute;top:12PX;right:12PX;padding:4PX 12PX;font-size:12PX;font-weight:500;border-radius:12PX;color:#fff;backdrop-filter:blur(4PX)}.activity-page .status-upcoming{background:rgba(82,196,26,.9)}.activity-page .status-ongoing{background:rgba(250,140,22,.9)}.activity-page .status-ended{background:rgba(140,140,140,.9)}.activity-page .status-unknown{background:rgba(191,191,191,.9)}.activity-page .card-content{padding:14PX 16PX 16PX;flex:1;display:flex;flex-direction:column}.activity-page .card-title{font-size:15PX;font-weight:600;color:#1a1a1a;margin-bottom:8PX;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.activity-page .activity-card:hover .card-title{color:#0066cc}.activity-page .card-info{display:flex;flex-direction:column;gap:6PX}.activity-page .info-row{display:flex;align-items:center;gap:12PX;flex-wrap:wrap}.activity-page .info-item{display:flex;align-items:center;gap:4PX;font-size:12PX;color:#888;line-height:1.4;white-space:nowrap;max-width:100%}.activity-page .info-item,.activity-page .info-item .info-text{overflow:hidden;text-overflow:ellipsis}.activity-page .info-item svg{color:#bbb;flex-shrink:0}@media (max-width:1024PX){.activity-page .activity-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:768PX){.activity-page .activity-list{grid-template-columns:1fr}.activity-page .page-banner-inner{flex-direction:column;gap:16PX;text-align:center}.activity-page .page-banner-stats{justify-content:center}.activity-page .filter-row{flex-direction:column;gap:8PX}.activity-page .filter-label{width:100%;padding-top:0}.activity-page .filter-toggle{margin-left:0}}