/* 由 cardMini/pages/rating-rule/index.wxss 移植（rpx → rem；2026-10-22）—— 改样式请与本文件为准，勿回改小程序 */
/* 评分规则页（2026-10-13 新增）—— 与评级两页同一套主题（橙红 + 白底） */

.rule {
  /* 顶部给**固定悬浮的导航**让位（与详情页同款，H5 用 CSS 变量） */
  padding-top: var(--nav-h);
  min-height: 100vh;
  background: #ffffff;
}

/**
 * 顶部导航（2026-10-13 需求）：**固定悬浮在顶部**，与评级详情页完全一致
 * （页面 wxss 覆盖 app.wxss 的 `position: relative`；根节点用同名内联 `padding-top` 顶位）。
 */
.nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: #ffffff;
}

.nav__bar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /* 2026-10-13 需求：标题「规则」**居中显示**（绝对定位的锚点） */
  position: relative;
}

/* 返回箭头（导航固定悬浮，不显示 logo / 标题） */
.rule__back {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.72rem;
  height: 0.72rem;
}

/** 导航标题「规则」（2026-10-13 需求）：与详情页「详情」同款 —— 0.26rem / 常规字重 / 黑色 / 靠左 */
.rule__title {
  /* 2026-10-13 需求：导航标题**居中显示**（与详情页「详情」一致） */
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  max-width: 3.4rem;
  overflow: hidden;
  font-size: 0.26rem;
  font-weight: 400;
  color: var(--text);
  text-overflow: ellipsis;
  white-space: nowrap;
}

/** 规则图：宽度铺满、高度自适应（`mode="widthFix"`） */
.rule__img {
  display: block;
  width: 100%;
  background: #ffffff;
}

.rule__tip {
  padding: 2rem 0.4rem;
  font-size: 0.26rem;
  color: var(--text-3);
  text-align: center;
}