#page-account-config{background:#f5f6fa}
.ac-page{padding:18px 22px;color:#303543}
.ac-page-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}
.ac-page-head h1{margin:0;font-size:20px}
.ac-page-head p{margin:5px 0 0;color:#9298a6;font-size:11px}
.ac-primary{height:34px;padding:0 14px;border:1px solid #2563eb;border-radius:7px;background:#2563eb;color:#fff;cursor:pointer}

.ac-view-tabs{display:inline-flex;gap:3px;margin-bottom:10px;padding:3px;border-radius:8px;background:#e9ecf2}
.ac-view-tabs button{height:30px;padding:0 14px;border:0;border-radius:6px;background:transparent;color:#697183;cursor:pointer}
.ac-view-tabs button.active{background:#fff;color:#2563eb;font-weight:650;box-shadow:0 1px 4px rgba(31,41,55,.1)}

.ac-panel{overflow:hidden;border:1px solid #e1e4ea;border-radius:11px;background:#fff}
.ac-panel[hidden]{display:none}
.ac-toolbar{display:flex;min-height:54px;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #e7e9ee;background:#fbfbfd}
.ac-toolbar-wrap{flex-wrap:wrap}
.ac-result-count{margin-left:auto;color:#999eaa;font-size:10px;white-space:nowrap}
.ac-add-auth{flex:0 0 auto;box-shadow:0 4px 10px rgba(37,99,235,.16)}
.ac-search,.ac-filter{display:flex;height:34px;align-items:center;border:1px solid #dfe3ea;border-radius:8px;background:#fff}
.ac-search{width:270px;gap:7px;padding:0 10px}
.ac-search-wide{width:410px}
.ac-search span{color:#8a91a0}
.ac-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#434a58;font-size:11px}
.ac-filter{gap:7px;padding-left:10px;color:#777f8e;font-size:10px}
.ac-filter select{height:32px;padding:0 26px 0 2px;border:0;outline:0;background:transparent;color:#4d5564;font-size:10px;cursor:pointer}
.ac-checkbox{display:inline-flex;height:34px;align-items:center;gap:7px;padding:0 10px;border:1px solid #dfe3ea;border-radius:8px;background:#fff;color:#596172;font-size:10px;cursor:pointer}
.ac-checkbox input{accent-color:#2563eb}

.ac-table-wrap{overflow:auto}
.ac-table{width:100%;min-width:980px;border-collapse:collapse;font-size:11px;table-layout:fixed}
.ac-table th{height:40px;padding:0 13px;background:#f7f8fa;color:#687083;font-weight:650;text-align:left;white-space:nowrap}
.ac-table td{height:62px;padding:8px 13px;border-top:1px solid #edf0f3;color:#4d5463;vertical-align:middle}
.ac-table tbody tr:hover{background:#fafbfe}
.ac-shop-table th:nth-child(1){width:20%}.ac-shop-table th:nth-child(2){width:10%}.ac-shop-table th:nth-child(3){width:13%}.ac-shop-table th:nth-child(4),.ac-shop-table th:nth-child(5),.ac-shop-table th:nth-child(6){width:10%}.ac-shop-table th:nth-child(7){width:27%}
.ac-account-table th:nth-child(1),.ac-account-table th:nth-child(2){width:31%}.ac-account-table th:nth-child(3){width:18%}.ac-account-table th:nth-child(4){width:20%}
.ac-douyin-table th:nth-child(1){width:22%}.ac-douyin-table th:nth-child(2){width:22%}.ac-douyin-table th:nth-child(3){width:31%}.ac-douyin-table th:nth-child(4){width:11%}.ac-douyin-table th:nth-child(5){width:14%}

.ac-entity{display:flex;min-width:0;align-items:center;gap:9px}
.ac-entity-link{max-width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}
.ac-entity-link:hover b{color:#2563eb;text-decoration:underline}
.ac-avatar{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:50%;background:linear-gradient(135deg,#dbe8ff,#eef4ff);color:#3865c4;font-weight:700}
.ac-avatar.tone-2{background:linear-gradient(135deg,#dcf7eb,#f1fcf6);color:#23835d}.ac-avatar.tone-3{background:linear-gradient(135deg,#fce5cf,#fff5e9);color:#b96822}.ac-avatar.tone-4{background:linear-gradient(135deg,#eadfff,#f7f2ff);color:#7450c8}
.ac-entity b,.ac-entity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac-entity b{color:#363d4c;font-size:11px}.ac-entity small{margin-top:3px;color:#9a9fac;font-size:9px}
.ac-subject-cell{display:grid;gap:5px}.ac-subject-cell>span{padding-left:43px;color:#858c99;font-size:9px}
.ac-empty-value{color:#a5aab4}.ac-empty{text-align:center!important;color:#9da2ae!important}
.ac-state{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:99px;font-size:9px;white-space:nowrap}
.ac-state:before{width:5px;height:5px;border-radius:50%;background:currentColor;content:""}
.ac-state.authorized{background:#eaf8f1;color:#288861}.ac-state.unauthorized{background:#f1f2f5;color:#7e8492}
.ac-expiry{font-weight:700;color:#3e4655}.ac-expiry.warning{color:#d27a16}
.ac-count-link,.ac-actions button,.ac-action-primary,.ac-action-cancel-default{padding:2px;border:0;background:transparent;font-size:10px;cursor:pointer}
.ac-count-link,.ac-action-primary{color:#2563eb}.ac-count-link:hover,.ac-action-primary:hover{text-decoration:underline}
.ac-actions{display:flex;flex-wrap:wrap;gap:5px 10px}.ac-action-cancel{color:#d34655}
.ac-action-cancel-default{color:#d34655}.ac-action-cancel-default:hover{text-decoration:underline}

.ac-modal-open{overflow:hidden}
.ac-guide-mask{position:fixed;z-index:145;inset:0;display:grid;place-items:center;padding:24px;background:rgba(25,31,43,.46);backdrop-filter:blur(1px)}
.ac-guide-mask[hidden]{display:none}
.ac-guide{width:min(800px,92vw);overflow:hidden;border:1px solid rgba(225,228,234,.9);border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(24,31,45,.24)}
.ac-guide-head{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px 16px;border-bottom:1px solid #edf0f4}
.ac-guide-head h3{margin:0;color:#303543;font-size:18px}.ac-guide-head p{margin:5px 0 0;color:#9399a6;font-size:11px}
.ac-guide-close{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:8px;background:#f2f4f7;color:#8b92a0;font-size:19px;line-height:1;cursor:pointer}.ac-guide-close:hover{background:#e9edf3;color:#515866}
.ac-guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:22px}
.ac-guide-step{position:relative;min-height:205px;padding:22px 18px 18px;border:1px solid #dfe9f4;border-radius:12px;background:linear-gradient(145deg,#f3f9fd,#edf6fb);text-align:center}
.ac-guide-index{position:absolute;top:12px;left:14px;color:#2563eb;font-size:21px;font-weight:700}
.ac-guide-icon{position:relative;width:64px;height:64px;margin:10px auto 15px;color:#2563eb}
.ac-guide-icon-browser{border:6px solid currentColor;border-radius:50%}.ac-guide-icon-browser:before{position:absolute;inset:16px;border:6px solid currentColor;border-radius:50%;content:""}.ac-guide-icon-browser:after{position:absolute;top:9px;right:-7px;width:31px;height:14px;transform:rotate(18deg);border-radius:9px;background:currentColor;content:""}
.ac-guide-icon-click:before{position:absolute;top:2px;left:23px;width:17px;height:42px;border:5px solid currentColor;border-radius:12px;content:""}.ac-guide-icon-click:after{position:absolute;right:5px;bottom:4px;width:43px;height:30px;transform:skew(-10deg);border-radius:9px;background:currentColor;content:""}
.ac-guide-icon-check{border-radius:8px;background:currentColor}.ac-guide-icon-check:before{position:absolute;top:13px;left:17px;width:27px;height:17px;transform:rotate(-45deg);border-bottom:6px solid #fff;border-left:6px solid #fff;content:""}
.ac-guide-step h4{margin:0 0 7px;color:#364052;font-size:13px}.ac-guide-step p{margin:0;color:#6f7888;font-size:11px;line-height:1.65}
.ac-guide-foot{display:flex;justify-content:center;padding:0 22px 22px}.ac-guide-foot .ac-primary{min-width:140px}

.ac-confirm-mask{position:fixed;z-index:150;inset:0;display:grid;place-items:center;background:rgba(25,31,43,.45)}
.ac-confirm-mask[hidden]{display:none}
.ac-confirm{width:min(410px,88vw);padding:20px;border-radius:11px;background:#fff;box-shadow:0 16px 50px rgba(24,31,45,.2)}
.ac-confirm h3{margin:0;font-size:16px}.ac-confirm p{margin:9px 0 18px;color:#747b89;font-size:11px;line-height:1.6}
.ac-confirm>div{display:flex;justify-content:flex-end;gap:8px}.ac-confirm button{height:33px;padding:0 13px;border:1px solid #dce0e7;border-radius:7px;background:#fff;color:#596172;cursor:pointer}.ac-confirm .ac-primary{border-color:#2563eb;background:#2563eb;color:#fff}
.ac-toast{position:fixed;z-index:160;left:50%;bottom:30px;transform:translateX(-50%);padding:9px 14px;border-radius:7px;background:#242a35;color:#fff;font-size:11px;box-shadow:0 8px 22px rgba(24,31,45,.2)}.ac-toast[hidden]{display:none}

@media(max-width:1000px){.ac-toolbar{align-items:stretch}.ac-result-count{width:100%;margin-left:0}.ac-search,.ac-search-wide{width:250px}.ac-table{table-layout:auto}}
@media(max-width:700px){.ac-page{padding:14px}.ac-view-tabs{display:flex;overflow:auto}.ac-view-tabs button{white-space:nowrap}.ac-toolbar{flex-direction:column}.ac-search,.ac-search-wide,.ac-filter,.ac-checkbox,.ac-add-auth{width:auto}.ac-filter{justify-content:space-between}.ac-result-count{width:auto}.ac-table{min-width:960px}.ac-guide-mask{padding:12px}.ac-guide{max-height:92vh;overflow:auto}.ac-guide-steps{grid-template-columns:1fr;padding:16px}.ac-guide-step{min-height:150px}.ac-guide-foot{padding:0 16px 16px}.ac-guide-foot .ac-primary{width:100%}}