/* ============================================================
 *  Steam 玩家评价卡片 — 样式表
 *  逐字提取自 xdgame.com /static/css/article_steam_rating_20260905.css
 *  仅把作用域前缀 .soft-detail 放宽为 :is(.soft-detail,.steam-review-scope)
 *  以便既能直接放进原模板，也能独立使用。
 * ============================================================ */

.steam-review-card[hidden]{display:none!important}
:is(.soft-detail,.steam-review-scope) .steam-review-card{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;box-sizing:border-box;margin:16px 0 20px;padding:17px 18px;border:1px solid #dce6f1;border-radius:14px;background:linear-gradient(145deg,#fbfdff 0%,#f5f8fc 100%);box-shadow:0 14px 30px -27px rgba(29,56,96,.5);color:#354052}
:is(.soft-detail,.steam-review-scope) .steam-review-overview{display:flex;flex-direction:column;justify-content:center;min-width:0;padding-right:20px;border-right:1px solid #e3e9f1}
:is(.soft-detail,.steam-review-scope) .steam-review-heading{display:flex;align-items:center;min-width:0}
:is(.soft-detail,.steam-review-scope) .steam-review-icon{display:inline-flex;flex:0 0 40px;align-items:center;justify-content:center;width:40px;height:40px;margin-right:11px;border:1px solid #d5e1ee;border-radius:11px;background:#eaf2fa;color:#4f779f;font-size:21px}
:is(.soft-detail,.steam-review-scope) .steam-review-heading strong{display:block;color:#2d394a;font-size:16px;font-weight:700;line-height:22px;white-space:nowrap}
:is(.soft-detail,.steam-review-scope) .steam-review-heading small{display:block;color:#8a96a5;font-size:13px;line-height:20px}
:is(.soft-detail,.steam-review-scope) .steam-review-level{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;min-height:27px;margin:10px 0 0 51px;padding:0 10px;border-radius:999px;font-size:14px;font-weight:700;line-height:27px}
:is(.soft-detail,.steam-review-scope) .steam-review-level.is-positive{background:#e3f4ec;color:#2e8660}
:is(.soft-detail,.steam-review-scope) .steam-review-level.is-mixed{background:#fff1d8;color:#a26c17}
:is(.soft-detail,.steam-review-scope) .steam-review-level.is-negative{background:#f9e7e9;color:#bd545d}
:is(.soft-detail,.steam-review-scope) .steam-review-level.is-empty{background:#eef1f5;color:#67737f}
:is(.soft-detail,.steam-review-scope) .steam-review-detail{display:grid;grid-template-columns:minmax(225px,.9fr) minmax(260px,1.2fr);gap:18px;min-width:0}
:is(.soft-detail,.steam-review-scope) .steam-review-primary{display:flex;flex-direction:column;justify-content:center;min-width:0;padding-right:18px;border-right:1px solid #e3e9f1}
:is(.soft-detail,.steam-review-scope) .steam-review-judgment{display:flex;flex-direction:column;justify-content:center;min-width:0}
:is(.soft-detail,.steam-review-scope) .steam-review-final-score{display:flex;align-items:baseline;gap:7px;min-width:0;white-space:nowrap}
:is(.soft-detail,.steam-review-scope) .steam-review-final-score>strong{color:#356da8;font-size:31px;font-weight:800;line-height:34px;letter-spacing:-.04em}
:is(.soft-detail,.steam-review-scope) .steam-review-final-score>span{display:flex;align-items:baseline;gap:8px;color:#536174}
:is(.soft-detail,.steam-review-scope) .steam-review-final-score b{color:#788595;font-size:13px;font-weight:600}
:is(.soft-detail,.steam-review-scope) .steam-review-final-score small{font-size:15px;font-weight:700}
:is(.soft-detail,.steam-review-scope) .steam-review-rate{display:flex;align-items:baseline;gap:8px;margin:1px 0 0;min-width:0;color:#748192;font-size:14px;line-height:21px;white-space:nowrap}
:is(.soft-detail,.steam-review-scope) .steam-review-rate b{color:#536174;font-size:14px;font-weight:700}
:is(.soft-detail,.steam-review-scope) .steam-review-primary>small{margin-top:3px;color:#98a3b0;font-size:12px;line-height:19px;white-space:nowrap}
:is(.soft-detail,.steam-review-scope) .steam-review-primary>small[hidden]{display:none!important}
:is(.soft-detail,.steam-review-scope) .steam-review-verdict{margin:0 0 10px;color:#3d4a5c;font-size:15px;font-weight:700;line-height:22px}
:is(.soft-detail,.steam-review-scope) .steam-review-meter{position:relative;height:8px;overflow:hidden;border-radius:999px;background:#e9cfd2}
:is(.soft-detail,.steam-review-scope) .steam-review-meter span{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#55b58b,#72c99f);transition:width .5s ease}
:is(.soft-detail,.steam-review-scope) .steam-review-meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin:8px 0 0;color:#7c8999;font-size:13px;line-height:20px}
:is(.soft-detail,.steam-review-scope) .steam-review-meta b{color:#5c697a;font-size:14px;font-weight:700}
:is(.soft-detail,.steam-review-scope) .steam-review-meta b.is-positive{color:#2f8a63}
:is(.soft-detail,.steam-review-scope) .steam-review-meta b.is-negative{color:#c66068}
@media screen and (max-width:640px){:is(.soft-detail,.steam-review-scope) .steam-review-card{grid-template-columns:1fr;gap:13px;margin:14px 0 18px;padding:15px;border-radius:12px}:is(.soft-detail,.steam-review-scope) .steam-review-overview{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:0 0 13px;border-right:0;border-bottom:1px solid #e3e9f1}:is(.soft-detail,.steam-review-scope) .steam-review-icon{width:38px;height:38px;flex-basis:38px;margin-right:9px;font-size:20px}:is(.soft-detail,.steam-review-scope) .steam-review-heading strong{font-size:16px}:is(.soft-detail,.steam-review-scope) .steam-review-heading small{font-size:13px}:is(.soft-detail,.steam-review-scope) .steam-review-level{flex:0 0 auto;align-self:auto;min-height:27px;margin:0;padding:0 9px;font-size:13px}:is(.soft-detail,.steam-review-scope) .steam-review-detail{grid-template-columns:1fr;gap:10px}:is(.soft-detail,.steam-review-scope) .steam-review-primary{position:relative;padding:0;border-right:0}:is(.soft-detail,.steam-review-scope) .steam-review-final-score>strong{font-size:34px;line-height:37px}:is(.soft-detail,.steam-review-scope) .steam-review-final-score>span{display:flex;align-items:baseline;gap:7px}:is(.soft-detail,.steam-review-scope) .steam-review-final-score b,:is(.soft-detail,.steam-review-scope) .steam-review-final-score small{display:inline;line-height:20px}:is(.soft-detail,.steam-review-scope) .steam-review-final-score small{font-size:14px}:is(.soft-detail,.steam-review-scope) .steam-review-rate{flex-wrap:wrap;gap:1px 7px;margin-top:3px;font-size:14px;white-space:normal}:is(.soft-detail,.steam-review-scope) .steam-review-primary>small{position:absolute;top:5px;right:0;margin:0;font-size:11px}:is(.soft-detail,.steam-review-scope) .steam-review-verdict{margin:0 0 9px;font-size:15px;line-height:22px}:is(.soft-detail,.steam-review-scope) .steam-review-meta{gap:4px 12px;font-size:13px}:is(.soft-detail,.steam-review-scope) .steam-review-meta b{font-size:14px}.night :is(.soft-detail,.steam-review-scope) .steam-review-overview{border-bottom-color:#3e4855}}

/* ==== 暗色模式 ====
   统一前缀覆盖三种情形：
     body.dark-theme / body.night —— 主题自身的夜间模式（zibll 用的是 body.dark-theme）
     .night                      —— 插件设置里勾了「强制夜间配色」时给卡片外层加的类
*/
:is(body.dark-theme,body.night,.night) :is(.soft-detail,.steam-review-scope) .steam-review-card{border-color:#3b4655;background:linear-gradient(145deg,#292d33 0%,#262a30 100%);box-shadow:none;color:#cbd3de}
:is(body.dark-theme,body.night,.night) :is(.soft-detail,.steam-review-scope) .steam-review-overview{border-color:#3e4855}
:is(body.dark-theme,body.night,.night) :is(.soft-detail,.steam-review-scope) .steam-review-icon{border-color:#44566b;background:#303d4c;color:#91b6da}
:is(body.dark-theme,body.night,.night) :is(.soft-detail,.steam-review-scope) .steam-review-heading strong{color:#e0e6ee}
:is(body.dark-theme,body.night,.night) :is(.soft-detail,.steam-review-scope) .steam-review-heading small,:is(body.dark-theme,body.night,.night) :is(.soft-detail,.steam-review-scope) .steam-review-primary>small,:is(body.dark-theme,body.night,.night) :is(.soft-detail,.steam-review-scope) .steam-review-meta{color:#939fad}
:is(body.dark-theme,body.night,.night) :is(.soft-detail,.steam-review-scope) .steam-review-level.is-positive{background:#30473f;color:#83c9aa}
:is(body.dark-theme,body.night,.night) :is(.soft-detail,.steam-review-scope) .steam-review-level.is-mixed{background:#50452e;color:#e5bd72}
:is(body.dark-theme,body.night,.night) :is(.soft-detail,.steam-review-scope) .steam-review-level.is-negative{background:#50363a;color:#e18b92}
:is(body.dark-theme,body.night,.night) :is(.soft-detail,.steam-review-scope) .steam-review-level.is-empty{background:#3a424c;color:#a9b4c0}
:is(body.dark-theme,body.night,.night) :is(.soft-detail,.steam-review-scope) .steam-review-primary{border-color:#3e4855}
:is(body.dark-theme,body.night,.night) :is(.soft-detail,.steam-review-scope) .steam-review-final-score>strong{color:#92bce7}
:is(body.dark-theme,body.night,.night) :is(.soft-detail,.steam-review-scope) .steam-review-final-score>span,:is(body.dark-theme,body.night,.night) :is(.soft-detail,.steam-review-scope) .steam-review-final-score b{color:#aeb9c6}
:is(body.dark-theme,body.night,.night) :is(.soft-detail,.steam-review-scope) .steam-review-rate{color:#aeb8c4}
:is(body.dark-theme,body.night,.night) :is(.soft-detail,.steam-review-scope) .steam-review-rate b,:is(body.dark-theme,body.night,.night) :is(.soft-detail,.steam-review-scope) .steam-review-meta b{color:#c8d0da}
:is(body.dark-theme,body.night,.night) :is(.soft-detail,.steam-review-scope) .steam-review-verdict{color:#d3dae4}
:is(body.dark-theme,body.night,.night) :is(.soft-detail,.steam-review-scope) .steam-review-meter{background:#563b40}
:is(body.dark-theme,body.night,.night) :is(.soft-detail,.steam-review-scope) .steam-review-meta b.is-positive{color:#75c9a3}
:is(body.dark-theme,body.night,.night) :is(.soft-detail,.steam-review-scope) .steam-review-meta b.is-negative{color:#e18b92}

/* ==== 标题下的游戏信息行：游戏厂商 / 游戏发行 / 更新时间 ====
   排版与配色逐条对齐参考站 .soft-detail .article-tit .info
   （gap 7px 18px、13px、#8e99a7、标签 #697586、
    前两项蓝点 #86a8cf、更新时间红点 #e5484d、窄屏每项独占一行）。
   选择器挂在 .steam-review-scope 上，所以不依赖主题自带样式。
*/
.steam-review-scope .steam-review-gameinfo{display:flex;align-items:center;flex-wrap:wrap;gap:7px 18px;margin:10px 0 14px;color:#8e99a7;font-size:13px;line-height:22px}
.steam-review-scope .steam-review-gameinfo .article-meta-item{display:inline-flex;align-items:center;margin:0;padding:0;float:none;min-width:0}
.steam-review-scope .steam-review-gameinfo .article-meta-item b{margin-right:3px;color:#697586;font-weight:600;white-space:nowrap}
.steam-review-scope .steam-review-gameinfo .game-publisher{max-width:100%;overflow-wrap:anywhere}
.steam-review-scope .steam-review-gameinfo .game-publisher:before,.steam-review-scope .steam-review-gameinfo .game-release-date:before{content:"";width:5px;height:5px;margin-right:8px;border-radius:50%;background:#86a8cf;flex:0 0 auto}
.steam-review-scope .steam-review-gameinfo .game-site-updated:before{content:"";width:5px;height:5px;margin-right:8px;border-radius:50%;background:#e5484d;flex:0 0 auto}
@media screen and (max-width:640px){.steam-review-scope .steam-review-gameinfo{align-items:flex-start;gap:5px 0;font-size:13px;line-height:21px}.steam-review-scope .steam-review-gameinfo .article-meta-item{width:100%;flex:0 0 100%}}
:is(body.dark-theme,body.night,.night) .steam-review-scope .steam-review-gameinfo{color:#9ca7b5}
:is(body.dark-theme,body.night,.night) .steam-review-scope .steam-review-gameinfo .article-meta-item b{color:#bec7d2}
:is(body.dark-theme,body.night,.night) .steam-review-scope .steam-review-gameinfo .game-publisher:before,:is(body.dark-theme,body.night,.night) .steam-review-scope .steam-review-gameinfo .game-release-date:before{background:#6387b0}
:is(body.dark-theme,body.night,.night) .steam-review-scope .steam-review-gameinfo .game-site-updated:before{background:#ff6268}