/* KBH Group公共单栏Shell；只匹配圈子模板专有容器，不修改论坛或公共头尾。 */
@media (min-width:768px) {
 #ct.kbh-group-shell {display:block;min-width:0;box-sizing:border-box}
 #ct.kbh-group-shell>.kbh-group-main,
 #ct.kbh-group-shell>.kbh-group-features {display:flow-root;float:none;width:auto;min-width:0;max-width:100%;margin:0;overflow:visible;box-sizing:border-box;overflow-wrap:anywhere}
 /* 业务模块沿文档流占满主体宽度；没有旧侧栏负边距、保留栏或裁切。 */
 .kbh-group-shell .kbh-group-features {padding-top:16px}
 .kbh-group-shell .kbh-group-features img {max-width:100%;height:auto}
 .kbh-group-shell #g_guide {display:flex;flex-wrap:wrap;gap:16px}
 .kbh-group-shell #g_guide>li {flex:1 1 12em;min-width:0}
 .kbh-group-shell #g_guide .group_createico {flex-shrink:0}
}

/* 顶部操作区继承Shell宽度并允许换行，不使用旧侧栏按钮固定宽度。 */
@media (min-width:768px) {
 .kbh-group-shell>.kbh-group-actions {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;max-width:100%;box-sizing:border-box;margin-bottom:16px}
 .kbh-group-shell>.kbh-group-actions #create_group_btn {float:none;display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;height:auto;min-height:40px;margin:0;padding:8px 20px;box-sizing:border-box;white-space:normal;line-height:1.4;background:#176b4b;color:#fff;border:1px solid #176b4b;border-radius:6px;text-indent:0;font-weight:500}
 .kbh-group-shell>.kbh-group-actions #create_group_btn:focus-visible {outline:2px solid #176b4b;outline-offset:2px}
}
/* Group主体复用正式模板色阶；不接管权限、事件或原生显示状态。 */
@media(min-width:768px){
#ct.kbh-group-shell{--kg-ink:#202824;--kg-muted:#626B65;--kg-line:#E2E6E2;--kg-soft:#F7F8F5;--kg-green:#103928;color:var(--kg-ink);font-size:14px;line-height:1.6}
.kbh-group-shell :is(p,li,dt,dd,a,th,td){word-break:normal;overflow-wrap:anywhere}
.kbh-group-shell :is(.bm,.bml,.bmw){border:0;background:#fff;box-shadow:none;margin-bottom:24px}
.kbh-group-shell .bm_h{height:auto;min-height:0;padding:12px 0;border:0;border-bottom:1px solid var(--kg-line);background:none;line-height:1.5;color:var(--kg-ink)}
.kbh-group-shell .bm_h :is(h1,h2,h3){font-size:18px;line-height:1.5;color:var(--kg-ink)}
.kbh-group-shell .bm_h h1{font-size:26px}
.kbh-group-shell .bm_h .y{font-size:13px;font-weight:500}
.kbh-group-shell .bm_c{padding:16px 0}
.kbh-group-shell :is(.xg1,.xg2){color:var(--kg-muted)}
.kbh-group-shell .xi2,.kbh-group-shell .xi2 a{color:var(--kg-green)}
.kbh-group-shell a:hover{color:var(--kg-green);text-underline-offset:3px}
.kbh-group-shell :is(.bbda,.bbd,.btda,.btd){border-color:var(--kg-line);border-style:solid}
/* 保留Tabs切换与原生菜单事件，仅替换外观。 */
.kbh-group-shell .tb{padding:0;border-bottom:1px solid var(--kg-line);background:none;line-height:1.5}
.kbh-group-shell .tb li{margin:0 16px 0 0;max-width:100%}
.kbh-group-shell .tb a{height:auto;margin:0;padding:11px 4px;border:0;border-bottom:2px solid transparent;background:none;color:var(--kg-muted);font-weight:500}
.kbh-group-shell .tb .a a,.kbh-group-shell .tb a:hover{border-bottom-color:#25D366;background:none;color:var(--kg-green);text-decoration:none}
.kbh-group-shell :is(.pn,.pgsbtn){height:auto;min-height:36px;max-width:100%;box-sizing:border-box;padding:7px 14px;border:1px solid var(--kg-line);border-radius:5px;background:#fff;box-shadow:none;color:var(--kg-ink);line-height:1.5;vertical-align:middle;text-indent:0}
.kbh-group-shell .pn :is(span,strong,em){padding:0;background:none;line-height:inherit}
.kbh-group-shell .pn:hover{border-color:#B8C9BD;background:var(--kg-soft)}
.kbh-group-shell .pnc,.kbh-group-shell>.kbh-group-actions #create_group_btn{background:#25D366;border-color:#25D366;color:#103928}
.kbh-group-shell .pnc:hover,.kbh-group-shell>.kbh-group-actions #create_group_btn:hover{background:#21C063;border-color:#21C063;text-decoration:none}
.kbh-group-shell :is(a,button,input,textarea,select):focus-visible{outline:2px solid #B8C9BD;outline-offset:2px;box-shadow:none}
/* 不覆盖radio、checkbox、隐藏字段和错误提示的显示逻辑。 */
.kbh-group-shell :is(.px,.pt,.ps){box-sizing:border-box;max-width:100%;border:1px solid #D4DBD5;border-radius:5px;background:#fff;color:var(--kg-ink);padding:8px 10px;font-size:14px;line-height:1.5}
.kbh-group-shell :is(input.px,select.ps){height:auto;min-height:38px}
.kbh-group-shell .tfm{width:100%;max-width:100%;table-layout:fixed}
.kbh-group-shell .tfm th{width:22%;padding:12px 20px 12px 0;color:var(--kg-muted);vertical-align:top}
.kbh-group-shell .tfm td{padding:10px 0;min-width:0}
.kbh-group-shell .tfm .lb{display:inline-block;margin:4px 18px 4px 0}
.kbh-group-shell .tedt{width:auto;max-width:100%;border:1px solid #D4DBD5;border-radius:6px}
.kbh-group-shell .tedt .bar{height:auto;min-height:28px;padding:6px 10px;background:var(--kg-soft);border-bottom:1px solid var(--kg-line)}
.kbh-group-shell .tedt .area{padding:8px}
.kbh-group-shell .tedt .pt{width:100%;border:0;border-radius:0}
.kbh-group-shell .dt,.kbh-group-shell .tl table{width:100%;max-width:100%}
.kbh-group-shell .tl :is(th,td),.kbh-group-shell .dt :is(th,td){padding-top:12px;padding-bottom:12px;border-color:var(--kg-line)}
.kbh-group-shell .tl .th,.kbh-group-shell .dt th{background:var(--kg-soft);color:var(--kg-muted);border-color:var(--kg-line)}
.kbh-group-shell .tl tbody tr:hover{background:var(--kg-soft)}
.kbh-group-shell .emp{padding:32px 16px;color:var(--kg-muted);text-align:center;background:var(--kg-soft);border-radius:6px}
.kbh-group-shell .pg :is(a,strong),.kbh-group-shell .pgb a{border:1px solid var(--kg-line);border-radius:5px;background-color:#fff;color:var(--kg-muted);box-shadow:none}
.kbh-group-shell .pg strong{background:#E9FCE7;color:var(--kg-green);border-color:#BCD9C4}
.kbh-group-shell #g_guide{margin:0;gap:24px}
.kbh-group-shell #g_guide>li{padding:0;line-height:1.5}
.kbh-group-shell #g_guide strong{color:var(--kg-ink);font-size:14px}
.kbh-group-shell #g_guide span{display:block;padding-top:4px;font-size:13px;color:var(--kg-muted)}
.kbh-group-shell #g_guide .group_createico{margin-right:10px}
.kbh-group-shell .kbh-group-features{border-top:1px solid var(--kg-line)}
.kbh-group-shell .kbh-group-features .tns{padding:12px;background:var(--kg-soft);border-radius:6px}
.kbh-group-shell .kbh-group-features .tns table{width:100%;table-layout:fixed}
.kbh-group-shell .kbh-group-features .tns :is(th,td){width:auto;border-color:var(--kg-line)}
.kbh-group-shell #gh>img{max-width:100%;height:auto}
.kbh-group-shell .avt img{border-radius:6px;border-color:var(--kg-line)}
}

/* 清除原生按钮精灵图的内层背景；字体和焦点不叠加旧装饰。 */
@media(min-width:768px){
 .kbh-group-shell #create_group_btn{letter-spacing:normal}
 .kbh-group-shell .tb .groupbtn,.kbh-group-shell .tb .groupbtn span{background:none;height:auto;line-height:1.5}
 .kbh-group-shell .tb .groupbtn{padding:9px 12px;border:1px solid #E2E6E2;border-radius:5px;color:#103928}
 .kbh-group-shell .tb .groupbtn span{padding:0}
 .kbh-group-shell .bm_h h1.xs2{font-size:26px!important}
 .kbh-group-shell :is(a,button,input,textarea,select):focus-visible{outline-width:1px}
 /* body级原生Group弹窗只修饰内部外观，不改弹窗定位、显示或关闭协议。 */
 body:has(.kbh-group-shell) .fwinmask .m_c{background:#fff;border:1px solid #E2E6E2;border-radius:6px;box-shadow:0 4px 16px #2028240d;color:#202824}
 body:has(.kbh-group-shell) .fwinmask .flb{padding:16px;border-bottom:1px solid #E2E6E2}
 body:has(.kbh-group-shell) .fwinmask .flb em{color:#202824;font-size:16px}
 body:has(.kbh-group-shell) .fwinmask .o{background:#F7F8F5;border-top:1px solid #E2E6E2;padding:12px 16px}
 body:has(.kbh-group-shell) .fwinmask .pn{height:auto;padding:7px 14px;background:#fff;border:1px solid #E2E6E2;border-radius:5px;color:#202824;box-shadow:none}
 body:has(.kbh-group-shell) .fwinmask .pnc{background:#25D366;border-color:#25D366;color:#103928}
 body:has(.kbh-group-shell) .fwinmask .pn :is(span,strong){background:none;padding:0;line-height:1.5}
}