/* ============================================================
   奶蛙宇宙专属：索引感
   —— 资源卡用等宽域名做"坐标"
   —— 与游戏厅的分工：游戏厅=能玩，宇宙=去哪找
   2026-10-15：删掉点阵星野（.stars：十层 radial-gradient 圆点 + twinkle 闪烁）。
   那是"装饰性径向渐变"的复合体，规则点名；而且这一页的画面主体是 34 张
   信息卡，真正需要被看见的是它们。
   ============================================================ */
.phead-center{ text-align:center; }
.phead-center .crumb{ justify-content:center; }
/* 本页页头没有 .eyebrow / .phead-foot 子元素（audit_page_css 曾报这两组
   规则未使用，核对产物后确认真死，已删）。 */

/* 装饰立绘：只在宽屏出现，安在巨字右上。
   漂浮动画已删（ADR-27：待机不挪位；3D 接管后本就要停）。 */
.mascot{
  position:absolute; right:2vw; top:calc(var(--nav-h) + 2vh); width:min(20vw,230px);
  opacity:.95;
  filter:drop-shadow(0 18px 26px rgba(26,23,18,.18));
}
.mascot img{ width:100%; height:auto; display:block; }

/* ---------- 分类图例 ----------
   原先靠 1px 描边拼成一张线框图。改为实心色块 + 间距：
   结构来自底色和留白，不来自线。 */
.legend{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:var(--sp-3);
  margin-top:clamp(40px,5vw,64px);
}
.lg{
  background:var(--paper); border:var(--bw) solid var(--ink); border-radius:var(--r-md);
  box-shadow:var(--sd-2);
  padding:var(--sp-5); position:relative;
  transition:box-shadow var(--dur-ui) var(--ease-soft);
}
.lg:hover{ box-shadow:var(--sd-4); }
.lg-i{
  display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px; border:2px solid var(--ink); border-radius:var(--r-sm); margin-bottom:var(--sp-2);
  color:var(--ink);
  font-size:var(--fs-sm);
  background:var(--cream);
}
.lg b{ display:inline-block; font-size:var(--fs-lg); letter-spacing:0; }
.lg i{ font-style:normal; font-size:var(--fs-xs); color:var(--text-2); margin-left:.5em; }
.lg p{ margin:var(--sp-2) 0 0; font-size:var(--fs-sm); color:var(--text-2); line-height:1.75; }

/* ---------- 资源卡 ----------
   列宽从内联 style="--col:340px" 挪过来：信息型卡片一行 3～4 张比共享层
   默认的 240px 更容易横向扫读。--col 是 .grid 的公开参数，不算覆盖共享层。
   原先每张卡塞 8 个字段（类别章 / 域名 / 名称 / 作者 / 许可 / 描述 / 标签 / 打开）
   + 一层层 1px 描边。类别章已删（顶部 tab 已经在做同一件事，逐卡重复等于噪声），
   描边盒改为只靠底色分层。 */
.res-grid{ --col:340px; }
/* 320/360 窄屏下 340px 轨道会撑出容器，直接收成一列 */
@media (max-width:360px){
  .res-grid{ grid-template-columns:1fr; }
}
.rcard{ padding:0; }
.rcard-hit{ display:flex; flex-direction:column; gap:var(--sp-2); height:100%; padding:var(--sp-5) var(--sp-5) var(--sp-4); }
.rtop{ display:flex; align-items:center; justify-content:space-between; gap:var(--sp-2); }
.rdom{ font-family:var(--mono); font-size:var(--fs-xs); color:var(--text-2); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rname{ font-size:var(--fs-lg); letter-spacing:0; line-height:1.4; }
.rby{ display:flex; align-items:center; gap:.5em; flex-wrap:wrap; font-size:var(--fs-sm); color:var(--text-2); }
.rby b{ color:var(--text-2); font-weight:500; }
.lic{ font-style:normal; font-size:var(--fs-xs); color:var(--text-2); }
/* 亮底上 #66BB6A 只有 2.2:1，必须深档（5.4:1）*/
.lic.free{ color:var(--green-d); }
.rdesc{ flex:1 1 auto; margin-top:.15em; font-size:var(--fs-sm); color:var(--text-2); line-height:1.8; }
.rfoot{ display:flex; align-items:center; justify-content:space-between; gap:var(--sp-3); margin-top:var(--sp-3); }
.rtags{ display:flex; gap:.5em; flex-wrap:wrap; font-size:var(--fs-xs); color:var(--text-2); min-width:0; }
.ropen{ display:flex; align-items:center; gap:.35em; white-space:nowrap; font-size:var(--fs-sm); color:var(--ink); font-weight:700; }
.ropen svg{ width:13px; height:13px; }
/* 角标：奶黄底 + 墨字 + 墨边（纸白卡上最跳的一档）。
   原先是绿色 16% 淡底 —— 亮底上等于没有。
   这一档即「推荐」；只有一个变体 .warn（未核实，退成米白）。
   构建器原先还多挂一个 class="rflag ok"，ok 没有任何样式，纯装饰钩子，已去掉。 */
.rflag{
  position:absolute; top:0; right:0; z-index:2;
  font-size:var(--fs-xs); font-weight:700; padding:.35em .7em;
  border:2px solid var(--ink); border-radius:0 var(--r-md) 0 var(--r-sm);
  background:var(--yellow); color:var(--ink);
}
.rflag.warn{ background:var(--cream); color:var(--text-2); }
/* 站内文件型资源：右上角是原站出处。与 .rflag 同位 ——
   生成侧保证这类资源不同时出 featured 角标，所以不会撞。 */
.rlocal{
  position:absolute; top:0; right:0; z-index:3;
  display:inline-flex; align-items:center; gap:.35em;
  min-height:26px; line-height:1;
  font-size:var(--fs-xs); padding:.55em .8em;
  border:2px solid var(--cream); border-radius:0 var(--r-md) 0 var(--r-sm);
  background:var(--ink); color:var(--yellow); font-weight:700;
  transition:background var(--dur-ui) var(--ease-soft), color var(--dur-ui) var(--ease-soft);
}
.rlocal:hover{ background:var(--yellow); color:var(--ink); border-color:var(--ink); }
.rlocal svg{ width:11px; height:11px; }

@media (max-width:980px){
  /* 窄屏不放大立绘：压住页头分隔线，观感像错位（30 行「只在宽屏出现」的本意） */
  .mascot{ display:none; }
  .phead-center{ text-align:left; }
  .phead-center .crumb{ justify-content:flex-start; }
}