header .xd-language-control{float:right;display:flex;align-items:center;justify-content:center;position:relative;width:48px;height:70px;margin-left:8px;color:#344054;z-index:101}
header.su .xd-language-control{height:50px}
.xd-language-trigger{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:0 0 48px;width:48px;height:34px;margin:0;padding:0;box-sizing:border-box;border:1px solid transparent;border-radius:6px;background:transparent;color:inherit;font-family:inherit;font-size:13px;font-weight:600;line-height:1;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s,transform .2s}
.xd-language-trigger svg{display:block;pointer-events:none}
.xd-language-trigger:hover,.xd-language-trigger[aria-expanded=true]{border-color:#bcd4f2;background:#edf5ff;color:#2878df;transform:translateY(-1px)}
.xd-language-trigger:focus-visible{outline:2px solid #2878df;outline-offset:2px}
.xd-language-trigger[aria-busy=true]{opacity:.55}
.xd-language-menu{position:absolute;top:calc(50% + 24px);right:0;box-sizing:border-box;width:48px;padding:3px;border:1px solid #dce5ef;border-radius:6px;background:#fff;box-shadow:0 12px 32px -10px #162b7240}
.xd-language-menu[hidden]{display:none}
.xd-language-menu button{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;margin:0;padding:9px 6px;border:0;border-radius:5px;background:transparent;color:#536174;font-family:inherit;font-size:14px;line-height:1.5;text-align:center;cursor:pointer}
.xd-language-menu button[hidden]{display:none}
.xd-language-menu button:hover,.xd-language-menu button:focus-visible{background:#edf5ff;color:#2878df;outline:none}
.xd-language-menu button[aria-checked=true]{background:#edf5ff;color:#2878df;font-weight:600}
.xd-language-error{position:absolute;top:90%;right:0;width:220px;padding:8px 10px;border:1px solid #d8e3f0;border-radius:6px;background:#fff;color:#a64646;font-size:12px;line-height:1.6;box-shadow:0 4px 12px #192b4514}
.xd-language-error[hidden]{display:none}
.night .xd-language-control,[data-theme=dark] .xd-language-control{color:#c0c8d2}
:is(.night,[data-theme=dark]) .xd-language-trigger:hover,:is(.night,[data-theme=dark]) .xd-language-trigger[aria-expanded=true]{border-color:#4d6681;background:#303b4a;color:#8ebcff}
:is(.night,[data-theme=dark]) .xd-language-menu{background:#252c34;border-color:#3b4653;box-shadow:0 12px 32px -10px #0009}
:is(.night,[data-theme=dark]) .xd-language-menu button{color:#c0c8d2}
:is(.night,[data-theme=dark]) .xd-language-menu button:hover,:is(.night,[data-theme=dark]) .xd-language-menu button:focus-visible{background:#303b4a;color:#8ebcff}
:is(.night,[data-theme=dark]) .xd-language-menu button[aria-checked=true]{background:#303b4a;color:#8ebcff}
.night .xd-language-error,[data-theme=dark] .xd-language-error{background:#293440;border-color:#43546a;color:#f0b4b4}
.xd-language-original{padding:8px 12px;border:1px solid #e0e7ef;border-radius:6px;background:#f7f9fc;color:#687a90;font-size:13px;line-height:1.6;margin:12px 0}
.night .xd-language-original{background:#29323e;border-color:#435064;color:#bdcbdc}
html[data-site-language=en] header nav .layui-nav-item a{padding-left:12px!important;padding-right:12px!important;font-size:14px!important}
html[data-site-language=en] .user-menu a{font-size:14px}
html[data-site-language=en] .signin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-site-language=en] :is(.signin-stat span,.signin-rule-foot,.vip-benefit-item p,.ticket-help-notice p,.member-avatar-copy p){line-height:1.6;white-space:normal}
html[data-site-language=en] :is(.user-box .title,.signin-rules-title,.bo-official){flex-wrap:wrap;height:auto;min-height:0}
html[data-site-language=en] :is(.user-box button,.user-box a,.download-title-actions a){overflow-wrap:anywhere}
html[data-site-language=en] .download-title-actions{flex-wrap:wrap}
html[data-site-language=en] .member-profile-list li label{min-width:130px}
html[data-site-language=en] :is(.signin-recent-reward,.member-home-title,.vip-benefits-heading h2){overflow-wrap:anywhere}
.site-header .header-actions .xd-language-control{float:none;height:auto;margin-left:0}
@media(min-width:801px){html[data-site-language=en] header nav{padding-left:20px}html[data-site-language=en] header nav .layui-nav{padding:0}}
@media(max-width:800px){header .xd-language-control{height:70px;margin-left:0}html[data-site-language=en] .user-menu a{font-size:13px;line-height:1.5}html[data-site-language=en] .user-box .title span{font-size:12px;white-space:normal}html[data-site-language=en] .member-profile-list li label{min-width:110px}html[data-site-language=en] .article-down .title{height:auto;min-height:40px;flex-wrap:wrap}}
@media(max-width:380px){header .container{padding-left:8px;padding-right:8px}}
@media(max-width:800px){header .logo{height:auto!important;padding:14px 0!important}header .logo img{height:auto!important}header.su .logo{padding:6px 0!important}}
@media(max-width:380px){header .logo{padding:18px 0!important}header.su .logo{padding:8px 0!important}}
/* Keep the new selector and existing tools on one header row. */
header .container{display:flex;align-items:center;min-height:70px}
header.su .container{min-height:50px}
header .container>.logo{order:0;flex-shrink:0}
header .container>nav{order:1;margin-right:auto}
header .container>.menu{order:2;flex-shrink:0}
header .container>.night-open{order:3;flex-shrink:0}
header .container>.search-open{order:4;flex-shrink:0}
header .container>.user-open{order:5;flex-shrink:0}
header .container>.xd-language-control{order:6;flex-shrink:0}
@media(min-width:801px){header .container>nav{padding-left:20px}html[data-site-language=en] header nav .layui-nav{padding:0}}
@media(min-width:1521px){html[data-site-language=en] header nav .layui-nav-item a{padding-left:14px!important;padding-right:14px!important}}
@media(min-width:1200px) and (max-width:1520px){header nav .layui-nav{padding-left:4px;padding-right:4px}header nav .layui-nav-item a{padding-left:12px!important;padding-right:12px!important}}
@media(min-width:801px) and (max-width:1399px){html[data-site-language=en] header nav .layui-nav-item a i{display:none!important}header .container>nav{padding-left:10px}}
@media(max-width:1199px) and (min-width:801px){
 header .container{width:calc(100% - 32px)}
 header .container>.logo{margin-right:auto}
 header .container>.menu{display:block;width:30px;line-height:70px;text-align:center}
 header .container>nav{position:absolute;left:0;top:71px;width:100%;padding:0!important;background:#fff;box-shadow:0 4px 10px #15202b18}
 header.su .container>nav{top:51px}
 header nav .layui-nav{display:none;padding:10px!important}
 header nav .layui-nav-item{line-height:36px!important}
 body.night header .container>nav{background:#29323e}
}
@media(max-width:800px){header .container>.logo{width:140px;max-width:140px;margin:0 auto 0 0!important}header .container>:is(.menu,.night-open,.search-open,.xd-language-control,.user-open){width:34px!important;margin:0!important}header .container>nav{padding:0!important}html[data-site-language=en] .steam-review-overview{flex-wrap:wrap;gap:12px}html[data-site-language=en] .steam-review-level{position:static;max-width:100%}html[data-site-language=en] .steam-review-heading{min-width:0}html[data-site-language=en] .steam-review-heading strong{white-space:normal}}
@media(max-width:380px){header .container>.logo{width:110px;max-width:110px}}
@media(max-width:800px){header .container>.xd-language-control{width:48px!important}}
@media(prefers-reduced-motion:reduce){.xd-language-trigger{transition:none}.xd-language-trigger:hover,.xd-language-trigger[aria-expanded=true]{transform:none}}
/* English labels need natural flow instead of the Chinese title's absolute actions. */
html[data-site-language=en] .soft-detail .article-down .title{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:0}
html[data-site-language=en] .soft-detail .article-down .download-title-label{flex:0 0 auto;white-space:nowrap}
html[data-site-language=en] .soft-detail .article-down .download-title-actions{position:static;flex:0 1 auto;display:flex;flex-wrap:wrap;justify-content:flex-end;max-width:100%;gap:7px;margin-left:auto}
html[data-site-language=en] .soft-detail .article-down .title a{white-space:nowrap;overflow-wrap:normal}
html[data-site-language=en] .soft-detail .article-down ul{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}
html[data-site-language=en] .soft-detail .article-down .downbtn{height:100%;min-height:50px;gap:8px;padding:10px 12px}
html[data-site-language=en] .soft-detail .article-down .down-server-name{word-break:normal;overflow-wrap:normal;white-space:normal}
@media(max-width:800px){html[data-site-language=en] .soft-detail .article-down .title{flex-direction:column;align-items:flex-start;gap:10px}html[data-site-language=en] .soft-detail .article-down .download-title-actions{justify-content:flex-start;margin-left:0}html[data-site-language=en] .soft-detail .article-down .title a{padding:5px 8px}html[data-site-language=en] .soft-detail .article-down ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){html[data-site-language=en] .soft-detail .article-down ul{grid-template-columns:minmax(0,1fr)}}
html[data-site-language=en] .soft-detail .steam-review-card{grid-template-columns:minmax(0,1fr);gap:14px}
html[data-site-language=en] .soft-detail .steam-review-overview{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:0 0 12px;border-right:0;border-bottom:1px solid #e3e9f1}
html[data-site-language=en] body.night .soft-detail .steam-review-overview{border-bottom-color:#3e4855}
html[data-site-language=en] .soft-detail .steam-review-detail{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:18px}
html[data-site-language=en] .soft-detail .steam-review-heading strong,html[data-site-language=en] .soft-detail .steam-review-rate{white-space:normal}
html[data-site-language=en] .soft-detail .steam-review-primary>small{position:static;margin-top:4px;white-space:normal}
@media(max-width:640px){html[data-site-language=en] .soft-detail .steam-review-detail{grid-template-columns:minmax(0,1fr);gap:12px}}
/* Keep the three ranking tabs inside their column without changing carousel widths. */
html[data-site-language=en] .home-experience .hot-soft>.type{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
html[data-site-language=en] .home-experience .hot-soft>.type>a{min-width:0;margin:0;padding:0 4px;white-space:nowrap}
html[data-site-language=en] .home-experience .hot-soft .plate-list li .txt{min-width:0;white-space:nowrap;text-overflow:ellipsis}
html[data-site-language=en] .home-experience .hot-soft .plate-list li p>span{min-width:0;max-width:calc(100% - 70px)}
html[data-site-language=en] .home-experience .hot-soft .plate-list li p>span>i{white-space:normal;overflow-wrap:break-word}
html[data-site-language=en] .soft-list-page .soft.list ul.game-list.view-grid>li span.type{max-width:calc(100% - 74px);padding-left:4px;padding-right:4px;overflow:hidden;text-overflow:ellipsis;display:block}
html[data-site-language=en] .vip-member-benefits .vip-benefit-item>strong{overflow-wrap:normal;word-break:normal}
html[data-site-language=en] .vip-member-benefits .vip-benefit-item>span{line-height:1.5;min-height:32px}
html[data-site-language=en] .epay-product-desc{height:auto;max-height:none;white-space:normal;overflow:visible;line-height:1.6}