@charset "UTF-8";
/**
 * Steam 统计 —— 样式表
 *
 * 选择器统一带 #post-content 前缀：Aria 主题的正文容器就是它，
 * 用它可以把优先级压过主题的通用规则（例如 .post-content img 的
 * display:block!important / max-width:90%），避免封面被压窄。
 * 关键属性再加 !important，防止换主题后被覆盖。
 */

#post-content .FlingyySteam {
    --steam-accent: #ff8c83;
    --steam-accent-dark: #e06a61;
    --steam-border: #e8eaed;
    --steam-muted: #8b9199;
    --steam-bg: #f7f8fa;
    --steam-online: #4caf50;
    --steam-offline: #b0b5ba;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
}

/* ============ 玩家卡片 ============ */
#post-content .FlingyySteam .steamProfile {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 20px;
    border: 1px solid var(--steam-border);
    border-radius: 14px;
    background: linear-gradient(135deg, #fff 0%, var(--steam-bg) 100%);
    margin-bottom: 18px;
}

#post-content .FlingyySteam .steamAvatarWrap {
    position: relative;
    flex: 0 0 auto;
    display: block;
    line-height: 0;
}

#post-content .FlingyySteam .steamAvatar {
    width: 72px;
    height: 72px;
    max-width: 72px !important;
    border-radius: 12px;
    border: 2px solid #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .12);
    display: block !important;
    object-fit: cover;
}

#post-content .FlingyySteam .steamStateDot {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #fff;
    background: var(--steam-offline);
}

#post-content .FlingyySteam .steamStateDot.is-online {
    background: var(--steam-online);
    box-shadow: 0 0 0 0 rgba(76, 175, 80, .6);
    animation: steamPulse 2s infinite;
}

@keyframes steamPulse {
    0%   { box-shadow: 0 0 0 0 rgba(76, 175, 80, .55); }
    70%  { box-shadow: 0 0 0 8px rgba(76, 175, 80, 0); }
    100% { box-shadow: 0 0 0 0 rgba(76, 175, 80, 0); }
}

#post-content .FlingyySteam .steamProfileInfo {
    min-width: 0;
    flex: 1 1 auto;
}

#post-content .FlingyySteam .steamName {
    display: inline-block;
    font-size: 19px;
    font-weight: 700;
    color: #222;
    text-decoration: none;
    border-bottom: none;
    margin-bottom: 6px;
}

#post-content .FlingyySteam .steamName:hover {
    color: var(--steam-accent-dark);
}

#post-content .FlingyySteam .steamMeta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

#post-content .FlingyySteam .steamMetaSub {
    margin-top: 6px;
    font-size: 12px;
    color: var(--steam-muted);
}

#post-content .FlingyySteam .steamBadge {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    padding: 5px 10px;
    border-radius: 999px;
    background: var(--steam-bg);
    border: 1px solid var(--steam-border);
    color: #555;
    white-space: nowrap;
}

#post-content .FlingyySteam .steamBadgeLevel {
    background: var(--steam-accent);
    border-color: var(--steam-accent);
    color: #fff;
    font-weight: 600;
}

#post-content .FlingyySteam .steamBadge.is-online {
    background: rgba(76, 175, 80, .12);
    border-color: rgba(76, 175, 80, .35);
    color: #2e7d32;
    font-weight: 600;
}

#post-content .FlingyySteam .steamBadge.is-offline {
    color: var(--steam-muted);
}

/* ============ 游戏库总览 ============ */
#post-content .FlingyySteam .steamOverview {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 22px;
}

#post-content .FlingyySteam .steamStat {
    text-align: center;
    padding: 14px 8px;
    border: 1px solid var(--steam-border);
    border-radius: 12px;
    background: #fff;
    transition: transform .15s, box-shadow .15s;
}

#post-content .FlingyySteam .steamStat:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, .07);
}

#post-content .FlingyySteam .steamStat b {
    display: block;
    font-size: 22px;
    line-height: 1.2;
    color: var(--steam-accent-dark);
    font-weight: 700;
}

#post-content .FlingyySteam .steamStat span {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: var(--steam-muted);
}

/* ============ 区块标题 ============ */
#post-content .FlingyySteam .steamSection {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    margin: 26px 0 12px;
    padding-left: 10px;
    border-left: 4px solid var(--steam-accent);
    line-height: 1.2;
}

#post-content .FlingyySteam .steamEmpty {
    color: var(--steam-muted);
    font-size: 13px;
    padding: 10px 0;
}

/* ============ 游戏网格 ============ */
#post-content .FlingyySteam .steamGrid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 14px;
}

