/* ============================================================================
   r362 · 公告栏美化（方案A 靛蓝紫）— 王炸 2026-10-13
   目的：解决爷爷反馈「公告栏太白」。呼应全站真实主色（#6366f1 → #8b5cf6）。
   级联：使用 html body.wz-app-page 前缀提高特异度，且本文件在所有内联 <style>
         之后（</body> 前）加载，确保稳定胜出。
   回滚：删除 index.html 里这一行 <link>，并删掉本文件即可，纯视觉、无逻辑改动。
   ========================================================================== */

/* ① 页面底：顶部加一层很淡的靛蓝/紫氛围，玫瑰照片继续透出 */
html body.wz-app-page .notice-page{
  background:
    radial-gradient(130% 42% at 50% 0%, rgba(99,102,241,.20), rgba(99,102,241,0) 72%),
    radial-gradient(80% 30% at 100% 0%, rgba(168,85,247,.16), rgba(168,85,247,0) 70%) !important;
}

/* ② 分类条：去掉整条白玻璃，让玫瑰底透出来 */
html body.wz-app-page .category-tabs{
  background:transparent !important;
  border-bottom:none !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  padding:10px 12px 4px !important;
}
html body.wz-app-page .category-tab{
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(99,102,241,.16) !important;
  color:#5a6474 !important;
  box-shadow:0 2px 8px rgba(79,70,229,.08) !important;
}
html body.wz-app-page .category-tab.active{
  background:linear-gradient(135deg,#6366f1,#8b5cf6) !important;
  color:#fff !important; border-color:transparent !important;
  box-shadow:0 6px 16px rgba(99,102,241,.35) !important;
}

/* ③ 卡片：淡紫渐变 + 靛蓝左描边（置顶卡红描边），去掉纯白死板感 */
html body.wz-app-page .notice-card{
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(246,247,255,.96)) !important;
  border:1px solid rgba(99,102,241,.16) !important;
  border-left:4px solid #6366f1 !important;
  border-radius:16px !important;
  box-shadow:0 10px 24px rgba(79,70,229,.12),0 2px 6px rgba(15,23,42,.04) !important;
}
html body.wz-app-page .notice-card.is-pinned{
  background:linear-gradient(180deg,rgba(255,246,247,.97),rgba(255,252,253,.96)) !important;
  border-color:rgba(225,29,72,.18) !important;
  border-left-color:#e11d48 !important;
  box-shadow:0 10px 24px rgba(225,29,72,.14),0 2px 6px rgba(15,23,42,.04) !important;
}
html body.wz-app-page .notice-card .card-title{ color:#1b2130 !important; }
html body.wz-app-page .notice-card .card-content{ color:#5a6474 !important; }
html body.wz-app-page .notice-card .card-footer{
  border-top:1px solid rgba(99,102,241,.14) !important; color:#8b95a7 !important;
}
html body.wz-app-page .notice-card .card-more{ color:#6366f1 !important; }

/* ============================================================================
   r472 · 公告页底色兜底（王炸 2026-10-17）
   爷爷反馈：「82 用户前端公告栏背景色掉了」。
   根因：r362 用 `background:` 简写 + !important 覆盖 .notice-page，
        连 NoticeBoard 自带的 `background:#f5f7fa` 一起冲掉 →
        background-color 变 transparent → 只剩 body 底色，视觉上就是「掉色」；
        同时 r362 的靛蓝氛围定在 `at 50% 0%`（页面最顶），被 r167 的红色渐变带
        （.notice-page::before，高 104px，z-index 0）整块盖住，等于白写。
   修法：① 显式给回一层暖底（不再是 transparent）
        ② 靛蓝/紫氛围下移到卡片区（50% 46%），真正可见
        ③ 最底层压一张玫瑰微光图，恢复「有质感」的观感
   纯视觉、无逻辑、无接口改动；回滚＝删掉本段。
   ========================================================================== */
html body.wz-app-page .notice-page{
  /* r484 王炸 2026-10-17：爷爷再次反馈公告栏「掉色」。
     病根是这一层 rgba(...,.88)->rgba(...,.92) 的白色渐变压在玫瑰底图上，几乎把底色洗成全白。
     现在把白洗层调到 .48~.56，让暖底 + 玫瑰纹理真正透出来，并把靛蓝/紫氛围加强到可见。 */
  background-color:#fdf3e4 !important;
  background-image:
    radial-gradient(120% 40% at 50% 44%, rgba(99,102,241,.20), rgba(99,102,241,0) 72%),
    radial-gradient(90% 30% at 100% 26%, rgba(168,85,247,.15), rgba(168,85,247,0) 70%),
    linear-gradient(180deg, rgba(255,250,242,.48) 0%, rgba(252,240,226,.56) 100%),
    url("/assets/wz_rose_bg.webp") !important;
  background-size:auto, auto, auto, cover !important;
  background-position:center 44%, right 26%, center top, 58% 30% !important;
  background-repeat:no-repeat, no-repeat, no-repeat, no-repeat !important;
}
/* r484：三类公告卡各带一点自己的淡彩底（原来清一色近白，整页看着「没颜色」） */
html body.wz-app-page .notice-card.cat-1{
  background:linear-gradient(180deg, rgba(236,253,245,.97), rgba(224,250,238,.96)) !important;
}
html body.wz-app-page .notice-card.cat-3{
  background:linear-gradient(180deg, rgba(255,250,235,.97), rgba(255,242,214,.96)) !important;
}
html body.wz-app-page .notice-card.cat-5{
  background:linear-gradient(180deg, rgba(240,247,255,.97), rgba(230,240,255,.96)) !important;
}
html body.wz-app-page .notice-card.is-pinned{
  background:linear-gradient(180deg, rgba(255,241,243,.97), rgba(255,231,235,.96)) !important;
}
/* 搜索区/分类条不要自己再垫一层白，否则又把底色盖回去 */
html body.wz-app-page .notice-page .van-search{ background:transparent !important; }