/* 向阳学院 · academy 模块样式（由 code18.txt 第137-160行拆分） */
/* v3.5：纯白背景无阴影；文章列表统一 art-item 样式（见 home.css） */
/* ===== 向阳之家（底部Tab页） ===== */
#academyPage { position:fixed; inset:0; z-index:1; background:#fff; display:none; flex-direction:column; padding-top:env(safe-area-inset-top, 0px); padding-bottom:calc(58px + env(safe-area-inset-bottom, 0px)); overflow:hidden; }
/* 顶部橙条（与获客导航/我的统一：等高 + 底部大圆角 + 半透明圆形装饰） */
.acad-header { position: relative; overflow: hidden; background: linear-gradient(135deg, #F8A83C, #FC6C3C); color: #fff; padding: 15px 16px 13px; min-height: 76px; flex-shrink: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; border-radius: 0 0 18px 18px; }
.acad-header h1 { font-size: 17px; font-size: clamp(16px, 4.6vw, 20px); font-weight: 700; color: #fff; margin: 0; position: relative; z-index: 1; }
.acad-header p { font-size: 11px; color: rgba(255,255,255,.88); margin: 4px 0 0; position: relative; z-index: 1; }
/* v5.5 活力值徽标（右上角：问号小圆圈 + 实时总数，点击看规则） */
.vit-chip { position: absolute; right: 12px; top: 12px; z-index: 3; display: flex; align-items: center; gap: 5px; border: none; background: rgba(255,255,255,.94); border-radius: 20px; padding: 4px 11px 4px 5px; cursor: pointer; -webkit-tap-highlight-color: transparent; box-shadow: none; }
.vit-chip .vit-q { width: 18px; height: 18px; border-radius: 50%; background: #FC6C3C; color: #fff; font-size: 12px; font-weight: 700; line-height: 18px; text-align: center; flex-shrink: 0; }
.vit-chip .vit-n { font-size: 13px; font-weight: 700; color: #B24A16; }

/* ===== 底部主导航（四板块 · 日出橙渐变底白字 · 白色指示条，无阴影） ===== */
#tabBar { position:fixed; left:0; right:0; bottom:0; z-index:95; display:none; align-items:stretch; background:linear-gradient(135deg,#F8A83C,#FC6C3C); padding-bottom:env(safe-area-inset-bottom, 0px); }
.tb-item { flex:1; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:7px 0 6px; cursor:pointer; -webkit-tap-highlight-color:transparent; color:rgba(255,255,255,.82); }
.tb-item svg { width:23px; height:23px; display:block; }
.tb-item span { font-size:11px; line-height:1; }
.tb-item.active { color:#fff; }
.tb-item.active span { font-weight:700; }
.tb-item.active::after { content:''; position:absolute; bottom:2px; left:50%; transform:translateX(-50%); width:14px; height:3px; border-radius:2px; background:#fff; }
.tb-item:active { opacity:.65; }
