/* 步骤29：分类 + 游戏版本筛选 */
.qrs-gv-bar{padding:14px 20px 6px;border-bottom:1px solid #f3f3f3;font-size:13px;line-height:20px}
.qrs-gv-row{display:flex;align-items:flex-start;margin-bottom:8px}
.qrs-gv-lb{flex:none;width:42px;color:#999;padding-top:4px}
.qrs-gv-chips{flex:1;display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.qrs-gv-chip{display:inline-flex;align-items:center;padding:4px 12px;border-radius:15px;background:#f3f4f6;color:#555;cursor:pointer;user-select:none;white-space:nowrap;transition:background .15s,color .15s}
.qrs-gv-chip:hover{color:var(--jinsom-color)}
.qrs-gv-chip i{font-style:normal;margin-left:5px;font-size:12px;color:#aaa}
.qrs-gv-chip.on{background:var(--jinsom-color);color:#fff}
.qrs-gv-chip.on i{color:rgba(255,255,255,.8)}
.qrs-gv-chip.has-sub::after{content:"";width:4px;height:4px;margin:-3px 0 0 6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}
.qrs-gv-chip.has-sub.on::after{transform:rotate(-135deg);margin-top:3px}
.qrs-gv-chip.none{color:#999}
.qrs-gv-chip.none.on{color:#fff}
.qrs-gv-sub{display:flex;flex-wrap:wrap;gap:8px;margin:-2px 0 10px 42px;padding:8px 10px;border-radius:6px;background:#f8f9fa}
.qrs-gv-sub .qrs-gv-chip{background:#fff;padding:3px 11px}
.qrs-gv-sub .qrs-gv-chip.on{background:var(--jinsom-color)}
.jinsom-bbs-box .qrs-gv-bar+.jinsom-bbs-box-header{border-top:0}

.qrs-gv-tag{display:inline-block;vertical-align:1px;margin-right:5px;padding:0 6px;height:18px;line-height:18px;border-radius:3px;font-size:12px;font-weight:normal;color:#1f6fbf;background:#e8f1fb;white-space:nowrap}
h2 .qrs-gv-tag,h1 .qrs-gv-tag{vertical-align:2px}
.jinsom-bbs-list-1 .right h2 a span.qrs-gv-tag{padding:0 6px;margin-right:6px;font-size:12px;line-height:18px;height:18px;border-radius:3px;color:#1f6fbf;background:#e8f1fb}
.jinsom-post-words .content h1 span.qrs-gv-tag{display:inline-block;padding:0 1.5vw;margin-right:1.5vw;font-size:3vw;line-height:4.6vw;height:4.6vw;border-radius:.8vw;color:#1f6fbf;background:#e8f1fb;vertical-align:.4vw}

.qrs-gv-single{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:10px 0 0;font-size:13px;color:#999}
.qrs-gv-single .qrs-gv-tag{font-size:13px;height:22px;line-height:22px;padding:0 8px}
.qrs-gv-single .qrs-gv-none{color:#bbb}
.qrs-gv-edit{margin-left:6px;color:var(--jinsom-color);cursor:pointer}
.qrs-gv-edit:hover{text-decoration:underline}
.qrs-gv-single.m{margin:2vw 0 0;font-size:3.4vw}
.qrs-gv-single.m .qrs-gv-tag{font-size:3.2vw;height:5.6vw;line-height:5.6vw;padding:0 2vw}

/* 选择区（发帖/编辑/快捷修改/设置里的默认版本） */
.qrs-gv-pickbox .qrs-gv-tip{color:#999;font-size:12px;margin-left:4px}
.qrs-gv-req{color:#f33;margin-left:2px;font-weight:normal}
.qrs-gv-picker{margin-top:8px}
.qrs-gv-pick-row{display:flex;align-items:flex-start;gap:6px;margin-bottom:6px}
.qrs-gv-pick-lb{flex:none;width:40px;font-size:12px;line-height:24px;color:#999}
.qrs-gv-pick-cells{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:6px}
.qrs-gv-pick{font-style:normal;cursor:pointer;user-select:none;padding:2px 9px;border-radius:13px;font-size:13px;line-height:20px;color:#666;background:#f3f4f6;border:1px solid transparent;transition:all .15s}
.qrs-gv-pick:hover{color:var(--jinsom-color)}
.qrs-gv-pick.on{color:#fff;background:var(--jinsom-color);border-color:var(--jinsom-color)}
.qrs-gv-pick.major{color:#888}
.qrs-gv-pick.major.on{color:#fff}
.qrs-gv-pick.legacy{border-style:dashed;border-color:#ccc}
.qrs-gv-catpick{display:flex;flex-wrap:wrap;gap:6px}
.jinsom-publish-right-box.cat.qrs-gv-has-chips .layui-form-select,.jinsom-publish-right-box.cat.qrs-gv-has-chips select,.jinsom-publish-right-box.cat.qrs-gv-has-chips>p{display:none!important}
.jinsom-publish-right-box.cat:has(.qrs-gv-pair) .layui-form-select,.jinsom-publish-right-box.cat:has(.qrs-gv-pair) select,.jinsom-publish-right-box.cat:has(.qrs-gv-pair)>p{display:none!important}
/* 电脑端发帖：分类、版本左右并排的选择框 + 悬浮窗 */
.qrs-gv-pair{position:relative;display:flex;gap:10px}
.qrs-gv-fcol{flex:1;min-width:0}
.qrs-gv-fcol>p{margin-bottom:8px}
.qrs-gv-field{position:relative;height:38px;line-height:36px;padding:0 26px 0 10px;border:1px solid #e6e6e6;border-radius:2px;background:#fff;cursor:pointer;font-size:14px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;transition:border-color .15s}
.qrs-gv-field:hover,.qrs-gv-fcol.open .qrs-gv-field{border-color:var(--jinsom-color)}
.qrs-gv-field::after{content:"";position:absolute;right:11px;top:50%;margin-top:-5px;width:6px;height:6px;border-right:1px solid #999;border-bottom:1px solid #999;transform:rotate(45deg);transition:transform .15s}
.qrs-gv-fcol.open .qrs-gv-field::after{transform:rotate(-135deg);margin-top:-1px}
.qrs-gv-fval{display:block;overflow:hidden;text-overflow:ellipsis}
.qrs-gv-fval.ph{color:#aaa}
.qrs-gv-pop{display:none;position:absolute;top:100%;right:0;z-index:999;margin-top:6px;width:380px;max-height:420px;overflow:auto;padding:14px 14px 4px;background:#fff;border:1px solid #eee;border-radius:6px;box-shadow:0 8px 28px rgba(0,0,0,.14);box-sizing:border-box;text-align:left}
.qrs-gv-pop.open{display:block}
.qrs-gv-pop.cat{width:100%;min-width:260px;padding-bottom:14px}
.qrs-gv-pop .qrs-gv-picker{margin-top:0}
.qrs-gv-pop-ft{position:sticky;bottom:-4px;display:flex;align-items:center;gap:12px;margin:6px -14px 0;padding:8px 14px;border-top:1px solid #f2f2f2;background:#fff;font-size:12px}
.qrs-gv-pop-ft .qrs-gv-tip{flex:1;margin:0}
.qrs-gv-pop-clear{color:#999;cursor:pointer}
.qrs-gv-pop-clear:hover{color:var(--jinsom-color)}
.qrs-gv-pop-ok{padding:0 14px;height:26px;line-height:26px;border-radius:13px;background:var(--jinsom-color);color:#fff;cursor:pointer}
.qrs-gv-pickbox.quick{padding:15px 20px 5px}
.qrs-gv-pickbox.quick .qrs-gv-tip{margin:0}
.qrs-gv-pickbox.m{padding:3vw 4vw;border-top:1px solid #f5f5f5}
.qrs-gv-pickbox.m .qrs-gv-pick-title{font-size:3.8vw;color:#333;margin-bottom:1vw}
.qrs-gv-pickbox.m .qrs-gv-pick-title span{font-size:3.2vw;color:#999;margin-left:2vw}
.qrs-gv-pickbox.m .qrs-gv-pick{font-size:3.4vw;padding:1vw 3vw;border-radius:4vw}
.qrs-gv-pickbox.m .qrs-gv-pick-lb{font-size:3.2vw;width:11vw;line-height:7.4vw}
.qrs-gv-pickbox.m .qrs-gv-pick-cells{gap:2vw}

/* 手机端筛选栏 */
.qrs-gv-bar.m{padding:2.5vw 3vw .5vw;background:#fff;border-bottom:1px solid #f5f5f5;font-size:3.4vw;line-height:1.5}
.qrs-gv-bar.m .qrs-gv-row{margin-bottom:2vw;align-items:center}
.qrs-gv-bar.m .qrs-gv-lb{width:9vw;padding:0}
.qrs-gv-bar.m .qrs-gv-chips{flex-wrap:nowrap;overflow-x:auto;gap:2vw;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.qrs-gv-bar.m .qrs-gv-chips::-webkit-scrollbar{display:none}
.qrs-gv-bar.m .qrs-gv-chip{padding:1vw 3vw;border-radius:4vw;flex:none}
.qrs-gv-bar.m .qrs-gv-sub{margin:0 0 2vw 9vw;padding:1.5vw 2vw;gap:2vw;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.qrs-gv-bar.m .qrs-gv-sub::-webkit-scrollbar{display:none}

/* 版块设置「分类/版本」标签页 */
.qrs-gv-tab{padding:0 25px 20px;font-size:13px;color:#555}
.qrs-gv-notice{margin:0 0 12px;padding:8px 12px;border-radius:4px;background:#eef8ee;color:#2a7a2a}
.qrs-gv-notice.warn{background:#fff6e6;color:#a05a00}
.qrs-gv-sec{margin-bottom:18px;padding-bottom:14px;border-bottom:1px dashed #eee}
.qrs-gv-sec:last-child{border-bottom:0}
.qrs-gv-sec-t{font-size:14px;color:#333;margin-bottom:10px;padding-left:8px;border-left:3px solid var(--jinsom-color);line-height:14px}
.qrs-gv-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-bottom:10px}
.qrs-gv-line.col{flex-direction:column;align-items:flex-start;gap:4px}
.qrs-gv-lb2{color:#888}
.qrs-gv-help{font-style:normal;color:#aaa;font-size:12px;margin-left:6px}
.qrs-gv-help.block{display:block;margin:8px 0 0}
.qrs-gv-sw{display:inline-flex;align-items:center;cursor:pointer;user-select:none}
.qrs-gv-sw input{display:none}
.qrs-gv-sw-ui{position:relative;width:34px;height:18px;border-radius:9px;background:#d2d2d2;margin-right:6px;transition:background .15s}
.qrs-gv-sw-ui::after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .15s}
.qrs-gv-sw input:checked+.qrs-gv-sw-ui{background:var(--jinsom-color)}
.qrs-gv-sw input:checked+.qrs-gv-sw-ui::after{left:18px}
.qrs-gv-ck{display:inline-flex;align-items:center;gap:4px;cursor:pointer;user-select:none;color:#666}
.qrs-gv-ck input{margin:0}
.qrs-gv-num input{width:52px;height:24px;padding:0 4px;border:1px solid #ddd;border-radius:3px;text-align:center}
.qrs-gv-cats,.qrs-gv-minors{margin:0;padding:0;list-style:none}
.qrs-gv-cats li,.qrs-gv-minors li,.qrs-gv-mrow,.qrs-gv-allrow{display:flex;align-items:center;gap:10px;padding:4px 6px;border-radius:4px;background:#fff}
.qrs-gv-cats li:hover,.qrs-gv-minors li:hover,.qrs-gv-mrow:hover{background:#f7f8fa}
.qrs-gv-h{width:10px;height:14px;cursor:move;flex:none;background:radial-gradient(#bbb 1px,transparent 1.5px) 0 0/5px 5px}
.qrs-gv-name{width:150px;height:26px;padding:0 8px;border:1px solid #e2e2e2;border-radius:3px;font-size:13px}
.qrs-gv-name.bad{border-color:#f33}
.qrs-gv-cnt{color:#aaa;font-size:12px}
.qrs-gv-del{color:#e33;cursor:pointer;font-size:12px}
.qrs-gv-add{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px}
.qrs-gv-add input{width:150px;height:26px;padding:0 8px;border:1px solid #e2e2e2;border-radius:3px}
.qrs-gv-add.sub{margin:4px 0 4px 26px}
.qrs-gv-btn{display:inline-block;padding:0 10px;height:26px;line-height:26px;border-radius:3px;background:#f3f4f6;cursor:pointer;color:#555}
.qrs-gv-btn:hover{color:var(--jinsom-color)}
.qrs-gv-major{margin-bottom:8px;padding:4px 0;border:1px solid #f0f0f0;border-radius:6px}
.qrs-gv-major .qrs-gv-mrow .qrs-gv-name{font-weight:bold}
.qrs-gv-minors{margin-left:20px}
.qrs-gv-allrow{margin-top:10px}
.qrs-gv-ph{height:30px;border:1px dashed #ccc;border-radius:4px;background:#fafafa;list-style:none}
.qrs-gv-tab .qrs-gv-pickbox.dflt .qrs-gv-picker{margin-top:2px}
.qrs-gv-tab .qrs-gv-ck input[type=checkbox]{display:inline-block;width:14px;height:14px}
.jinsom-bbs-setting-form .layui-tab-title li{min-width:0;padding:0 13px}
.qrs-gv-tab .qrs-gv-sw input[type=checkbox]{display:none!important}
.qrs-gv-single.in-header{margin:0;padding:0 20px 14px}
.qrs-gv-single.m{margin:2vw 0 3vw}
.qrs-gv-pick.on:hover{color:#fff}
.qrs-gv-fcol>p{font-weight:bold}
.qrs-gv-bar.loading .qrs-gv-chips,.qrs-gv-bar.loading .qrs-gv-sub{opacity:.6;pointer-events:none}