#post-content .FlingyySteam .steamGame {
    display: block;
    border: 1px solid var(--steam-border);
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    text-decoration: none;
    border-bottom: none;
    transition: transform .15s, box-shadow .15s, border-color .15s;
}

#post-content .FlingyySteam .steamGame:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
    border-color: var(--steam-accent);
}

#post-content .FlingyySteam .steamCover {
    display: block;
    position: relative;
    width: 100%;
    /* 用 aspect-ratio 固定 16:9，不要用 padding-top 占位技巧：
       后者会让容器 content 高度为 0，而绝对定位图片的 height:100%
       是相对「包含块的 content box 高度」解析的 → 图片高度算成 0，
       整张封面完全不显示（只看到灰色底），实测踩过。 */
    aspect-ratio: 16 / 9;
    background: var(--steam-bg);
    overflow: hidden;
}

#post-content .FlingyySteam .steamCover img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: cover;
    display: block !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

#post-content .FlingyySteam .steamGameMeta {
    display: block;
    padding: 9px 10px 10px;
}

#post-content .FlingyySteam .steamGameName {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    line-height: 1.35;
    height: 2.7em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

#post-content .FlingyySteam .steamGameTime {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: var(--steam-muted);
}

#post-content .FlingyySteam .steamGameTime b {
    color: var(--steam-accent-dark);
    font-weight: 600;
}

#post-content .FlingyySteam .steamGameTime em {
    font-style: normal;
    opacity: .7;
}

/* 卡片内成就小进度条 */
#post-content .FlingyySteam .steamGameAch {
    display: block;
    height: 4px;
    margin-top: 7px;
    border-radius: 2px;
    background: var(--steam-bg);
    overflow: hidden;
}

#post-content .FlingyySteam .steamGameAch i {
    display: block;
    height: 100%;
    background: var(--steam-accent);
    border-radius: 2px;
}

/* ============ 成就列表 ============ */
#post-content .FlingyySteam .steamAchSummary {
    font-size: 13px;
    color: #555;
    background: var(--steam-bg);
    border-radius: 10px;
    padding: 10px 14px;
    margin-bottom: 12px;
}

#post-content .FlingyySteam .steamAchSummary b {
    color: var(--steam-accent-dark);
}

#post-content .FlingyySteam .steamAchList {
    display: grid;
    gap: 8px;
}

#post-content .FlingyySteam .steamAchItem {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 120px 60px;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    border: 1px solid var(--steam-border);
    border-radius: 9px;
    background: #fff;
}

#post-content .FlingyySteam .steamAchName {
    font-size: 13px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#post-content .FlingyySteam .steamAchBar {
    display: block;
    height: 6px;
    border-radius: 3px;
    background: var(--steam-bg);
    overflow: hidden;
}

#post-content .FlingyySteam .steamAchBar i {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #ffb3ac, var(--steam-accent));
    border-radius: 3px;
}

#post-content .FlingyySteam .steamAchNum {
    font-size: 12px;
    color: var(--steam-muted);
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* ============ 提示 / 诊断 ============ */
#post-content .FlingyySteam .steamNotice {
    padding: 12px 16px;
    border-radius: 10px;
    background: #fff8e6;
    border: 1px solid #f5e0a3;
    color: #8a6d1f;
    font-size: 13px;
}

#post-content .FlingyySteam .steamDiag {
    margin-top: 24px;
    font-size: 12px;
    color: var(--steam-muted);
    border-top: 1px dashed var(--steam-border);
    padding-top: 10px;
}

#post-content .FlingyySteam .steamDiag summary {
    cursor: pointer;
    color: #999;
    outline: none;
}

#post-content .FlingyySteam .steamDiag ul {
    margin: 8px 0 0 18px;
    padding: 0;
    line-height: 1.8;
}

/* ============ 响应式 ============ */
@media screen and (max-width: 700px) {
    #post-content .FlingyySteam .steamOverview {
        grid-template-columns: repeat(2, 1fr);
    }

    #post-content .FlingyySteam .steamGrid {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 10px;
    }

    #post-content .FlingyySteam .steamProfile {
        padding: 14px;
        gap: 12px;
    }

    #post-content .FlingyySteam .steamAvatar {
        width: 56px;
        height: 56px;
        max-width: 56px !important;
    }

    #post-content .FlingyySteam .steamAchItem {
        grid-template-columns: minmax(0, 1fr) 70px 50px;
        gap: 8px;
    }
}

/* ============ 暗色模式 ============ */
/* ============ 区块标题的副标题 ============ */
#post-content .FlingyySteam .steamSection small {
    font-size: 12px;
    font-weight: 400;
    color: var(--steam-muted);
    margin-left: 8px;
}

