/* ==========================================================================
   QSTAR-TAGS v1 · 全站「标签」唯一规格  ——  2026-10-05
   --------------------------------------------------------------------------
   单一真源（single source of truth）。全站任何页面的标签样式都必须来自本文件；
   禁止再在 tpl / 其它 css 里重复定义，否则会像 2026-10-05 之前那样再次分裂
   （当时首页=蔚蓝胶囊、频道页=蔚蓝胶囊另一套尺寸、播放页=红色京东风小方块）。

   ⚠️ 加载顺序：必须在各页原有样式之后。本目录所有页面都把 <link> 放在最后。

   设计基准 = 首页「精选全景作品」标签：
     蔚蓝胶囊 · 11.5px · padding 4/10 · radius 999 · 30% 透明蔚蓝描边
   ========================================================================== */

:root{
  --qs-tag-fs:11.5px;                    /* 字号 */
  --qs-tag-py:4px;                       /* 上下内距 */
  --qs-tag-px:10px;                      /* 左右内距 */
  --qs-tag-r:999px;                      /* 胶囊圆角 */
  --qs-tag-gap:7px;                      /* 标签之间的间距 */
  --qs-tag-line:26px;                    /* 标签行固定高度 → 同行卡片等高 */
  --qs-tag-bg:rgba(47,107,255,.14);
  --qs-tag-fg:#2E9BFF;
  --qs-tag-bd:rgba(47,107,255,.30);
}

/* ---------- 标签本体：所有页面共用同一盒模型 ---------- */
.tag-chip,
.vrp-tags > span,
.wcard .tags > span,
.card-tags > .tag-chip,
.qs-tag{
  display:inline-flex; align-items:center;
  font-size:var(--qs-tag-fs); line-height:1.6; font-weight:500;
  padding:var(--qs-tag-py) var(--qs-tag-px);
  border-radius:var(--qs-tag-r);
  background:var(--qs-tag-bg);
  color:var(--qs-tag-fg);
  border:1px solid var(--qs-tag-bd);
  white-space:nowrap; flex:none;
  transition:background .2s ease, border-color .2s ease, color .2s ease;
}
.tag-chip:hover,
.vrp-tags > span:hover,
.qs-tag:hover{
  background:rgba(47,107,255,.24);
  border-color:rgba(47,107,255,.55);
  color:#8CBDFF;
}
/* 历史遗留：vr_home_modern.css 曾给 .tag-chip 注入 "AI" 前缀伪元素，统一后必须去掉 */
.tag-chip::before{ content:none !important; display:none !important; }

/* ---------- 标签行容器：统一间距 + 单行不折行（保证卡片底边对齐） ---------- */
.wcard .tags,
.card-tags,
.vrp-tags,
.tag-list{
  display:flex; align-items:flex-start;
  gap:var(--qs-tag-gap);
  flex-wrap:nowrap; overflow:hidden;
  margin:0;
}
.wcard .tags,
.card-tags,
.vrp-tags{ min-height:var(--qs-tag-line) }

/* ---------- 面板标记（会员中心 / 业务中心看板） ----------
   同一套胶囊语言，但弱化一级：更小、更中性，不与「内容标签」抢焦点 */
.dpanel-hd .dpanel-tag{
  display:inline-flex; align-items:center;
  font-size:11px; line-height:1.6; font-weight:500;
  padding:2px 9px; border-radius:999px;
  background:rgba(255,255,255,.06);
  color:#8FA3C8;
  border:1px solid rgba(255,255,255,.14);
  white-space:nowrap;
}

/* ---------- 身份 / 状态徽章（会员中心「高级会员 VIP」等） ----------
   与全站标签共用同一套几何令牌，仅保留 600 字重以强调"身份"语义。
   单一真源；vr_dash.css 只保留 .gold / .cyan / .gray 颜色变体。 */
.dpill{
  display:inline-flex; align-items:center;
  height:26px;
  padding:0 var(--qs-tag-px,10px);
  border-radius:var(--qs-tag-r,999px);
  font-size:var(--qs-tag-fs,11.5px); font-weight:600; line-height:1.6;
  background:var(--qs-tag-bg,rgba(47,107,255,.14));
  color:var(--qs-tag-fg,#2E9BFF);
  border:1px solid var(--qs-tag-bd,rgba(47,107,255,.30));
  white-space:nowrap; flex:none;
}

/* ---------- 小屏：标签行允许折行，避免被裁切 ---------- */
@media(max-width:560px){
  .wcard .tags,
  .card-tags,
  .vrp-tags{ flex-wrap:wrap; overflow:visible; min-height:0 }
}