/* ============================================================
   社团板块共享样式（club.html 与 index.html 两页共用）
   ------------------------------------------------------------
   内容：
     一、10 色分类色条（两页统一；club.html 原内联的这 24 行已删除，由本文件提供）
     二、首页社团条目基础排版 + 增强产物（cq-*，与社团页 ci-* 同视觉）
     三、明星社团精选区（star-*）
   颜色变量沿用 theme.css（--card/--line/--text/--sub/--accent…），深浅主题都适配。
   ============================================================ */

/* ---------- 一、10 色分类色条（色值与 club.html 原版完全一致）---------- */
.category-card[data-category="音乐舞台"] .card-header { border-left:4px solid #E74C8B; }
.category-card[data-category="文学阅读"] .card-header { border-left:4px solid #D35400; }
.category-card[data-category="摄影设计"] .card-header { border-left:4px solid #34495E; }
.category-card[data-category="语言表达"] .card-header { border-left:4px solid #F39C12; }
.category-card[data-category="传统文化"] .card-header { border-left:4px solid #C0392B; }
.category-card[data-category="运动娱乐"] .card-header { border-left:4px solid #16A085; }
.category-card[data-category="学术科技"] .card-header { border-left:4px solid #2980B9; }
.category-card[data-category="商业创业"] .card-header { border-left:4px solid #8E44AD; }
.category-card[data-category="公益志愿"] .card-header { border-left:4px solid #2ECC71; }
.category-card[data-category="生活兴趣"] .card-header { border-left:4px solid #E91E63; }

/* ---------- 二、首页社团条目（#g-st）----------
   原来这些条目完全没有样式（裸 div），是「简陋感」的主要来源。
   这里补齐基础排版，视觉语言与社团页 .club-item 一致：一行一个、底线分隔。 */
#g-st .pg-club-list { padding:var(--gap-2xs) 0; }
#g-st .pg-club-item { padding:var(--gap-sm) 0; border-bottom:1px solid var(--line);
                      font-size:var(--fs-xs); line-height:1.5; }
#g-st .pg-club-item:last-child { border-bottom:none; }
/* ⚠️ .cname / .cinfo / .csep 是全站搜索挂钩，样式可以给、结构不能动 */
#g-st .cname { font-weight:700; color:var(--text); font-size:var(--fs-sm); }
#g-st .cinfo { color:var(--sub2); }
#g-st .csep  { color:var(--sub2); }

/* 增强产物（cq-*）：与社团页 ci-* 同一套视觉（徽标行 / 速查行 / 黄色荣誉块 / 灰色待核实块 / 引述） */
#g-st .cq-head { display:flex; align-items:baseline; gap:var(--gap-sm); flex-wrap:wrap;
                 margin-top:var(--gap-2xs); }
#g-st .cq-yr   { font-size:var(--fs-2xs); color:var(--sub); }
#g-st .cq-tags { display:inline-flex; gap:var(--gap-xs); flex-wrap:wrap; }
#g-st .cq-tag  { font-size:var(--fs-2xs); color:var(--sub); white-space:nowrap; line-height:1.7;
                 border:1px solid var(--line2); border-radius:var(--r-sm); padding:0 var(--gap-sm); }
#g-st .cq-rows { margin-top:var(--gap-xs); }
#g-st .cq-r    { display:flex; gap:var(--gap-xs); font-size:var(--fs-2xs); line-height:1.45;
                 padding:var(--gap-2xs) 0; border-top:1px solid var(--line); }
#g-st .cq-r:first-child { border-top:none; }
#g-st .cq-r b   { flex:0 0 4.2em; font-weight:600; color:var(--sub); }
#g-st .cq-r span { flex:1; min-width:0; color:var(--text); overflow-wrap:anywhere; }
#g-st .cq-hon  { margin-top:var(--gap-sm); background:var(--yellow-soft); border:1px solid var(--yellow-line);
                 border-radius:var(--r-sm); padding:var(--gap-xs) var(--gap-sm);
                 font-size:var(--fs-2xs); color:var(--yellow); line-height:var(--lh-loose); }
#g-st .cq-note { margin-top:var(--gap-xs); background:var(--card3); border-radius:var(--r-sm);
                 padding:var(--gap-xs) var(--gap-sm); font-size:var(--fs-2xs);
                 color:var(--sub2); line-height:var(--lh-loose); }
#g-st .cq-say  { margin-top:var(--gap-sm); border-left:3px solid var(--brand-line);
                 background:var(--card2); border-radius:0 var(--r-sm) var(--r-sm) 0;
                 padding:var(--gap-xs) var(--gap-sm); font-size:var(--fs-2xs);
                 color:var(--text); line-height:var(--lh-loose); }
#g-st .cq-say-by { display:block; margin-top:var(--gap-2xs); color:var(--sub); }

/* ---------- 三、明星社团精选区（#pg-star-zone，目前只在首页）---------- */
#pg-star-zone { display:grid; grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
                gap:var(--gap); margin:var(--gap-lg) 0 var(--gap-xl); }
.star-card { display:flex; gap:var(--gap); align-items:stretch; text-decoration:none;
             background:var(--card); border:1px solid var(--line); border-radius:var(--r-md);
             overflow:hidden; padding:var(--gap-sm); position:relative;
             transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
/* 分类色细条 + hover 微抬升（--cat 由 club-enhance.js 按分类注入，缺省退回主题色） */
.star-card::before { content:''; position:absolute; left:0; top:0; bottom:0; width:3px;
                     background:var(--cat, var(--accent)); }
.star-card:hover { transform:translateY(-2px); box-shadow:0 6px 18px rgba(0,0,0,.10);
                   border-color:var(--cat, var(--brand-line)); }
/* 照片位：无照片时是「分类色底 + 分类符号」，club-data.js 补 photo 字段自动换成真图 */
.star-photo { flex:0 0 56px; min-height:56px; border-radius:var(--r-sm); position:relative;
              display:flex; align-items:center; justify-content:center; overflow:hidden;
              background-color:var(--cat, var(--accent)); }
.star-photo::before { content:''; position:absolute; inset:0;
                      background:linear-gradient(160deg, rgba(255,255,255,.30), rgba(255,255,255,0) 60%); }
.star-photo img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.star-ico { font-size:26px; line-height:1; text-shadow:0 1px 3px rgba(0,0,0,.25); }
.star-body { min-width:0; display:flex; flex-direction:column; gap:2px; flex:1; }
.star-name { font-weight:700; color:var(--text); font-size:var(--fs-sm); line-height:1.3; }
.star-yr   { font-style:normal; font-weight:400; font-size:var(--fs-2xs); color:var(--sub);
             margin-left:var(--gap-xs); white-space:nowrap; }
.star-hon  { font-size:var(--fs-2xs); color:var(--sub); line-height:1.5; overflow-wrap:anywhere;
             display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.star-cat  { align-self:flex-start; font-size:var(--fs-2xs); line-height:1.6;
             color:var(--cat, var(--sub)); border:1px solid currentColor; border-radius:999px;
             padding:0 var(--gap-sm); margin-top:var(--gap-2xs); white-space:nowrap; }

/* 动效降级：系统开了「减少动态效果」就取消位移（颜色/阴影变化保留，不算运动） */
@media (prefers-reduced-motion: reduce) {
  .star-card { transition:none; }
  .star-card:hover { transform:none; }
}
/* 窄屏：照片位与间距同步收紧，卡片单列铺满 */
@media (max-width: 480px) {
  #pg-star-zone { grid-template-columns:1fr; gap:var(--gap-sm); }
  .star-photo { flex-basis:48px; min-height:48px; }
  .star-ico { font-size:22px; }
}