/* ============ Steam 等级 + XP 进度条 ============ */
#post-content .FlingyySteam .steamLevel {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 18px;
    border: 1px solid var(--steam-border);
    border-radius: 12px;
    background: #fff;
}

#post-content .FlingyySteam .steamLevelBadge {
    flex: 0 0 auto;
    min-width: 52px;
    padding: 6px 10px;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--steam-accent) 0%, var(--steam-accent-dark) 100%);
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

#post-content .FlingyySteam .steamLevelBody {
    flex: 1 1 auto;
    min-width: 0;
    display: block;
}

#post-content .FlingyySteam .steamLevelBar {
    display: block;
    height: 8px;
    border-radius: 4px;
    background: var(--steam-bg);
    overflow: hidden;
    margin-bottom: 6px;
}

#post-content .FlingyySteam .steamLevelBar i {
    display: block;
    height: 100%;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--steam-accent) 0%, var(--steam-accent-dark) 100%);
}

#post-content .FlingyySteam .steamLevelText {
    display: block;
    font-size: 12px;
    color: var(--steam-muted);
    font-variant-numeric: tabular-nums;
}

/* ============ 平台分布 ============ */
#post-content .FlingyySteam .steamPlatform {
    display: grid;
    gap: 10px;
}

#post-content .FlingyySteam .steamPlatRow {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr) 150px;
    align-items: center;
    gap: 12px;
    font-size: 13px;
}

#post-content .FlingyySteam .steamPlatName {
    color: #444;
}

#post-content .FlingyySteam .steamPlatBar {
    display: block;
    height: 8px;
    border-radius: 4px;
    background: var(--steam-bg);
    overflow: hidden;
}

#post-content .FlingyySteam .steamPlatBar i {
    display: block;
    height: 100%;
    border-radius: 4px;
    background: var(--steam-muted);
}

#post-content .FlingyySteam .steamPlat-win i   { background: #4c8bf5; }
#post-content .FlingyySteam .steamPlat-mac i   { background: #8e8e93; }
#post-content .FlingyySteam .steamPlat-linux i { background: #f0a020; }
#post-content .FlingyySteam .steamPlat-deck i  { background: #1a9fff; }

#post-content .FlingyySteam .steamPlatNum {
    color: var(--steam-muted);
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* ============ 游戏库洞察 ============ */
#post-content .FlingyySteam .steamInsight {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
}

#post-content .FlingyySteam .steamInsightItem {
    padding: 14px 16px;
    border: 1px solid var(--steam-border);
    border-radius: 12px;
    background: #fff;
    text-align: center;
}

#post-content .FlingyySteam .steamInsightItem b {
    display: block;
    font-size: 20px;
    color: var(--steam-accent-dark);
    line-height: 1.3;
}

#post-content .FlingyySteam .steamInsightItem span {
    display: block;
    font-size: 13px;
    color: #444;
}

#post-content .FlingyySteam .steamInsightItem em {
    display: block;
    font-size: 11px;
    font-style: normal;
    color: var(--steam-muted);
}

/* ============ 徽章墙 ============ */
#post-content .FlingyySteam .steamBadgeWall {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

#post-content .FlingyySteam .steamBadgeItem {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    min-height: 34px;
    border: 1px solid var(--steam-border);
    border-radius: 10px;
    background: #fff;
    font-size: 12px;
    cursor: default;
}

#post-content .FlingyySteam .steamBadgeItem img {
    width: 20px;
    height: 20px;
    max-width: 20px !important;
    border-radius: 4px;
    display: block !important;
    margin: 0 !important;
    /* 库外游戏徽章退回 460×215 的商店头图，裁切成方形而不是拉伸变形 */
    object-fit: cover;
}

#post-content .FlingyySteam .steamBadgeItem b {
    color: var(--steam-accent-dark);
    font-variant-numeric: tabular-nums;
}

#post-content .FlingyySteam .steamBadgeItem em {
    font-style: normal;
    color: var(--steam-muted);
    /* 徽章名不在这里截断（PHP 侧已去掉 mb_substr），由 CSS 出省略号 */
    max-width: 132px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ============ 创意工坊 / 社区内容（横排无缝拼接） ============ */
/* 这几张图是从左到右拼成一幅完整画面的，所以不能有间隙、不能各自成卡片 */
#post-content .FlingyySteam .steamWorkStrip {
    display: flex;
    width: 100%;
    gap: 0;
    overflow: hidden;
    border: 1px solid var(--steam-border);
    border-radius: 10px;
    background: var(--steam-bg);
    line-height: 0;
    /* 首帧静帧用 background-image 铺在这儿（inline style），
       position:relative 供单元格 z-index 分层用 */
    position: relative;
}

