/* List-only bundle; preserve original cascade order. */

/* article_blindbox_entry_20260905.css */
/* 游戏详情页右栏 · 游戏盲盒入口。仅调整展示，不改变原链接与跳转逻辑。 */
body.soft-article-page .right.public .sjmh{
    --blindbox-accent:#5b8def;
    --blindbox-accent-deep:#4778d5;
    position:relative;
    z-index:999;
    overflow:hidden;
    box-sizing:border-box;
    margin:0 auto 20px;
    padding:19px 18px 17px;
    border:1px solid #e1e8f2;
    border-radius:14px;
    background:
        radial-gradient(circle at 95% 4%,rgba(91,141,239,.14),transparent 36%),
        linear-gradient(145deg,#fff 0%,#f8fbff 100%);
    box-shadow:0 14px 30px -25px rgba(29,56,96,.58);
    text-align:left;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
body.soft-article-page .right.public .sjmh:hover{
    border-color:#cbdaf0;
    box-shadow:0 18px 34px -24px rgba(42,84,151,.62);
    transform:translateY(-2px);
}
/* 右上角使用纯 CSS 生成一组卡牌，不增加图片或网络请求。 */
body.soft-article-page .right.public .sjmh:after{
    position:absolute;
    top:24px;
    right:20px;
    width:39px;
    height:51px;
    border:1px solid rgba(91,141,239,.32);
    border-radius:8px;
    background:
        radial-gradient(circle at 32% 31%,#6e9cf1 0 2px,transparent 2.5px),
        radial-gradient(circle at 68% 50%,#6e9cf1 0 2px,transparent 2.5px),
        radial-gradient(circle at 32% 69%,#6e9cf1 0 2px,transparent 2.5px),
        linear-gradient(145deg,rgba(255,255,255,.98),rgba(232,240,252,.98));
    box-shadow:-7px 6px 0 -1px #f1f5fb,-7px 6px 0 0 #d9e4f3;
    content:"";
    opacity:.9;
    pointer-events:none;
    transform:rotate(7deg);
    transition:transform .25s ease;
}
body.soft-article-page .right.public .sjmh:hover:after{transform:rotate(10deg) translateY(-2px)}
body.soft-article-page .right.public .sjmh h4{
    position:relative;
    z-index:1;
    max-width:calc(100% - 58px);
    margin:0;
    font-size:20px;
    font-weight:750;
    line-height:1.38;
    letter-spacing:-.02em;
}
body.soft-article-page .right.public .sjmh h4 .blindbox-entry{
    display:block;
    color:#202938;
    transition:color .2s ease;
}
body.soft-article-page .right.public .sjmh h4 .blindbox-entry:before{
    display:block;
    margin-bottom:6px;
    color:var(--blindbox-accent-deep);
    content:"\f074  游戏盲盒";
    font-family:FontAwesome,"Microsoft YaHei",sans-serif;
    font-size:12px;
    font-weight:600;
    line-height:18px;
    letter-spacing:.08em;
}
body.soft-article-page .right.public .sjmh h4 .blindbox-entry:hover{color:var(--blindbox-accent-deep)}
body.soft-article-page .right.public .sjmh .search{
    position:relative;
    z-index:1;
    margin:10px 0 14px;
}
body.soft-article-page .right.public .sjmh .search:before{
    display:block;
    margin-bottom:8px;
    color:#6d7888;
    content:"让盲盒替你做决定";
    font-size:13px;
    line-height:20px;
}
body.soft-article-page .right.public .sjmh .blindbox-ed-entry{
    display:inline-flex;
    align-items:center;
    width:auto;
    height:27px;
    padding:0 9px;
    border-color:#dce7f5;
    border-radius:999px;
    background:rgba(244,248,253,.92);
    color:#718096;
    font-size:11px;
    line-height:25px;
    transition:border-color .2s ease,background-color .2s ease,color .2s ease;
}
body.soft-article-page .right.public .sjmh .blindbox-ed-entry:before{
    margin-right:5px;
    content:"\f06e";
    font-family:FontAwesome;
    font-size:10px;
}
body.soft-article-page .right.public .sjmh .blindbox-ed-entry:hover{
    border-color:#bdd1ec;
    background:#edf4fd;
    color:#4778b8;
}
body.soft-article-page .right.public .sjmh .blindbox-entry-button{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    box-sizing:border-box;
    width:100%;
    height:38px;
    padding:0 14px;
    border:1px solid #cfddf0;
    border-radius:10px;
    background:#e8f1fc;
    box-shadow:none;
    color:#3e6fae;
    font-size:14px;
    font-weight:700;
    line-height:38px;
    text-align:center;
    transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
body.soft-article-page .right.public .sjmh .blindbox-entry-button:after{
    content:"\f105";
    font-family:FontAwesome;
    font-size:12px;
    transition:transform .2s ease;
}
body.soft-article-page .right.public .sjmh .blindbox-entry-button:hover{
    border-color:#bed1e9;
    background:#ddeafa;
    box-shadow:none;
    color:#315f99;
}
body.soft-article-page .right.public .sjmh .blindbox-entry-button:hover:after{transform:translateX(3px)}
body.soft-article-page .right.public .sjmh a:focus-visible{outline:2px solid #7fabed;outline-offset:3px}

body.night.soft-article-page .right.public .sjmh{
    border-color:#3b4655;
    background:
        radial-gradient(circle at 95% 4%,rgba(92,143,226,.16),transparent 36%),
        linear-gradient(145deg,#292d33 0%,#262a30 100%);
    box-shadow:0 16px 32px -25px rgba(0,0,0,.9);
}
body.night.soft-article-page .right.public .sjmh:hover{border-color:#4b5b70;box-shadow:0 18px 36px -25px rgba(0,0,0,.95)}
body.night.soft-article-page .right.public .sjmh:after{
    border-color:rgba(111,160,235,.4);
    background:
        radial-gradient(circle at 32% 31%,#82acf0 0 2px,transparent 2.5px),
        radial-gradient(circle at 68% 50%,#82acf0 0 2px,transparent 2.5px),
        radial-gradient(circle at 32% 69%,#82acf0 0 2px,transparent 2.5px),
        linear-gradient(145deg,#353c47,#2c333e);
    box-shadow:-7px 6px 0 -1px #2c323a,-7px 6px 0 0 #465364;
}
body.night.soft-article-page .right.public .sjmh h4 .blindbox-entry{color:#edf2f8}
body.night.soft-article-page .right.public .sjmh h4 .blindbox-entry:hover{color:#9fc2f6}
body.night.soft-article-page .right.public .sjmh h4 .blindbox-entry:before{color:#8db5f1}
body.night.soft-article-page .right.public .sjmh .search:before{color:#adb7c5}
body.night.soft-article-page .right.public .sjmh .blindbox-ed-entry{
    border-color:#3d4c60;
    background:rgba(48,57,69,.9);
    color:#aebbc9;
}
body.night.soft-article-page .right.public .sjmh .blindbox-ed-entry:hover{border-color:#557092;background:#344153;color:#bcd4f3}
body.night.soft-article-page .right.public .sjmh .blindbox-entry-button{
    border-color:#465468;
    background:#333d4a;
    color:#afc6e6;
}
body.night.soft-article-page .right.public .sjmh .blindbox-entry-button:hover{
    border-color:#536780;
    background:#394757;
    color:#c3d5ed;
}

@media screen and (max-width:1320px) and (min-width:1200px){
    body.soft-article-page .right.public .sjmh{padding-right:16px;padding-left:16px}
    body.soft-article-page .right.public .sjmh:after{right:17px}
    body.soft-article-page .right.public .sjmh h4{font-size:19px}
}


/* article_sidebar_discovery_20260905.css */
/* 游戏详情页右栏：热门排行榜 + 随机推荐。仅改变展示，不改变数据及交互逻辑。 */
/* ---------- 热门排行榜 ---------- */
body.soft-article-page .right.public .r-list{
    position:relative;
    box-sizing:border-box;
    margin:0 0 20px;
    padding:16px 16px 14px;
    border:1px solid #e1e8f2;
    border-radius:14px;
    background:
        radial-gradient(circle at 96% 0,rgba(91,141,239,.1),transparent 28%),
        linear-gradient(145deg,#fff 0%,#fbfdff 100%);
    box-shadow:0 14px 30px -25px rgba(29,56,96,.58);
    transition:border-color .22s ease,box-shadow .22s ease;
}
body.soft-article-page .right.public .r-list:hover{
    border-color:#cbdaf0;
    box-shadow:0 18px 34px -25px rgba(42,84,151,.58);
}
body.soft-article-page .right.public .r-list:before{
    display:flex;
    align-items:center;
    height:24px;
    color:#202938;
    content:"\f005  热门排行榜";
    font-family:FontAwesome,"Microsoft YaHei",sans-serif;
    font-size:15px;
    font-weight:700;
    line-height:24px;
}
body.soft-article-page .right.public .r-list:after{
    position:absolute;
    top:18px;
    right:16px;
    color:#8793a4;
    content:"大家都在玩";
    font-size:12px;
    line-height:20px;
}
body.soft-article-page .right.public .r-list .bar{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    box-sizing:border-box;
    height:38px;
    margin:11px 0 9px;
    padding:3px;
    border:0;
    border-radius:10px;
    background:#f1f4f8;
}
body.soft-article-page .right.public .r-list .bar li{height:32px;margin:0;padding:0}
body.soft-article-page .right.public .r-list .bar button{
    height:32px;
    padding:0;
    border:0;
    border-radius:8px;
    color:#6f7a89;
    font-size:12px;
    line-height:32px;
    transition:background-color .18s ease,color .18s ease,box-shadow .18s ease;
}
body.soft-article-page .right.public .r-list .bar button:hover{background:rgba(255,255,255,.7);color:#4778c6}
body.soft-article-page .right.public .r-list .bar button.sel{
    border:0;
    background:#fff;
    box-shadow:0 3px 9px -5px rgba(45,72,112,.55);
    color:#4778d5;
    font-weight:700;
}
body.soft-article-page .right.public .r-list .bar button:focus-visible{outline:2px solid #83aaeb;outline-offset:-2px}
body.soft-article-page .right.public .r-list .bd{margin-top:0;counter-reset:game-rank}
body.soft-article-page .right.public .r-list .order li{
    height:29px;
    margin:0;
    line-height:29px;
    counter-increment:game-rank;
}
body.soft-article-page .right.public .r-list .order li a{
    display:flex;
    align-items:center;
    box-sizing:border-box;
    width:100%;
    height:29px;
    min-width:0;
    padding:0 6px;
    border-radius:8px;
    color:#475160;
    font-size:13px;
    line-height:29px;
    transition:background-color .18s ease,color .18s ease,transform .18s ease;
}
body.soft-article-page .right.public .r-list .order li a:hover{
    background:#f1f6fd;
    color:#326bc4;
    transform:translateX(2px);
}
body.soft-article-page .right.public .r-list .order li a i{
    display:inline-flex;
    flex:0 0 24px;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    width:24px;
    height:24px;
    margin-right:7px;
    border-radius:7px;
    background:#f0f3f7;
    color:#8b95a3;
    font-size:0;
    font-style:normal;
    font-variant-numeric:tabular-nums;
    line-height:24px;
}
body.soft-article-page .right.public .r-list .order li a i:before{
    content:counter(game-rank,decimal-leading-zero);
    font-family:Arial,sans-serif;
    font-size:12px;
    font-weight:700;
}
body.soft-article-page .right.public .r-list .order li a span{
    display:block;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
body.soft-article-page .right.public .r-list .order li:nth-child(-n+3){height:34px;line-height:34px}
body.soft-article-page .right.public .r-list .order li:nth-child(-n+3) a{
    height:32px;
    margin:1px 0;
    background:linear-gradient(90deg,rgba(238,245,255,.95),rgba(248,251,255,.35));
    color:#303b4b;
    font-weight:600;
    line-height:32px;
}
body.soft-article-page .right.public .r-list .order li:nth-child(-n+3) a:hover{background:#edf4fe;color:#2f67bc}
body.soft-article-page .right.public .r-list .order li:nth-child(-n+3) a i{width:27px;height:27px;flex-basis:27px;color:#fff;line-height:27px}
body.soft-article-page .right.public .r-list .order li:nth-child(-n+3) a i:before{font-size:13px}
body.soft-article-page .right.public .r-list .order li:nth-child(1) a i{background:linear-gradient(135deg,#4c86e6,#6c78df);box-shadow:0 5px 10px -6px rgba(55,93,175,.85)}
body.soft-article-page .right.public .r-list .order li:nth-child(2) a i{background:#7f9bc7}
body.soft-article-page .right.public .r-list .order li:nth-child(3) a i{background:#9eb3d2}

/* ---------- 随机推荐 ---------- */
body.soft-article-page .right.public .cnxh{
    position:relative;
    box-sizing:border-box;
    margin:0 0 20px;
    padding:16px 14px 12px;
    border:1px solid #e1e8f2;
    border-radius:14px;
    background:
        radial-gradient(circle at 96% 0,rgba(111,121,223,.08),transparent 30%),
        linear-gradient(145deg,#fff 0%,#fbfdff 100%);
    box-shadow:0 14px 30px -25px rgba(29,56,96,.58);
    transition:border-color .22s ease,box-shadow .22s ease;
}
body.soft-article-page .right.public .cnxh:hover{
    border-color:#cbdaf0;
    box-shadow:0 18px 34px -25px rgba(42,84,151,.58);
}
body.soft-article-page .right.public .cnxh .title{
    display:flex;
    align-items:center;
    height:27px;
    margin:0 2px 9px;
    padding:0;
    border:0;
    color:#202938;
    font-size:15px;
    font-weight:700;
    line-height:27px;
}
body.soft-article-page .right.public .cnxh .title:before{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
    margin-right:7px;
    border-radius:8px;
    background:#eef4fd;
    color:#527fc8;
    content:"\f14e";
    font-family:FontAwesome;
    font-size:12px;
    font-weight:400;
}
body.soft-article-page .right.public .cnxh .title:after{
    position:static;
    width:auto;
    height:24px;
    margin-left:auto;
    padding:0 9px;
    border-radius:999px;
    background:#f2f5f9;
    color:#8793a4;
    content:"发现新内容";
    font-size:12px;
    font-weight:500;
    line-height:24px;
}
body.soft-article-page .right.public .cnxh ul{margin:0;padding:0;background:transparent}
body.soft-article-page .right.public .cnxh li{
    min-height:0;
    margin:2px 0;
    border:0;
    border-radius:10px;
}
body.soft-article-page .right.public .cnxh li:first-child{margin-top:0}
body.soft-article-page .right.public .cnxh li:last-child{margin-bottom:0}
body.soft-article-page .right.public .cnxh li>a{
    display:flex;
    align-items:center;
    box-sizing:border-box;
    min-width:0;
    min-height:70px;
    padding:6px;
    border-radius:10px;
    color:#394454;
    transition:background-color .2s ease,color .2s ease,transform .2s ease;
}
body.soft-article-page .right.public .cnxh li>a:hover{
    background:#f2f6fc;
    color:#326bc4;
    transform:translateY(-1px);
}
body.soft-article-page .right.public .cnxh li .img{
    float:none;
    flex:0 0 58px;
    box-sizing:border-box;
    width:58px;
    height:58px;
    margin:0 10px 0 0;
    overflow:hidden;
    border:1px solid #e7ecf3;
    border-radius:10px;
    background:#f0f3f7;
}
body.soft-article-page .right.public .cnxh li .img img{
    display:block;
    width:100%;
    height:100%;
    border-radius:9px;
    object-fit:contain;
    transition:transform .25s ease;
}
body.soft-article-page .right.public .cnxh li>a:hover .img img{transform:scale(1.045)}
body.soft-article-page .right.public .cnxh li .tit{
    float:none;
    flex:1 1 auto;
    width:auto;
    min-width:0;
    padding:0;
}
body.soft-article-page .right.public .cnxh li .tit h4{
    display:-webkit-box;
    height:auto;
    min-height:0;
    margin:0 0 5px;
    overflow:hidden;
    color:inherit;
    font-size:13px;
    font-weight:600;
    line-height:18px;
    word-break:break-word;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-clamp:2;
}
body.soft-article-page .right.public .cnxh li .tit span{
    display:block;
    overflow:hidden;
    color:#929dab;
    font-size:11px;
    line-height:18px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* ---------- 夜间模式 ---------- */
body.night.soft-article-page .right.public .r-list,
body.night.soft-article-page .right.public .cnxh{
    border-color:#3b4655;
    background:
        radial-gradient(circle at 96% 0,rgba(92,143,226,.12),transparent 30%),
        linear-gradient(145deg,#292d33 0%,#262a30 100%);
    box-shadow:0 16px 32px -25px rgba(0,0,0,.9);
}
body.night.soft-article-page .right.public .r-list:hover,
body.night.soft-article-page .right.public .cnxh:hover{border-color:#4b5b70;box-shadow:0 18px 36px -25px rgba(0,0,0,.95)}
body.night.soft-article-page .right.public .r-list:before,
body.night.soft-article-page .right.public .cnxh .title{color:#edf2f8}
body.night.soft-article-page .right.public .r-list:after{color:#8e9aa9}
body.night.soft-article-page .right.public .r-list .bar{background:#22272e}
body.night.soft-article-page .right.public .r-list .bar button{color:#aeb8c5}
body.night.soft-article-page .right.public .r-list .bar button:hover{background:#303740;color:#bcd4f3}
body.night.soft-article-page .right.public .r-list .bar button.sel{background:#343c47;box-shadow:none;color:#9fc2f6}
body.night.soft-article-page .right.public .r-list .order li a{color:#c2cad5}
body.night.soft-article-page .right.public .r-list .order li a:hover{background:#303944;color:#a9c8f4}
body.night.soft-article-page .right.public .r-list .order li a i{background:#343b44;color:#a9b4c1}
body.night.soft-article-page .right.public .r-list .order li:nth-child(-n+3) a{background:linear-gradient(90deg,rgba(53,65,82,.9),rgba(43,49,58,.35));color:#d8dee7}
body.night.soft-article-page .right.public .r-list .order li:nth-child(-n+3) a:hover{background:#344152;color:#bad2f3}
body.night.soft-article-page .right.public .cnxh .title:before{background:#303b4c;color:#8fb6ef}
body.night.soft-article-page .right.public .cnxh .title:after{background:#333a43;color:#a6b0bd}
body.night.soft-article-page .right.public .cnxh ul{background:transparent}
body.night.soft-article-page .right.public .cnxh li>a{color:#d0d7e0}
body.night.soft-article-page .right.public .cnxh li>a:hover{background:#303944;color:#b4cef2}
body.night.soft-article-page .right.public .cnxh li .img{border-color:#3d4652;background:#24282e}
body.night.soft-article-page .right.public .cnxh li .tit span{color:#929eac}

/* 1200-1320px 时站点固定导航右侧图标会换行，给首个模块保留安全距离。 */
@media screen and (min-width:1200px) and (max-width:1320px){
    body.soft-article-page .right.public .r-list{margin-top:38px}
}


/* article_fcgame_promo_20260905.css */
body.soft-article-page .fcgame-promo-placement{box-sizing:border-box}
body.soft-article-page .fcgame-promo-placement.is-sidebar{display:block;margin-top:20px}
body.soft-article-page .fcgame-promo-placement.is-mobile{display:none}
body.soft-article-page .fcgame-promo{position:relative;overflow:hidden;border:1px solid #dce6f3;border-radius:16px;background:linear-gradient(145deg,#fbfdff 0%,#f1f6fd 58%,#f5f3fb 100%);box-shadow:0 12px 28px -24px rgba(45,76,116,.45)}
body.soft-article-page .fcgame-promo-link{position:relative;z-index:1;display:block;box-sizing:border-box;padding:22px;color:#27364b;text-decoration:none;transition:transform .2s ease,background-color .2s ease}
body.soft-article-page .fcgame-promo-link:hover{color:#27364b;transform:translateY(-1px)}
body.soft-article-page .fcgame-promo-glow{position:absolute;right:-58px;top:-72px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(91,141,239,.13),rgba(91,141,239,0) 68%);pointer-events:none}
body.soft-article-page .fcgame-promo-head{display:flex;align-items:center;gap:10px;margin-bottom:15px}
body.soft-article-page .fcgame-promo-icon{display:inline-flex;width:42px;height:42px;flex:0 0 42px;align-items:center;justify-content:center;border:1px solid #d2e0f2;border-radius:12px;background:#eaf2fd}
body.soft-article-page .fcgame-promo-icon svg{display:block;width:29px;height:22px;fill:none;stroke:#5b7fb8;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
body.soft-article-page .fcgame-promo-icon circle:first-of-type{fill:#e9b64d;stroke:none}
body.soft-article-page .fcgame-promo-icon circle:last-of-type{fill:#df7887;stroke:none}
body.soft-article-page .fcgame-promo-label{color:#71839c;font-size:12px;font-weight:600;letter-spacing:.04em}
body.soft-article-page .fcgame-promo strong{display:block;color:#26364c;font-size:22px;font-weight:800;line-height:1.35}
body.soft-article-page .fcgame-promo-copy{display:block;margin-top:9px;color:#718096;font-size:13px;line-height:1.75}
body.soft-article-page .fcgame-promo-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
body.soft-article-page .fcgame-promo-tags span{display:inline-flex;align-items:center;height:24px;padding:0 9px;border:1px solid #dbe5f1;border-radius:999px;background:rgba(255,255,255,.76);color:#718097;font-size:11px}
body.soft-article-page .fcgame-promo-action{display:flex;height:38px;align-items:center;justify-content:center;gap:8px;margin-top:17px;border:1px solid #cfddf0;border-radius:10px;background:#e8f1fc;color:#3e6fae;font-size:14px;font-weight:700;transition:background-color .2s,color .2s,border-color .2s}
body.soft-article-page .fcgame-promo-link:hover .fcgame-promo-action{border-color:#bed1e9;background:#ddeafa;color:#315f99}
body.night.soft-article-page .fcgame-promo{border-color:#3c4653;background:linear-gradient(145deg,#292d33 0%,#2a3039 58%,#2d303a 100%);box-shadow:none}
body.night.soft-article-page .fcgame-promo-link,body.night.soft-article-page .fcgame-promo-link:hover{color:#dce3ec}
body.night.soft-article-page .fcgame-promo-glow{background:radial-gradient(circle,rgba(103,145,207,.12),rgba(103,145,207,0) 68%)}
body.night.soft-article-page .fcgame-promo-icon{border-color:#455367;background:#313b48}
body.night.soft-article-page .fcgame-promo-icon svg{stroke:#92acd0}
body.night.soft-article-page .fcgame-promo-label{color:#9eacbd}
body.night.soft-article-page .fcgame-promo strong{color:#e4e9f0}
body.night.soft-article-page .fcgame-promo-copy{color:#a8b2bf}
body.night.soft-article-page .fcgame-promo-tags span{border-color:#454e59;background:#32373e;color:#aeb7c3}
body.night.soft-article-page .fcgame-promo-action{border-color:#465468;background:#333d4a;color:#afc6e6}
body.night.soft-article-page .fcgame-promo-link:hover .fcgame-promo-action{border-color:#536780;background:#394757;color:#c3d5ed}
@media screen and (max-width:1199px){body.soft-article-page .fcgame-promo-placement.is-mobile{display:block;margin-top:22px}body.soft-article-page .fcgame-promo-placement.is-sidebar{display:none}}
@media screen and (max-width:800px){body.soft-article-page .fcgame-promo-link{padding:18px}body.soft-article-page .fcgame-promo-head{margin-bottom:12px}body.soft-article-page .fcgame-promo strong{font-size:20px}body.soft-article-page .fcgame-promo-copy{font-size:13px}body.soft-article-page .fcgame-promo-tags{margin-top:12px}body.soft-article-page .fcgame-promo-action{margin-top:14px}}
@media (prefers-reduced-motion:reduce){body.soft-article-page .fcgame-promo-link,body.soft-article-page .fcgame-promo-action{transition:none}}


/* list_tool_sidebar_20260905.css */
/* 工具补丁栏目专属：宽屏恢复详情页同款发现侧栏，不改变列表内容与视图逻辑。 */
body.tool-patch-list-page .soft-list-page .list-main>.container{
    display:grid;
    grid-template-columns:minmax(0,1fr) 380px;
    align-items:start;
    gap:20px;
}
body.tool-patch-list-page .soft-list-page .list-main>.container>.fl.soft.list{
    float:none;
    width:auto;
    min-width:0;
}
body.tool-patch-list-page .soft-list-page .list-main>.container>.right.public{
    display:block;
    float:none;
    width:auto;
    min-width:0;
}
body.tool-patch-list-page .right.public>.fcgame-promo{margin-top:0}

@media screen and (max-width:1520px){
    body.tool-patch-list-page .soft-list-page .list-main>.container{grid-template-columns:minmax(0,1fr) 340px}
}
@media screen and (max-width:1320px){
    body.tool-patch-list-page .soft-list-page .list-main>.container{grid-template-columns:minmax(0,1fr) 290px}
}
@media screen and (max-width:1199px){
    body.tool-patch-list-page .soft-list-page .list-main>.container{display:block}
    body.tool-patch-list-page .soft-list-page .list-main>.container>.fl.soft.list{width:100%}
    body.tool-patch-list-page .soft-list-page .list-main>.container>.right.public{display:none}
}


/* list_responsive_20260905.css */
/* List-only bridge between the existing phone and desktop layouts. */
@media screen and (min-width:801px) and (max-width:1199px){
 body.game-list-page{min-width:100%}
 body.game-list-page .container{width:95%;max-width:100%;margin-left:auto;margin-right:auto}
 body.game-list-page .soft-list-page .list-nav>.container{width:auto;margin:0}
 body.game-list-page .soft-list-page .soft.list ul.game-list.view-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.game-list-page header .logo{float:left;width:11rem;height:3.1rem;margin:auto}
 body.game-list-page header .logo img{display:block;height:100%;margin:auto}
 body.game-list-page header .menu{display:block;width:30px;margin:0;font-size:15px;line-height:70px;text-align:center}
 body.game-list-page header .menu.xz{transform:rotate(90deg)}
 body.game-list-page header nav{position:absolute;top:71px;left:0;width:100%;padding:0;border-radius:0 0 5px 5px;background:#fff;box-shadow:3px 3px 3px rgba(0,0,0,.1)}
 body.game-list-page header .layui-nav{display:none;padding:10px 5px}
 body.game-list-page header .layui-nav .layui-nav-item{margin:5px;border-radius:10px;background:#f6f6f6;line-height:30px!important}
 body.game-list-page header .layui-nav .layui-this{background:#007bf5!important}
 body.game-list-page header .layui-nav .layui-this a{color:#fff!important}
 body.game-list-page header.su .logo{width:7rem;padding:8px 0 0}
 body.game-list-page header.su .menu{line-height:50px}
 body.game-list-page header.su nav{top:51px}
 body.game-list-page.night header nav{background:#323335}
 body.game-list-page.night header .layui-nav .layui-nav-item{background:#252525}
}
/* slideToggle may leave an inline display:none after resizing to desktop. */
@media screen and (min-width:1200px){
 body.game-list-page header .layui-nav{display:block!important}
}


@font-face{font-family:FontAwesome;src:url("/static/fonts/fontawesome_list.3416771d8bec.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:block;unicode-range:U+20,U+f005,U+f009,U+f017,U+f019,U+f02e,U+f059,U+f06e,U+f074,U+f077,U+f08b,U+f0ac,U+f0c9,U+f105,U+f108,U+f11b,U+f145,U+f14e,U+f1b7,U+f274,U+f2c0,U+f2d2}