/* 游戏详情页右栏 · 游戏盲盒入口。仅调整展示，不改变原链接与跳转逻辑。 */
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}
}