/*
 * 首帧静帧（poster-<hash>.webp）不是 <img>，而是拼接条的 background-image，
 * 由 PHP 写在行内样式里（见 Plugin.php::renderWorkshop）。
 * 好处：不依赖 JS、不依赖 <img> 生命周期 —— Aria 主题的懒加载/fancybox
 * 只处理 <img>，碰不到它；脚本没跑、图没取到时它也必然在，不会出现整块空白。
 * 动画上屏后由下面的 .steamWorkCell（z-index:1）盖住，无需移除。
 */

/*
 * ⚠️ 兼容垫片：1.3.2 的旧标记把静帧做成了绝对定位的 <img>。CDN / 浏览器缓存里的
 * 旧 HTML 仍然引用本文件（?v= 参数只是查询串，Apache 直接给当前内容），而旧标记
 * 撞上新 CSS 的结果是几何全乱（实测静帧变成 651x366 的普通文档流图片），
 * 图还没加载完的那几秒就是一片灰。保留这段规则让旧标记也能正常渲染，
 * 等缓存里的旧 HTML 自然过期后即可删除。
 */
#post-content .FlingyySteam .steamWorkPoster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100% !important;
    margin: 0 !important;
    object-fit: cover;
    z-index: 0;
    pointer-events: none;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    line-height: 0 !important;
}

#post-content .FlingyySteam .steamWorkCell {
    flex: 1 1 0;
    min-width: 0;
    display: block;
    /* 盖在首帧背景之上；动画就绪前这里是一个透明 1×1，透出背景里的静帧 */
    position: relative;
    z-index: 1;
}

/*
 * ⚠️ 必须把主题给正文图片加的那套装饰清掉（`.post-content img:not(...):not(...)`）：
 *   background:#fff  ——  每个单元格是一块不透明白矩形，会把下面的首帧海报**整个盖住**
 *                        （海报加载了、几何也对齐，但画面上就是一片白）；
 *   box-shadow      ——  5 个 4px 阴影落在拼接缝上，看着像一条条接缝；
 *   border-radius / margin / line-height —— 同样会影响无缝拼接。
 * 主题那几条带 !important，所以这里对应项也必须带 !important 才能盖过。
 */
#post-content .FlingyySteam .steamWorkCell img {
    display: block !important;
    width: 100%;
    height: 100%;
    max-width: 100% !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    line-height: 0 !important;
    object-fit: cover;
}

/* ============ 最近启动时间线 ============ */
#post-content .FlingyySteam .steamTimeline {
    list-style: none;
    margin: 0;
    padding: 0;
    border-left: 2px solid var(--steam-border);
}

#post-content .FlingyySteam .steamTimeline li {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr) 80px 80px;
    align-items: center;
    gap: 10px;
    padding: 7px 0 7px 14px;
    position: relative;
    font-size: 13px;
}

#post-content .FlingyySteam .steamTimeline li::before {
    content: "";
    position: absolute;
    left: -6px;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid var(--steam-accent);
}

#post-content .FlingyySteam .steamTlTime {
    color: var(--steam-muted);
    font-variant-numeric: tabular-nums;
}

#post-content .FlingyySteam .steamTlName a {
    color: #333;
    text-decoration: none;
}

#post-content .FlingyySteam .steamTlName a:hover {
    color: var(--steam-accent-dark);
}

#post-content .FlingyySteam .steamTlAgo,
#post-content .FlingyySteam .steamTlTotal {
    color: var(--steam-muted);
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* ============ 账号信息 ============ */
#post-content .FlingyySteam .steamAccount {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 8px 20px;
}

#post-content .FlingyySteam .steamAccount li {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 12px;
    border: 1px solid var(--steam-border);
    border-radius: 9px;
    background: #fff;
    font-size: 13px;
}

#post-content .FlingyySteam .steamAccount li span {
    color: var(--steam-muted);
    flex: 0 0 auto;
}

#post-content .FlingyySteam .steamAccount li b {
    font-weight: 600;
    text-align: right;
    word-break: break-all;
}

/* ============ 成就：稀有标注 + 图标墙 ============ */
#post-content .FlingyySteam .steamAchBlock {
    margin-bottom: 10px;
}

#post-content .FlingyySteam .steamAchBlock .steamAchItem {
    margin-bottom: 0;
}

