/* ==========================================================================
   download-ratings.css · 下载模板页评分与评论区块
   对应源码：ptgame/app/src/download/comp/Ratings.vue <style scoped>（嵌套已展开为扁平 CSS）
   注：源码 scoped 下 .score-area 规则会命中子组件 Score 根元素（Vue scoped 把父 scope id 加到子组件根），
       此处照原样保留；与 download-score.css 中同名规则并存（与源码双 scoped 样式并存行为一致）。
   ========================================================================== */

/* ---- Tailwind 工具类等价规则 ---- */
.ratings-content .mb-\[1\.75rem\] { margin-bottom: 1.75rem; }

.ratings-content {
  border-radius: .375rem;
  box-shadow: 0 0 2px 0 rgba(208, 208, 208, 0.10) inset;
  padding: .875rem .75rem;
  margin: 0 auto;
  box-sizing: border-box;
}

.ratings-content .score-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #768296;
}

.ratings-content .score-area .left {
  width: 10.125rem;
  height: 7rem;
  border-radius: .375rem;
  padding: .75rem .625rem;
  font-size: 1rem;
}

.ratings-content .score-area .left .score {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.25rem;
}