/* 公告页 · 三大特色卡片（独立文件，避免 CDN 缓存 pages.css 旧版） */
.notice-page .notice-pillars {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(10px, 2.5vw, 18px);
  margin: 0 0 var(--space-6);
}

.notice-pillar {
  min-width: 0;
}

.notice-pillar__frame {
  height: 100%;
  padding: 2px;
  border-radius: calc(var(--radius-lg) + 2px);
  background: linear-gradient(
    145deg,
    #f7e7a8 0%,
    #d4a843 22%,
    #fff4c9 48%,
    #c9982e 72%,
    #f0d078 100%
  );
  box-shadow:
    0 10px 28px rgba(168, 128, 36, 0.14),
    0 2px 0 rgba(255, 255, 255, 0.65) inset;
}

.notice-pillar__inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: clamp(14px, 3vw, 22px) clamp(10px, 2.2vw, 16px) clamp(16px, 3vw, 22px);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 50% -10%, rgba(255, 236, 180, 0.45), transparent 58%),
    linear-gradient(180deg, #fffdf8 0%, #fffaf2 100%);
  position: relative;
  overflow: hidden;
}

.notice-pillar__inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55), transparent 38%);
  pointer-events: none;
}

.notice-pillar__eyebrow {
  position: relative;
  z-index: 1;
  margin: 0 0 4px;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #b8892a;
  opacity: 0.88;
}

.notice-pillar__title {
  position: relative;
  z-index: 1;
  margin: 0 0 clamp(10px, 2vw, 14px);
  font-size: clamp(1.05rem, 3.8vw, 1.35rem);
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #1a3358;
}

.notice-pillar__title::after {
  content: "";
  display: block;
  width: 2.2em;
  height: 2px;
  margin: 8px auto 0;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, #d4a843, transparent);
}

.notice-pillar__list {
  position: relative;
  z-index: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.notice-pillar__list li {
  position: relative;
  padding: 0.42em 0 0.42em 1.15em;
  font-size: clamp(0.72rem, 2.6vw, 0.875rem);
  font-weight: 650;
  line-height: 1.45;
  color: #4a5d78;
  text-align: left;
}

.notice-pillar__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.78em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: linear-gradient(180deg, #e8c872, #c9982e);
  box-shadow: 0 0 0 2px rgba(212, 168, 67, 0.18);
}

.notice-pillar--steady .notice-pillar__title {
  color: #1f6b52;
}

.notice-pillar--steady .notice-pillar__list li::before {
  background: linear-gradient(180deg, #7edcb0, #2aa86a);
  box-shadow: 0 0 0 2px rgba(42, 168, 106, 0.16);
}

.notice-pillar--innovate .notice-pillar__title {
  color: #9a5f12;
}

.notice-pillar--innovate .notice-pillar__list li::before {
  background: linear-gradient(180deg, #ffd46b, #e8941a);
  box-shadow: 0 0 0 2px rgba(232, 148, 26, 0.16);
}

.notice-pillar--value .notice-pillar__title {
  color: #234f9d;
}

.notice-pillar--value .notice-pillar__list li::before {
  background: linear-gradient(180deg, #8eb8ff, #3b76e7);
  box-shadow: 0 0 0 2px rgba(59, 118, 231, 0.14);
}

@media (hover: hover) {
  .notice-pillar__frame {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .notice-pillar:hover .notice-pillar__frame {
    transform: translateY(-3px);
    box-shadow:
      0 16px 34px rgba(168, 128, 36, 0.2),
      0 2px 0 rgba(255, 255, 255, 0.7) inset;
  }
}