#post-content .FlingyySteam .steamAchRareBadge {
    display: inline-block;
    margin-left: 6px;
    padding: 0 6px;
    border-radius: 8px;
    background: #fff1f0;
    border: 1px solid #ffccc7;
    color: #cf1322;
    font-size: 11px;
    font-style: normal;
    line-height: 16px;
    vertical-align: 1px;
}

/* 该游戏的成就图标在 Steam CDN 上不存在时的说明标记 */
#post-content .FlingyySteam .steamAchNoIcon {
    display: inline-block;
    margin-left: 6px;
    padding: 0 6px;
    border-radius: 8px;
    background: var(--steam-bg);
    border: 1px solid var(--steam-border);
    color: var(--steam-muted);
    font-size: 11px;
    font-style: normal;
    line-height: 16px;
    vertical-align: 1px;
}

#post-content .FlingyySteam .steamAchWall {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px 12px;
    border: 1px solid var(--steam-border);
    border-top: none;
    border-radius: 0 0 9px 9px;
    background: var(--steam-bg);
}

#post-content .FlingyySteam .steamAchIcon {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    overflow: hidden;
    background: #e9ebee;
    cursor: default;
}

#post-content .FlingyySteam .steamAchIcon img {
    width: 100%;
    height: 100%;
    max-width: 100% !important;
    display: block !important;
    margin: 0 !important;
    object-fit: cover;
    filter: grayscale(1) opacity(.45);
    transition: filter .15s;
}

#post-content .FlingyySteam .steamAchIcon.is-got img {
    filter: none;
}

#post-content .FlingyySteam .steamAchIcon:hover img {
    filter: none;
}

#post-content .FlingyySteam .steamAchIcon em {
    display: block;
    width: 100%;
    height: 100%;
    font-style: normal;
    font-size: 11px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    background: #c9ccd1;
}

#post-content .FlingyySteam .steamAchIcon.is-rare::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border: 6px solid transparent;
    border-top-color: #cf1322;
    border-right-color: #cf1322;
}

@media screen and (max-width: 760px) {
    #post-content .FlingyySteam .steamPlatRow {
        grid-template-columns: 72px minmax(0, 1fr);
    }

    #post-content .FlingyySteam .steamPlatNum {
        grid-column: 2;
        text-align: left;
        font-size: 12px;
    }

    #post-content .FlingyySteam .steamTimeline li {
        grid-template-columns: 78px minmax(0, 1fr) 68px;
    }

    #post-content .FlingyySteam .steamTlTotal {
        display: none;
    }
}

@media (prefers-color-scheme: dark) {
    #post-content .FlingyySteam {
        --steam-border: #333;
        --steam-bg: #1e1e1e;
        --steam-muted: #8a8a8a;
        color: #ddd;
    }

    #post-content .FlingyySteam .steamProfile {
        background: linear-gradient(135deg, #232323 0%, #1a1a1a 100%);
    }

    #post-content .FlingyySteam .steamName,
    #post-content .FlingyySteam .steamSection,
    #post-content .FlingyySteam .steamGameName,
    #post-content .FlingyySteam .steamAchName {
        color: #eee;
    }

    #post-content .FlingyySteam .steamStat,
    #post-content .FlingyySteam .steamGame,
    #post-content .FlingyySteam .steamAchItem,
    #post-content .FlingyySteam .steamLevel,
    #post-content .FlingyySteam .steamInsightItem,
    #post-content .FlingyySteam .steamBadgeItem,
    #post-content .FlingyySteam .steamAccount li {
        background: #232323;
    }

    /* 新增模块在暗色下的文字与色块 */
    #post-content .FlingyySteam .steamPlatName,
    #post-content .FlingyySteam .steamInsightItem span,
    #post-content .FlingyySteam .steamTlName a {
        color: #ccc;
    }

    #post-content .FlingyySteam .steamAchWall {
        background: #1a1a1a;
    }

    #post-content .FlingyySteam .steamAchIcon {
        background: #2c2c2c;
    }

    #post-content .FlingyySteam .steamAchIcon em {
        background: #3a3a3a;
    }

    #post-content .FlingyySteam .steamAchRareBadge {
        background: #3a1f1f;
        border-color: #6b2c2c;
        color: #ff9a9a;
    }

    #post-content .FlingyySteam .steamTimeline li::before {
        background: #1a1a1a;
    }

    #post-content .FlingyySteam .steamBadge {
        background: #2a2a2a;
        color: #bbb;
    }

    #post-content .FlingyySteam .steamAchSummary {
        color: #bbb;
    }

    #post-content .FlingyySteam .steamNotice {
        background: #2b2617;
        border-color: #4a4126;
        color: #d8c98a;
    }
}