.auto-join-group-page,.auto-join-group-page #autoJoinGroupRoot{height:100%;min-height:0}.auto-join-group-page{overflow:hidden;background:#f3f5f7;color:#3f464d}.auto-join-group-page *{box-sizing:border-box}.auto-join-group-page button,.auto-join-group-page input{font:inherit}.auto-join-page{height:100%;padding:12px;overflow:auto}.auto-join-card{min-width:1040px;min-height:100%;background:#fff;border:1px solid #dfe3e6}.auto-join-head{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;border-bottom:1px solid #e5e8ea}.auto-join-head h2{display:inline-block;margin:0 18px 0 0;font-size:15px;font-weight:600}.auto-join-head p{display:inline-flex;align-items:center;gap:7px;margin:0;color:#8b939a;font-size:12px}.auto-join-head p b{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#2aad16;color:#fff;font-size:11px}.auto-join-tools{display:flex;align-items:center;gap:8px;padding:12px 16px}.auto-join-search{width:210px}.auto-join-table-wrap{padding:0 16px;overflow:auto}.auto-join-table{width:100%;border-collapse:collapse}.auto-join-table th{height:42px;padding:0 12px;background:#f6f8f9;text-align:left;font-weight:500;color:#555}.auto-join-table td{height:64px;padding:8px 12px;border-bottom:1px solid #edf0f2}.auto-join-table th:first-child,.auto-join-table td:first-child{width:42px;text-align:center}.auto-join-account{display:flex;align-items:center;gap:9px}.auto-join-account .wx-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%}.auto-join-account strong{display:block;font-weight:500}.auto-join-account small{display:block;margin-top:3px;color:#ef8612}.auto-join-state-cell{display:flex;align-items:center;gap:10px}.auto-join-status{display:inline-flex;align-items:center;gap:6px;color:#5f666d}.auto-join-status i{width:7px;height:7px;border-radius:50%;background:#b1b7bd}.auto-join-status.on i{background:#2aad16}.auto-join-link{margin-right:10px;border:0;background:transparent;color:#2aa119}.auto-join-switch{position:relative;display:inline-block;width:38px;height:22px;vertical-align:middle}.auto-join-switch.large{width:42px;height:24px}.auto-join-switch input{position:absolute;opacity:0}.auto-join-switch span{display:block;height:100%;border-radius:999px;background:#c9cdd1}.auto-join-switch span:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}.auto-join-switch.large span:after{width:18px;height:18px}.auto-join-switch input:checked+span{background:#2aad16}.auto-join-switch input:checked+span:after{left:19px}.auto-join-switch.large input:checked+span:after{left:21px}.auto-join-pagination{display:flex;justify-content:center;padding:12px 0}.auto-join-empty{display:flex;align-items:center;justify-content:center;height:120px;color:#9ca3a9}.auto-join-modal-mask{position:fixed;z-index:2500;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.42);padding:24px}.auto-join-modal{display:grid;grid-template-rows:50px minmax(0,1fr) 54px;width:min(520px,calc(100vw - 48px));max-height:calc(100vh - 48px);background:#fff;border-radius:4px;box-shadow:0 12px 36px rgba(0,0,0,.24)}.auto-join-modal>header{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #e3e6e9}.auto-join-modal>header button{border:0;background:transparent;color:#969da3;font-size:22px}.auto-join-modal-body{min-height:0;overflow:auto;padding:20px 24px}.auto-join-modal>footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 18px;border-top:1px solid #e3e6e9}.auto-join-setting-row{display:grid;grid-template-columns:136px minmax(0,1fr);align-items:start;min-height:76px;margin-bottom:6px}.auto-join-setting-row>label{padding-top:7px;text-align:right;color:#555}.auto-join-setting-row input[type=number],.auto-join-setting-row input[type=time]{width:92px;height:34px;padding:0 8px;border:1px solid #d7dce0}.auto-join-setting-row p{margin:8px 0 0;color:#8f969d;font-size:12px;line-height:1.6}.auto-join-inline{display:flex;align-items:center;gap:8px;min-height:34px}.auto-join-inline button{height:34px;border:0;background:transparent;color:#2aa119}.auto-join-confirm-text{margin:8px 0;color:#555}.auto-join-toast{position:fixed;z-index:3200;top:64px;left:50%;transform:translateX(-50%);padding:10px 20px;border-radius:3px;background:rgba(30,33,36,.92);color:#fff}.auto-join-group-page .v110-shared-select{height:34px}.auto-join-group-page .v110-shared-select .shared-select-trigger{height:34px;min-height:34px}.auto-join-group-page .search-control input{height:34px}.auto-join-group-page .primary-button,.auto-join-group-page .ghost-button{min-height:34px}.auto-join-group-page .dialog-action-button{min-width:76px;height:34px}.auto-join-group-page .shared-select-menu{z-index:2800}
.auto-join-group-page .primary-button,.auto-join-group-page .ghost-button{height:34px;min-height:34px}
.auto-join-group-page .auto-join-page{height:100%;padding:10px 12px;overflow:hidden}
.auto-join-group-page .auto-join-card{position:relative;display:grid;grid-template-rows:52px 54px minmax(0,1fr) 56px;height:100%;min-height:0;padding-bottom:0}
.auto-join-group-page .auto-join-head{height:52px}
.auto-join-group-page .auto-join-tools{padding:10px 16px}
.auto-join-group-page .auto-join-table th{height:40px;vertical-align:middle;line-height:20px}
.auto-join-group-page .auto-join-table td{height:58px;padding-top:6px;padding-bottom:6px;vertical-align:middle;line-height:20px}
.auto-join-group-page .auto-join-table-wrap{min-height:0;overflow:auto}
.auto-join-group-page .auto-join-table{overflow:visible}
.auto-join-group-page .auto-join-table th{position:relative;overflow:visible}
.auto-join-group-page .auto-join-table th:nth-child(5),.auto-join-group-page .auto-join-table th:nth-child(6){z-index:3;overflow:visible}
.auto-join-group-page .auto-join-check-head{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}
.auto-join-group-page .auto-join-check-head i{display:none}
.auto-join-group-page .auto-join-table :is(th,td):first-child input[type="checkbox"]{display:inline-flex;align-items:center;justify-content:center;margin:0;vertical-align:middle}
.auto-join-group-page .auto-join-bottom-bar{position:relative;z-index:40;display:flex;align-items:center;justify-content:center;height:56px;margin-top:0;padding:0 16px;border-top:1px solid #e4e7e9;background:#fff;box-shadow:0 -3px 10px rgba(0,0,0,.04)}
.auto-join-group-page .auto-join-batch-actions{position:absolute;left:16px;display:flex;align-items:center;gap:14px}
.auto-join-group-page .auto-join-batch-actions .ghost-button{width:auto;min-width:0;height:24px;min-height:24px;padding:0;border:0;background:transparent;color:#2aa119;line-height:24px}
.auto-join-group-page .auto-join-batch-actions .ghost-button:disabled{background:transparent;color:#b9c0c6;cursor:not-allowed}
.auto-join-group-page .auto-join-batch-actions .primary-button{min-width:86px;height:34px;min-height:34px;padding:0 16px;border:1px solid #2aad16;border-radius:3px;background:#fff;color:#2aa119;line-height:32px}
.auto-join-group-page .auto-join-batch-actions .primary-button:disabled{border-color:#dfe3e6;background:#f6f7f8;color:#b9c0c6;cursor:not-allowed}
.auto-join-group-page .auto-join-pagination{display:flex;align-items:center;justify-content:center;height:56px;padding:0}
.auto-join-group-page .auto-join-modal{width:520px}
.auto-join-group-page .auto-join-modal>header{height:48px;padding:0 20px}
.auto-join-group-page .auto-join-modal{overflow:visible}
.auto-join-group-page .auto-join-modal-body{overflow:visible;padding:18px 24px 12px}
.auto-join-group-page .auto-join-setting-form{display:flex;flex-direction:column}
.auto-join-group-page .auto-join-setting-row{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:start;min-height:auto;margin:0;padding:20px 0;border-top:1px solid #e7eaed}
.auto-join-group-page .auto-join-setting-row:first-child{border-top:0;padding-top:8px;padding-bottom:22px}
.auto-join-group-page .auto-join-setting-row>label{display:flex;align-items:center;justify-content:flex-start;height:34px;min-height:34px;padding-top:0;color:#3f464d;line-height:18px;text-align:left;white-space:nowrap}
.auto-join-group-page .auto-join-setting-row p{margin:12px 0 0;color:#767e86;font-size:13px;line-height:22px}
.auto-join-group-page .auto-join-switch-row>div{display:flex;align-items:center;height:34px}
.auto-join-group-page .auto-join-sleep-row{padding-top:20px}
.auto-join-group-page .auto-join-sleep-row>div{min-width:0}
.auto-join-group-page .auto-join-sleep-row p{max-width:330px;margin-top:12px}
.auto-join-group-page .auto-join-inline{display:flex;align-items:center;gap:10px;height:34px;min-height:34px}
.auto-join-group-page .auto-join-inline>span{display:inline-flex;align-items:center;justify-content:center;height:34px;color:#555;line-height:34px}
.auto-join-group-page .auto-join-inline input[type=number],.auto-join-group-page .auto-join-inline input[type=time]{width:92px;height:34px;padding:0 12px;border:1px solid #d7dce0;border-radius:3px;color:#3f464d;line-height:32px}
.auto-join-group-page .auto-join-inline input[type=time]{width:100px}
.auto-join-group-page .auto-join-time-picker{width:106px;flex:0 0 106px;height:34px;background:#fff}
.auto-join-group-page .auto-join-time-picker .shared-time-trigger{height:34px;min-height:34px;padding:0 9px 0 10px;border:1px solid #cfd6dc!important;border-radius:3px;background:#fff!important;color:#555!important;line-height:32px;box-shadow:none!important}
.auto-join-group-page .auto-join-time-picker .shared-time-trigger span{color:#555!important}
.auto-join-group-page .auto-join-time-picker.open .shared-time-trigger{border-color:#2aad16!important;background:#fff!important;color:#555!important;box-shadow:0 0 0 2px rgba(42,173,22,.08)!important}
.auto-join-group-page .auto-join-time-picker .shared-time-panel{top:38px;z-index:3300}
.auto-join-group-page .auto-join-switch-line{gap:10px;justify-content:flex-start;width:100%}
.auto-join-group-page [data-auto-join-recommend]{height:34px;min-width:102px;margin-left:18px;padding:0 14px;border:1px solid #2aad16;border-radius:3px;background:#fff;color:#2aa119;line-height:32px}
.auto-join-group-page [data-component-key="tips"][data-component-version="C1.1"]{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:4px;vertical-align:middle;overflow:visible;transform:translateY(-1px)}
.auto-join-group-page [data-component-key="tips"][data-component-version="C1.1"]>button{width:16px;height:16px;min-width:16px;min-height:16px;padding:0;border:1px solid #9aa1a8;border-radius:50%;background:#fff;color:#747b82;font-size:11px;line-height:14px}
.auto-join-group-page [data-component-key="tips"][data-component-version="C1.1"]>.shared-field-tip-popover{display:none;top:24px;right:auto;bottom:auto;left:50%;width:250px;max-width:250px;padding:8px 10px;border-radius:3px;background:rgba(51,51,51,.94);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.16);font-size:12px;font-weight:400;line-height:20px;white-space:normal;text-align:left;transform:translateX(-50%);z-index:3200;pointer-events:none}
.auto-join-group-page [data-component-key="tips"][data-component-version="C1.1"]>.shared-field-tip-popover::before{top:-6px;bottom:auto;left:50%;border-top:0;border-right:6px solid transparent;border-bottom:6px solid rgba(51,51,51,.94);border-left:6px solid transparent;transform:translateX(-50%)}
.auto-join-group-page [data-component-key="tips"][data-component-version="C1.1"]:hover>.shared-field-tip-popover,.auto-join-group-page [data-component-key="tips"][data-component-version="C1.1"]:focus-within>.shared-field-tip-popover{display:block}
.auto-join-group-page .auto-join-account{gap:7px;min-height:38px}
.auto-join-group-page .auto-join-account .wx-avatar{width:32px;height:32px;flex-basis:32px}
.auto-join-group-page .auto-join-account strong{font-size:13px;line-height:18px}
.auto-join-group-page .auto-join-account small{margin-top:1px;font-size:12px;line-height:17px}
.auto-join-group-page .auto-join-state-cell{display:inline-flex;align-items:center;gap:9px;height:24px;line-height:24px;vertical-align:middle}
.auto-join-group-page .auto-join-status{display:inline-flex;align-items:center;gap:6px;height:24px;line-height:24px}
.auto-join-group-page .auto-join-status i{flex:0 0 6px;width:6px;height:6px;margin:0}
.auto-join-group-page .auto-join-switch{display:inline-flex;align-items:center;width:38px;height:22px;margin:0;vertical-align:middle}
.auto-join-group-page .auto-join-switch span{position:relative;width:38px;height:22px}
.auto-join-group-page .auto-join-switch.large{width:42px;height:24px}
.auto-join-group-page .auto-join-switch.large span{width:42px;height:24px}
.auto-join-group-page .auto-join-switch.large span:after{top:3px;left:3px;width:18px;height:18px}
.auto-join-group-page .auto-join-switch.large input:checked+span:after{left:21px}
.auto-join-group-page .auto-join-link{display:inline-flex;align-items:center;height:24px;margin-right:14px;padding:0;line-height:24px;vertical-align:middle}
.auto-join-group-page .auto-join-table td:nth-child(4),.auto-join-group-page .auto-join-table td:nth-child(5),.auto-join-group-page .auto-join-table td:nth-child(6){font-size:14px;color:#222}