.activity-page { background: #0b1218; min-height: 100vh; color: #e8eef4; }
.activity-wrap { width: min(960px, 92vw); margin: 28px auto 64px; }
.activity-hero { margin-bottom: 28px; }
.activity-hero h1 {
  font-family: "ZCOOL XiaoWei", "Noto Sans SC", serif;
  font-size: clamp(1.8rem, 4vw, 2.4rem);
  margin: 0 0 10px;
}
.activity-hero p { color: #8b9aab; margin: 0; line-height: 1.6; }
.activity-empty { color: #8b9aab; text-align: center; padding: 48px 16px; }
.activity-list { display: grid; gap: 16px; }
.activity-card {
  border: 1px solid #2a3948; border-radius: 14px; padding: 20px 22px;
  background: linear-gradient(160deg, #14202c, #101820);
}
.activity-card h2 { margin: 0 0 10px; font-size: 1.25rem; }
.activity-excerpt { margin: 0 0 14px; color: #9aabbc; line-height: 1.55; font-size: .95rem; }
.activity-meta {
  display: flex; flex-wrap: wrap; gap: 10px; align-items: center;
  margin-bottom: 14px; font-size: .85rem; color: #8b9aab;
}
.tag-open, .tag-full {
  display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: .75rem;
}
.tag-open { background: rgba(43,182,115,.18); color: #7dcea8; }
.tag-full { background: rgba(232,93,93,.18); color: #e88a8a; }
.activity-card .btn-primary,
.activity-wrap .btn-primary {
  display: inline-block; padding: 10px 18px; border-radius: 8px;
  background: #2bb673; color: #04140c; text-decoration: none; font-weight: 600;
  border: 0; cursor: pointer; font: inherit;
}
.btn-disabled {
  display: inline-block; padding: 10px 18px; border-radius: 8px;
  background: #1a2430; color: #6a7a8a;
}

.activity-detail-wrap {
  display: grid; gap: 18px;
  grid-template-columns: 1.1fr .9fr;
  align-items: start;
}
.activity-plan, .activity-form-box {
  border: 1px solid #2a3948; border-radius: 14px; padding: 22px;
  background: #121b24;
}
.activity-plan h1 { margin: 0 0 12px; font-size: 1.5rem; }
.activity-content {
  margin-top: 8px; line-height: 1.75; color: #d5dde6;
}
.activity-content img {
  max-width: 100%; height: auto; border-radius: 8px; margin: 12px 0; display: block;
}
.activity-content h2 { margin: 1.1em 0 .45em; font-size: 1.15rem; }
.activity-content p { margin: .55em 0; }
.activity-content ul, .activity-content ol { padding-left: 1.4em; }
.activity-form-box h2 { margin: 0 0 16px; font-size: 1.15rem; }
.activity-form label {
  display: block; margin: 12px 0 6px; font-size: .88rem; color: #8b9aab;
}
.activity-form input {
  width: 100%; box-sizing: border-box; padding: 11px 12px; border-radius: 8px;
  border: 1px solid #2a3948; background: #0f171f; color: inherit; font: inherit;
}
.activity-form .btn-primary { width: 100%; margin-top: 16px; text-align: center; }
.activity-form .form-tip { min-height: 1.2em; margin: 10px 0 0; font-size: .88rem; color: #2bb673; }
.activity-form .form-tip.is-error { color: #e85d5d; }

@media (max-width: 860px) {
  .activity-detail-wrap { grid-template-columns: 1fr; }
}