推进活动列表第一刀与联调回归

miniprogram/pages/events/events.wxss

@@ -0,0 +1,186 @@
+page {
+  min-height: 100vh;
+  background: linear-gradient(180deg, #eff4fb 0%, #e8eff7 100%);
+}
+
+.page {
+  min-height: 100vh;
+}
+
+.shell {
+  display: grid;
+  gap: 24rpx;
+  padding: 28rpx 24rpx 40rpx;
+}
+
+.hero,
+.panel {
+  display: grid;
+  gap: 16rpx;
+  padding: 24rpx;
+  border-radius: 24rpx;
+}
+
+.hero {
+  background: linear-gradient(135deg, #163a66 0%, #1f5da1 100%);
+  color: #ffffff;
+}
+
+.hero__eyebrow {
+  font-size: 22rpx;
+  letter-spacing: 0.16em;
+  text-transform: uppercase;
+  color: rgba(255, 255, 255, 0.72);
+}
+
+.hero__title {
+  font-size: 40rpx;
+  font-weight: 700;
+}
+
+.hero__desc {
+  font-size: 24rpx;
+  color: rgba(255, 255, 255, 0.84);
+}
+
+.panel {
+  background: rgba(255, 255, 255, 0.94);
+  box-shadow: 0 14rpx 32rpx rgba(40, 63, 95, 0.08);
+}
+
+.panel__title {
+  font-size: 30rpx;
+  font-weight: 700;
+  color: #17345a;
+}
+
+.summary {
+  font-size: 24rpx;
+  line-height: 1.6;
+  color: #30465f;
+}
+
+.filters {
+  display: flex;
+  gap: 16rpx;
+  flex-wrap: wrap;
+}
+
+.filter-chip {
+  min-width: 120rpx;
+  padding: 14rpx 20rpx;
+  border-radius: 999rpx;
+  background: #eef3f8;
+  color: #50677f;
+  font-size: 24rpx;
+  text-align: center;
+}
+
+.filter-chip--active {
+  background: #173d73;
+  color: #ffffff;
+}
+
+.actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16rpx;
+}
+
+.btn {
+  margin: 0;
+  min-height: 76rpx;
+  padding: 0 24rpx;
+  line-height: 76rpx;
+  border-radius: 18rpx;
+  font-size: 26rpx;
+}
+
+.btn::after {
+  border: 0;
+}
+
+.btn--secondary {
+  background: #dfeaf8;
+  color: #173d73;
+}
+
+.card {
+  display: grid;
+  gap: 12rpx;
+  padding: 22rpx;
+  border-radius: 22rpx;
+  background: #f6f9fc;
+}
+
+.card--disabled {
+  opacity: 0.7;
+}
+
+.card__cover {
+  width: 100%;
+  height: 220rpx;
+  border-radius: 18rpx;
+  background: #d7e4f2;
+}
+
+.card__top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 16rpx;
+}
+
+.card__badge {
+  display: inline-flex;
+  align-items: center;
+  min-height: 40rpx;
+  padding: 0 14rpx;
+  border-radius: 999rpx;
+  background: #dce9fb;
+  color: #173d73;
+  font-size: 22rpx;
+  font-weight: 700;
+}
+
+.card__type {
+  font-size: 22rpx;
+  color: #64748b;
+}
+
+.card__title {
+  font-size: 30rpx;
+  font-weight: 700;
+  color: #17345a;
+}
+
+.card__subtitle,
+.card__summary,
+.card__meta,
+.card__cta {
+  font-size: 24rpx;
+  line-height: 1.6;
+}
+
+.card__subtitle {
+  color: #4f627a;
+}
+
+.card__summary {
+  color: #30465f;
+}
+
+.card__meta-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16rpx;
+}
+
+.card__meta {
+  color: #64748b;
+}
+
+.card__cta {
+  color: #173d73;
+  font-weight: 700;
+}